:root{--bg:#0b0f1a;--panel:#ffffff0a;--panel2:#ffffff0f;--border:#ffffff1a;--text:#ffffffeb;--muted:#ffffff9e;--brand:#7c5cff;--brand2:#22c55e;--warn:#f59e0b;--danger:#ef4444;--info:#38bdf8}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 600px at 10% 10%, #7c5cff38, transparent 60%), radial-gradient(1200px 600px at 90% 0%, #38bdf826, transparent 55%), radial-gradient(900px 500px at 60% 120%, #22c55e1a, transparent 60%), var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.screen{max-width:1150px;margin:0 auto;padding:18px}.topbar{justify-content:space-between;align-items:flex-end;margin:10px 0 14px;display:flex}.topbar h1{letter-spacing:.2px;margin:0;font-size:28px}.muted{color:var(--muted)}.box{background:linear-gradient(180deg, var(--panel), var(--panel2));border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 16px 60px #00000059}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=900px){.grid2{grid-template-columns:1fr}}.col{flex-direction:column;gap:10px;display:flex}.row{gap:10px;display:flex}.filters{gap:10px;margin:10px 0;display:flex}@media (width<=900px){.row,.filters{flex-direction:column}}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#00000038;border-radius:12px;outline:none;padding:10px 12px}.input:focus{border-color:#7c5cff8c;box-shadow:0 0 0 4px #7c5cff2e}.btn{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:9px 12px;font-weight:700}.btn:hover{border-color:#7c5cff8c;box-shadow:0 0 0 4px #7c5cff1f}.btn:disabled{opacity:.55;cursor:not-allowed}.btnPrimary{background:linear-gradient(#7c5cffe6,#7c5cff9e);border-color:#7c5cff73}.btnDanger{background:linear-gradient(#ef4444d9,#ef44448c);border-color:#ef444473}.pill{border:1px solid var(--border);background:#0000002e;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.dot{opacity:.95;background:currentColor;border-radius:999px;width:8px;height:8px}.badge--received{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa38}.badge--prep{color:var(--warn);background:#f59e0b1f;border-color:#f59e0b38}.badge--sent{color:var(--info);background:#38bdf81f;border-color:#38bdf838}.badge--transit{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa38}.badge--ready{color:#34d399;background:#34d3991f;border-color:#34d39938}.badge--delivered{color:var(--brand2);background:#22c55e24;border-color:#22c55e40}.tableWrap{border:1px solid var(--border);border-radius:14px;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:980px}.table thead th{text-align:left;letter-spacing:.8px;color:#ffffffbf;z-index:2;background:#ffffff0d;padding:12px 10px;font-size:12px;position:sticky;top:0}.table tbody td{border-top:1px solid #ffffff14;padding:12px 10px}.table tbody tr:hover{background:#ffffff0a}.note{background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:14px;padding:10px 12px}.banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff29;border-radius:14px;max-width:420px;padding:12px 14px;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 55px #00000059}.loginPage{justify-content:center;align-items:center;min-height:100vh;padding:28px 18px;display:flex}.loginCard{background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff1f;border-radius:18px;width:520px;max-width:94vw;padding:18px;box-shadow:0 18px 70px #00000073}.loginHeader{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.logoCircle{color:#38bdf8f2;background:#0000002e;border:2px solid #38bdf8cc;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:900;display:flex}.brandText{letter-spacing:1px;font-size:34px;font-weight:900}.loginGrid{flex-direction:column;gap:10px;display:flex}.loginRow{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.loginLeft{color:#ffffffbf;align-items:center;gap:8px;font-size:14px;display:flex}.loginFooter{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.loginLink{color:#38bdf8f2;font-size:14px;font-weight:700;text-decoration:none}.loginLink:hover{text-decoration:underline}.topbarShell{z-index:20;margin-bottom:14px;padding-top:10px;position:sticky;top:0}.topbarCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff1f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 14px 45px #00000059}.topbarLeft{align-items:center;gap:10px;display:flex}.topbarLogo{color:#38bdf8f2;background:#0000002e;border:2px solid #38bdf8cc;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:flex}.topbarTitle{letter-spacing:.2px;font-weight:900}.topbarSubtitle{color:#ffffff9e;margin-top:2px;font-size:13px}.topbarRight{text-align:right;align-items:center;gap:12px;display:flex}.topbarUser{line-height:1.1}.topbarUser b{font-weight:900}.btnSmall{border-radius:12px;padding:8px 10px}.cards{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:12px;display:grid}@media (width<=1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.cards{grid-template-columns:repeat(2,1fr)}}.cardStat{background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:78px;padding:12px;display:flex;box-shadow:0 14px 45px #0000004d}.cardStat .k{color:#ffffffa6;letter-spacing:.6px;text-transform:uppercase;font-size:12px;font-weight:800}.cardStat .v{letter-spacing:.2px;font-size:26px;font-weight:950}.cardStat .s{color:#ffffff9e;font-size:12px}