:root{--bg:#f2f3f5;--card:#fff;--ink:#0f0f10;--muted:#5b5f66;--muted-soft:rgba(15,15,16,.55);--red:#d72626;--red-soft:rgba(215,38,38,.14);--green:#16a34a;--amber:#f59e0b;--blue:#2563eb;--border:rgba(15,15,16,.12);--border-strong:rgba(15,15,16,.22);--shadow:0 4px 20px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);--radius:18px;--radiusSm:14px;--radiusXs:10px}*{box-sizing:border-box}body,html{height:100%}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:720px;margin:0 auto;padding:18px 16px 28px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--ink)}.headerInner{max-width:720px;margin:0 auto;padding:12px 16px 10px;display:flex;justify-content:center;align-items:center}.headerRule{height:3px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.95}.card{background:var(--card);border-radius:var(--radius);padding:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.cardAccent{position:relative;overflow:hidden}.cardAccent:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--red);opacity:.95}.cardTitle{margin:0;font-size:18px;letter-spacing:.1px}.h1{margin:0;font-size:26px;font-weight:900;letter-spacing:-.3px}.muted{color:var(--muted)}.sectionTitle{margin:22px 0 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:rgba(15,15,16,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:var(--radiusSm);font-size:15px;font-weight:800;font-family:inherit;border:1.5px solid transparent;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;color:var(--ink);background:transparent}.btn:active{transform:translateY(1px);opacity:.92}.btn[disabled]{opacity:.5;cursor:not-allowed}.btnPrimary{background:var(--ink);color:#fff;box-shadow:0 2px 8px rgba(15,15,16,.18)}.btnPrimary:hover{box-shadow:0 4px 12px rgba(15,15,16,.28)}.btnPrimary .dot{width:10px;height:10px;border-radius:999px;background:var(--red);box-shadow:0 0 0 5px var(--red-soft);flex-shrink:0}.btnSecondary{background:#fff;color:var(--ink);border-color:var(--border)}.btnSecondary:hover{background:#f8f8f9;border-color:var(--border-strong)}.btnDanger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.btnGhost{background:rgba(15,15,16,.05);color:var(--ink);border-color:transparent}.btnSm{padding:8px 12px;font-size:13px}.pillRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(15,15,16,.05);border:1px solid rgba(15,15,16,.1);font-weight:800;font-size:13px;white-space:nowrap}.pillRed{background:rgba(215,38,38,.1);border-color:rgba(215,38,38,.22);color:#991b1b}.pillGreen{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.pillYellow{background:#fffbeb;border-color:#fde68a;color:#92400e}.pillBlue{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.pillPurple{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.22);color:#5b21b6}input,select,textarea{width:100%;padding:13px 14px;border:1.5px solid rgba(15,15,16,.2);border-radius:var(--radiusSm);font-size:16px;font-family:inherit;color:var(--ink);background:#fff;transition:border-color .14s ease,box-shadow .14s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 1px 3px rgba(0,0,0,.04)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft),0 1px 3px rgba(0,0,0,.04)}input::placeholder,textarea::placeholder{color:rgba(15,15,16,.32)}input:disabled,select:disabled,textarea:disabled{background:#f8f8f9;color:var(--muted);cursor:not-allowed}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230f0f10' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}textarea{resize:vertical;min-height:96px}.field{display:grid;grid-gap:7px;gap:7px}.field label{display:block;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(15,15,16,.55)}.field .hint{font-size:12px;color:var(--muted)}.field .err{font-size:12px;color:#991b1b;font-weight:700}.fieldRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:440px){.fieldRow{grid-template-columns:1fr}}.errBanner{padding:13px 16px;border-radius:var(--radiusSm);background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-weight:800;font-size:14px}.infoBanner{padding:11px 14px;border-radius:var(--radiusSm);background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-weight:600;font-size:13px}.footerNav{position:-webkit-sticky;position:sticky;bottom:0;z-index:10;background:hsla(270,9%,96%,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(15,15,16,.09)}.footerNavInner{max-width:720px;margin:0 auto;padding:8px 10px 14px;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.navItem{text-align:center;padding:9px 2px 8px;border-radius:14px;border:1px solid rgba(15,15,16,.1);background:hsla(0,0%,100%,.88);font-weight:900;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);transition:background .14s,border-color .14s}.navItemActive{border-color:rgba(215,38,38,.32);background:hsla(0,0%,100%,.96);color:var(--ink);box-shadow:inset 0 0 0 2px rgba(215,38,38,.14)}.navIcon{font-size:20px;line-height:1}.navLabel{font-size:10px;letter-spacing:.04em;text-transform:uppercase}.spacerBottom{height:16px}.kpiGrid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr)}@media (min-width:580px){.kpiGrid{grid-template-columns:repeat(4,1fr)}}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radiusSm);padding:12px 14px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.kpiLabel{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.kpiValue{font-size:22px;font-weight:900;letter-spacing:-.4px;margin-top:4px;line-height:1.15}.kpiSub{font-size:12px;color:var(--muted);margin-top:2px}.quickGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:12px}@media (min-width:480px){.quickGrid{grid-template-columns:repeat(4,1fr)}}.quickBtn{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.18);border-radius:12px;padding:11px 10px;font-size:13px;font-weight:800;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.quickBtn:hover{background:hsla(0,0%,100%,.18)}.quickBtn .ico{font-size:20px;line-height:1}.tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--muted);font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap}.tabActive{background:var(--ink);color:#fff;border-color:var(--ink)}.actionBar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actionBar .spacer{flex:1 1}.statBox{background:rgba(15,15,16,.04);border-radius:12px;padding:14px 16px}.statBox .statVal{font-size:24px;font-weight:950;letter-spacing:-.5px;line-height:1.1}.statBox .statLbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.55;margin-top:4px}.hero{border-radius:20px;padding:20px 20px 18px;background:linear-gradient(135deg,#0b1220,#0e1a33 55%,#10224a);color:#fff;border:1px solid hsla(0,0%,100%,.08);position:relative;overflow:hidden}.hero .eyebrow{font-size:13px;opacity:.7;font-weight:800;letter-spacing:.2px}.hero h1{margin:6px 0 0;font-size:30px;font-weight:950;letter-spacing:-.5px;line-height:1.1}.hero .rings:after,.hero .rings:before{content:"";position:absolute;border-radius:50%;border:1px solid hsla(0,0%,100%,.08);pointer-events:none}.hero .rings:before{right:-100px;top:-100px;width:280px;height:280px}.hero .rings:after{right:-60px;top:-60px;width:200px;height:200px}.logHeaderRow,.logsTable{width:100%;max-width:100%}.logHeaderRow{display:grid;grid-template-columns:minmax(0,150px) minmax(0,110px) minmax(0,1fr) minmax(0,90px) minmax(0,70px) minmax(0,70px) minmax(0,88px);grid-gap:10px;gap:10px;padding:10px 0;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:rgba(15,15,16,.5);border-bottom:1px solid rgba(15,15,16,.12)}.logHeaderRow .actions,.logHeaderRow .num{text-align:right}.logList{grid-gap:10px;margin-top:10px}.logList,.logRow{display:grid;gap:10px;width:100%;max-width:100%}.logRow{grid-template-columns:minmax(0,150px) minmax(0,110px) minmax(0,1fr) minmax(0,90px) minmax(0,70px) minmax(0,70px) minmax(0,88px);grid-gap:10px;padding:12px;border:1px solid rgba(15,15,16,.1);border-radius:14px;background:hsla(0,0%,100%,.75);overflow:hidden}.cell{min-width:0}.cell .top{font-weight:900}.cell .sub{font-size:12px;opacity:.7;margin-top:2px}.num{text-align:right}.actions{display:flex;justify-content:flex-end;align-items:center;min-width:0}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link{font-weight:900;text-decoration:underline;text-underline-offset:2px;opacity:.9}@media (max-width:760px){.logHeaderRow{display:none}.logRow{grid-template-columns:1fr 1fr;grid-template-areas:"date truck" "mid mid" "lbs bu" "ticket actions";gap:12px;padding:14px}.date{grid-area:date}.truck{grid-area:truck;text-align:right}.mid{grid-area:mid}.lbs{grid-area:lbs}.bu{grid-area:bu}.ticket{grid-area:ticket}.actions{grid-area:actions}}.dataTable{width:100%;border-collapse:collapse;font-size:13px}.dataTable td,.dataTable th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}.dataTable th{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900;background:rgba(15,15,16,.02)}.dataTable td.num,.dataTable th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dataTable tr:last-child td{border-bottom:none}.tableScroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media print{body{background:#fff}.footerNav,.header,.no-print{display:none!important}.container{max-width:100%;padding:0}.card{box-shadow:none;border-color:#e5e7eb;page-break-inside:avoid}a{color:inherit;text-decoration:none}}