:root{color:#172026;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app-shell{max-width:1180px;margin:0 auto;padding:24px}.toolbar,.create-row,.filters,.content-grid{display:grid;gap:12px}.toolbar{grid-template-columns:1fr auto;align-items:center;margin-bottom:18px}h1,h2,p{margin:0}h1{font-size:24px}h2{font-size:17px}.toolbar p,.detail p,.timeline span{color:#637079;font-size:13px}.create-row{grid-template-columns:minmax(220px,1fr) minmax(160px,240px) auto;align-items:end;margin-bottom:12px}label{display:grid;gap:6px;color:#4c5961;font-size:13px}input,select{min-height:38px;border:1px solid #cfd7d2;border-radius:7px;background:#fff;color:#172026;padding:0 10px}.filters{grid-template-columns:minmax(220px,1fr) 180px;margin-bottom:16px}.filters label{position:relative}.filters svg{position:absolute;left:10px;bottom:11px;color:#637079}.filters input{padding-left:34px}.primary,.icon-button{border:1px solid #0f766e;background:#0f766e;color:#fff;border-radius:7px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;cursor:pointer}.icon-button{width:38px;padding:0;text-decoration:none}.content-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.table-wrap,.detail,.alert{border:1px solid #d9ded8;border-radius:8px;background:#fff}.alert{padding:10px 12px;margin-bottom:12px;color:#9f1239;background:#fff1f2}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #edf0ec;text-align:left;font-size:14px}th{color:#637079;font-size:12px;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#f9faf7}.detail{padding:16px;min-height:260px}.detail-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:12px}.badge{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 9px;background:#e7ece9;color:#33413d;font-size:12px;text-transform:capitalize}.badge.delivered{background:#dcfce7;color:#166534}.badge.failure{background:#ffe4e6;color:#9f1239}.badge.in_transit,.badge.out_for_delivery{background:#dbeafe;color:#1e40af}.timeline{display:grid;gap:14px;margin:16px 0 0;padding-left:20px}.timeline li{padding-left:4px}.timeline strong,.timeline span{display:block}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.app-shell{padding:16px}.create-row,.filters,.content-grid{grid-template-columns:1fr}}