:root{--ink:#193632;--muted:#7a8581;--green:#183e36;--orange:#f4b04e;--paper:#f5f6f1;--line:#e6e9e1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--sun-type)}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--sun-type)}button{border:0;background:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#132f2b;color:#b3c2b9;padding:33px 21px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:white;font-family:var(--sun-type);font-weight:800;font-size:17px;line-height:1.12;letter-spacing:1px}.brand small{display:block;font:9px var(--sun-type);letter-spacing:3px;margin-top:7px;color:#9baea5}.sun{height:37px;width:37px;border:2px solid #f4b04e;border-radius:50%;display:grid;place-items:center;color:#f4b04e;font-size:24px;box-shadow:0 0 0 5px #f4b04e0c}.navlabel{font-size:10px;letter-spacing:1.7px;color:#78968a;margin:46px 14px 13px}.nav{display:flex;gap:12px;align-items:center;padding:13px 15px;border-radius:8px;margin-bottom:6px;font-weight:500}.nav:hover{background:#24463d;color:white}.nav.active{background:#e6f0d5;color:#223e30}.nav span:last-child{margin-left:auto;font-size:10px}.sidebottom{margin-top:auto}.helpbox{border:1px solid #ffffff1a;border-radius:12px;padding:16px;margin:24px 0}.helpbox p{font-size:12px;color:#91a99c;line-height:1.6;margin:9px 0 12px}.helpbox a{font-size:12px;color:#e6f0d5}.profile{display:flex;gap:10px;align-items:center;padding-top:21px;border-top:1px solid #ffffff1a;color:#fff;font-size:12px}.avatar{width:36px;height:36px;border-radius:50%;background:#dddfc6;display:grid;place-items:center;color:#34523d;font-weight:700}.profile small{display:block;color:#8da699;margin-top:4px}.main{margin-left:238px}.topbar{height:83px;background:#ffffffb5;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.crumb{font-size:12px;color:var(--muted)}.crumb b{color:var(--ink);font-weight:500}.topright{display:flex;align-items:center;gap:19px;font-size:12px}.demo{background:#fff2dc;color:#996123;border:1px solid #f3debb;padding:6px 9px;border-radius:5px;font-size:10px;letter-spacing:.7px;font-weight:700}.content{padding:33px 38px 40px;max-width:1600px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.heading h1{font-size:28px;letter-spacing:-1px;font-weight:800}.heading p{color:var(--muted);font-size:12px;margin-top:9px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--line);background:white;padding:11px 16px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.btn:hover{filter:brightness(.96)}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.gold{background:var(--orange);border-color:var(--orange)}.btn.danger{color:#b34435}.actions{display:flex;gap:9px;align-items:center}.hero{border-radius:12px;background:#dfe8cf;position:relative;overflow:hidden;padding:28px 31px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;min-height:163px}.hero h2{font-size:24px;letter-spacing:-.8px;max-width:430px}.hero p{font-size:12px;color:#68775d;max-width:380px;line-height:1.6;margin:10px 0 18px}.hero a{font-size:11px;font-weight:700}.roadart{width:240px;height:130px;flex-shrink:0;opacity:.9}.roadart svg{width:100%;height:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#758078;font-size:11px}.stat-icon{background:#f2f5e9;color:#718060;padding:8px;border-radius:8px}.stat:nth-child(2) .stat-icon{background:#fff5e5;color:#b38643}.stat strong{display:block;font:800 27px var(--sun-type);letter-spacing:-1px;margin:13px 0 10px}.stat small{font-size:10px;color:#7f8c81}.stat small b{color:#547851;font-weight:500}.grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:22px;margin-bottom:24px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.cardhead{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 0;gap:10px}.cardhead h2{font-size:15px;letter-spacing:-.3px}.cardhead p{font-size:11px;color:var(--muted);margin-top:6px}.cardbody{padding:23px}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:500;background:#edf1e9;color:#6c7a65}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.delivered{background:#eaf1e1;color:#52743e}.badge.in-transit{background:#fff0d5;color:#ac7b2e}.badge.paid{background:#e6efeb;color:#437760}.badge.pending{background:#edf0f6;color:#7b8598}.badge.cancelled{background:#fae6e3;color:#ad6559}.link{font-size:11px;color:#55745a;display:inline-flex;align-items:center;gap:5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.6px;font-weight:500;color:#8a948d;background:#fafbf8;padding:13px 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:16px 21px;border-bottom:1px solid #f0f2ec;font-size:11px}tr:last-child td{border-bottom:none}td small{display:block;font-size:10px;color:#8b948c;margin-top:5px}td b{font-weight:600}.chart{height:181px;display:flex;gap:11px;padding:13px 0 0;margin-top:8px}.chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;font-size:9px;color:#919a91}.bar{background:#dce6cc;border-radius:4px 4px 0 0;width:70%;min-height:3px}.chart-col:nth-child(5) .bar{background:#254d3d}.legend{display:flex;justify-content:space-between;font-size:10px;color:#8a958a;padding-top:15px;border-top:1px solid var(--line);margin-top:14px}.legend b{color:var(--ink)}.progress-item{margin-bottom:22px}.progress-item>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.progress{background:#f0f2ea;height:6px;border-radius:5px}.progress i{display:block;height:100%;border-radius:5px;background:#9fb68a}.notice{border-radius:8px;background:#faf6e9;padding:15px;display:flex;gap:10px;color:#a18744;margin-top:23px}.notice p{font-size:11px;line-height:1.6;color:#8f825b;margin-top:5px}.notice b{font-size:11px}.toolbar{display:flex;gap:10px;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea{border:1px solid #dde3d8;background:#fff;border-radius:6px;padding:10px 12px;color:#294334;max-width:100%}.search{min-width:220px}.tabs{display:flex;background:#e9ede3;border-radius:7px;padding:4px;gap:2px}.tabs button{font-size:11px;padding:7px 15px;border-radius:5px}.tabs button.active{background:white;box-shadow:0 1px 3px #233c1c10}.empty{text-align:center;padding:45px;color:var(--muted);line-height:1.8}.drivergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.drivercard{padding:23px}.drivercard .avatar{width:45px;height:45px;font-size:15px;margin-bottom:17px}.drivercard h3{font-size:16px;margin-bottom:6px}.drivercard p{font-size:12px;color:var(--muted)}.driverdetail{border-top:1px solid var(--line);margin-top:20px;padding-top:17px;display:flex;justify-content:space-between;font-size:11px}.drivercard .btn{width:100%;margin-top:20px}.footnote{font-size:10px;color:#9ba397;margin-top:25px;display:flex;justify-content:space-between;line-height:1.6}.statement{padding:35px}.statementtop{display:flex;justify-content:space-between;border-bottom:2px solid var(--green);padding-bottom:25px;margin-bottom:25px}.statement h2{font-size:20px}.statement p{color:var(--muted);font-size:12px;margin-top:7px}.statementmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;font-size:12px}.statementmeta small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.totals{margin:25px 0 0 auto;max-width:320px}.totals div{display:flex;justify-content:space-between;padding:10px 0;font-size:12px}.totals .total{border-top:1px solid var(--line);font-weight:700;font-size:18px;margin-top:8px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.formgrid label{font-size:11px;display:flex;flex-direction:column;gap:8px}.formgrid .full{grid-column:1/-1}.formgrid textarea{min-height:85px;resize:vertical}.formgrid input,.formgrid select{width:100%}.formactions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.settings{max-width:760px}.settings .card{padding:27px;margin-bottom:20px}.settings h2{font-size:16px;margin-bottom:20px}.settings p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:18px}dialog{border:0;border-radius:14px;padding:28px;width:560px;max-width:calc(100% - 28px);color:var(--ink);box-shadow:0 20px 100px #0f302944}dialog::backdrop{background:#122a2766;backdrop-filter:blur(3px)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modalhead h2{font-size:21px}.modalhead button{font-size:23px;color:#7d8c7e}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#163e32;color:white;border-radius:8px;padding:13px 22px;z-index:100;transition:.2s;font-size:12px;box-shadow:0 6px 30px #132f2b20}#toast.show{transform:translateX(-50%) translateY(0)}.mobile-toggle{display:none}.companyhero{background:#193e34;color:#f6f5e8;padding:55px;border-radius:12px;min-height:350px;position:relative;overflow:hidden}.companyhero h1{font-size:52px;line-height:1.12;max-width:600px;letter-spacing:-2px;margin:19px 0}.companyhero p{max-width:420px;color:#b7c8b7;line-height:1.8;margin-bottom:26px}.companyhero .eyebrow{color:#e8b85e}.companysections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.companysections .card{padding:28px}.companysections h2{font-size:18px;margin:18px 0 12px}.companysections p{font-size:12px;color:var(--muted);line-height:1.8}.companysections svg{color:#9d8a49}.sectiontitle{font-size:22px;margin:36px 0 10px}.config-note{background:#fff6e4;color:#8b733d;font-size:11px;line-height:1.7;padding:15px;border-radius:7px;margin-top:18px}.rowbtn{font-size:11px;color:#52765e;text-decoration:underline;text-underline-offset:3px}.period{font-size:11px;color:#778576}.submetrics{display:flex;gap:25px;flex-wrap:wrap;margin-top:22px}.submetrics span{font-size:10px;color:#7a8878}.submetrics b{display:block;margin-top:7px;color:#224434;font-size:18px}@media(min-width:1550px){.content{padding-top:40px}.hero{min-height:190px}}@media(max-width:1100px){.sidebar{width:200px;padding:30px 14px}.main{margin-left:200px}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.grid{grid-template-columns:1fr}.drivergrid{grid-template-columns:repeat(2,1fr)}.roadart{width:190px}.companyhero h1{font-size:42px}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s;width:238px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #132b2766}.main{margin-left:0}.mobile-toggle{display:block;padding:4px}.topbar{height:64px;padding:0 18px;gap:15px}.topright{gap:10px}.topright .date{display:none}.content{padding:24px 17px}.heading{align-items:flex-start}.heading h1{font-size:23px}.heading .actions .btn:not(.primary){display:none}.heading .btn{padding:9px 12px}.hero{padding:23px;min-height:180px}.hero h2{font-size:21px;max-width:270px}.roadart{position:absolute;right:-75px;bottom:-20px;opacity:.2}.stats{grid-template-columns:1fr 1fr;gap:11px}.stat strong{font-size:24px}.stat{padding:16px}.grid{gap:18px}.cardhead{padding:19px 17px 0}.cardbody{padding:19px 17px}.drivergrid{grid-template-columns:1fr}.companyhero{padding:32px 25px;min-height:380px}.companyhero h1{font-size:39px}.companysections{grid-template-columns:1fr}.formgrid{gap:14px}.statement{padding:22px}.statementmeta{grid-template-columns:1fr 1fr}.statementtop{gap:20px}.statementtop h2{font-size:17px}.footnote{flex-direction:column;gap:6px}th,td{padding:14px 16px}.toolbar input{min-width:0}.search{width:100%}.filters{width:100%}.filters select{flex:1}.heading p{line-height:1.6}.formgrid label{min-width:0}}@media print{body{background:white}.sidebar,.topbar,.heading,.toolbar,.footnote,#toast,.no-print{display:none!important}.main{margin:0}.content{padding:0;max-width:none}.card{border:0}.statement{padding:15px}.badge{border:1px solid #ccc}th,td{padding:10px}a{color:black}}
/* Sunshine Trans — Midnight / polished metal */
:root{--ink:#eff2ed;--muted:#8eaaa0;--green:#d8b578;--orange:#e4be7d;--paper:#0b1516;--line:#ffffff12}body{background:radial-gradient(ellipse at 75% 0%,#18342f 0%,transparent 52%),#0b1516;color:var(--ink)}.sidebar{background:linear-gradient(165deg,#17302e 0%,#0c1c1d 65%);border-right:1px solid #ffffff0e;box-shadow:15px 0 55px #00000018;padding-top:35px;overflow-y:auto}.brand{letter-spacing:1.4px;font-size:17px}.brand small{font-size:8px;letter-spacing:2.4px;color:#a0b5ab}.sun{color:#efd39b;background:radial-gradient(circle at 35% 25%,#5b5941,#15272a 70%);border:1px solid #d7b87887;box-shadow:inset 0 1px 3px #ffe3a75c,0 4px 12px #0005;border-radius:11px;width:40px;height:40px}.navlabel{color:#738f87;font-size:9px;margin-top:43px}.nav{color:#9db3ad;font-size:12px;padding:13px 14px;position:relative;border:1px solid transparent;transition:background .2s,color .2s,box-shadow .2s}.nav.active{color:#f0d6a9;background:linear-gradient(110deg,#b5935240,#8f79321a);border-color:#d2af6736;box-shadow:inset 0 1px 0 #fff1,0 4px 12px #0001}.nav.active:before{content:'';position:absolute;left:-21px;width:3px;height:22px;border-radius:0 3px 3px 0;background:#e5bd75;box-shadow:0 0 15px #e6ba6c77}.nav:hover{background:#ffffff09;color:#f1d5a5}.nav svg{width:17px;height:17px}.nav span:last-child{background:#ffffff0a;border:1px solid #ffffff0d;padding:2px 5px;border-radius:4px;color:inherit}.helpbox{background:linear-gradient(130deg,#ffffff06,#ffffff01);border-color:#ffffff0b;box-shadow:inset 0 1px 0 #ffffff06;font-size:12px}.helpbox a{color:#d5b681}.helpbox p{font-size:11px}.profile{font-size:11px}.avatar{background:linear-gradient(145deg,#c7b380,#786f54);color:#182523;border:1px solid #dec99855;box-shadow:inset 0 1px 2px #fff4,0 3px 8px #0003;font-size:11px}.topbar{background:#0e1c1c99;backdrop-filter:blur(18px);border-color:#ffffff0a;height:76px}.crumb{font-size:11px;color:#709088}.topright{color:#91aaa0}.topright>.avatar{width:31px;height:31px}.demo{background:#d7ac5210;color:#c2a56f;border-color:#c8a76a27;letter-spacing:1px;font-size:9px}.content{padding-top:33px;max-width:1580px}.eyebrow{color:#6f9588;font-size:9px;letter-spacing:1.8px}.heading h1{font-size:29px;color:#f0f3ea;letter-spacing:-1px}.heading p{color:#89a49a;font-size:12px}.heading{margin-bottom:29px}.btn{background:linear-gradient(175deg,#ffffff0c,#ffffff03);color:#a7c0b5;border:1px solid #ffffff17;box-shadow:inset 0 1px 0 #ffffff08,0 3px 8px #0002;border-radius:8px;transition:transform .18s,background .18s,box-shadow .18s}.btn svg{width:16px;height:16px}.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff12,0 7px 18px #0003;filter:none;background-color:#ffffff09}.btn.primary,.btn.gold{background:linear-gradient(145deg,#eed3a0,#b99250);border:1px solid #e9ca9177;color:#172522;box-shadow:inset 0 1px 0 #fff7,0 5px 18px #cda15c19}.btn.primary:hover,.btn.gold:hover{background:linear-gradient(145deg,#f8dfb1,#c7a363)}.btn.danger{color:#e79d8f}.cinematic{isolation:isolate;transform-style:preserve-3d;--mx:0px;--my:0px}.hero{min-height:310px;padding:33px 35px 85px;background:#0e2320;border:1px solid #a3b6a82e;border-radius:15px;box-shadow:0 20px 50px #0004,inset 0 1px 0 #fff2;display:block;margin-bottom:27px;overflow:hidden}.hero-photo{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:cover;object-position:center 56%;z-index:-3;transform:translate3d(var(--mx),var(--my),0) scale(1.015);transition:transform .4s ease-out;pointer-events:none}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a1d1dea 0%,#0c2520b5 32%,#0b1b1b20 62%,#05141915 100%),linear-gradient(0deg,#071718f0 0%,transparent 52%);pointer-events:none}.hero-copy{max-width:53%;position:relative}.hero-label{color:#d5c397;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:8px;margin-bottom:19px}.hero-label>span{width:5px;height:5px;border-radius:50%;background:#e7c77e;box-shadow:0 0 9px #e7bd65}.hero h2{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.22;color:#fff9e9;max-width:510px}.hero h2 em{font-style:normal;color:#d9bf8b}.hero p{color:#b5c2b4;font-size:11px;max-width:310px;line-height:1.8;margin:14px 0 19px}.hero-cta{color:#e6cb99;background:#ffffff0c!important;border:1px solid #d7c18c55;backdrop-filter:blur(8px);font-size:10px!important;padding:10px 13px}.hero-corner{position:absolute;right:23px;top:23px;font-size:7px;letter-spacing:1.4px;border:1px solid #fff2;border-radius:6px;padding:9px 11px;background:#0c211e70;backdrop-filter:blur(10px);color:#e8e9d5}.hero-corner small{font-size:7px;display:block;letter-spacing:.2px;color:#b2b9a4;margin-top:5px}.signal-dot{display:inline-block;width:4px;height:4px;background:#cbe3ab;border-radius:50%;margin-right:5px;box-shadow:0 0 5px #bdff82}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:24px;padding:17px 35px;background:#071b1b99;backdrop-filter:blur(9px);border-top:1px solid #fff1}.hero-bottom small{font-size:7px;letter-spacing:1.7px;color:#8fa59a;display:block;margin-bottom:6px}.hero-bottom b{font-size:12px;color:#dfdfca;font-weight:500}.hero-bottom>span{height:26px;width:1px;background:#ffffff17}.hero-wordmark{margin-left:auto;color:#e1cc9d;font-size:12px;letter-spacing:3px}.hero-wordmark small{font-size:6px;letter-spacing:2px;margin-top:5px;margin-bottom:0;text-align:right}.stat,.card{background:linear-gradient(150deg,#203b342e,#142827bb);border:1px solid #b4d0af16;box-shadow:inset 0 1px 0 #ffffff07,0 8px 26px #0002;border-radius:12px}.stat{padding:20px 21px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.stat:after{content:'';position:absolute;width:90px;height:70px;right:-25px;top:-24px;border-radius:50%;background:#b6db9a05;filter:blur(10px);pointer-events:none}.stat:hover{transform:perspective(800px) translateY(-4px) rotateX(2deg);box-shadow:inset 0 1px 0 #ffffff12,0 14px 30px #0004}.stat-top{color:#95afa2;font-size:10px}.stat-icon,.stat:nth-child(2) .stat-icon{background:linear-gradient(145deg,#b8cfae1a,#ffffff02);color:#b7caa4;border:1px solid #cfdfb91a;box-shadow:inset 0 1px 0 #ffffff0a,0 5px 10px #0003;border-radius:9px;transform:rotate(-7deg);padding:9px}.stat:nth-child(2) .stat-icon{color:#d8ba7f;background:linear-gradient(145deg,#d8ba7f22,#d8ba7f02)}.stat-icon svg{width:17px;height:17px}.stat strong{font-size:28px;color:#f0f1df;letter-spacing:-.9px}.stat small{font-size:9px;color:#6f9381}.cardhead h2{color:#e1e7d8;font-size:14px}.cardhead p{color:#739582;font-size:10px}.cardhead>svg{color:#759984}.cardhead{padding:22px 23px 0}.badge{color:#96aa91;background:#97b37e10;border:1px solid #a9c18d16;font-size:9px}.badge.delivered{color:#b5cf97;background:#91b85c14}.badge.in-transit{color:#e1bb79;background:#d7a65213}.badge.pending{color:#93b3ce;background:#668ca61a}.badge.paid{color:#82c3ab;background:#5bb68b13}.badge.cancelled{color:#dc9b8c;background:#b5604e17}.bar{background:linear-gradient(180deg,#7b9c6e,#2d5041);box-shadow:inset -3px 0 0 #ffffff0c,4px 0 12px #0002;border:1px solid #9ab87c1a;min-width:9px}.chart-col:nth-child(5) .bar{background:linear-gradient(180deg,#e0c38f,#8e6d37);border-color:#e1c48c66}.chart-col{color:#718d7c;font-size:8px}.legend{font-size:9px;color:#739583;border-color:#ffffff0b}.legend b{color:#c2d0b4}.progress{background:#ffffff06;box-shadow:inset 0 2px 3px #0003;height:6px}.progress i{box-shadow:inset 0 1px 0 #ffffff35,0 0 10px #afcf6512}.progress-item>div{color:#a0b69e;font-size:10px}.notice{background:linear-gradient(120deg,#c9a4520e,#c9a45203);border:1px solid #d5b36714;color:#c5ac70}.notice p{color:#a79f80;font-size:10px}.notice b{font-size:10px;color:#c6bb93}.link{color:#c8b580;font-size:10px}.link svg{width:14px;height:14px}th{background:#09191a55;color:#749381;border-color:#ffffff0a;font-size:8px}td{border-color:#ffffff08;color:#bdcebc;font-size:11px}td small{color:#74917e;font-size:9px}tbody tr{transition:background .18s}tbody tr:hover{background:#b4d0ad04}.rowbtn{color:#c1b17b;font-size:10px}.footnote{color:#597566;font-size:9px}.tabs{background:#07171966;border:1px solid #ffffff0c}.tabs button{color:#749a87}.tabs button.active{background:linear-gradient(140deg,#34473b,#1c302b);color:#e2d2a4;box-shadow:inset 0 1px 0 #ffffff12,0 3px 10px #0002}input,select,textarea{background:#0b1b1c;color:#c4d4c4;border:1px solid #b8d1ad1f;color-scheme:dark;box-shadow:inset 0 2px 5px #0002}input::placeholder{color:#5c7d6d}input:focus,select:focus,textarea:focus{outline:2px solid #bd9b5d66;outline-offset:2px}select option{background:#112724}.drivercard .avatar{border-radius:13px;background:linear-gradient(145deg,#79866b,#374b39);color:#f0ddad;border-color:#bfcc9f44;box-shadow:inset 0 1px 0 #e0e9b744,0 8px 20px #0004;transform:rotate(-5deg)}.drivercard h3{color:#e3e8d7}.driverdetail{color:#88a18c}.submetrics b{color:#d5dbbc}.submetrics span{color:#71917e}.drivercard .btn{background:linear-gradient(160deg,#b6c2920c,#ffffff02)}.statement{background:linear-gradient(145deg,#1b302b,#112523)}.statementtop{border-bottom-color:#9b8e57}.statementtop h2{color:#d6c694}.statementmeta{color:#c6d1be}.totals{color:#b3c4af}.totals .total{color:#ead8a7}.config-note{background:#c8ab5e0a;border:1px solid #b69c6126;color:#b1a67b}.settings .card{padding:28px}.settings h2{color:#dce5d3}.settings p{color:#92aa96}dialog{background:linear-gradient(145deg,#203c32,#122725);color:#dce5d4;border:1px solid #c0c9a02a;box-shadow:inset 0 1px 0 #fff1,0 30px 100px #000a}dialog::backdrop{background:#020a0dba;backdrop-filter:blur(7px)}.modalhead h2{color:#ede5cd}.formgrid label{color:#9cb29c}.formactions{border-top:1px solid #ffffff0b;padding-top:20px}#toast{background:linear-gradient(135deg,#d8c391,#ae9059);color:#152920;box-shadow:0 12px 30px #0006;font-weight:600}.empty{color:#87a08e}.companyhero{min-height:495px;border-radius:16px;border:1px solid #d5d7bb33;background:#102520;box-shadow:0 20px 50px #0005;padding:52px 43px}.companyhero .hero-photo{object-position:60% center}.companyhero .hero-shade{background:linear-gradient(90deg,#061c1df5,#0a2421ba 40%,#0b1f1f00 75%),linear-gradient(0deg,#081c1fbb,transparent 40%)}.company-copy{position:relative;max-width:58%}.companyhero .eyebrow{color:#dcc18c;font-size:9px}.companyhero h1{font-size:43px;color:#fff5dc;max-width:520px;letter-spacing:-1.6px;line-height:1.18}.companyhero p{font-size:12px;line-height:1.9;color:#bac8b5;max-width:345px}.companyhero .btn{font-size:10px;backdrop-filter:blur(10px)}.scene-caption{position:absolute;bottom:22px;right:25px;font-size:7px;color:#e0d2a4;letter-spacing:1.4px}.companysections .card{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.companysections .card:after{content:'';position:absolute;right:-35px;top:-35px;width:100px;height:100px;background:radial-gradient(#d5ba6a11,transparent 65%);pointer-events:none}.companysections .card:hover{transform:perspective(900px) translateY(-5px) rotateX(2deg);box-shadow:inset 0 1px 0 #ffffff10,0 20px 35px #0004}.companysections .card>svg{padding:11px;width:47px;height:47px;background:linear-gradient(145deg,#9b9b6c2a,#3d5c4210);border:1px solid #c7c08b33;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff12,0 7px 14px #0004;transform:rotate(-8deg);color:#d5c18b}.companysections h2{color:#dce3cc}.companysections p{color:#91aa94}.sectiontitle{color:#e5e9d6;font-size:23px;letter-spacing:-.5px}.companysections .btn{color:#d7c493;font-size:10px}.mobile-toggle{color:#cbb783}.cardbody{padding-bottom:22px}.hero,.companyhero{animation:scene-enter .65s ease-out both}.stats .stat{animation:scene-enter .5s ease-out both}.stats .stat:nth-child(2){animation-delay:50ms}.stats .stat:nth-child(3){animation-delay:100ms}.stats .stat:nth-child(4){animation-delay:150ms}@keyframes scene-enter{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@media(max-width:1100px){.hero h2{font-size:29px}.hero-copy{max-width:65%}.company-copy{max-width:70%}.stats{gap:12px}.stat{padding:17px}.stat strong{font-size:23px}.companyhero h1{font-size:40px}.companyhero{padding:40px 33px}.brand{font-size:14px;gap:9px}.brand small{font-size:6px}.sidebar .sun{width:33px;height:33px;font-size:21px}}@media(max-width:720px){.heading h1{font-size:24px}.hero{padding:25px 23px 90px;min-height:365px;border-radius:12px}.hero-photo{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#0b2220ed,#0d2821a1 60%,#0d28215c),linear-gradient(0deg,#06191df0,transparent 80%)}.hero-copy{max-width:90%}.hero-label{font-size:7px;letter-spacing:1.2px;margin-top:8px}.hero h2{font-size:29px;line-height:1.2}.hero p{font-size:11px;max-width:250px}.hero-corner{display:none}.hero-bottom{padding:16px 23px;gap:18px}.hero-bottom b{font-size:11px}.hero-bottom small{font-size:6px}.hero-wordmark{font-size:8px;letter-spacing:1.5px}.hero-wordmark small{font-size:5px;letter-spacing:1px}.stat{padding:16px}.stat strong{font-size:24px;margin:12px 0 8px}.stat-top{font-size:9px;gap:4px}.stat-icon{padding:7px}.stat-icon svg{width:14px;height:14px}.stat small{font-size:8px}.companyhero{min-height:510px;padding:32px 25px}.company-copy{max-width:100%}.companyhero h1{font-size:36px;margin-top:25px}.companyhero .hero-shade{background:linear-gradient(90deg,#0c2420ed,#0a2521a1),linear-gradient(0deg,#091f1ebb,transparent)}.companyhero .hero-photo{object-position:66% center}.companyhero p{max-width:290px}.companyhero .actions{flex-wrap:wrap}.scene-caption{font-size:6px;left:25px;right:auto;letter-spacing:1px}.companysections{gap:15px}.topbar{height:64px}.sidebar{background:#102523}.formgrid{grid-template-columns:1fr 1fr}.formgrid label{font-size:10px}.statementtop h2{font-size:15px}.statementmeta{font-size:11px}.sidebar .brand{font-size:17px}.sidebar .brand small{font-size:8px}.chart-col{font-size:7px}.chart{gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stat:hover,.companysections .card:hover,.btn:hover{transform:none}.hero-photo{transform:none}}@media print{body{color:#172c23!important;background:white!important}.statement,.card{background:white!important;color:#172c23!important;box-shadow:none!important}.statement h2,.statementmeta,.totals,.totals .total,td,td b{color:#172c23!important}td small,.statement p,.statementmeta small{color:#536455!important}th{background:#f1f3ec!important;color:#536455!important}.statementtop,td,th,.totals .total{border-color:#c7d0c1!important}.tablewrap{overflow:visible}.statementtop{display:flex}.stat{animation:none}.formactions{display:none}}
/* Operations v3 — dimensional fleet surfaces and useful work queues. */
.sidebar .navlabel{margin-top:30px}.sidebar .nav{padding-top:10px;padding-bottom:10px;margin-bottom:4px;font-size:11px}.sidebar .helpbox{margin:18px 0}.sidebar .profile{padding-top:15px}.sidebar{scrollbar-width:thin;scrollbar-color:#40564b #0c1c1d}.sidebottom{padding-top:20px}.hero,.companyhero,.fleet-banner{--rx:0deg;--ry:0deg;--lx:50%;--ly:50%;transform:perspective(1500px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .55s ease-out,box-shadow .3s;backface-visibility:hidden}.cinematic:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at var(--lx) var(--ly),#f4d9a30d,transparent 58%);border-radius:inherit;box-shadow:inset 0 1px 0 #fff2,inset 0 -1px 0 #b2b18d0b}.cinematic.motion-enabled .hero-photo{animation:highway-breathe 20s ease-in-out infinite alternate}.cinematic.motion-enabled .hero-copy,.cinematic.motion-enabled .company-copy,.cinematic.motion-enabled .fleet-banner-copy{transform:translate3d(calc(var(--mx) * -.3),calc(var(--my) * -.3),20px);transition:transform .5s ease-out}.hero-shade{background:linear-gradient(90deg,#0a1d1df0 0%,#0c2520b5 32%,#0b1b1b10 62%,#05141900 100%),linear-gradient(0deg,#071718ee 0%,transparent 52%)}.hero-cta{position:relative;z-index:5}.scene-motion{margin-left:17px;flex-shrink:0;border:1px solid #ffffff16;border-radius:30px;color:#b8c7af;padding:7px 10px;font-size:8px;background:#0c201ea3;letter-spacing:.4px}.scene-motion:hover{background:#314438}.hero-bottom{gap:19px}.hero-wordmark{margin-left:auto}.ops-strip{display:flex;align-items:center;gap:15px;background:linear-gradient(100deg,#d5b2710c,#d5b27103);border:1px solid #d7ba7c24;border-radius:10px;padding:16px 20px;margin:0 0 25px;box-shadow:inset 0 1px 0 #ffffff07,0 6px 15px #0001}.ops-strip b{font-size:12px;color:#dccba4}.ops-strip p{font-size:10px;color:#8ca08c;margin-top:5px}.ops-strip>.btn{margin-left:auto;font-size:10px}.ops-orb,.summary-orb{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6c38e30;border-radius:11px;color:#d4be87;background:linear-gradient(145deg,#9f8b5726,#152c27);box-shadow:inset 0 1px 0 #ffffff20,0 6px 12px #0003;transform:rotate(-5deg);flex-shrink:0}.ops-orb svg{width:17px;height:17px}.fleet-banner{position:relative;padding:30px 32px;min-height:215px;margin-bottom:25px;border:1px solid #c1cfa52a;border-radius:13px;overflow:hidden;background:#102923;box-shadow:0 15px 30px #0004}.fleet-banner .hero-photo{object-position:55% 58%}.fleet-banner .hero-shade{background:linear-gradient(90deg,#102823f2,#0e2523ba 35%,#081e1b00 85%)}.fleet-banner-copy{max-width:65%}.fleet-banner h2{font-size:28px;color:#f0e5c5;letter-spacing:-.8px}.fleet-banner p{font-size:11px;color:#adbaa1;margin-top:12px}.fleet-pills{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.fleet-pills span{border:1px solid #dfd4a526;background:#0b201d55;backdrop-filter:blur(8px);padding:8px 10px;font-size:9px;color:#d1c5a0;border-radius:6px}.scene-controls{position:absolute;bottom:22px;right:22px}.scene-controls .btn{font-size:9px;background:#10251d88;backdrop-filter:blur(10px)}.vehiclegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vehicle-card{padding:22px;position:relative;transition:transform .25s,box-shadow .25s}.vehicle-card:hover{transform:perspective(900px) translateY(-4px) rotateX(1deg);box-shadow:inset 0 1px 0 #ffffff0c,0 20px 35px #0004}.vehicle-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.unit-plate{font:700 10px var(--sun-type);letter-spacing:1.6px;border:1px solid #b6b9972f;border-radius:5px;padding:7px 9px;background:linear-gradient(140deg,#6c7c5d22,#1a302b);color:#d6cfb2;box-shadow:inset 0 1px 0 #ffffff10,0 3px 5px #0003}.vehicle-id{display:flex;gap:12px;align-items:center;margin:26px 0}.metal-icon{height:44px;width:44px;display:grid;place-items:center;color:#c9bb86;background:linear-gradient(135deg,#667d5944,#102b24);border:1px solid #c9d5a029;border-radius:11px;box-shadow:inset 0 1px 0 #dce9b333,0 8px 16px #0003;transform:rotate(-6deg);flex-shrink:0}.metal-icon svg{width:24px;height:24px}.vehicle-id h2{font-size:13px;color:#e3e3cb}.vehicle-id p{font-size:10px;color:#88a08a;margin-top:7px}.due-list{border-top:1px solid #ffffff0a}.due-list>div{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff08;gap:8px;font-size:10px;color:#a3b29b}.due-list small{display:block;margin-top:5px;color:#718772;font-size:9px}.due-list b{font-size:8px;font-weight:500;color:#88b194}.due-list .overdue b{color:#e4a18c}.due-list .upcoming b{color:#d2b87a}.due-list .unset b{color:#718772}.vehicle-card>.btn{width:100%;margin-top:20px;font-size:10px}.action-summary{display:flex;align-items:center;gap:20px;padding:26px;background:linear-gradient(130deg,#d3b26b13,#173c2e44);border:1px solid #bfb37b27;border-radius:12px;margin-bottom:28px;box-shadow:inset 0 1px 0 #ffffff10,0 12px 25px #0002}.action-summary h2{font-size:21px;color:#e7d6ac;letter-spacing:-.5px}.action-summary p{font-size:11px;color:#9dab8d;margin-top:9px}.action-summary>.btn{margin-left:auto}.summary-orb{width:55px;height:55px;border-radius:15px}.summary-orb svg{width:25px;height:25px}.action-row{display:flex;align-items:center;gap:16px;padding:21px 23px;border-bottom:1px solid #ffffff08}.action-row:last-child{border-bottom:0}.action-row>div{flex:1;min-width:0}.action-row b{font-weight:500;font-size:12px;color:#d8dec7;overflow-wrap:anywhere}.action-row p{font-size:10px;line-height:1.6;color:#8ba082;margin-top:7px;overflow-wrap:anywhere}.action-row .btn{font-size:10px;padding:8px 12px}.action-type{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#d2b97910;color:#d5b677;border:1px solid #d5b6771a;flex-shrink:0}.action-type.overdue{background:#bb6b4d10;color:#e4a18c;border-color:#bc705c28}.action-type svg{width:16px;height:16px}.task-check{width:24px;height:24px;border-radius:7px;border:1px solid #b9c59744;background:#a2c08108;flex-shrink:0;display:grid;place-items:center}.task-check:hover{background:#91aa6820}.task-check.completed{background:#8dba7a25;color:#adcb8f}.task-check svg{width:15px;height:15px}.expense-filters{align-items:center;gap:12px}.expense-filters label{font-size:10px;color:#8aa084;display:flex;align-items:center;gap:8px}.expense-filters input,.expense-filters select{font-size:11px}.expense-filters input[type=date]{padding:9px}.costs-report{margin-top:23px;padding-bottom:22px}.costs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:26px 23px 20px}.costs-grid small{display:block;font-size:7px;letter-spacing:1px;color:#86a080;line-height:1.7}.costs-grid b{display:block;color:#d8d5b9;font-size:20px;font-weight:600;letter-spacing:-.5px;margin-top:11px}.costs-grid>div:last-child b{color:#d7b57b}.costs-report>p{font-size:10px;line-height:1.8;color:#7f9c7c;padding:0 23px}.card,.stat{position:relative}.card:before,.stat:before{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(130deg,#cad3ad0a,transparent 35%,transparent 80%,#c6ac6a05) border-box;pointer-events:none;z-index:0}.card>*{position:relative}.stat small{color:#85a188}.footnote{color:#7b9481}#view{min-width:0}.sidebar nav{flex-shrink:0}.sidebar .helpbox{display:none}.sidebar .nav{font-size:11px}button:focus-visible,a:focus-visible{outline:2px solid #e2c48c;outline-offset:4px}.scene-motion:focus-visible{outline-offset:3px}@keyframes highway-breathe{from{scale:1}to{scale:1.035}}@media(max-height:780px){.sidebar{padding-top:23px;padding-bottom:20px}.sidebar .navlabel{margin-top:22px}.sidebar .nav{padding-top:8px;padding-bottom:8px}.sidebottom{padding-top:10px}.sidebar .profile{padding-top:12px}}@media(max-width:1200px){.vehiclegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-wordmark{display:none}.scene-motion{margin-left:auto}.expense-filters input:first-child{flex:1;min-width:180px}}@media(max-width:720px){.ops-strip{padding:15px;gap:11px;flex-wrap:wrap}.ops-strip>div:nth-child(2){flex:1;min-width:0}.ops-strip>.btn{margin-left:49px;padding:7px 10px;font-size:9px}.ops-strip p{font-size:9px;line-height:1.7}.ops-strip b{font-size:11px}.hero-bottom{gap:14px;padding-left:23px;padding-right:17px}.scene-motion{font-size:7px;padding:7px 8px;margin-left:auto}.hero-bottom small{font-size:6px;letter-spacing:1px}.hero-bottom b{font-size:10px}.hero-bottom>span{height:20px}.vehiclegrid{grid-template-columns:1fr}.fleet-banner{min-height:265px;padding:27px 23px}.fleet-banner-copy{max-width:100%}.fleet-banner h2{font-size:25px}.fleet-banner .hero-shade{background:linear-gradient(90deg,#0c2421eb,#0a2521aa)}.fleet-pills{max-width:75%;margin-top:22px}.fleet-pills span{font-size:8px}.scene-controls{right:14px;bottom:19px}.scene-controls .btn{padding:7px 9px;font-size:8px}.vehicle-card{padding:23px}.vehicle-id h2{font-size:16px}.vehicle-id p{font-size:11px}.due-list>div{font-size:12px}.due-list b{font-size:10px}.action-summary{padding:20px;gap:14px;flex-wrap:wrap}.action-summary h2{font-size:18px}.action-summary p{font-size:10px}.action-summary>.btn{margin-left:69px;font-size:10px}.summary-orb{width:45px;height:45px;border-radius:13px}.summary-orb svg{width:21px;height:21px}.action-row{padding:19px 16px;gap:11px;flex-wrap:wrap}.action-row>div{flex-basis:calc(100% - 50px)}.action-row>.badge{margin-left:44px}.action-row>.btn{margin-left:auto;order:1}.action-row>.rowbtn{margin-left:35px}.action-row b{font-size:12px}.action-row p{font-size:10px}.expense-filters{gap:9px}.expense-filters>input{width:100%;flex-basis:100%!important}.expense-filters label{flex:1;min-width:0;flex-direction:column;align-items:flex-start;font-size:9px}.expense-filters label input{width:100%}.expense-filters>select{width:100%;flex-basis:100%}.costs-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.costs-grid b{font-size:18px}.costs-grid small{font-size:7px}.costs-report .cardhead{align-items:flex-start;flex-direction:column;gap:15px}.vehicle-card:hover{transform:none}.cinematic{transform:none}.cinematic.motion-enabled .hero-copy,.cinematic.motion-enabled .company-copy,.cinematic.motion-enabled .fleet-banner-copy{transform:none}.scene-motion{white-space:nowrap}.hero-wordmark{display:none}}@media(prefers-reduced-motion:reduce){.cinematic,.vehicle-card:hover{transform:none!important}.hero-photo{animation:none!important;scale:1!important}.cinematic .hero-copy,.cinematic .company-copy,.cinematic .fleet-banner-copy{transform:none!important}}@media print{.ops-strip,.scene-controls,.scene-motion{display:none!important}.card:before,.stat:before{display:none!important}.statement>*{color:#172c23}.statement .totals .total{color:#172c23!important}}
/* Consistent brand system and readability pass. */
.brand-image{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:9px;line-height:0;border:1px solid #c3cdb026;flex-shrink:0;max-width:100%;box-shadow:inset 0 1px 0 #fff1,0 5px 14px #0002;vertical-align:middle}.brand-image img{display:block;object-fit:contain;max-width:100%;width:100%;height:100%;filter:none;transform:none}.logo-light{background:#fff}.logo-dark{background:#142c29}.brand-image-sidebar{width:188px;height:72px}.brand-image-header{width:105px;height:38px;padding:4px 8px;border-radius:6px}.brand-image-profile{width:37px;height:37px;padding:4px;border-radius:8px}.brand-image-hero{width:120px;height:40px;padding:4px 8px;border-radius:5px}.brand-image-footer{width:70px;height:29px;padding:3px 5px;border-radius:5px}.brand-image-company{width:190px;height:75px;margin-bottom:24px;padding:8px 12px;border-radius:9px}.brand-image-statement{width:180px;height:67px;margin:5px 0 15px}.brand-image-preview{width:270px;height:130px;padding:20px}.brand-name{display:inline-block;color:#f3e8cb;line-height:1.3;font-family:var(--sun-type)}.brand-name strong{font-weight:800;letter-spacing:.6px;font-size:14px}.brand-name-sidebar{max-width:185px;line-height:1.4}.brand-name-sidebar strong{font-size:17px;letter-spacing:.7px}.brand-name-sidebar small{display:block;color:#8da294;font-size:7px;letter-spacing:1.7px;margin-top:8px}.brand-name-header{max-width:110px}.brand-name-header strong{font-size:9px;letter-spacing:.5px}.brand-name-profile{display:none}.brand-name-footer{display:none}.brand-name-hero strong{font-size:9px;letter-spacing:1px}.brand-name-company strong{font-size:15px;color:#e3cd98;letter-spacing:1.8px}.brand-name-company{margin-bottom:18px}.brand-name-statement{display:none}.brand-name-preview strong{font-size:25px;max-width:290px}.brand-name-preview{padding:20px;text-align:center}.branding-card-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.branding-card-heading h2{margin:0!important}.branding-card-heading .eyebrow{font-size:9px}.brand-preview{min-height:170px;background:repeating-conic-gradient(#213b31 0% 25%,#1a322b 0% 50%) 50% / 20px 20px;border:1px solid #ffffff13;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:23px 0}.branding-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.upload-logo{cursor:pointer}.logo-surface-label{display:flex;gap:8px;align-items:center;font-size:11px;color:#b8c7af}.logo-surface-label select{font-size:11px}.footer-brand{display:flex;align-items:center;gap:11px}.footnote{align-items:center;gap:20px;padding:8px 0 0}.profile>div{min-width:0;overflow-wrap:anywhere}.profile{line-height:1.5}.statement-company-name{font-size:17px!important}.companyhero:has(.brand-image-company){min-height:565px}.companyhero:has(.brand-image-company) h1{font-size:39px}.brand{margin-bottom:4px}.topbar{min-width:0}.topright{gap:14px}.content{padding-top:35px}.heading h1{font-size:30px;line-height:1.3}.heading p{font-size:13px;line-height:1.7}.eyebrow{font-size:10px}.btn{font-size:12px;min-height:40px}.sidebar .nav{font-size:12px;min-height:39px;padding-top:10px;padding-bottom:10px}.sidebar .nav svg{width:18px;height:18px}.stat-top{font-size:12px;line-height:1.4}.stat small{font-size:10px;color:#9eb599;line-height:1.5}.stat strong{font-size:28px}.cardhead h2{font-size:16px}.cardhead p{font-size:12px;color:#95ae93;line-height:1.6}.chart-col{font-size:10px;color:#95ab8c}.legend{font-size:11px}.progress-item>div{font-size:12px}.notice b{font-size:12px}.notice p{font-size:12px;line-height:1.8;color:#b7ac88}.notice{padding:18px}.notice>svg{margin-top:2px}.link,.rowbtn{font-size:12px}.rowbtn{padding:5px 2px}.badge{font-size:10px}.hero-label{font-size:9px}.hero p{font-size:12px;max-width:340px}.hero h2{font-size:34px}.hero-cta{font-size:12px!important;min-height:41px}.hero-bottom small{font-size:8px;letter-spacing:1.2px}.hero-bottom b{font-size:13px}.hero-corner{font-size:8px}.hero-corner small{font-size:8px}.scene-motion{font-size:9px;min-height:32px}th{font-size:10px;letter-spacing:.6px;padding:15px 21px}td{font-size:12px;padding:18px 21px}td small{font-size:11px;line-height:1.5}.tablewrap{scrollbar-width:thin;scrollbar-color:#5f7556 #142a24}.companysections p{font-size:13px;line-height:1.9;color:#a4b69b}.companysections h2{font-size:20px}.companysections .btn{font-size:12px}.companyhero p{font-size:13px;max-width:365px}.companyhero .btn{font-size:12px}.companyhero .eyebrow{font-size:10px}.scene-caption{font-size:8px}.sectiontitle{font-size:25px}.footnote{font-size:11px;line-height:1.7;color:#8ba087}.drivercard p{font-size:13px}.driverdetail{font-size:12px}.submetrics span{font-size:11px}.drivercard h3{font-size:18px}.drivercard .btn{font-size:12px}.formgrid label{font-size:12px}.formgrid input,.formgrid select,.formgrid textarea{padding:12px;min-height:43px}.config-note{font-size:12px;line-height:1.8}.settings p{font-size:13px}.settings h2{font-size:18px}.settings{max-width:850px}.settings .actions{gap:11px}.settings .formactions{margin-top:22px}.ops-strip b{font-size:13px}.ops-strip p{font-size:12px;line-height:1.6}.ops-strip>.btn{font-size:11px}.unit-plate{font-size:11px}.vehicle-id h2{font-size:15px}.vehicle-id p{font-size:12px;line-height:1.6}.due-list>div{font-size:12px}.due-list small{font-size:10px}.due-list b{font-size:10px}.vehicle-card>.btn{font-size:12px}.fleet-banner p{font-size:13px}.fleet-pills span{font-size:11px}.scene-controls .btn{font-size:10px}.action-row b{font-size:13px}.action-row p{font-size:12px;line-height:1.7}.action-row .btn{font-size:11px}.action-summary p{font-size:12px}.action-summary .eyebrow{font-size:10px}.task-check{width:28px;height:28px}.expense-filters input,.expense-filters select{font-size:12px}.expense-filters label{font-size:11px}.costs-grid small{font-size:9px;letter-spacing:.7px}.costs-report>p{font-size:12px}.costs-grid{gap:20px}.empty{font-size:13px}.statement p{font-size:12px!important;line-height:1.7}.statementmeta{font-size:13px}.statementmeta small{font-size:11px}.totals div{font-size:13px}.totals .total{font-size:21px}dialog{width:600px;padding:29px}.modalhead h2{font-size:23px}#toast{font-size:13px}.companysections .card{padding:28px}.brand-name strong{overflow-wrap:anywhere}.brand-name-sidebar{overflow:hidden}.topbar .crumb{font-size:12px}.formactions .btn{white-space:normal}.scene-controls{z-index:5}@media(max-width:1200px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:28px}.hero-copy{max-width:60%}.hero h2{font-size:31px}.companyhero h1{font-size:37px}.costs-grid{grid-template-columns:1fr 1fr}.brand-image-sidebar{width:165px;height:65px}.companysections{grid-template-columns:1fr}.companysections .card{display:flex;flex-direction:column;align-items:flex-start}.companysections .card>.btn{margin-top:18px!important}.drivergrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:850px){.sidebar{padding-top:25px}.sidebar .navlabel{margin-top:24px}.sidebar .nav{padding-top:8px;padding-bottom:8px;min-height:35px}.sidebottom{padding-top:13px}.sidebar .profile{padding-top:11px}}@media(max-width:720px){.brand-image-sidebar{width:188px;height:72px}.brand-image-header{width:74px;height:32px}.brand-name-header{display:none}.brand-name-sidebar strong{font-size:17px}.topright{gap:9px}.topbar .crumb{font-size:11px}.demo{font-size:8px;letter-spacing:.5px;padding:5px 7px}.heading h1{font-size:25px;line-height:1.35}.heading p{font-size:12px;max-width:280px}.heading{gap:12px;margin-bottom:24px}.heading .actions{flex-shrink:0}.heading .actions .btn{padding:10px 12px;font-size:11px}.heading .actions svg{width:14px;height:14px}.content{padding-top:26px}.hero{min-height:390px;padding-top:26px}.hero h2{font-size:29px}.hero-copy{max-width:100%}.hero p{font-size:12px;max-width:250px}.hero-label{font-size:8px;line-height:1.8;letter-spacing:1px}.hero-bottom{padding:17px 16px;gap:13px}.hero-bottom small{font-size:7px;letter-spacing:.6px}.hero-bottom b{font-size:11px}.hero-wordmark{display:none}.scene-motion{font-size:8px;padding:7px 8px}.stats{gap:12px}.stat{padding:17px 14px}.stat-top{font-size:11px}.stat-icon{padding:7px}.stat strong{font-size:25px}.stat small{font-size:10px;line-height:1.6}.cardhead h2{font-size:16px}.cardhead p{font-size:11px}.cardhead .link{font-size:11px}.chart-col{font-size:8px}.legend{font-size:10px}.notice p{font-size:12px}.notice b{font-size:12px}.notice{padding:16px}.drivergrid{grid-template-columns:1fr}.driverdetail{font-size:12px}.submetrics span{font-size:12px}.companyhero{padding:29px 24px;min-height:535px}.company-copy{max-width:100%}.companyhero h1{font-size:35px}.companyhero p{font-size:13px;max-width:290px}.companyhero .btn{font-size:11px}.companyhero:has(.brand-image-company){min-height:625px}.companyhero:has(.brand-image-company) h1{font-size:33px}.brand-image-company{width:165px;height:67px;margin-bottom:20px}.companyhero .eyebrow{font-size:9px}.companysections h2{font-size:20px}.companysections p{font-size:13px}.scene-caption{font-size:7px;max-width:260px;line-height:1.8}.sectiontitle{font-size:23px;line-height:1.4}.branding-card-heading{align-items:flex-start}.branding-card-heading .badge{font-size:9px}.settings .card{padding:22px}.settings h2{font-size:18px}.settings p{font-size:13px}.branding-tools{gap:15px}.branding-tools .upload-logo{width:100%;font-size:12px}.logo-surface-label{font-size:12px}.brand-image-preview{width:235px;height:115px}.brand-preview{min-height:160px}.brand-name-preview strong{font-size:21px}.formgrid label{font-size:12px}.formgrid input,.formgrid select,.formgrid textarea{font-size:16px;padding:11px}.formgrid{gap:17px 12px}dialog{padding:24px 20px}.modalhead h2{font-size:22px}.config-note{font-size:12px}.footnote{align-items:flex-start;font-size:11px;gap:16px}.footer-brand{gap:12px}.footnote>span:first-child{max-width:310px}.vehicle-id h2{font-size:16px}.vehicle-id p{font-size:12px}.due-list b{font-size:11px}.due-list small{font-size:11px}.fleet-pills span{font-size:10px}.fleet-banner{min-height:285px}.fleet-banner h2{font-size:26px}.fleet-banner p{font-size:12px;max-width:230px;line-height:1.8}.fleet-pills{max-width:68%}.scene-controls .btn{font-size:10px}.ops-strip p{font-size:11px}.ops-strip b{font-size:12px}.ops-strip>.btn{font-size:11px;margin-left:0;width:100%}.action-row b{font-size:13px}.action-row p{font-size:12px}.action-row .badge{font-size:10px}.expense-filters input,.expense-filters select{font-size:14px}.expense-filters label{font-size:12px}.expense-filters input[type=date]{font-size:13px}.costs-grid small{font-size:9px}.costs-grid b{font-size:20px}.costs-report>p{font-size:12px}.statement{padding:22px 17px}.statementtop{flex-wrap:wrap}.statementtop>div:last-child{text-align:left!important}.statementtop h2{font-size:19px}.statement-company-name{font-size:16px!important}.brand-image-statement{width:160px;height:63px}.statementmeta{font-size:12px}.statementmeta small{font-size:10px}.statement p{font-size:11px!important}.tablewrap th{font-size:10px}.tablewrap td{font-size:12px}.tablewrap td small{font-size:11px}}@media print{.brand-image{box-shadow:none;border:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}.brand-image-statement{width:170px;height:65px;margin:0 0 12px;padding:5px}.brand-name-statement{display:none}.statement-company-name{font-size:16px!important}.statementtop{flex-wrap:nowrap}.statementtop>div:last-child{text-align:right!important}.statement p{font-size:10px!important;color:#526453!important}.statementmeta small{color:#526453!important}.statementmeta{font-size:12px!important}.statement th,.statement td{font-size:10px!important;padding:10px 12px!important}}
/* Summary-card fix: stable icon boxes, readable labels and unclipped values. */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;isolation:isolate}.stats .stat{min-width:0;min-height:174px;margin:0;padding:21px 20px 19px;display:flex;flex-direction:column;overflow:visible;border-radius:13px;border:1px solid #8fa99930;background:linear-gradient(140deg,#213b32f0,#132925f5);box-shadow:inset 0 1px 0 #e5f0d610,0 8px 20px #00000024;animation:none;transition:border-color .2s,box-shadow .2s}.stats .stat:before{display:none}.stats .stat:after{display:none}.stats .stat:hover{transform:none;border-color:#b6c79d50;box-shadow:inset 0 1px 0 #e5f0d61a,0 10px 23px #00000032}.stats .stat-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin:0}.stats .stat-label{min-width:0;flex:1;font-size:12px;font-weight:500;line-height:1.5;color:#c5d5c5;letter-spacing:.1px;overflow-wrap:normal}.stats .stat-icon,.stats .stat:nth-child(2) .stat-icon{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;flex:0 0 40px;transform:none;line-height:1;border-radius:11px;background:linear-gradient(140deg,#c2d6ae18,#829b7610);color:#cfdfa9;border:1px solid #cad8ad24;box-shadow:inset 0 1px 0 #ffffff10,0 4px 9px #00000020}.stats .stat-icon svg{display:block;width:20px;height:20px;stroke-width:1.6;vertical-align:initial}.stats .metric-wallet .stat-icon{background:linear-gradient(140deg,#dfbf7d20,#b88b4210);border-color:#d8b67830;color:#ead09a}.stats .metric-payroll .stat-icon{background:linear-gradient(140deg,#a6c8c71c,#769c9710);border-color:#9cc4bd24;color:#b5d8cd}.stats .metric-check .stat-icon{background:linear-gradient(140deg,#c3d68e22,#a1b06410);border-color:#c1d29130;color:#d9e6ad}.stats .stat-value{display:block;min-width:0;max-width:100%;font:750 clamp(23px,2.05vw,31px)/1.22 var(--sun-type);font-variant-numeric:tabular-nums;letter-spacing:-.8px;white-space:normal;overflow-wrap:anywhere;color:#fbf4df;margin:17px 0 13px;flex:1}.stats .metric-wallet .stat-value{color:#f2dcaf}.stats .stat-detail{display:flex;align-items:flex-start;gap:6px;color:#a3b99e;font-size:10px;line-height:1.65;letter-spacing:0;margin:0;min-width:0}.metric-dot{display:inline-block;width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:#93ac7c;margin-top:6px}.stats .metric-wallet .metric-dot{background:#c4a66c}.stats .metric-payroll .metric-dot{background:#8bb4a7}@media(max-width:1250px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stats .stat{min-height:168px}.stats .stat-value{font-size:30px}.stats .stat-label{font-size:13px}.stats .stat-detail{font-size:11px}}@media(max-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats .stat{min-height:170px;padding:17px 14px 16px;border-radius:12px}.stats .stat-top{gap:8px;min-height:35px;align-items:flex-start}.stats .stat-label{font-size:12px;line-height:1.5;padding-top:2px}.stats .stat-icon,.stats .stat:nth-child(2) .stat-icon{width:33px;height:33px;min-width:33px;flex-basis:33px;border-radius:9px}.stats .stat-icon svg{width:17px;height:17px}.stats .stat-value{font-size:clamp(22px,5.4vw,29px);line-height:1.25;letter-spacing:-.65px;margin-top:20px;margin-bottom:12px}.stats .stat-detail{font-size:10px;line-height:1.6;gap:5px}.metric-dot{margin-top:6px}}@media(max-width:370px){.stats{grid-template-columns:1fr}.stats .stat{min-height:152px;padding:18px 20px}.stats .stat-top{align-items:center}.stats .stat-label{font-size:13px}.stats .stat-value{font-size:30px;margin-top:12px}.stats .stat-detail{font-size:11px}}@media print{.stats .stat{background:white!important;border:1px solid #bac7b2!important;box-shadow:none!important;min-height:130px}.stats .stat-value,.stats .stat-label{color:#193a29!important}.stats .stat-detail{color:#59704f!important}.stats .stat-icon{background:#f1f4ea!important;color:#385539!important;box-shadow:none!important}}
.storage-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #adc49525;background:#95b87309;color:#b4c89e;font-size:10px;border-radius:7px;line-height:1.3;white-space:nowrap}.storage-pill>span{width:5px;height:5px;border-radius:50%;background:#a0be81;flex-shrink:0}.storage-browser,.storage-ready{color:#c5ba99;border-color:#c5ba9924}.storage-browser>span,.storage-ready>span{background:#c2ac79}.storage-offline,.storage-conflict,.storage-signin{color:#e0ac87;border-color:#b67a5a33;background:#b67a5a0b}.storage-offline>span,.storage-conflict>span,.storage-signin>span{background:#d6a072}.storage-saving>span,.storage-pending>span{background:#e0c786;box-shadow:0 0 6px #d1ad6b44}.cloud-details{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:15px;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;padding:20px 0}.cloud-details small{display:block;font-size:8px;letter-spacing:.8px;color:#879e80;margin-bottom:9px}.cloud-details b{font-size:12px;font-weight:500;color:#d3ddc4;line-height:1.6}.cloud-card p{line-height:1.8}.topright .date{display:none}@media(max-width:720px){.topright .demo{display:none}.topright .brand-image-header{display:none}.storage-pill{font-size:9px;padding:7px 8px}.cloud-details{grid-template-columns:1fr 1fr;gap:20px}.cloud-details>div:last-child{grid-column:1/-1}.cloud-details small{font-size:9px}.cloud-details b{font-size:13px}.cloud-card .branding-card-heading{flex-wrap:wrap}.cloud-card .actions .btn{width:100%;font-size:12px}}@media print{[data-storage-status]{display:none!important}}
.portal-page{min-height:100vh;background:#edf1eb;color:#173b34}.portal-header{padding:25px 5%;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #ccd7cd;flex-wrap:wrap}.portal-header>a{font-size:23px;font-weight:900;letter-spacing:2px}.portal-header span{color:#879966}.portal-header nav{display:flex;gap:22px;align-items:center}.portal-intro{max-width:1200px;margin:70px auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.portal-intro h1{font-size:clamp(38px,5vw,68px);line-height:1.05;margin:22px 0}.portal-page p{line-height:1.7;color:#62756c}.portal-card{max-width:600px;margin:55px auto;padding:32px}.portal-intro .portal-card{margin:0}.portal-page footer{padding:30px;text-align:center;color:#718176}.portal-dashboard{max-width:1250px;margin:45px auto;padding:0 24px}.portal-dashboard>.card{padding:26px;margin:22px 0}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal-stats .card{padding:25px}.account-link{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid #dce3db}.account-link select{max-width:300px}.portal-page input,.portal-page select{width:100%;padding:12px;border:1px solid #cbd6cc;border-radius:8px;background:white}.portal-page label{display:grid;gap:8px}.portal-page .btn{display:inline-flex;margin-top:8px}.portal-page details{padding:18px 0;border-bottom:1px solid #dce3db}@media(max-width:700px){.portal-intro{grid-template-columns:1fr;margin:20px auto;gap:30px}.portal-card{margin:25px 16px}.portal-stats{grid-template-columns:1fr}.portal-header nav{gap:14px;font-size:13px}}