:root{color-scheme:light;--bg:#f5f7f8;--ink:#17202a;--muted:#667085;--line:#d8dee4;--panel:#fff;--teal:#0f766e;--blue:#2563eb;--green:#12805c;--red:#c2413a;--orange:#c26a17;--gray:#64748b}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#111827;color:#f8fafc;padding:20px 14px;display:flex;flex-direction:column;gap:8px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:10px 8px 22px}.brandMark{width:178px;height:56px;display:block;background:#fff url(/trazelio-logo-crop.png) 50%/contain no-repeat;border-radius:8px;flex:0 0 auto;font-size:0}.brand>div{display:none}.brand small,.eyebrow,small{display:block;color:var(--muted);font-size:12px}.navButton,.sidebar .brand small{color:#cbd5e1}.navButton{min-height:44px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}.navButton svg{width:19px}.navButton.active,.navButton:hover{background:#223044;color:#fff}.workspace{padding:24px;min-width:0}.panelHeader,.portalHeader,.toolbar,.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}h1,h2,p{margin-top:0}h1{font-size:28px;margin-bottom:4px}h1,h2{letter-spacing:0}h2{font-size:18px;margin-bottom:10px}.mobileActions,.rowActions,.topActions{display:flex;gap:8px;align-items:center}.ghost,.mobileActions button,.primary,.rowActions button{min-height:38px;border-radius:8px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;background:#fff;color:var(--ink)}.fileButton{position:relative;overflow:hidden}.fileButton input,.photoBox input{position:absolute;inset:0;opacity:0;cursor:pointer}.primary{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700}.ghost:disabled,.primary:disabled{opacity:.6;cursor:wait}.ghost:hover,.mobileActions button:hover,.rowActions button:hover{border-color:var(--teal)}.rowActions .dangerAction{color:var(--red)}.rowActions .dangerAction:hover{border-color:var(--red);background:#fef2f2}.full{width:100%}.toast{margin:18px 0;padding:12px 14px;border:1px solid #99f6e4;background:#ecfeff;color:#115e59;border-radius:8px}.stack{display:grid;grid-gap:18px;gap:18px}.metricGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px}.metric{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:14px;display:grid;grid-gap:8px;gap:8px;min-height:116px}.metric strong{font-size:30px}.metric svg,.metric.blue strong{color:var(--blue)}.metric.green strong,.metric.green svg{color:var(--green)}.metric.red strong,.metric.red svg{color:var(--red)}.metric.orange strong,.metric.orange svg{color:var(--orange)}.dashboardGrid{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:18px;gap:18px}.panel,.portalHeader,.scannerPanel,.tableWrap,.tracking{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.fakeMap{min-height:360px;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(90deg,#dbeafe 1px,transparent 0),linear-gradient(#dcfce7 1px,transparent 0),#eff6ff;background-size:38px 38px}.fakeMap span{position:absolute;padding:8px 10px;border-radius:999px;background:#111827;color:#fff;font-size:12px;box-shadow:0 8px 20px #0002}.timeline{display:grid;grid-gap:13px;gap:13px}.timelineRow{display:grid;grid-template-columns:14px 1fr;align-items:start;grid-gap:10px;gap:10px}.dot{width:10px;height:10px;border-radius:99px;margin-top:5px;background:var(--gray)}.badge.green,.dot.green{background:#dcfce7;color:var(--green)}.badge.red,.dot.red{background:#fee2e2;color:var(--red)}.badge.blue,.dot.blue{background:#dbeafe;color:var(--blue)}.badge.orange,.dot.orange{background:#ffedd5;color:var(--orange)}.badge.gray,.dot.gray{background:#e2e8f0;color:var(--gray)}.toolbar{flex-wrap:wrap}.search{flex:1 1;min-width:260px;height:42px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px}.search input{border:0;outline:0;width:100%}select{min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.dateRange{display:flex;gap:8px;align-items:center}.dateRange input{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff}.scannerPanel{grid-template-columns:44px 1fr auto;grid-gap:16px;gap:16px}.scanActions,.scannerPanel{display:grid;align-items:center}.scanActions{min-width:420px;grid-template-columns:minmax(180px,1fr) auto auto;grid-gap:8px;gap:8px}.field input,.scanActions input{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff}.tableWrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:1080px}td,th{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;color:var(--muted);background:#f8fafc}.clickableRow{cursor:pointer}.clickableRow:hover td{background:#fbfdff}td small{margin-top:3px}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:800;white-space:nowrap}.badge,.statusLamp{border-radius:999px}.statusLamp{width:10px;height:10px;margin-right:6px;box-shadow:0 0 0 2px #ffffffcc}.statusLamp.green{background:var(--green)}.statusLamp.red{background:var(--red)}.statusLamp.blue{background:var(--blue)}.statusLamp.orange{background:var(--orange)}.statusLamp.gray{background:var(--gray)}.rowActions button{width:34px;height:34px;padding:0}.routeGrid,.settingsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.entityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.entityCard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;grid-gap:12px;gap:12px}.entityHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.entityHeader h2{margin-bottom:2px}.entityFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.entityFacts button,.entityFacts span{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);text-align:left;min-height:58px}.entityFacts button{cursor:pointer}.entityFacts button:hover{border-color:var(--teal);background:#f0fdfa}.entityFacts small{margin-top:2px;font-weight:500}.entityActions{display:flex;gap:8px;flex-wrap:wrap}.contactLinks{display:grid;grid-gap:8px;gap:8px}.contactLinks a,.contactLinks span{min-height:34px;display:inline-flex;align-items:center;gap:8px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactLinks a{text-decoration:none}.contactLinks a:hover{color:var(--teal)}.settlementGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.settlementRows{display:grid;grid-gap:8px;gap:8px}.settlementRow{display:grid;grid-template-columns:1.1fr .75fr .65fr .65fr .8fr auto;grid-gap:8px;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.settlementRow span{color:var(--muted);font-size:12px}.settlementRow b{text-align:right;color:var(--green)}.pricingGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:14px}.priceBox{border:1px solid var(--line);border-radius:8px;padding:14px;background:#f8fafc;display:grid;grid-gap:10px;gap:10px}.priceBox h3{margin:0 0 4px}.priceInput{display:grid;grid-template-columns:1fr 120px;grid-gap:8px;gap:8px;align-items:center}.priceInput span{color:var(--muted);font-size:13px}.priceInput input,.priceOverrideRow input{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 9px;background:#fff;width:100%}.priceOverrideRows{display:grid;grid-gap:8px;gap:8px}.priceOverrideRow{display:grid;grid-template-columns:1.2fr repeat(5,minmax(74px,1fr));grid-gap:8px;gap:8px;align-items:center}.priceOverrideRow strong{font-size:13px}.miniTimeline,.stopList{display:grid;grid-gap:8px;gap:8px;margin:16px 0}.accountRow,.miniTimeline span,.stopList span{padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.accountRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.phoneLayout{display:grid;grid-template-columns:390px 1fr;grid-gap:18px;gap:18px;align-items:start}.phone{background:#101828;color:#fff;border-radius:24px;padding:18px;min-height:720px;box-shadow:inset 0 0 0 8px #1f2937}.phone select{width:100%;margin:8px 0 16px}.driverHero{display:flex;align-items:center;gap:12px;padding:18px 0}.driverHero p{color:#cbd5e1;margin-bottom:0}.mobileList{margin-top:16px}.mobileList,.mobileList article{display:grid;grid-gap:10px;gap:10px}.mobileList article{background:#fff;color:var(--ink);border-radius:8px;padding:12px}.mobileActions button{flex:1 1;min-height:36px;padding:0 8px;font-size:13px}.modalBackdrop{position:fixed;inset:0;z-index:20;background:#0f172acc;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;color:var(--ink);border-radius:8px;padding:18px;display:grid;grid-gap:12px;gap:12px;box-shadow:0 24px 80px #0007}.field{display:grid;grid-gap:6px;gap:6px;font-weight:700}.field textarea{min-height:92px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.manualGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.manualGrid .wide{grid-column:1/-1}.checkField{min-height:40px;display:flex;align-items:center;gap:8px;font-weight:800}.checkField input{width:auto}.photoBox{min-height:88px;border:1px dashed var(--teal);border-radius:8px;color:var(--teal);display:grid;place-items:center;grid-gap:4px;gap:4px;position:relative;background:#f0fdfa;font-weight:800}.evidenceImage{width:100%;max-height:220px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.evidencePreview{display:inline-flex;align-items:center;gap:6px;max-width:180px;border:0;background:transparent;padding:0;color:inherit;text-align:left}.evidencePreview img{width:28px;height:28px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.evidencePreview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}.evidenceModal{width:min(760px,100%)}.labelModal{width:min(620px,100%)}.shippingLabel{border:2px solid #111827;border-radius:8px;background:#fff;color:#111827;padding:18px;display:grid;grid-gap:14px;gap:14px}.labelFooter,.labelTop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #111827;padding-bottom:10px}.labelFooter{border-top:1px solid #111827;border-bottom:0;padding:10px 0 0;font-weight:800}.labelTop strong{font-size:24px}.labelTop span{border:1px solid #111827;border-radius:999px;padding:4px 10px;font-weight:900}.labelBody{display:grid;grid-template-columns:150px 1fr;grid-gap:16px;gap:16px;align-items:center}.labelBody h3{font-size:28px;margin:0 0 8px}.labelBody p{margin-bottom:5px}.fakeQr{width:150px;height:150px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);grid-gap:3px;gap:3px;padding:8px;border:1px solid #111827;background:#fff}.fakeQr span{background:#f1f5f9}.fakeQr span.on{background:#111827}.evidenceLarge{width:100%;max-height:520px;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:#0f172a}.emptyEvidence{min-height:220px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}.emptyEvidence,.evidenceDetails{grid-gap:8px;gap:8px;background:#f8fafc}.evidenceDetails{display:grid;border:1px solid var(--line);border-radius:8px;padding:12px}.evidenceDetails p{margin-bottom:0}.packageModal{width:min(980px,100%)}.compactTable table{min-width:760px}.detailHero{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px}.detailHero h3{margin:10px 0 4px;font-size:22px}.detailHero p{margin-bottom:0;color:var(--muted)}.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.detailBlock,.detailSection{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.detailBlock h3,.detailSection h3{margin:0 0 12px;font-size:16px}.detailBlock p{display:grid;grid-template-columns:140px 1fr;grid-gap:10px;gap:10px;margin:0;padding:8px 0;border-top:1px solid #eef2f7}.detailBlock p:first-of-type{border-top:0}.detailBlock span{color:var(--muted);font-size:12px}.detailBlock strong{font-size:13px;overflow-wrap:anywhere}.tracking{max-width:540px;margin:40px auto;text-align:center}.publicShell{min-height:100vh;background:#f8fafc}.publicNav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 5vw;border-bottom:1px solid var(--line);background:#fff}.publicBrand{color:var(--ink);padding:0}.publicBrand .brandMark{width:190px;height:62px;border-radius:8px}.heroActions,.publicNavActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.publicHero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1.05fr .95fr;grid-gap:42px;gap:42px;align-items:center;padding:48px 5vw}.publicHero h1{font-size:clamp(44px,8vw,86px);line-height:.95;margin:8px 0 20px}.publicHero p{max-width:680px;font-size:18px;color:#475467}.publicPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.publicPreview div{min-height:150px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;grid-gap:8px;gap:8px;align-content:center;box-shadow:0 12px 34px #0f172a12}.featureItem svg,.publicPreview svg,.roleCard svg{color:var(--teal)}.publicPreview strong{font-size:36px}.publicFeatures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;padding:0 5vw 52px}.featureItem{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.featureItem p{color:var(--muted);margin-bottom:0}.ctaBand,.plansSection,.publicProcess,.salesBand,.splitSales{padding:56px 5vw;border-top:1px solid var(--line)}.splitSales{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:28px;gap:28px;align-items:center;background:#f8fafc}.splitSales h2{font-size:clamp(28px,4vw,46px);margin-bottom:12px}.splitSales p{color:var(--muted)}.proofStack{display:grid;grid-gap:12px;gap:12px}.proofItem{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}.proofItem svg{color:var(--teal);flex:0 0 auto}.proofItem h3{margin:0 0 6px}.proofItem p{color:var(--muted);margin-bottom:0}.salesBand{display:grid;grid-template-columns:.75fr 1.25fr;grid-gap:28px;gap:28px;background:#fff}.ctaBand h2,.plansHeader h2,.publicProcess h2,.salesBand h2{font-size:clamp(28px,4vw,46px);margin-bottom:12px}.benefitList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.benefitItem{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.benefitItem svg{color:var(--teal);flex:0 0 auto}.benefitItem h3,.stepItem h3{margin:0 0 6px}.benefitItem p,.ctaBand p,.planCard p,.stepItem p{color:var(--muted);margin-bottom:0}.publicProcess{background:#f8fafc}.processGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:20px}.stepItem{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.stepItem span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#ccfbf1;color:var(--teal);font-weight:900;margin-bottom:14px}.plansSection{background:#fff}.plansHeader{text-align:center;max-width:680px;margin:0 auto 22px}.plansGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:stretch}.planCard{border:1px solid var(--line);border-radius:8px;padding:22px;display:grid;grid-gap:12px;gap:12px;background:#fff;box-shadow:0 12px 34px #0f172a0d}.planCard strong{color:var(--teal);font-size:18px}.planCard h3{font-size:28px;margin:0}.planCard ul{list-style:none;display:grid;grid-gap:10px;gap:10px;padding:0;margin:0 0 8px}.planCard li{display:flex;align-items:center;gap:8px;color:#344054}.planCard li svg{color:var(--green);flex:0 0 auto}.featuredPlan{border-color:var(--teal);box-shadow:0 18px 50px #0f766e22;transform:translateY(-8px)}.ctaBand{text-align:center;display:grid;justify-items:center;grid-gap:10px;gap:10px;background:#111827;color:#fff}.ctaBand p{max-width:620px;color:#cbd5e1}.authShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f8fafc}.authPanel{width:min(760px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 18px 50px #0f172a14}.wideAuth{width:min(920px,100%)}.authForm{display:grid;grid-gap:12px;gap:12px;margin:18px 0}.formError{margin:0;padding:10px 12px;border:1px solid #fecaca;background:#fef2f2;color:var(--red);border-radius:8px;font-weight:700}.roleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:20px 0}.roleGrid.compact{margin-top:14px}.roleCard{color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;grid-gap:8px;gap:8px;background:#fff}.roleCard:hover{border-color:var(--teal);background:#f0fdfa}.roleCard span{color:var(--muted);font-size:13px}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto}.brand{min-width:180px;padding-bottom:10px}.navButton{min-width:126px}.dashboardGrid,.entityGrid,.metricGrid,.phoneLayout,.priceOverrideRow,.pricingGrid,.routeGrid,.settingsGrid,.settlementGrid,.settlementRow{grid-template-columns:1fr}.settlementRow b{text-align:left}.detailGrid,.labelBody{grid-template-columns:1fr}.detailHero{align-items:stretch;flex-direction:column}.scannerPanel,.topbar{grid-template-columns:1fr;display:grid}.manualGrid,.scanActions{grid-template-columns:1fr;min-width:0}.dateRange{width:100%}.dateRange input{flex:1 1;min-width:0}.topActions{flex-wrap:wrap}.phone{min-height:auto;border-radius:12px;box-shadow:none}.publicHero,.publicNav{grid-template-columns:1fr;align-items:stretch}.publicNav{height:auto;padding:16px}.publicHero{min-height:auto;padding:32px 16px}.benefitList,.plansGrid,.processGrid,.publicFeatures,.publicPreview,.roleGrid,.salesBand,.splitSales{grid-template-columns:1fr}.featuredPlan{transform:none}}