*{box-sizing:border-box}:root{color-scheme:light;--ink:#172033;--muted:#687386;--line:#d7dde7;--soft:#f3f6f9;--panel:#fff;--brand:#0f6b5b;--brandDark:#0a463e;--navy:#162033;--gold:#b7791f;--goldSoft:#fff4df;--greenSoft:#eaf6f2;--good:#0f7a45;--bad:#b42318;--warn:#a05a00;--shadow:0 16px 34px rgba(23,32,51,.1)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#e9eef3;color:var(--ink);min-height:100vh;min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}.app{max-width:1480px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;background:var(--navy);color:#fff;border:1px solid #24314a;border-radius:10px;padding:16px 18px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brandLogo{width:230px;height:86px;object-fit:contain;border-radius:8px;background:#fff7df;border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 18px #0000002e;flex:0 0 auto}.mark{width:58px;height:58px;border-radius:8px;background:#f7f1df;color:var(--brandDark);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #0000002e;flex:0 0 auto;font-weight:900}h1,h2,h3,p{margin-top:0;overflow-wrap:anywhere}h1{font-size:30px;line-height:1.05;margin-bottom:4px;letter-spacing:0}h2{font-size:20px;margin-bottom:4px;letter-spacing:0}h3{font-size:16px;margin:0;letter-spacing:0}p{color:var(--muted);line-height:1.45;margin-bottom:0}.topbar p{color:#cbd5e1}.toolbar,.formActions,.actionsCell{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:7px;min-height:42px;padding:10px 14px;background:var(--brand);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px #0f6b5b2e}.btn:hover{background:var(--brandDark)}.btn.subtle{background:#fff;color:var(--ink);border:1px solid #cfd7e3;box-shadow:none}.topbar .btn.subtle{background:#24314a;color:#fff;border-color:#3a4864}.btn.subtle:hover{background:#eef3f5}.topbar .btn.subtle:hover{background:#30405e}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #b7d4cf;background:var(--greenSoft);color:#12453f;border-radius:8px;padding:11px 13px;margin-bottom:14px;font-weight:700}.notice button{border:0;background:transparent;color:inherit;width:32px;height:32px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.filters{display:grid;grid-template-columns:180px 180px minmax(260px,1fr);gap:10px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px;box-shadow:0 1px 2px #1720330a}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field span{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:0}input,select{width:100%;min-width:0;min-height:42px;border:1px solid #c8d1dc;border-radius:7px;background:#fff;color:var(--ink);padding:9px 10px}input:focus,select:focus{outline:3px solid rgba(13,107,95,.18);border-color:var(--brand)}.search{display:flex;align-items:center;gap:8px;border:1px solid #c8d1dc;border-radius:7px;background:#fff;padding:0 10px;min-height:42px}.search input{border:0;padding-left:0}.search input:focus{outline:0}.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;background:#d7e0e7;border-radius:10px;padding:6px;margin-bottom:14px;border:1px solid #c9d4df}.tabs button{border:0;background:transparent;color:#334155;border-radius:7px;min-height:42px;font-weight:850;text-transform:capitalize}.tabs button.active{background:var(--brandDark);color:#fff;box-shadow:0 8px 18px #0a463e2e}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px;min-width:0;box-shadow:0 8px 22px #1720330f}.statIcon{width:42px;height:42px;border-radius:8px;background:var(--goldSoft);color:var(--gold);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:12px;font-weight:950}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:850;letter-spacing:0}.stat strong{display:block;font-size:25px;line-height:1.1;margin:4px 0 2px;overflow-wrap:anywhere}.stat small{color:var(--muted);font-size:13px}.stat.good .statIcon{background:#eaf7ef;color:var(--good)}.stat.bad .statIcon{background:#fdeceb;color:var(--bad)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:17px;box-shadow:var(--shadow);margin-bottom:14px}.panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panelHead span{font-size:13px;color:var(--muted);font-weight:650;text-align:right}.side{align-self:start}.rank{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border-bottom:1px solid var(--line);padding:12px 0}.rank span{font-weight:850}.rank strong{color:var(--good)}.rank small{grid-column:1/-1;color:var(--muted)}.formGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.formGrid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.settlementControls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;gap:10px;align-items:end;margin-bottom:14px}.calcStrip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #b7d4cf;background:var(--greenSoft);color:#174d46;border-radius:8px;padding:10px 12px;margin-bottom:12px}.calcStrip span{font-size:13px;color:#174d46}.loadCalc{grid-column:1/-1;margin-bottom:0}.tableWrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;min-width:1120px;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:middle}th{background:#f2f5f8;color:#526070;font-size:12px;text-transform:uppercase;letter-spacing:0}tbody tr:nth-child(2n){background:#fbfcfd}tbody tr:hover{background:#f5faf8}tr:last-child td{border-bottom:0}.profit{color:var(--good);font-weight:850}.loss{color:var(--bad);font-weight:850}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eaf1f4;color:#314255;padding:5px 9px;font-size:12px;font-weight:850;white-space:nowrap;border:1px solid #d5e0e7}.mutedText{color:var(--muted);font-size:12px}.proofLink{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-weight:800;text-decoration:none}.proofLink img{width:34px;height:34px;border-radius:6px;border:1px solid var(--line);object-fit:cover;background:#fff}.iconBtn{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.iconBtn:hover{background:#eef3f5}.iconBtn.danger{color:var(--bad)}.truckGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.truckCard{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 5px 15px #1720330d}.truckCard div{display:flex;align-items:center;gap:8px;color:var(--brand)}.truckCard strong{font-size:24px;color:var(--good)}.truckCard span,.truckCard small{color:var(--muted)}.reportHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.reportHead div:last-child{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:750}.reportControls{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:14px}.reportActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.reportBreakdown{margin-bottom:14px}.reportGrid{align-items:start}.reportGrid table{min-width:520px}.empty{color:var(--muted);text-align:center;padding:18px}.loginShell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--navy)}.loginCard{width:min(460px,100%);background:#fff;border:1px solid #d7dde7;border-radius:12px;padding:28px;box-shadow:0 24px 60px #0000003d}.loginCard .mark{margin-bottom:16px}.loginLogo{display:block;width:min(390px,100%);height:160px;object-fit:contain;margin:0 auto 18px;border-radius:10px;background:#f7f1df;border:1px solid #e8d498}.loginForm{display:grid;gap:12px;margin:18px 0 12px}.loginError{color:var(--bad);font-weight:750;margin-top:10px}@media (max-width:1180px){.layout{grid-template-columns:1fr}.stats,.truckGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.app{padding:14px}.topbar,.panelHead,.reportHead{display:block}.toolbar{margin-top:12px}.brandLogo{width:190px;height:72px;margin-bottom:10px}.loginLogo{height:140px}.filters,.stats,.truckGrid,.formGrid,.formGrid.compact,.settlementControls,.tabs{grid-template-columns:1fr}.tabs{display:flex;overflow-x:auto}.tabs button{min-width:118px}h1{font-size:24px}.stat strong{font-size:21px}.panel{padding:13px}.mark{width:50px;height:50px}.toolbar .btn{flex:1 1 auto}}@media print{body{background:#fff}.topbar,.filters,.tabs,.notice,.formActions,.toolbar,.reportControls,.reportActions{display:none!important}.app{max-width:none;padding:0}.panel{box-shadow:none;border:0;padding:0}.stats{grid-template-columns:repeat(4,1fr)}.tableWrap{overflow:visible}table{min-width:0}th,td{font-size:10px;padding:5px}.report{display:block}}