:root{--lemon:#ffd200;--orange:#ff8a00;--navy:#0b2a6b;--bg0:#070b14;--bg1:#0a1224;--panel:#ffffff0f;--panel2:#ffffff14;--stroke:#ffffff1f;--text:#ffffffeb;--muted:#ffffffa6;--muted2:#ffffff80;--r-xl:18px;--r-lg:14px;--r-md:12px;--shadow:0 18px 60px #0000008c;--shadow-soft:0 10px 30px #00000059;--grad:linear-gradient(135deg, var(--lemon), var(--orange));--grad-soft:linear-gradient(135deg, #ffd2002e, #ff8a001f);--ring:0 0 0 4px #ffd2002e}*{box-sizing:border-box}html,body{background:var(--bg0);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}body:before{content:"";pointer-events:none;filter:blur(2px);z-index:0;background:radial-gradient(900px 600px at 20% 10%,#ffd20029,#0000 60%),radial-gradient(900px 600px at 80% 22%,#ff8a001f,#0000 60%),radial-gradient(900px 600px at 50% 85%,#0b2a6b24,#0000 62%),radial-gradient(1200px 800px,#ffffff08,#0000 70%);position:fixed;inset:-240px}.screen{z-index:1;min-height:100vh;padding:16px;position:relative}.topbarShell{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#070b14e6,#070b1400);padding-top:10px;padding-bottom:10px;position:sticky;top:0}.topbarCard,.topbarCard--ig{border-radius:var(--r-xl);box-shadow:var(--shadow-soft);background:#0c1222b3;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.topbarCard:before,.topbarCard--ig:before{content:"";background:var(--grad);opacity:.95;border-radius:999px;height:4px;position:absolute;top:10px;left:12px;right:12px}.topbarCard:after,.topbarCard--ig:after{content:"";pointer-events:none;opacity:.9;background:radial-gradient(520px 200px at 18% 0,#ffd2001a,#0000 62%);position:absolute;inset:0}.topbarLeft,.topbarRight{z-index:1;position:relative}.topbarLeft{align-items:center;gap:10px;min-width:200px;display:flex}.topbarLogo,.topbarLogo--ig{color:#0b1020;background:var(--grad);border-radius:14px;place-items:center;width:38px;height:38px;font-weight:1000;display:grid;box-shadow:0 12px 24px #ff8a002e}.topbarTitle,.topbarTitle--ig{letter-spacing:.2px;font-size:14px;font-weight:950;line-height:1.1}.topbarSubtitle{color:#ffffff9e;margin-top:2px;font-size:12px}.topbarRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.topbarUser,.topbarUser--ig{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.topbarAvatar{color:#0b1020;background:var(--grad);border-radius:999px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.topbarRolePill{color:#ffffffeb;background:#ffd2001f;border:1px solid #ffd20038;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:950;display:inline-flex}@media (width<=860px){.topbarCard,.topbarCard--ig{flex-direction:column;align-items:stretch}.topbarRight{justify-content:space-between}}.topbar{border-radius:var(--r-xl);box-shadow:var(--shadow-soft);background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;gap:6px;margin:10px 0 14px;padding:12px;display:flex}.topbar h1{letter-spacing:.2px;margin:0;font-size:20px}.box{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;padding:14px;position:relative}.note{border-radius:var(--r-lg);box-shadow:var(--shadow-soft);background:#ffffff0d;border:1px solid #ffffff1a;padding:10px 12px}.igHeaderRow{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:12px;display:flex}.igStats{flex:1;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;min-width:320px;display:grid}@media (width<=820px){.igStats{grid-template-columns:1fr;min-width:100%}}.igStatCard{border-radius:var(--r-xl);background:#ffffff0d;border:1px solid #ffffff1a;padding:12px 14px;position:relative;overflow:hidden;box-shadow:0 10px 26px #00000038}.igStatCard:before{content:"";opacity:.75;background:linear-gradient(135deg,#ffd200e6,#ff8a00b3);border-radius:999px;height:3px;position:absolute;top:10px;left:12px;right:12px}.igStatValue{letter-spacing:.2px;color:#fffffff2;margin-top:8px;font-size:22px;font-weight:1000}.igStatHint{color:#ffffff9e;margin-top:4px;font-size:12px}.igActions{justify-content:flex-end;align-items:flex-start;display:flex}@media (width<=820px){.igActions{justify-content:stretch;width:100%}.igActions .btn{width:100%}}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters .input{flex:1;min-width:240px}.input{width:100%;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:10px 12px;font-size:13px;transition:box-shadow .15s,border-color .15s,background .15s}.input::placeholder{color:#ffffff6b}.input:focus{box-shadow:var(--ring);background:#ffffff0f;border-color:#ffd20080}.btn{appearance:none;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:950;transition:transform .15s,box-shadow .15s,filter .15s,background .15s;box-shadow:0 8px 20px #00000038}.btn:hover{background:#ffffff14;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btnPrimary{background:var(--grad);color:#0b1020;border:none;box-shadow:0 14px 30px #ff8a002e}.btnPrimary:hover{filter:brightness(1.02);box-shadow:0 18px 44px #ff8a003d}.btnSmall{padding:9px 12px;font-size:12px}.tableWrap{border-radius:var(--r-lg);background:#ffffff08;border:1px solid #ffffff1a;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:980px}.table thead th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb8;z-index:2;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:11px 12px;font-size:11px;position:sticky;top:0}.table td{color:#ffffffe6;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:11px 12px;font-size:13px}.table tbody tr:hover td{background:#ffd2000d}.pill{color:#0b1020;background:var(--grad);border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:950;display:inline-flex;box-shadow:0 10px 22px #ff8a001f}.trackingLink{color:#ffffffeb;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:950;display:inline-flex}.trackingLink:hover{background:#ffffff12;border-color:#ffffff24;transform:translateY(-1px)}.trackingIcon{opacity:.85;font-size:12px}.banner{color:#ffffffeb;background:#ff8a001a;border:1px solid #ff8a0059;border-radius:12px;margin-top:12px;padding:10px 12px;font-weight:950}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.grid2{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}@media (width<=1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.cards{grid-template-columns:1fr}}.cardStat{border-radius:var(--r-xl);box-shadow:var(--shadow-soft);background:#ffffff0d;border:1px solid #ffffff1a;padding:12px}.cardStat .k{letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e;font-size:11px;font-weight:950}.cardStat .v{margin-top:8px;font-size:24px;font-weight:1000;line-height:1.1}.cardStat .s{color:#ffffff8f;margin-top:6px;font-size:12px}.loginPage{place-items:center;min-height:100vh;padding:22px;display:grid}.loginCard{width:420px;max-width:94vw;box-shadow:var(--shadow);background:#0c1222c7;border:1px solid #ffffff1a;border-radius:22px;padding:22px;position:relative;overflow:hidden}.loginCard:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(520px 260px at 10% 0,#ffd2002e,#0000 58%),radial-gradient(520px 260px at 90% 0,#ff8a001f,#0000 60%);position:absolute;inset:-2px}.loginHeader{z-index:1;align-items:center;gap:12px;padding:6px 6px 12px;display:flex;position:relative}.loginLogoWrap{background:var(--grad);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 14px 30px #ff8a002e}.loginLogoImg{object-fit:contain;width:30px;height:30px;display:block}.brandText,.loginBrandTitle{letter-spacing:.25px;color:#ffffffeb;font-size:15px;font-weight:1000;line-height:1.1}.loginGrid{z-index:1;gap:8px;padding:6px;display:grid;position:relative}.loginRow{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.loginLeft{color:#ffffffb8;align-items:center;gap:8px;font-weight:950;display:flex}.loginFooter{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.loginFooter .link{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:9px 12px;text-decoration:none;box-shadow:0 10px 24px #0003}.loginFooter .link:hover{background:#ffffff14;border-color:#ffd20047;text-decoration:none}.badge{letter-spacing:.2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:950;display:inline-flex}.dot{border-radius:999px;width:8px;height:8px}.badge--received{color:#ffffffeb;background:#ffd2001f;border-color:#ffd20047}.badge--received .dot{background:var(--lemon);box-shadow:0 0 10px #ffd2008c}.badge--prep{color:#ffffffeb;background:#ff8a001f;border-color:#ff8a0047}.badge--prep .dot{background:var(--orange);box-shadow:0 0 10px #ff8a008c}.badge--sent{color:#ffffffeb;background:#0b2a6b2e;border-color:#0b2a6b52}.badge--sent .dot{background:#3b82f6;box-shadow:0 0 10px #3b82f680}.badge--transit{color:#ffffffeb;background:#ffffff0f;border-color:#ffffff24}.badge--transit .dot{background:#a78bfa;box-shadow:0 0 10px #a78bfa73}.badge--ready{color:#ffffffeb;background:#22c55e1f;border-color:#22c55e47}.badge--ready .dot{background:#22c55e;box-shadow:0 0 10px #22c55e80}.badge--delivered{background:var(--grad);color:#0b1020;border:none;box-shadow:0 12px 26px #ff8a0038}.badge--delivered .dot{background:#0b1020}.box{padding:16px}.box h2,.box h3{margin:0 0 10px}.grid2{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}@media (width<=980px){.grid2{grid-template-columns:1fr}}.col{flex-direction:column;gap:10px;display:flex}select{border-radius:12px;height:42px}@media (width<=980px){.row{grid-template-columns:1fr}}.box .btn{border-radius:12px;height:40px;padding:10px 14px}.box .btnPrimary,.box button[type=submit],.box button{align-self:flex-start}.box .actionsRight{justify-content:flex-end;gap:10px;display:flex}.operatorForm{gap:12px;display:grid}.box h2,.box h3{letter-spacing:.2px;font-weight:1000}.box form{gap:10px;display:grid}.box .muted{line-height:1.3}.badge{align-self:flex-start}@media (width>=1100px){.box form .row,.box .row{grid-template-columns:1fr 1fr}}.actionsRight{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.box button{align-self:unset}.operatorForm{grid-template-columns:1.35fr .65fr;align-items:start;gap:14px;display:grid}.operatorCol{flex-direction:column;gap:10px;display:flex}.row{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;display:grid}.badgeCell{justify-content:flex-start;align-items:center;min-height:42px;display:flex}.summaryCard{border-radius:var(--r-xl);background:#ffffff0d;border:1px solid #ffffff1a;padding:12px 14px;box-shadow:0 10px 26px #00000038}.summaryRow{justify-content:space-between;gap:10px;margin-top:8px;display:flex}.input,select.input,textarea.input{border-radius:12px;height:42px;padding:10px 12px}@media (width<=980px){.operatorForm,.row{grid-template-columns:1fr}}
