.adminShell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f6f7fb;color:#0f172a;font-family:Arial,sans-serif}.sidebar{background:#fff;border-right:1px solid #e2e8f0;padding:18px 14px;display:flex;flex-direction:column}.adminShell.isCollapsed{grid-template-columns:88px 1fr}.sidebar.isCollapsed{padding:18px 10px}.brand{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:background .14s ease,border-color .14s ease,transform .14s ease;position:relative}.brand:hover{background:#f8fafc;border-color:#e2e8f0}.brand:active{transform:translateY(.5px)}.brand:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.brandLogo{width:52px;height:52px;flex-shrink:0}.brandLogo img{width:100%;height:100%;object-fit:contain;border-radius:10px}.brandText{display:flex;flex-direction:column;line-height:1.1}.brandName{font-size:18px;font-weight:700}.brandSub{font-size:13px;opacity:.7}.collapseBtn{margin-left:auto;width:28px;height:28px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;display:grid;place-items:center;font-size:16px;opacity:.75;transition:background .14s ease,border-color .14s ease,opacity .14s ease}.brand:hover .collapseBtn{opacity:1}.collapseBtn:hover{background:#fff;border-color:#e2e8f0}.sidebar.isCollapsed .collapseBtn{margin-left:0}.navSection{margin-top:10px}.navSectionTitle{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#94a3b8;font-weight:700;padding:10px 10px 6px;min-height:20px}.navItem{display:flex;align-items:center;gap:12px;padding:10px;margin:4px 6px;border-radius:12px;text-decoration:none;color:#0f172a;border:1px solid transparent;background:transparent;cursor:pointer;font-size:13px;transition:background .14s ease,border-color .14s ease;position:relative;overflow:visible}.navIcon{width:52px;display:flex;justify-content:center;align-items:center;text-align:center;opacity:.9;font-size:16px}.navItem:hover{background:#f8fafc;border-color:#e2e8f0}.navItem.active{background:#ecfeff;border-color:#dbeafe}.navItem.danger{color:#991b1b}.navItem.danger:hover{background:#fff1f2;border-color:#fecaca}.sidebar.isCollapsed .navItem{justify-content:center;gap:0;padding:10px 8px}.sidebar.isCollapsed .navIcon{width:52px}.sidebar.isCollapsed .navSectionTitle{padding:10px 0 6px;text-align:center}.floatTip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;font-size:12px;font-weight:700;padding:8px 10px;border-radius:10px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 10px 28px #0f172a2e;transition:opacity .12s ease,transform .12s ease;z-index:50}.floatTip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #0f172a}.navItem:hover .floatTip,.navItem:focus-visible .floatTip{opacity:1;transform:translateY(-50%) translate(2px)}.sidebarFooter{margin-top:auto;padding:10px 6px 2px}.userCard{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:10px}.userAvatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:#0f172a;color:#fff}.userName{font-size:13px;font-weight:800}.userRole{font-size:12px;color:#64748b;margin-top:2px}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e2e8f0;background:#f6f7fbe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pageTitle{font-weight:900;font-size:14px}.pageHint{font-size:12px;color:#64748b;margin-top:2px}.topbarRight{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:8px 10px;font-size:12px;color:#0f172a}.pillDot{width:8px;height:8px;border-radius:999px;background:#22c55e}.content{padding:18px;min-width:0}@media(max-width:980px){.adminShell,.adminShell.isCollapsed{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;border-right:none;border-bottom:1px solid #e2e8f0}}.trackingPage{display:flex;flex-direction:column;gap:12px}.trackingHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.trackingHeaderLeft{min-width:280px}.trackingTitleRow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.trackingTitle{margin:0;font-size:22px;font-weight:900}.trackingSubtitle{color:#64748b;font-size:12px;font-weight:700}.trackingTabs{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.tabPill{border:1px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.tabPill:hover{background:#f8fafc;border-color:#cbd5e1}.tabPill.active{background:#ecfeff;border-color:#dbeafe}.tabPill.danger{border-color:#fecaca;background:#fff1f2;color:#991b1b}.tabCount{margin-left:6px;display:inline-block;border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}.trackingHeaderRight{display:flex;align-items:center;gap:10px}.ghostBtn{border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer}.ghostBtn:hover{background:#f8fafc;border-color:#cbd5e1}.primaryBtn{border:1px solid #dbeafe;background:#ecfeff;color:#0f172a;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:900;cursor:pointer;pointer-events:auto;opacity:1}.primaryBtn:hover{border-color:#93c5fd;background:#e0f2fe}.primaryBtn:disabled{cursor:pointer;opacity:1}.trackingToolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.searchBox{flex:1 1 320px;min-width:260px;display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:10px 12px}.searchIcon{opacity:.6;font-weight:900}.searchBox input{border:none;outline:none;width:100%;font-size:12px}.toolbarRight{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.selectBox{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:10px 12px}.selectIcon{opacity:.65}.selectBox select{border:none;outline:none;font-size:12px;background:transparent;cursor:pointer}.stateBox{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px;font-size:12px;font-weight:700}.stateBox.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.trackingGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.trackingGrid{grid-template-columns:1fr}}.trackingCard{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:14px 14px 12px;box-shadow:0 10px 25px #0f172a08;transition:transform .06s ease,border-color .12s ease,box-shadow .12s ease;display:flex;flex-direction:column;gap:12px}.trackingCard:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 14px 30px #0f172a0d}.problemCard{border-color:#fecaca;box-shadow:0 10px 25px #b91c1c0d}.cardTop{display:flex;align-items:center;justify-content:flex-start;gap:10px}.cardStatusRow{display:flex;align-items:center;gap:8px}.statusDot{width:8px;height:8px;border-radius:999px;background:#94a3b8}.statusText{font-size:12px;font-weight:600;color:#0f172a}.cardRightTop{display:flex;align-items:center;gap:10px}.podOk{font-size:12px;font-weight:600;color:#16a34a}.podMissing{font-size:12px;font-weight:600;color:#64748b}.cardMain{display:flex;align-items:stretch;justify-content:space-between;gap:12px}.cardLeft{flex:1;min-width:0}.orderNumber{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:.2px}.routeTitle{margin-top:2px;font-size:12px;color:#64748b;font-weight:600}.metaGrid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.metaGrid{grid-template-columns:1fr}}.metaItem{border:1px solid #f1f5f9;background:#fbfdff;border-radius:12px;padding:10px;min-width:0}.metaLabel{font-size:10px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.metaValue{margin-top:4px;font-size:12px;color:#0f172a;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metaHint{margin-top:3px;font-size:11px;color:#94a3b8}.problemInfo{margin-top:12px;border:1px solid #fecaca;background:#fff1f2;border-radius:12px;padding:10px}.problemTitle{font-size:12px;font-weight:800;color:#991b1b}.problemLine{margin-top:4px;font-size:12px;color:#7f1d1d;font-weight:600}.problemNote{margin-top:6px;font-size:12px;color:#7f1d1d;font-style:italic}.cardIllustration{width:160px;display:flex;align-items:center;justify-content:center;color:#0f172a}@media(max-width:900px){.cardIllustration{display:none}}.truckSvg{width:100%;height:auto}.truckLoadFill{transition:width .22s ease}.cardBottom{display:flex;align-items:center;justify-content:flex-start;gap:10px}.cardBtn{border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:8px 10px;border-radius:12px;font-size:12px;cursor:pointer}.cardBtn:hover{background:#f8fafc;border-color:#cbd5e1}.cardBtn.ghost{background:#f8fafc}.statusDot.neutral{background:#94a3b8}.statusDot.info{background:#3b82f6}.statusDot.teal{background:#14b8a6}.statusDot.warn{background:#f59e0b}.statusDot.success{background:#22c55e}.statusDot.danger{background:#ef4444}.drawerOverlay{position:fixed;inset:0;background:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;display:flex;justify-content:flex-end}.drawer{width:min(560px,94vw);height:100vh;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-20px 0 50px #0f172a1f;display:flex;flex-direction:column}.drawerHeader{padding:14px 14px 12px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawerTitleRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.drawerTitle{font-size:16px;font-weight:900;color:#0f172a}.drawerSub{margin-top:4px;font-size:12px;color:#64748b;font-weight:600}.drawerCloseBtn{border:1px solid #e2e8f0;background:#fff;width:34px;height:34px;border-radius:12px;cursor:pointer}.drawerCloseBtn:hover{background:#f8fafc;border-color:#cbd5e1}.drawerStatus{border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.drawerStatus.status-5{border-color:#fecaca;background:#fff1f2;color:#991b1b}.drawerBody{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:12px}.drawerSection{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px}.sectionTitle{font-size:12px;font-weight:900;color:#0f172a;margin-bottom:10px}.kv{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:6px 0;border-top:1px dashed #f1f5f9}.kv:first-of-type{border-top:none;padding-top:0}.k{font-size:12px;color:#64748b;font-weight:700}.v{font-size:12px;color:#0f172a;font-weight:700;word-break:break-word}.muted{margin-top:8px;font-size:12px;color:#94a3b8;font-weight:600}.podLink{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbeafe;background:#ecfeff;color:#0f172a;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800;text-decoration:none}.podLink:hover{border-color:#93c5fd}.dangerSection{border-color:#fecaca;background:#fff1f2}.dangerTitle{color:#991b1b}.rawBox{margin:0;background:#0b1020;color:#e2e8f0;border-radius:12px;padding:10px;overflow:auto;font-size:11px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:6px}.fieldLabel{font-size:12px;color:#64748b;font-weight:700}.field input,.field select{border:1px solid #e2e8f0;border-radius:12px;padding:10px;font-size:12px;outline:none}.field input:focus,.field select:focus{border-color:#93c5fd}.actionsInline{align-content:end}.actionsRow{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.drawerBtn{border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:10px 12px;border-radius:12px;font-size:12px;cursor:pointer}.drawerBtn:hover{background:#f8fafc;border-color:#cbd5e1}.drawerBtn.danger{border-color:#fecaca;color:#991b1b}.drawerBtn.danger:hover{background:#fff1f2;border-color:#fca5a5}.drawerPrimary{border:1px solid #dbeafe;background:#ecfeff;color:#0f172a;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:900;cursor:pointer}.drawerPrimary:hover{border-color:#93c5fd}.drawerPrimary:disabled,.drawerBtn:disabled{opacity:.6;cursor:not-allowed}.drawerFooter{padding:12px 14px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px}@media(max-width:520px){.formGrid{grid-template-columns:1fr}}.drawer .stateBox{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px;font-size:12px;font-weight:700}.drawer .stateBox.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.billingPage{padding:0}.billingPage .trackingPage{display:flex;flex-direction:column;gap:12px}.billingPage .trackingHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.billingPage .trackingHeaderLeft{min-width:280px}.billingPage .trackingTitleRow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.billingPage .trackingTitle{margin:0;font-size:22px;font-weight:900}.billingPage .trackingSubtitle{color:#64748b;font-size:12px;font-weight:700}.billingPage .trackingTabs{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.billingPage .tabPill{border:1px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.billingPage .tabPill:hover{background:#f8fafc;border-color:#cbd5e1}.billingPage .tabPill.active{background:#ecfeff;border-color:#dbeafe}.billingPage .tabPill.danger{border-color:#fecaca;background:#fff1f2;color:#991b1b}.billingPage .tabCount{margin-left:6px;display:inline-block;border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}.billingPage .trackingHeaderRight{display:flex;align-items:center;gap:10px}.billingPage .ghostBtn{border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer}.billingPage .ghostBtn:hover{background:#f8fafc;border-color:#cbd5e1}.billingPage .trackingToolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.billingPage .searchBox{flex:1 1 320px;min-width:260px;display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:10px 12px}.billingPage .searchIcon{opacity:.6;font-weight:900}.billingPage .searchBox input{border:none;outline:none;width:100%;font-size:12px}.billingPage .toolbarRight{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.billingPage .stateBox{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px;font-size:12px;font-weight:700}.billingPage .stateBox.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.billingPage .trackingGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.billingPage .trackingGrid{grid-template-columns:1fr}}.billingPage .trackingCard{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:14px 14px 12px;box-shadow:0 10px 25px #0f172a08;display:flex;flex-direction:column;gap:12px;min-width:0}.billingPage .cardTopRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.billingPage .cardLeft{display:flex;align-items:center;gap:10px;min-width:0}.billingPage .cardCode{font-size:13px;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billingPage .cardRight{display:flex;align-items:center;gap:10px}.billingPage .statusDot{width:10px;height:10px;border-radius:999px;background:#94a3b8;flex:0 0 auto}.billingPage .statusDot.ok{background:#22c55e}.billingPage .statusDot.warn{background:#f59e0b}.billingPage .statusDot.danger{background:#ef4444}.billingPage .cardBody{display:flex;flex-direction:column;gap:10px;min-width:0}.billingPage .cardRoute{display:flex;align-items:baseline;gap:10px;min-width:0}.billingPage .routeFrom,.billingPage .routeTo{font-size:16px;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billingPage .routeArrow{opacity:.6;font-weight:900;flex:0 0 auto}.billingPage .cardMetaGrid{margin-top:2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:520px){.billingPage .cardMetaGrid{grid-template-columns:1fr}}.billingPage .metaItem{border:1px solid #f1f5f9;background:#fbfdff;border-radius:12px;padding:10px;min-width:0}.billingPage .metaLabel{font-size:10px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.billingPage .metaValue{margin-top:4px;font-size:12px;color:#0f172a;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}.billingPage .metaValue a{color:#0f172a;font-weight:800;text-decoration:none;border-bottom:1px dashed #cbd5e1}.billingPage .metaValue a:hover{border-bottom-color:#0f172a}.billingPage .billingFormGrid{margin-top:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.billingPage .billingField{display:grid;gap:6px}.billingPage .billingFieldLabel{font-size:12px;opacity:.75}.billingPage .billingInput{width:100%;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;outline:none;font-size:12px}.billingPage .billingFileRow{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.billingPage .cardActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.billingPage .billingFormGrid{margin-top:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}@media(max-width:820px){.billingPage .billingFormGrid{grid-template-columns:1fr}}.billingPage .billingField{display:grid;gap:6px;min-width:0}.billingPage .billingFieldLabel{font-size:12px;color:#64748b;font-weight:700}.billingPage .billingInput{width:100%;box-sizing:border-box;min-width:0;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;outline:none;font-size:12px;background:#fff;height:40px}.billingPage .billingInput:focus{border-color:#93c5fd}.billingPage .billingFileRow{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap;align-items:center;min-width:0}.billingPage .billingChecks{font-size:12px;color:#334155;font-weight:700;opacity:.85}.archivePage{padding:0}.archivePage .trackingPage{display:flex;flex-direction:column;gap:12px}.archivePage .trackingHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.archivePage .trackingHeaderLeft{min-width:280px}.archivePage .trackingTitleRow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.archivePage .trackingTitle{margin:0;font-size:22px;font-weight:900}.archivePage .trackingSubtitle{color:#64748b;font-size:12px;font-weight:700}.archivePage .trackingTabs{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.archivePage .tabPill{border:1px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.archivePage .tabPill:hover{background:#f8fafc;border-color:#cbd5e1}.archivePage .tabPill.active{background:#ecfeff;border-color:#dbeafe}.archivePage .tabPill.danger{border-color:#fecaca;background:#fff1f2;color:#991b1b}.archivePage .tabCount{margin-left:6px;display:inline-block;border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}.archivePage .trackingHeaderRight{display:flex;align-items:center;gap:10px}.archivePage .ghostBtn{border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer}.archivePage .ghostBtn:hover{background:#f8fafc;border-color:#cbd5e1}.archivePage .trackingToolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.archivePage .searchBox{flex:1 1 320px;min-width:260px;display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:10px 12px}.archivePage .searchIcon{opacity:.6;font-weight:900}.archivePage .searchBox input{border:none;outline:none;width:100%;font-size:12px}.archivePage .toolbarRight{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.archivePage .stateBox{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:12px;font-size:12px;font-weight:700}.archivePage .stateBox.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.archivePage .trackingGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.archivePage .trackingGrid{grid-template-columns:1fr}}.archivePage .trackingCard{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:14px 14px 12px;box-shadow:0 10px 25px #0f172a08;display:flex;flex-direction:column;gap:12px;min-width:0}.archivePage .cardTopRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.archivePage .cardLeft{display:flex;align-items:center;gap:10px;min-width:0}.archivePage .cardCode{font-size:13px;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archivePage .cardRight{display:flex;align-items:center;gap:10px}.archivePage .statusDot{width:10px;height:10px;border-radius:999px;background:#94a3b8;flex:0 0 auto}.archivePage .statusDot.ok{background:#22c55e}.archivePage .statusDot.warn{background:#f59e0b}.archivePage .statusDot.danger{background:#ef4444}.archivePage .cardBody{display:flex;flex-direction:column;gap:10px;min-width:0}.archivePage .cardRoute{display:flex;align-items:baseline;gap:10px;min-width:0}.archivePage .routeFrom,.archivePage .routeTo{font-size:16px;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archivePage .routeArrow{opacity:.6;font-weight:900;flex:0 0 auto}.archivePage .cardMetaGrid{margin-top:2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:520px){.archivePage .cardMetaGrid{grid-template-columns:1fr}}.archivePage .metaItem{border:1px solid #f1f5f9;background:#fbfdff;border-radius:12px;padding:10px;min-width:0}.archivePage .metaLabel{font-size:10px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.archivePage .metaValue{margin-top:4px;font-size:12px;color:#0f172a;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}.archivePage .metaValue a{color:#0f172a;font-weight:800;text-decoration:none;border-bottom:1px dashed #cbd5e1}.archivePage .metaValue a:hover{border-bottom-color:#0f172a}.archivePage .cardActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.driversGrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.driversGrid{grid-template-columns:1fr}}.driverCard .metaItem .metaValue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driverTopRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.driverLeft{display:flex;align-items:center;gap:10px;min-width:0}.driverName{font-weight:900;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driverRight{display:flex;align-items:center;gap:10px}.driverIdPill{border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;color:#0f172a}.driverMetaGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:820px){.driverMetaGrid{grid-template-columns:1fr}}.driverActions{justify-content:flex-end}.driverDrawerOverlay{position:fixed;inset:0;background:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2200;display:flex;justify-content:flex-end}.driverDrawer{width:min(520px,94vw);height:100vh;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-20px 0 50px #0f172a1f;display:flex;flex-direction:column}.driverDrawerHeader{padding:14px 14px 12px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.driverDrawerTitle{font-size:16px;font-weight:900;color:#0f172a}.driverDrawerSub{margin-top:4px;font-size:12px;color:#64748b;font-weight:600}.driverDrawerClose{border:1px solid #e2e8f0;background:#fff;width:34px;height:34px;border-radius:12px;cursor:pointer}.driverDrawerClose:hover{background:#f8fafc;border-color:#cbd5e1}.driverDrawerBody{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:12px}.driverFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.driverFormGrid{grid-template-columns:1fr}}.span2{grid-column:1 / -1}.driverDrawerActions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.rpOverlay{position:fixed;inset:0;background:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2200;display:flex;justify-content:flex-end}.rpDrawer{width:min(520px,94vw);height:100vh;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-20px 0 50px #0f172a1f;display:flex;flex-direction:column}.rpHeader{padding:14px 14px 12px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rpTitle{font-size:16px;font-weight:900;color:#0f172a}.rpSub{margin-top:4px;font-size:12px;color:#64748b;font-weight:600}.rpClose{border:1px solid #e2e8f0;background:#fff;width:34px;height:34px;border-radius:12px;cursor:pointer}.rpClose:hover{background:#f8fafc;border-color:#cbd5e1}.rpBody{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}.rpHint{font-size:12px;color:#94a3b8;font-weight:600;min-height:18px}.rpActions{margin-top:6px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}