*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0f2744;--navy-mid:#1a3a5c;--navy-light:#2b5f9e;--gold:#d4920a;--gold-light:#fff3dc;--gold-bright:#f5a623;--success:#0d9e6e;--success-bg:#d1fae5;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#0284c7;--info-bg:#e0f2fe;--s-created:#6b7280;--s-collected:#2563eb;--s-transit:#d97706;--s-arrived:#7c3aed;--s-delivery:#0891b2;--s-delivered:#059669;--s-returned:#dc2626;--bg:#f0f2f7;--surface:#fff;--surface-2:#f8f9fb;--border:#e2e6ef;--border-dark:#cbd5e1;--text-1:#0f1a2e;--text-2:#4a5568;--text-3:#8a94a6;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--sidebar-w:256px;--header-h:60px;--shadow-sm:0 1px 3px #0f27440f, 0 1px 2px #0f27440a;--shadow-md:0 4px 12px #0f27441a, 0 2px 4px #0f27440f;--shadow-lg:0 16px 40px #0f274424, 0 4px 8px #0f274414;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px}html{font-size:15px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--navy-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.fade-in{animation:.25s both fadeIn}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#e8ecf4 25%,#f4f6fa 50%,#e8ecf4 75%) 0 0/800px 100%;animation:1.4s ease-in-out infinite shimmer}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}@media (width<=767px){html{font-size:14px}table{min-width:520px}.grid-cols-2{grid-template-columns:1fr}[role=dialog]>div{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important;margin:0!important;top:auto!important;bottom:0!important}}@media (width<=1023px){.hide-tablet{display:none!important}}