/* Visual direction: warm white, sage, editorial headings, restrained shadows. */
:root{--ink:#23252f;--muted:#798096;--bg:#f6f7fa;--line:#d3d6e7;--green:#aeb4d4;--dark:#323542;--accent:#666d81;--radius:23px;font-family:Segoe UI,Arial,sans-serif}.sidebar{background:#ebecf4;color:#292b36;border-right:1px solid #d0d3e5;padding-top:29px}.sidebar .brand{font-family:Georgia,serif;font-size:26px;font-weight:500;letter-spacing:-.8px;color:#5a6073}.brand-symbol{background:#565c6e;color:#fff;font-family:Georgia,serif;font-size:31px;border-radius:50%;letter-spacing:-2px;transform:none}.company-switch{background:#f8f8fb;border-color:#d2d5e7;color:#54596a;margin-bottom:23px;border-radius:14px}.tiny{color:#7b8297}.nav button{color:#686f84;padding-block:11px}.nav button:hover{background:#e0e2ee;color:#353846}.nav button.active{background:#b0b5d4;color:#262732;box-shadow:0 5px 15px #7f869b16;border-radius:12px}.nav{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#bfc3dc transparent}.nav .spacer{height:7px;flex-shrink:0}.trial-card{background:#dcdeec;border-color:#c6cae1;border-radius:16px;padding:15px}.trial-card p{color:#747b91}.trial-card button{background:#f4f5f9;border-radius:20px;color:#4d5363}.side-bottom{padding-top:18px}.profile{color:#454957}.profile small{color:#7f869a}.profile button{color:#798096}.avatar{background:#cdd0e4;color:#515666}.topbar{background:#fafafc;border-bottom-color:#dcdeec;height:82px}.main{padding-top:37px}.page-head{margin-bottom:30px}.page-head h1{font-family:Georgia,Times New Roman,serif;font-size:37px;letter-spacing:-1.3px;font-weight:500;color:#23242e;line-height:1.1}.page-head p{color:#7d8498;line-height:1.8;max-width:620px}.eyebrow{color:#727990;letter-spacing:1.8px;font-size:9px}.primary,button.primary{background:#afb5d4;border-color:#afb5d4;color:#292b36;border-radius:25px;box-shadow:0 9px 22px #5f667915;padding:12px 20px}.primary:hover,button.primary:hover{background:#9ea5cb;border-color:#9ea5cb}.secondary{border-color:#c9cde2;border-radius:22px;color:#53596a;background:#fafafc}.secondary:hover{background:#ebedf4}.stat{border-radius:20px;background:linear-gradient(135deg,#fff,#fafafc);border-color:#d5d8e8;padding:22px;box-shadow:0 10px 25px #484d5c04;min-height:138px}.stat.lime{background:linear-gradient(135deg,#e9eaf3,#6578e2);border-color:#c7cbe1}.stat strong{font-family:Georgia,serif;font-size:36px;font-weight:500;color:#484d5c}.stat .stat-icon{background:#e7e9f2;color:#70788f;border-radius:12px;width:36px;height:36px}.panel{border-color:#d2d5e7;box-shadow:0 13px 32px #44485605;background:#ffffffcf}.panel-head{padding:24px}.panel-head h2,.note-panel h3,.plan h3,.company-card h3{font-family:Georgia,serif;font-weight:500;font-size:20px;letter-spacing:-.4px;color:#2b2d39}.panel-head p{color:#8b91a3}.filters button{color:#81889c;border-radius:20px}.filters button.active{background:#e0e2ee;color:#4f5565}.toolbar{border-color:#e0e2ee}.searchbox{border-color:#d2d5e7;border-radius:22px;background:#fafafc;padding:10px 14px}.date-input{border-color:#cbcfe3;border-radius:20px;padding:10px 13px;color:#636a7f}th{background:#f1f2f7;color:#82889c;padding-block:15px}td{padding-block:21px}.address{color:#747b91}td strong{color:#484d5b}td small{color:#8b91a3}.badge{border-radius:20px;padding:6px 10px;font-size:9px;background:#e7e9f2}.strip{border-radius:18px;background:#e7e9f2;border-color:#d0d3e5;padding:18px 23px}.note-panel{padding:28px}.note-panel h3{font-size:22px}.note-panel p{color:#7a8196}.note-panel a{color:#575d6f}.help-list li{border-bottom-color:#dcdeec}.help-list span{color:#80879b}.trial-card strong{font-family:Georgia,serif;font-size:16px;font-weight:500}.plan{border-radius:24px;padding:30px;border-color:#c8cce1;box-shadow:0 15px 40px #232a8d05}.plan.featured{background:#f0f1f7;border-color:#8f96c2}.plan h3{font-size:26px}.price{font-family:Georgia,serif;color:#525869;font-weight:500}.plan .primary,.plan .secondary{border-radius:25px}.company-card{border-radius:23px}.modal{border-radius:26px;padding:30px;background:#fafafc}.modal-head h2{font-family:Georgia,serif;font-weight:500;font-size:27px;color:#313341}.field input,.field select,.field textarea{border-color:#ccd0e4;border-radius:14px;background:white;padding:13px 15px;color:#494e5e}.field label{color:#686f85;font-size:10px;letter-spacing:.5px}.field input::placeholder,.field textarea::placeholder{color:#9198c4}.form-grid{gap:19px}.auth-story{background:radial-gradient(ellipse at 90% 20%,#cbcfe3 0,transparent 60%),#e7e9f2;color:#292b36}.auth-story .brand{font-family:Georgia,serif;font-weight:500;font-size:29px;letter-spacing:-1px;color:#5a6073}.auth-story h1{font-family:Georgia,serif;font-size:clamp(40px,4.8vw,67px);font-weight:500;color:#262832;letter-spacing:-2.7px;line-height:1.08}.auth-story h1 em{color:#6a7187}.auth-story>p{color:#727990;line-height:1.95}.story-footer{color:#8a90a3;font-size:10px}.auth-right{background:#fafafc}.auth-box h2{font-family:Georgia,serif;font-weight:500;font-size:33px;letter-spacing:-.9px}.auth-tabs{border-radius:24px;background:#e7e9f2;padding:5px}.auth-tabs button{border-radius:20px;color:#848a9e}.auth-tabs button.active{color:#4d5363;background:#fff}.auth-hint{border-top-color:#d5d8e8;color:#83899d}.route-label{background:#f6f7fa;color:#585e6f;border-color:#c4c9e0;border-radius:13px;box-shadow:0 15px 40px #4549570a}.route-label span{color:#7c8398}.route-art svg path{stroke:#8f95a7}.route-art svg circle{fill:#9ba0b0}.route-list{padding:0 24px 17px}.route-stop{display:flex;gap:17px;align-items:center;width:100%;text-align:left;padding:21px 0;border-bottom:1px solid #e0e2ee}.route-stop:last-child{border-bottom:0}.stop-number{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#daddeb;color:#5c6274;display:grid;place-items:center;font-family:Georgia,serif;font-size:16px}.route-stop strong{font-size:12px;font-weight:600;color:#4d5262;display:block}.route-stop p{font-size:12px;color:#737a91;margin:9px 0}.route-stop small{font-size:10px;color:#8d93a6}.route-stop .badge{margin-left:auto}.route-arrow{font-size:19px;color:#848a9e}.section-caption{font-size:11px;line-height:1.9;color:#878da0;margin:20px 2px}.tracking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:21px}.tracking-card{padding:26px}.tracking-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.tracking-top h2{font-family:Georgia,serif;font-size:24px;font-weight:500;margin:11px 0 0;letter-spacing:-.5px}.tracking-top .eyebrow{font-size:8px;letter-spacing:1px}.tracking-address{font-size:12px;color:#7f869a;margin:18px 0 28px;line-height:1.8}.progress-track{display:flex;margin:20px 0 27px;justify-content:space-between;position:relative;gap:5px}.progress-track:before{content:'';position:absolute;left:8%;right:8%;top:13px;height:1px;background:#d0d3e5}.progress-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;z-index:1}.progress-step>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f2f3f8;border:1px solid #d3d6e8;color:#959aab;font-size:10px}.progress-step.passed>span{background:#a2a8cd;border-color:#a2a8cd;color:#fff}.progress-step small{font-size:8px;color:#9399ab;white-space:nowrap}.progress-step.passed small{color:#686f85}.tracking-bottom{border-top:1px solid #dde0ed;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#83899d;gap:10px}.tracking-bottom b{color:#5e6578}.tracking-bottom button{font-size:10px}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.fleet-card{padding:26px}.fleet-art{display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(135deg,#edeef5,#e0e2ee);padding:21px;border-radius:15px;margin-bottom:25px}.fleet-art svg{stroke:#798095;fill:none;stroke-width:1.2;width:56px;height:56px}.fleet-card h2{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:0 0 10px;letter-spacing:-.7px}.vehicle-plate{font-size:10px;color:#848a9e;margin:0 0 23px}.vehicle-spec{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vehicle-spec label{font-size:9px;color:#959aab;display:block;margin-bottom:8px}.vehicle-spec b{font-size:11px;color:#5e6477;font-weight:500}.report-bars{margin:30px 0 10px}.report-bar{display:grid;grid-template-columns:155px 1fr 25px;align-items:center;gap:15px;margin:22px 0;font-size:10px;color:#7e859a}.report-bar>div{height:9px;background:#eaebf4;border-radius:9px;overflow:hidden}.report-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#b2b7d5,#777f95)}.report-bar b{font-family:Georgia,serif;color:#5c6275;font-size:16px;font-weight:500;text-align:right}.dealer-summary{margin-top:25px}.dealer-summary>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#727990;border-bottom:1px solid #e1e3ef;padding:15px 0}.dealer-summary b{font-family:Georgia,serif;color:#5c6275;font-size:17px;font-weight:500}@media(max-height:850px) and (min-width:761px){.sidebar{padding-top:20px}.sidebar .brand{padding-bottom:20px}.company-switch{margin-bottom:17px}.nav button{padding-block:9px;font-size:12px}.trial-card{padding:12px;margin-bottom:15px}.trial-card p{margin:5px 0 9px}.trial-card strong{font-size:14px}.side-bottom{padding-top:10px}}@media(max-width:1120px){.fleet-grid{grid-template-columns:repeat(2,1fr)}.tracking-grid{grid-template-columns:1fr}.page-head h1{font-size:33px}}@media(max-width:760px){.main{padding-top:28px}.page-head h1{font-size:30px}.stat{padding:20px;min-height:125px}.stat strong{font-size:34px}.panel-head{padding:21px 18px}.primary,button.primary{padding:11px 15px}.auth-story h1{font-size:38px;letter-spacing:-1.5px}.auth-story{padding-top:28px;padding-bottom:32px}.auth-box h2{font-size:30px}.tracking-card{padding:20px}.tracking-top h2{font-size:21px}.fleet-grid{grid-template-columns:1fr}.fleet-card{padding:24px}.route-list{padding:0 18px 12px}.route-stop{gap:11px;flex-wrap:wrap}.route-stop>div{flex:1;min-width:170px}.route-stop .badge{margin-left:45px}.route-arrow{display:none}.progress-step small{font-size:7px}.progress-track{gap:2px}.report-bar{grid-template-columns:120px 1fr 20px;gap:10px}.modal{padding:25px}.modal-head h2{font-size:25px}.note-panel{padding:23px}.form-grid{gap:0}.sidebar.open{box-shadow:0 0 0 100vw #23252f60}}

/* Graphite / electric indigo — current visual system. */
:root{--ink:#252735;--muted:#85899a;--bg:#f6f7fb;--line:#e5e7f0;--green:#6262f5;--dark:#292c3e;--accent:#5959ec;--radius:18px;font-family:Inter,Segoe UI,Arial,sans-serif}.sidebar{background:#191b29;color:#e7e9f4;border-right:1px solid #25283b}.sidebar .brand{color:#f2f3fc;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:700;font-size:25px;letter-spacing:-1px}.brand-symbol{background:linear-gradient(145deg,#8181ff,#5a54eb);color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:800;border-radius:11px;box-shadow:0 5px 18px #5854ee26}.company-switch{background:#222536;border-color:#30344a;color:#adb3cd;border-radius:11px}.company-switch strong{color:#e2e5f4}.tiny{color:#797f9b}.sidebar .nav button{color:#9ba1bc}.sidebar .nav button:hover{background:#262a3d;color:#eef0ff}.sidebar .nav button.active{background:linear-gradient(115deg,#6764fa,#5754e7);color:#fff;border-radius:11px;box-shadow:0 6px 20px #5149df1a}.sidebar .nav{scrollbar-color:#3a3e56 transparent}.trial-card{background:linear-gradient(140deg,#272943,#23263a);border-color:#373b59;border-radius:13px}.trial-card strong{color:#d3d8f3;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:12px;font-weight:600}.trial-card p{color:#8f98bc}.trial-card button{background:#363b60;color:#c6ceff;border-radius:9px}.profile{color:#d5d9ec}.profile small{color:#8088a6}.profile button{color:#8d94b1}.avatar{background:#343958;color:#bbc4ff}.topbar{background:#fff;border-color:#e9ebf3}.main{background:#f6f7fb}.page-head h1{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:33px;font-weight:650;letter-spacing:-1.2px;color:#262a3a}.page-head p{color:#8c90a2}.eyebrow{color:#858ba5}.primary,button.primary{background:#6060ef;border-color:#6060ef;color:#fff;border-radius:10px;box-shadow:0 6px 16px #5d5bea1a}.primary:hover,button.primary:hover{background:#5050dc;border-color:#5050dc}.secondary{border-color:#e0e3ef;color:#6c7290;border-radius:10px;background:#fff}.secondary:hover{background:#f4f5fc}.panel{border-color:#e3e6f0;border-radius:18px;background:#fff;box-shadow:0 8px 25px #30385d03}.panel-head h2,.note-panel h3,.plan h3,.company-card h3{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:600;color:#383d57;letter-spacing:-.4px}.panel-head h2{font-size:16px}.note-panel h3{font-size:19px}.stat{background:#fff;border-color:#e3e6f0;border-radius:16px;box-shadow:0 7px 23px #252f5403}.stat.lime{background:linear-gradient(135deg,#eceeff,#e7eafb);border-color:#dcdff5}.stat strong{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:650;font-size:34px;color:#4f55ac;letter-spacing:-1px}.stat label{color:#8b91a7}.stat small{color:#a1a7ba}.stat .stat-icon{background:#eff0fb;color:#8a8ed3;border-radius:10px}.filters button{color:#9b9fb3;border-radius:8px}.filters button.active{background:#eeefff;color:#6b69ce}.searchbox,.date-input{border-color:#e1e4f0;border-radius:9px;background:#fff;color:#8990aa}.toolbar{border-color:#edf0f7}th{background:#f8f9fd;color:#9da3b9}td strong{color:#505776}td,.address{color:#9097b1}td small{color:#a5acc1}.badge{background:#eef0fa;color:#7c83b7;border-radius:7px}.badge.pending{background:#fff3dd;color:#ae8846}.badge.accepted{background:#ededff;color:#7772ca}.badge.closed,.badge.delivered{background:#eef2fc;color:#8a97bd}.badge.cancelled,.badge.disabled{background:#fbebef;color:#c18090}.strip{background:#eff1fd;border-color:#e1e5f7;color:#8a94b8;border-radius:12px}.strip.warn{background:#fff3df;border-color:#f1dfbd;color:#a48b60}.plan{border-color:#e1e5f2;border-radius:18px;background:#fff}.plan.featured{background:linear-gradient(135deg,#f8f8ff,#f1f2ff);border-color:#b0b0ec}.plan h3{font-size:23px}.price{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:650;color:#6765c4}.plan .primary,.plan .secondary{border-radius:10px}.company-card{border-radius:16px}.modal{border-radius:20px;background:#fff}.modal-head h2{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:600;font-size:23px;color:#474e71}.field input,.field select,.field textarea{border-color:#e1e5f2;border-radius:10px;color:#697493}.field label{color:#8d96b0}.field input::placeholder,.field textarea::placeholder{color:#b3bacd}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9293e5;outline-color:#eeefff}.auth-story{background:radial-gradient(ellipse at 95% 10%,#32395a 0,transparent 65%),linear-gradient(145deg,#161925,#20253e);color:#fff}.auth-story .brand{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:26px;font-weight:700;color:#eeeefd;letter-spacing:-1px}.auth-story h1{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:600;color:#eceefb;letter-spacing:-2.3px}.auth-story h1 em{color:#9c9afc}.auth-story>p{color:#9ba6ca}.story-footer{color:#6e7a9e}.auth-right{background:#f9faff}.auth-box h2{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:650;font-size:30px;color:#3a4264;letter-spacing:-1px}.auth-tabs{background:#eceffa;border-radius:10px}.auth-tabs button{border-radius:7px;color:#9aa5c6}.auth-tabs button.active{color:#6c72bd}.route-label{background:#2b3353;border-color:#3e496b;color:#b7c2e5;box-shadow:0 10px 35px #0001}.route-label span{color:#aaa9f8}.route-art svg path{stroke:#7a7ad5}.route-art svg circle{fill:#9490ed}.auth-hint{color:#99a5c5;border-top-color:#e1e7f6}.auth-hint a{color:#6d78bb}.tracking-top h2,.fleet-card h2{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:600;color:#505c81;font-size:23px}.stop-number{background:#eeefff;color:#9493cf;font-family:Inter,Segoe UI,Arial,sans-serif}.progress-step.passed>span{background:#9492eb;border-color:#9492eb}.progress-step.passed small{color:#a6a5d4}.fleet-art{background:linear-gradient(135deg,#f1f3ff,#e8edfb)}.fleet-art svg{stroke:#a1abd7}.report-bar i{background:linear-gradient(90deg,#cbcdf7,#8d8de7)}.report-bar b,.dealer-summary b{font-family:Inter,Segoe UI,Arial,sans-serif;color:#979bc6;font-size:15px}.dot{background:#8a87ed}.mobile-menu{color:#747b9c}.help-list b{color:#8490b2}.note-panel a{color:#8c8dc5}#toast{background:#282f4e;color:#d9e1ff}@media(max-width:760px){.page-head h1{font-size:28px}.auth-story h1{font-size:36px;letter-spacing:-1.5px}.auth-box h2{font-size:27px}.sidebar.open{box-shadow:0 0 0 100vw #10132180}}

/* Readable slate typography on light surfaces. */
.crumb{color:#737b91}.crumb b{color:#454e66}.top-right{color:#6f7890}.page-head p{color:#70798d}.eyebrow{color:#727d94}.stat label{color:#6b758b}.stat small{color:#788397}.panel-head p{color:#748096}.filters button{color:#727d94}.date-input{color:#65728a}.searchbox input{color:#58647d}.searchbox input::placeholder{color:#78859c}th{color:#6d7891}td,.address{color:#69778e}td strong{color:#43536f}td small{color:#76849b}.table-footer{color:#748198}.badge{color:#5b6796}.badge.pending{color:#8a6322}.badge.accepted{color:#5d56a6}.badge.closed,.badge.delivered{color:#5f7098}.badge.cancelled,.badge.disabled{color:#9b5365}.strip{color:#5d6d92}.strip.warn{color:#876a37}.note-panel p,.note-panel li span{color:#6b7990}.note-panel a{color:#5d60aa}.field label{color:#63738d}.field input,.field select,.field textarea{color:#405574}.field input::placeholder,.field textarea::placeholder{color:#7c89a1}.auth-box>p{color:#6d7c98}.auth-tabs button{color:#6f7e9a}.auth-hint{color:#6c7d9b}.auth-hint a{color:#565fa8}.auth-tabs button.active{color:#535ba0}.section-caption{color:#6b7d98}.route-stop strong{color:#415878}.route-stop p{color:#657c98}.route-stop small{color:#7287a3}.route-arrow{color:#657fa7}.tracking-address{color:#627b99}.progress-step small{color:#7185a4}.progress-step.passed small{color:#6765ad}.tracking-bottom{color:#6f83a3}.tracking-bottom b{color:#526f96}.vehicle-plate{color:#7287a5}.vehicle-spec label{color:#7287a5}.vehicle-spec b{color:#4f7198}.report-bar{color:#647c9c}.report-bar b,.dealer-summary b{color:#6668ac}.dealer-summary>div{color:#627e9d}.plan ul{color:#677b98}.plan .tiny{color:#6b7b96}.price small{color:#6b7d9b}.company-card p{color:#627b99}.list-link{color:#566d99}.help-list b{color:#4c698e}.help-list span{color:#6c84a5}.empty{color:#75859e}.empty h3{color:#53688b}.tag{color:#69799a}.sync{color:#6d7c98}.dot{background:#7774d5}.profile small{color:#9ba4c1}.trial-card p{color:#a4afcf}

button.stat{display:block;width:100%;text-align:left;font:inherit;cursor:pointer;color:inherit}button.stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e51c}button.stat:focus-visible{outline:3px solid #6366f1;outline-offset:3px}button.stat label{pointer-events:none}