:root{--bg:#090b10;--panel:#11151d;--panel2:#151a24;--line:#242b37;--text:#f4f7fb;--muted:#9da8b8;--blue:#2188ff;--blue2:#1267cb;--green:#32c477;--yellow:#e5b64b;--red:#ef6a6a;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% -10%,rgba(33,136,255,.16),transparent 30%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:15px max(18px,calc((100vw - 1320px)/2));background:rgba(9,11,16,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-weight:850;font-size:1.15rem;letter-spacing:-.02em}.topbar nav{display:flex;align-items:center;gap:14px}.topbar nav>a:not(.primary){color:var(--muted)}.page-shell{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:38px 0 70px}.hero-row,.detail-hero,.form-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{color:#68adff;font-size:.76rem;letter-spacing:.14em;font-weight:800;margin:0 0 8px;text-transform:uppercase}.hero-row h1,.detail-hero h1,.form-header h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1;margin:0;letter-spacing:-.045em}.muted{color:var(--muted);margin:10px 0 0}.primary,.secondary,.ghost,.danger{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;min-height:44px;padding:0 16px;font-weight:760;cursor:pointer;transition:.15s ease}.primary{background:var(--blue);color:white;box-shadow:0 8px 24px rgba(33,136,255,.22)}.primary:hover{background:#3995ff}.secondary{background:#1c2430;color:#e7edf5;border:1px solid #2d3745}.ghost{background:transparent;border:1px solid #2a3340;color:#c6cfda}.danger{background:#34191d;border:1px solid #6e2b33;color:#ffb7bd}.small{min-height:36px;padding:0 12px;border-radius:9px;font-size:.88rem}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.metric{padding:17px 18px;background:linear-gradient(180deg,#121721,#0f131b);border:1px solid var(--line);border-radius:15px;min-width:0}.metric span,.metric small{display:block;color:var(--muted);font-size:.78rem}.metric strong{display:block;font-size:1.42rem;margin:7px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-bar{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(120px,.6fr)) auto auto;gap:9px;margin-bottom:22px}.filter-bar input,.filter-bar select,.load-form input,.load-form select,.load-form textarea{width:100%;border:1px solid #293241;background:#0e1219;color:var(--text);border-radius:11px;padding:11px 12px;outline:none;min-height:44px}.filter-bar input:focus,.filter-bar select:focus,.load-form input:focus,.load-form select:focus,.load-form textarea:focus{border-color:#3f96f6;box-shadow:0 0 0 3px rgba(33,136,255,.12)}.loads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.load-card{background:linear-gradient(160deg,rgba(22,28,39,.96),rgba(13,17,24,.98));border:1px solid #252d3a;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.load-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.load-card h2{margin:0;font-size:1.35rem;letter-spacing:-.025em}.badge{font-size:.72rem;font-weight:800;padding:7px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.pay-paid{background:rgba(50,196,119,.12);color:#75e2a8;border-color:rgba(50,196,119,.25)}.pay-not-paid{background:rgba(229,182,75,.1);color:#f0ca76;border-color:rgba(229,182,75,.24)}.pay-partial{background:rgba(33,136,255,.1);color:#73b6ff;border-color:rgba(33,136,255,.25)}.pay-disputed{background:rgba(239,106,106,.1);color:#ff9b9b;border-color:rgba(239,106,106,.25)}.route{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin:22px 0 15px;padding:16px;border-radius:13px;background:#0c1016;border:1px solid #1f2632}.route>div:last-child{text-align:right}.route span{display:block;color:#6e7a8a;font-size:.65rem;font-weight:800;letter-spacing:.1em}.route strong{display:block;margin-top:4px;font-size:1rem}.route-arrow{color:#4d9eff;font-size:1.3rem}.card-status-row{display:flex;align-items:center;gap:7px;color:#b9c2ce;font-size:.84rem;margin-bottom:16px}.status-dot{width:8px;height:8px;background:#4ca1ff;border-radius:50%;box-shadow:0 0 0 4px rgba(76,161,255,.1)}.dot-sep{color:#4d5764}.card-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.card-numbers>div{background:#10151d;border:1px solid #202938;border-radius:11px;padding:11px}.card-numbers span{display:block;color:#7f8c9d;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.card-numbers strong{display:block;font-size:.97rem;margin-top:4px}.refs{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.refs span{font-size:.75rem;background:#17202d;border:1px solid #273548;border-radius:999px;padding:6px 9px;color:#9cadc1}.refs b{color:#e8eef6}.card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border-top:1px solid #242b35;margin-top:16px;padding-top:15px}.dates{display:flex;flex-direction:column;gap:4px;color:#7f8b9a;font-size:.72rem}.card-actions{display:flex;align-items:center;gap:7px}.card-actions form{margin:0}.empty-state{border:1px dashed #303b4b;border-radius:18px;padding:70px 20px;text-align:center;background:#0e1218}.empty-icon{font-size:2.4rem;color:#4b9af2}.empty-state h2{margin:8px 0}.empty-state p{color:var(--muted);margin:0 0 20px}.flash-stack{margin-bottom:16px}.flash{padding:12px 14px;border-radius:11px;border:1px solid #2c3745;background:#121923}.flash.success{border-color:rgba(50,196,119,.4);color:#91e8b8}.flash.error{border-color:rgba(239,106,106,.4);color:#ff9f9f}.load-form{display:flex;flex-direction:column;gap:15px}.form-section{background:rgba(16,21,29,.9);border:1px solid #242d3a;border-radius:17px;padding:20px}.form-section h2{font-size:1.05rem;margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#aeb8c5;font-size:.78rem;font-weight:700}.form-grid .wide{grid-column:span 2}.load-form textarea{resize:vertical;min-height:110px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.detail-route{color:#b2bdca;margin-top:10px;font-size:1.05rem}.detail-route span{color:#4d9eff;margin:0 8px}.detail-actions{display:flex;gap:9px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.detail-panel{background:#10151d;border:1px solid #252f3d;border-radius:16px;padding:19px}.detail-panel.accent{background:linear-gradient(135deg,rgba(33,136,255,.18),#111720);border-color:rgba(33,136,255,.32)}.detail-panel>span{color:#8895a6;font-size:.78rem}.detail-panel>strong{display:block;font-size:1.8rem;margin:6px 0 12px}.detail-mini{display:flex;justify-content:space-between;color:#8c98a8;font-size:.78rem}.detail-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.detail-section{background:#10151d;border:1px solid #252f3d;border-radius:16px;padding:20px}.detail-section h2{font-size:1rem;margin:0 0 14px}.detail-section dl{display:grid;grid-template-columns:1fr auto;gap:10px 18px;margin:0}.detail-section dt{color:#8d99a9}.detail-section dd{margin:0;text-align:right;font-weight:650}.notes-box{white-space:pre-wrap;margin-top:16px;background:#0b1016;border:1px solid #1f2834;border-radius:10px;padding:12px;color:#c5cfda}.danger-zone{display:flex;justify-content:flex-end;margin-top:18px}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.filter-bar{grid-template-columns:1fr 1fr 1fr}.filter-search{grid-column:span 3}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{padding:12px 14px}.topbar nav>a:not(.primary){display:none}.page-shell{width:min(100% - 20px,1320px);padding:24px 0 56px}.hero-row,.detail-hero,.form-header{align-items:flex-start;flex-direction:column}.hero-row .add-load{width:100%}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:14px}.filter-bar{grid-template-columns:1fr 1fr}.filter-search{grid-column:span 2}.loads-grid{grid-template-columns:1fr}.load-card{padding:15px;border-radius:15px}.route{gap:9px;padding:13px}.card-numbers{grid-template-columns:repeat(2,1fr)}.card-footer{align-items:stretch;flex-direction:column}.card-actions{display:grid;grid-template-columns:repeat(3,1fr)}.card-actions a,.card-actions button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:span 1}.form-section{padding:16px}.form-actions{position:sticky;bottom:0;padding:12px 0;background:linear-gradient(transparent,var(--bg) 35%);z-index:4}.form-actions>*{flex:1}.detail-grid,.detail-sections{grid-template-columns:1fr}.detail-actions{width:100%}.detail-actions>*{flex:1}.detail-section dl{font-size:.9rem}}
@media(max-width:430px){.metrics-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:1.18rem}.filter-bar{grid-template-columns:1fr}.filter-search{grid-column:span 1}.filter-bar .secondary,.filter-bar .ghost{width:100%}.route strong{font-size:.9rem}.load-card-head h2{font-size:1.15rem}.card-actions{grid-template-columns:1fr 1fr}.card-actions form{grid-column:span 2}.hero-row h1,.detail-hero h1,.form-header h1{font-size:2rem}}

/* v0.3.0 route, stop, and fuel tracking */
.metrics-grid-8{grid-template-columns:repeat(4,1fr)}
.fuel-metric,.fuel-panel{border-color:rgba(229,182,75,.28);background:linear-gradient(180deg,rgba(229,182,75,.08),#0f131b)}
.net-metric,.net-panel{border-color:rgba(50,196,119,.28);background:linear-gradient(180deg,rgba(50,196,119,.08),#0f131b)}
.route small{display:block;color:#6f7c8c;font-size:.72rem;margin-top:4px}.route>div:last-child small{text-align:right}
.fuel-number{border-color:rgba(229,182,75,.2)!important}.fuel-number strong{color:#f0ca76}.net-number{border-color:rgba(50,196,119,.2)!important}.net-number strong{color:#75e2a8}
.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title-row h2{margin:0!important}.section-title-row p,.section-help{color:var(--muted);font-size:.78rem;margin:5px 0 0}.section-help{margin-top:13px}
.stops-editor{display:flex;flex-direction:column;gap:12px}.stop-editor-card{border:1px solid #293444;background:#0c1118;border-radius:14px;padding:15px}.stop-editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stop-editor-head strong{font-size:.9rem}.inline-empty{border:1px dashed #2d3948;border-radius:12px;padding:18px;text-align:center;color:#7f8d9f;background:#0b0f15;font-size:.85rem}.hidden{display:none!important}
.detail-grid-4{grid-template-columns:repeat(4,1fr)}.route-section,.fuel-section{margin-bottom:13px}.route-timeline{position:relative;display:flex;flex-direction:column;gap:0}.route-stop{position:relative;display:grid;grid-template-columns:42px 1fr;gap:13px;padding:0 0 22px}.route-stop:not(:last-child):before{content:"";position:absolute;left:19px;top:34px;bottom:0;width:2px;background:#263244}.route-stop:last-child{padding-bottom:0}.route-node{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#172334;border:1px solid #314560;color:#7db9ff;font-weight:850;z-index:1}.route-stop.endpoint .route-node{background:rgba(33,136,255,.15);border-color:rgba(33,136,255,.38);color:#8bc3ff}.route-label{display:block;color:#6faeff;font-size:.68rem;font-weight:850;letter-spacing:.1em;margin:2px 0 4px}.route-stop strong{display:block;font-size:1rem}.route-stop p{color:#9ca9b8;margin:5px 0 0;line-height:1.45;font-size:.88rem}.route-stop small{display:block;color:#7f8c9c;margin-top:6px}.stop-note{margin-top:7px;padding:8px 10px;border-radius:8px;background:#0b1017;color:#aeb9c6;font-size:.82rem}
.fuel-ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fuel-ticket-card{border:1px solid #2c3440;border-radius:14px;padding:15px;background:#0c1118}.fuel-ticket-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.fuel-ticket-head>div>span,.fuel-ticket-head>div>small{display:block;color:#7e8b9b;font-size:.72rem}.fuel-ticket-head>div>strong{display:block;margin:4px 0;font-size:1rem}.fuel-cost{color:#f0ca76;font-size:1.2rem;white-space:nowrap}.fuel-ticket-details{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin:14px 0;font-size:.82rem}.fuel-ticket-details dt{color:#7f8c9c}.fuel-ticket-details dd{margin:0;text-align:right;font-weight:650}.receipt-link{display:inline-flex;color:#74b8ff;font-size:.82rem;font-weight:700;margin:0 0 12px}.fuel-ticket-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #232c38;padding-top:12px}.fuel-ticket-actions form{margin:0}.existing-receipt{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid #2b3542;border-radius:11px;background:#0d1219;color:#aeb8c5;font-size:.82rem}.check-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.check-label input{width:auto!important;min-height:auto!important}
@media(max-width:1100px){.metrics-grid-8{grid-template-columns:repeat(2,1fr)}.detail-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.section-title-row{align-items:stretch;flex-direction:column}.section-title-row .small{width:100%}.fuel-ticket-grid{grid-template-columns:1fr}.detail-grid-4{grid-template-columns:1fr 1fr}.existing-receipt{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.metrics-grid-8,.detail-grid-4{grid-template-columns:1fr 1fr}.fuel-ticket-head{gap:8px}.fuel-cost{font-size:1.05rem}.route-stop{grid-template-columns:36px 1fr;gap:10px}.route-node{width:34px;height:34px}.route-stop:not(:last-child):before{left:16px;top:30px}}

/* v0.3.1 reefer first-fill reimbursement */
.reefer-reimbursement-section{border-color:rgba(33,136,255,.22);background:linear-gradient(180deg,rgba(33,136,255,.055),rgba(16,21,29,.9))}.reefer-help{margin-top:-8px;margin-bottom:14px}.radio-row{display:flex;gap:10px;flex-wrap:wrap}.radio-option{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:110px;padding:11px 14px;border:1px solid #2d3948;border-radius:11px;background:#0d131b;color:#d2dae4!important;cursor:pointer}.radio-option input{width:auto!important;min-height:auto!important;margin:0}.conditional-field{margin-top:14px;padding:15px;border:1px solid rgba(50,196,119,.22);border-radius:12px;background:rgba(50,196,119,.045)}.conditional-field>label{display:flex;flex-direction:column;gap:7px;color:#aeb8c5;font-size:.78rem;font-weight:700;max-width:420px}.fuel-cost-wrap{text-align:right}.fuel-cost-wrap small{font-size:.68rem!important;text-transform:uppercase;letter-spacing:.07em}.fuel-cost-wrap .fuel-cost{margin-top:3px!important}

/* v0.3.3 lumper and late-fee tracking */
.metrics-grid-9{grid-template-columns:repeat(3,1fr)}
.cost-metric,.cost-panel{border-color:rgba(239,106,106,.24);background:linear-gradient(180deg,rgba(239,106,106,.07),#0f131b)}
.fee-number{border-color:rgba(239,106,106,.18)!important}.fee-number strong{color:#ffaaaa}
.detail-grid-5{grid-template-columns:repeat(5,1fr)}
.cost-section{border-color:rgba(239,106,106,.18);background:linear-gradient(180deg,rgba(239,106,106,.035),rgba(16,21,29,.9))}
.fee-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fee-entry-card{background:#0c1118;border:1px solid #2a3441;border-radius:14px;padding:16px}.fee-entry-card h3{margin:0 0 13px;font-size:.95rem}.fee-entry-card>label{display:flex;flex-direction:column;gap:7px;color:#aeb8c5;font-size:.78rem;font-weight:700}.fee-question{margin-top:14px}.fee-question>span{display:block;color:#aeb8c5;font-size:.78rem;font-weight:700;margin-bottom:7px}
@media(max-width:1100px){.metrics-grid-9{grid-template-columns:repeat(3,1fr)}.detail-grid-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.metrics-grid-9{grid-template-columns:repeat(2,1fr)}.detail-grid-5{grid-template-columns:repeat(2,1fr)}.fee-entry-grid{grid-template-columns:1fr}}
@media(max-width:430px){.metrics-grid-9,.detail-grid-5{grid-template-columns:1fr 1fr}}


/* v0.3.6 revenue snapshot and 24-hour stop timestamps */
.period-revenue-section{margin:18px 0 16px}.period-revenue-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}.period-revenue-head h2{margin:2px 0 0;font-size:1.15rem}.period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.period-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.period-card{background:#10151d;border:1px solid #252f3d;border-radius:14px;padding:16px;min-width:0}.period-card>span{display:block;color:#8d99a9;font-size:.74rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.period-card>strong{display:block;font-size:1.5rem;margin:6px 0 8px}.period-card>small{display:block;color:#7f8c9c;line-height:1.4;font-size:.72rem;margin-top:7px}.period-breakdown{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:7px;border-top:1px solid #202936;font-size:.74rem}.period-breakdown b{color:#a9d0ff}.period-breakdown em{color:#8d99a9;font-style:normal;white-space:nowrap}.time24{font-variant-numeric:tabular-nums}.stop-times{color:#8dbaf0!important;font-variant-numeric:tabular-nums}
@media(max-width:760px){.period-grid,.period-grid-two{grid-template-columns:1fr}.period-revenue-head{align-items:stretch;flex-direction:column}}
@media(max-width:430px){.period-card{padding:14px}.period-card>strong{font-size:1.28rem}.period-card>small{font-size:.68rem}}

/* v0.3.7 pay-period timezone settings + switchable month view */
.month-viewer{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.month-viewer select{border:1px solid #293241;background:#0e1219;color:var(--text);border-radius:9px;padding:7px 10px;min-height:36px;outline:none}.month-viewer select:focus{border-color:#3f96f6;box-shadow:0 0 0 3px rgba(33,136,255,.12)}.month-arrow{width:36px;min-width:36px;min-height:36px;padding:0;font-size:1.35rem;line-height:1}.settings-form{max-width:900px}.settings-section{border-color:rgba(33,136,255,.18)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.settings-grid>label{display:flex;flex-direction:column;gap:7px;color:#aeb8c5;font-size:.78rem;font-weight:700}.settings-grid small{color:#7f8c9c;font-weight:500;line-height:1.4}.settings-preview{margin-top:16px;padding:15px 16px;background:#0c1118;border:1px solid #273342;border-radius:12px}.settings-preview span,.settings-preview small{display:block;color:#8491a2;font-size:.75rem}.settings-preview strong{display:block;margin:4px 0;font-size:1.05rem}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr 1fr}.settings-grid>label:last-child{grid-column:1/-1}}
@media(max-width:760px){.period-revenue-head .month-viewer{justify-content:flex-start;width:100%}.month-viewer select{flex:1;min-width:0}.settings-grid{grid-template-columns:1fr}.settings-grid>label:last-child{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions a,.form-actions button{width:100%}}
@media(max-width:430px){.topbar nav{gap:8px}.topbar nav>a:not(.primary){font-size:.82rem}.month-viewer{display:grid;grid-template-columns:36px minmax(0,1fr) 80px 58px 36px;width:100%}.month-viewer select,.month-viewer .secondary{width:100%;padding-left:7px;padding-right:7px}}

/* v0.3.8 reorganized home dashboard cards */
.dashboard-card-section{margin:16px 0 18px}.compact-dashboard-section{margin-top:10px}.dashboard-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}.dashboard-card-head h2{margin:2px 0 0;font-size:1.08rem}.dashboard-card-note{color:var(--muted);font-size:.76rem}.metrics-grid-money{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.metrics-grid-performance{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}
@media(max-width:1100px){.metrics-grid-money{grid-template-columns:repeat(3,1fr)}.metrics-grid-performance{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-card-head{align-items:flex-start;flex-direction:column}.metrics-grid-money,.metrics-grid-performance{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.metrics-grid-money,.metrics-grid-performance{grid-template-columns:1fr 1fr}.dashboard-card-note{font-size:.7rem}}

/* v0.3.9 selected-month weekly average + weekly revenue cards */
.week-breakdown-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:15px 0 9px;padding-top:13px;border-top:1px solid #202936}.week-breakdown-head span{display:block;font-size:.82rem;font-weight:800}.week-breakdown-head small{display:block;color:#7f8c9c;font-size:.72rem;line-height:1.4;margin-top:4px}.week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.week-card{background:#0d1219;border:1px solid #273140;border-radius:13px;padding:14px;min-width:0}.week-card>span{display:block;color:#8d99a9;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.week-card>strong{display:block;font-size:1.25rem;margin:5px 0 8px}.week-card>small{display:block;color:#748194;font-size:.67rem;line-height:1.35;margin-top:7px;font-variant-numeric:tabular-nums}.week-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #202936;padding-top:7px;font-size:.7rem}.week-card-meta b{color:#a9d0ff}.week-card-meta em{font-style:normal;color:#8d99a9;white-space:nowrap}
@media(max-width:900px){.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.week-card{padding:12px}.week-card>strong{font-size:1.08rem}.week-card-meta{align-items:flex-start;flex-direction:column;gap:3px}}

/* v0.3.19 load detail revenue placement */
.detail-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.combined-panel{border-color:rgba(104,173,255,.24);background:linear-gradient(180deg,rgba(104,173,255,.07),#0f131b)}
@media(max-width:1100px){.detail-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.detail-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.4.0 accounts, login/signup, and per-driver truck settings */
.topbar-form{margin:0}.account-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid #293443;border-radius:999px;background:#111821;color:#b9c7d8;font-size:.78rem;font-weight:750;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-shell{max-width:1050px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center;padding:46px 0}.auth-copy h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:.96;letter-spacing:-.055em;margin:0;max-width:760px}.auth-copy>.muted{font-size:1.05rem;line-height:1.6;max-width:650px}.auth-note{margin-top:24px;max-width:630px;border:1px solid rgba(33,136,255,.24);border-radius:14px;padding:15px 17px;background:rgba(33,136,255,.06)}.auth-note strong,.auth-note span{display:block}.auth-note strong{font-size:.84rem;margin-bottom:5px}.auth-note span{color:#9facbd;font-size:.83rem;line-height:1.45}.auth-card{display:flex;flex-direction:column;gap:16px;background:linear-gradient(160deg,#121925,#0d1219);border:1px solid #283343;border-radius:20px;padding:25px;box-shadow:var(--shadow)}.auth-card h2{margin:0;font-size:1.45rem}.auth-card label{display:flex;flex-direction:column;gap:7px;color:#aeb8c5;font-size:.8rem;font-weight:750}.auth-card label em{font-style:normal;color:#778394;font-weight:550}.auth-card input{width:100%;border:1px solid #2b3544;background:#0b1017;color:var(--text);border-radius:11px;padding:12px 13px;min-height:46px;outline:none;font-size:1rem}.auth-card input:focus{border-color:#3f96f6;box-shadow:0 0 0 3px rgba(33,136,255,.12)}.auth-card label small{color:#758293;font-weight:500;line-height:1.4}.auth-card>.primary{width:100%;margin-top:3px}.auth-switch,.auth-security-note{margin:0;text-align:center;color:#8592a3;font-size:.79rem;line-height:1.45}.auth-switch a{color:#74b8ff;font-weight:750}.auth-security-note{padding-top:12px;border-top:1px solid #202936;font-size:.72rem}.truck-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.truck-settings-grid label{display:flex;flex-direction:column;gap:7px;color:#aeb8c5;font-size:.78rem;font-weight:700}.truck-settings-grid input{width:100%;border:1px solid #293241;background:#0e1219;color:var(--text);border-radius:11px;padding:11px 12px;outline:none;min-height:44px}.truck-settings-grid input:focus{border-color:#3f96f6;box-shadow:0 0 0 3px rgba(33,136,255,.12)}.vin-field{grid-column:span 2}.settings-help{font-size:.82rem;line-height:1.45;margin-top:6px}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr;gap:25px;padding:22px 0}.auth-copy h1{font-size:clamp(2.3rem,10vw,4rem)}.truck-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vin-field{grid-column:span 2}}
@media(max-width:760px){.account-chip{display:none}.topbar nav{gap:7px}.topbar .ghost.small{min-height:36px;padding:0 9px}.auth-layout{padding:8px 0}.auth-card{padding:19px}.truck-settings-grid{grid-template-columns:1fr}.vin-field{grid-column:auto}}
@media(max-width:430px){.topbar nav>a:not(.primary){display:none}.topbar .topbar-form{display:block}.topbar .topbar-form .ghost{font-size:.74rem;padding:0 8px}.auth-copy h1{font-size:2.25rem}.auth-copy>.muted{font-size:.93rem}.auth-note{margin-top:16px}.auth-card{border-radius:16px}}

/* v0.4.1 richer load-card cargo/reefer details and appointment times */
.load-details-row{flex-wrap:wrap;row-gap:7px}.load-details-row span{display:inline-flex;align-items:baseline;gap:4px;padding:5px 8px;border:1px solid #273342;border-radius:999px;background:#111821;max-width:100%}.load-details-row b{color:#8190a3;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.dates span{font-variant-numeric:tabular-nums}


/* v0.5.2 dashboard export alignment */
.filter-export-actions{display:flex;align-items:stretch;gap:9px;min-width:max-content}.filter-export-actions .ghost{white-space:nowrap}.filter-bar{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(120px,.6fr)) auto auto}
@media(max-width:1100px){.filter-export-actions{min-width:0}}
@media(max-width:430px){.filter-export-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}.filter-export-actions .ghost{width:100%}}

/* v0.5.5 fuel receipt OCR / auto-fill */
.receipt-scan-section{border-color:rgba(33,136,255,.34);background:linear-gradient(145deg,rgba(33,136,255,.08),rgba(16,21,29,.96) 42%)}
.scan-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;background:rgba(50,196,119,.11);border:1px solid rgba(50,196,119,.28);color:#8ee8b7;font-size:.68rem;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.receipt-scan-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.receipt-file-label{display:flex;flex-direction:column;gap:7px;color:#aeb8c5;font-size:.78rem;font-weight:700}.receipt-file-label input{width:100%;border:1px solid #293241;background:#0e1219;color:var(--text);border-radius:11px;padding:9px 11px;outline:none;min-height:44px}.receipt-file-label input:focus{border-color:#3f96f6;box-shadow:0 0 0 3px rgba(33,136,255,.12)}.scan-receipt-button{min-width:210px}.scan-receipt-button:disabled{opacity:.65;cursor:wait;transform:none}.scan-status{margin-top:12px;padding:11px 12px;border-radius:10px;border:1px solid #273342;background:#0b1119;color:#90a0b2;font-size:.8rem;line-height:1.4}.scan-status.scanning{border-color:rgba(33,136,255,.38);color:#92c7ff;background:rgba(33,136,255,.07)}.scan-status.success{border-color:rgba(50,196,119,.34);color:#91e8b8;background:rgba(50,196,119,.07)}.scan-status.error{border-color:rgba(239,106,106,.36);color:#ffaaa9;background:rgba(239,106,106,.07)}.scan-existing{margin-top:12px}.scan-filled{animation:scanFieldFlash 1.5s ease}@keyframes scanFieldFlash{0%,25%{border-color:#32c477;box-shadow:0 0 0 3px rgba(50,196,119,.16)}100%{border-color:#293241;box-shadow:none}}
@media(max-width:760px){.receipt-scan-grid{grid-template-columns:1fr}.scan-receipt-button{width:100%;min-width:0}.scan-badge{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.scan-filled{animation:none;border-color:#32c477}}


/* v0.5.6 phone dashboard / export responsiveness */
.filter-bar>*{min-width:0}.filter-bar input,.filter-bar select{max-width:100%;min-width:0}.filter-export-actions{max-width:100%}.route>div{min-width:0}.route strong,.route small,.load-details-row span{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:760px){
  .filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:100%;gap:9px}
  .filter-search,.filter-sort,.filter-apply,.filter-export-actions{grid-column:1/-1}
  .filter-apply{width:100%}
  .filter-export-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%;min-width:0}
  .filter-export-actions .ghost{width:100%;min-width:0;max-width:100%;padding-left:10px;padding-right:10px;white-space:normal;text-align:center}
  .filter-year,.filter-payment{width:100%;min-width:0}
}
@media(max-width:560px){
  .page-shell{width:calc(100% - 16px);padding-top:18px}
  .period-revenue-head .month-viewer{display:grid;grid-template-columns:38px minmax(0,1fr) 78px 58px 38px;gap:7px;width:100%;max-width:100%}
  .month-viewer select,.month-viewer .secondary,.month-viewer .month-arrow{min-width:0;width:100%;padding-left:6px;padding-right:6px}
  .dashboard-card-section{margin-left:0;margin-right:0}
  .load-card{min-width:0}
}
@media(max-width:360px){
  .filter-export-actions{grid-template-columns:1fr}
  .metrics-grid,.metrics-grid-money,.metrics-grid-performance{grid-template-columns:1fr}
  .month-viewer{grid-template-columns:34px minmax(0,1fr) 72px 52px 34px!important;gap:5px!important}
}

/* v0.6.3 website feature parity: clickable fuel tickets, native date/time pickers, and document vault */
.clickable-card{cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.clickable-card:hover{border-color:#3d5068;transform:translateY(-1px)}.clickable-card:focus-visible{outline:2px solid #4d9eff;outline-offset:3px}
.fuel-ticket-head{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:16px;align-items:start}.fuel-ticket-head>div:first-child{min-width:0}.fuel-ticket-head>div:first-child strong,.fuel-ticket-head>div:first-child small,.fuel-ticket-head>div:first-child span{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.fuel-cost-wrap{min-width:max-content;text-align:right;align-self:start}.fuel-cost-wrap small{display:block;color:#7e8b9b;font-size:.72rem}.fuel-cost{display:block}.fuel-ticket-details dd{min-width:0;overflow-wrap:anywhere}
.native-date-picker,.native-time-picker,.native-datetime-picker{color-scheme:dark}.native-date-picker::-webkit-calendar-picker-indicator,.native-time-picker::-webkit-calendar-picker-indicator,.native-datetime-picker::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.82;cursor:pointer}
.document-section{margin:15px 0}.document-count{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;border:1px solid #2b3b4e;border-radius:999px;background:#121b26;color:#9fb3c9;font-size:.76rem;font-weight:800;white-space:nowrap}.document-upload-form{margin-top:14px;padding:14px;border:1px solid #263343;border-radius:13px;background:#0b1118}.document-upload-grid{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(170px,1fr) minmax(230px,1.5fr) auto;gap:10px;align-items:end}.document-upload-grid label{display:flex;flex-direction:column;gap:7px;color:#aeb8c5;font-size:.78rem;font-weight:700}.document-upload-grid input,.document-upload-grid select{width:100%}.document-upload-grid button{min-height:44px;white-space:nowrap}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.document-card{display:grid;grid-template-columns:128px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #293443;border-radius:14px;background:#0c1118}.document-preview{min-height:128px;background:#080d13;border-right:1px solid #222d3a;display:flex;align-items:center;justify-content:center;overflow:hidden}.document-preview img{width:100%;height:100%;min-height:128px;object-fit:cover;display:block}.document-file-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:15px;border:1px solid #33455a;background:#131e2b;color:#86bfff;font-size:.8rem;font-weight:900;letter-spacing:.06em}.document-card-body{display:flex;flex-direction:column;min-width:0;padding:14px}.document-type{color:#75e2a8;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.document-card-body>strong{margin:5px 0 4px;overflow-wrap:anywhere}.document-card-body>small{color:#8492a3;font-size:.72rem;overflow-wrap:anywhere}.document-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:13px}.document-actions form{margin:0}.document-file-label input[type=file]{min-height:44px}
@media(max-width:900px){.document-upload-grid{grid-template-columns:1fr 1fr}.document-upload-grid .document-file-label{grid-column:1/-1}.document-upload-grid button{grid-column:1/-1}.document-grid{grid-template-columns:1fr}}
@media(max-width:520px){.fuel-ticket-head{grid-template-columns:minmax(0,1fr) auto;gap:10px}.fuel-cost-wrap{max-width:42vw}.fuel-cost{font-size:1rem}.document-upload-grid{grid-template-columns:1fr}.document-upload-grid .document-file-label,.document-upload-grid button{grid-column:auto}.document-card{grid-template-columns:88px minmax(0,1fr)}.document-preview,.document-preview img{min-height:104px}.document-actions{display:grid;grid-template-columns:1fr 1fr}.document-actions form{grid-column:1/-1}.document-actions .small,.document-actions button{width:100%}}
.finance-tools-section{border-color:#29384a}.dashboard-quick-links{display:flex;gap:8px;flex-wrap:wrap}.finance-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.finance-mini-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:#0d141d;border:1px solid #273548;border-radius:13px;padding:14px;color:var(--text)}.finance-mini-card:hover{border-color:#3d5d80}.finance-mini-card span{color:#8ea1b7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.finance-mini-card strong{font-size:1.1rem}.finance-mini-card small{color:#7f8d9e}.finance-mini-card.unpaid{border-color:rgba(229,182,75,.25)}
.unpaid-list{display:flex;flex-direction:column;gap:11px}.unpaid-card{background:#10151d;border:1px solid #293443;border-radius:15px;padding:16px}.unpaid-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}.unpaid-main h2{margin:3px 0 6px;font-size:1.05rem}.unpaid-main p:not(.eyebrow){margin:0;color:#8997a8}.unpaid-amount{text-align:right;min-width:max-content}.unpaid-amount span,.unpaid-amount small{display:block;color:#8795a6;font-size:.72rem}.unpaid-amount strong{display:block;color:#f0ca76;font-size:1.25rem;margin:4px 0}.unpaid-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #242e3b;margin-top:14px;padding-top:12px}.unpaid-actions form{margin:0}
.settlement-nav{display:flex;gap:8px;flex-wrap:wrap}.settlement-table-wrap{overflow-x:auto}.settlement-table{width:100%;border-collapse:collapse;min-width:760px}.settlement-table th,.settlement-table td{text-align:left;padding:11px 10px;border-bottom:1px solid #24303d}.settlement-table th{color:#8795a6;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.settlement-table td{font-size:.86rem}.settlement-table tr:last-child td{border-bottom:0}
.rate-scan-section{border-color:rgba(50,196,119,.28);background:linear-gradient(145deg,rgba(50,196,119,.06),rgba(16,21,29,.96) 42%)}
@media(max-width:760px){.dashboard-quick-links{width:100%}.dashboard-quick-links>*{flex:1;text-align:center}.finance-mini-grid{grid-template-columns:1fr}.unpaid-main{grid-template-columns:1fr}.unpaid-amount{text-align:left}.unpaid-actions{display:grid;grid-template-columns:1fr 1fr}.unpaid-actions a,.unpaid-actions button{width:100%}.settlement-nav{width:100%}.settlement-nav>*{flex:1;text-align:center}}