:root{--ink:#1d3230;--muted:#78817c;--green:#263f37;--lime:#d5ed92;--line:#e6e9e2;--bg:#f6f7f3;--white:#fff;--radius:16px;--shadow:0 4px 24px #1b302b04;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a,button{touch-action:manipulation}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:650}h2{font-size:18px;line-height:1.4;font-weight:650;letter-spacing:-.35px}h3{font-size:15px;font-weight:600}p{color:var(--muted)}small{font-size:12px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}svg{flex-shrink:0}button{border:0;background:none;color:inherit}.icon{vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:3px solid #84a145;outline-offset:4px}::selection{background:var(--lime)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}.muted{color:var(--muted)}.danger{color:#a7443c!important}.required{color:#597d33}.optional{font-size:11px;font-weight:400;color:var(--muted);margin-left:4px}.eyebrow,.tiny-label,.workspace-label{font-size:10px;letter-spacing:1.4px;font-weight:650;color:#818a80}.eyebrow{display:block;margin-bottom:11px;letter-spacing:1.8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;min-height:46px;border-radius:9px;font-size:13px;font-weight:600;transition:background .18s,transform .18s;white-space:nowrap;border:1px solid transparent}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#355445}.button.secondary{border-color:var(--line);background:#fff}.button.secondary:hover{background:#f6f8f0}.button.subtle{background:#f5f7ef}.button.wide{width:100%}.button .icon{width:18px;height:18px}.icon-button{width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#7a837b}.icon-button:hover{background:#edf1e7;color:var(--ink)}.text-link,.text-button{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#516c3c;padding:6px 0}.text-link:hover,.text-button:hover{text-decoration:underline}.text-button .icon,.text-link .icon{width:16px;height:16px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.padded{padding:26px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 27px}.section-heading p{font-size:12px;margin-top:5px}.section-heading h2{display:flex;align-items:center;gap:9px}.section-heading.flush{padding:0 0 22px}.section-heading>.icon{color:#83917f}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{font-size:13px;margin-top:9px}.heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:16px}.back-link .icon{width:16px;height:16px}.date-pill{border:1px solid var(--line);border-radius:8px;padding:9px 13px;display:flex;align-items:center;gap:9px;font-size:12px;color:#747f73;background:#fff}.date-pill .icon{width:16px;height:16px}
/* Application shell */
.app-body{background:var(--bg)}.sidebar{position:fixed;top:0;bottom:0;left:0;width:244px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40;padding:32px 20px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:21px;letter-spacing:1.2px;line-height:1.15;flex-shrink:0}.brand small{display:block;font-size:10px;letter-spacing:3.4px;font-weight:500;margin-top:4px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);width:39px;height:43px;border-radius:8px;transform:skew(-6deg);color:#20382f}.brand-mark .icon{transform:skew(6deg);width:27px;height:27px}.sidebar>.brand{margin:0 10px 46px}.sidebar>.workspace-label{margin:0 12px 13px;font-size:9px;letter-spacing:1.2px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;min-height:45px;color:#7b847e;border-radius:8px;font-size:12px;font-weight:500}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#f6f7f2;color:var(--ink)}.nav-item.active{color:#2a4033;background:#edf3e3;font-weight:650}.nav-count{margin-left:auto;background:#d6e9b1;color:#435b2d;font-size:10px;border-radius:5px;min-width:22px;text-align:center;padding:2px 5px}.nav-section{margin:24px 12px 7px;font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:26px}.help-card{background:#f6f7f1;padding:19px 15px;border:1px solid #edf0e5;border-radius:10px;margin:0 5px 25px}.help-card>.icon{color:#91a171;width:23px;display:block;margin-bottom:12px}.help-card strong{font-size:12px}.help-card p{font-size:11px;line-height:1.7;margin-top:6px}.sidebar-person{border-top:1px solid var(--line);display:flex;align-items:center;gap:4px;padding:19px 0 22px}.person{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.person>span:last-child{min-width:0}.person strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.person small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.sidebar-person .icon-button{width:28px;min-width:28px}.sidebar-person .icon{width:17px}.avatar{width:37px;height:37px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaeedd;color:#60704b;font-size:12px;font-weight:650;flex-shrink:0;overflow:hidden}.avatar img{height:100%;width:100%;object-fit:cover}.avatar-small{width:32px;height:32px;font-size:10px}.avatar-large{width:78px;height:78px;font-size:24px}.app-shell{margin-left:244px;min-height:100vh}.topbar{height:81px;padding:0 38px;display:flex;align-items:center;gap:30px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#92998f;white-space:nowrap}.breadcrumb span{margin:0 13px;color:#c7cbbf}.breadcrumb strong{font-weight:500;color:#55624f}.header-search{display:flex;align-items:center;gap:10px;margin-left:auto;width:320px;color:#a0a69e}.header-search .icon{width:17px}.header-search input{background:transparent;border:0;min-height:36px;padding:5px 0;font-size:11px;min-width:0;color:var(--ink);width:100%;box-shadow:none!important}.header-search kbd{font:10px inherit;border:1px solid var(--line);padding:1px 5px;border-radius:3px}.topbar-actions{display:flex;align-items:center;gap:18px}.today-date{font-size:10px;white-space:nowrap;color:#89917f}.notification-button{position:relative}.notification-dot{position:absolute;top:8px;right:9px;width:6px;height:6px;border:1px solid white;background:#759d4d;border-radius:50%}.main-content{padding:38px;max-width:1580px;margin:auto}.page-footer{display:flex;justify-content:space-between;align-items:center;margin-top:38px;padding-top:20px;border-top:1px solid var(--line);color:#a0a795;font-size:10px}.page-footer span:first-child{font-size:9px;letter-spacing:1.6px}.mobile-menu,.bottom-nav{display:none}.flash{padding:14px 17px;margin-bottom:24px;display:flex;align-items:center;gap:12px;border:1px solid #dbe6c8;border-radius:10px;background:#f0f6e5;color:#45613b;font-size:13px}.flash.error{border-color:#efdad4;background:#fff2ee;color:#a64c3e}.flash.info{background:#eef4f6;border-color:#dae6e9;color:#48606b}.live-banner{padding:15px 20px;border-radius:10px;background:#e7efcf;border:1px solid #d0ddb0;margin-bottom:22px;display:flex;align-items:center;gap:12px;font-size:13px}.connection-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;text-align:center;padding:12px;background:#f4d8a0;color:#553f14;font-size:12px}
/* Dashboard */
.greeting-dot{color:#86a645}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:23px}.new-route-card{display:block;min-height:273px;background:#203b33;border-radius:16px;padding:30px 33px;color:#fff;position:relative;overflow:hidden;isolation:isolate}.new-route-card:after{content:"";position:absolute;width:370px;height:370px;border:1px solid #ffffff0b;border-radius:50%;right:-85px;top:-60px;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff02;z-index:-1}.hero-tag{font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:8px;color:#c6d9b2}.new-route-card h2{font-size:32px;letter-spacing:-.7px;line-height:1.2;margin:25px 0 10px;position:relative;z-index:2}.new-route-card p{font-size:12px;line-height:1.75;color:#bdc9bc;position:relative;z-index:2}.hero-button{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;margin-top:24px;background:var(--lime);color:#293d25;border-radius:7px;font-size:11px;font-weight:650;position:relative;z-index:2}.hero-button .icon{width:17px;height:17px}.hero-button .icon:last-child{margin-left:11px}.new-route-card:hover .hero-button{background:#e0f5aa}.hero-truck{position:absolute;width:285px;right:-10px;bottom:19px;z-index:0;transition:transform .3s}.new-route-card:hover .hero-truck{transform:translateX(5px)}.history-button{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 22px;margin-top:14px;transition:border-color .2s}.history-button:hover{border-color:#9bac87}.history-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#7a8d6b}.history-button strong{font-size:13px;display:block}.history-button small{display:block;font-size:10px;color:#889180;margin-top:4px}.history-button>.icon{margin-left:auto;width:18px;color:#85916d}.overview-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:25px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-heading h2{font-size:15px}.card-heading .tiny-label{font-size:8px;letter-spacing:1.1px}.overview-total{display:flex;align-items:center;gap:20px;margin:28px 0 27px}.overview-total>strong{font-size:53px;line-height:1;letter-spacing:-2.5px;font-weight:550}.overview-total>span{font-size:11px;color:#8e9585;line-height:1.7}.overview-metrics{display:flex;gap:30px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-metrics>div{display:flex;align-items:center;gap:11px}.metric-icon{height:33px;width:33px;display:flex;align-items:center;justify-content:center;border-radius:8px}.metric-icon .icon{width:17px}.metric-icon.green{color:#6c8250;background:#edf3df}.metric-icon.pale{color:#728470;background:#f1f4ee}.overview-metrics strong{display:block;font-size:19px;line-height:1}.overview-metrics small{display:block;font-size:9px;white-space:nowrap;color:#949b8c;margin-top:7px}.fleet-line{display:flex;align-items:center;gap:10px;font-size:10px;color:#8b9382;margin-top:21px}.fleet-line .icon{width:17px}.fleet-line strong{color:#5c6a51}.fleet-line .status-dot{background:#91aa66;margin-left:auto}.recent-section{margin-top:29px}.dashboard-tip{display:flex;align-items:center;justify-content:center;gap:9px;color:#8e9787;font-size:10px;margin:24px 0 0}.dashboard-tip .icon{width:16px;height:16px}.inbox-banner{padding:19px 23px;border:1px solid #dbe5c5;border-radius:12px;background:#eef3e2;display:flex;align-items:center;gap:16px;margin-bottom:24px}.inbox-icon{width:40px;height:40px;background:#dde8c6;display:grid;place-items:center;border-radius:10px;color:#667f48}.inbox-banner strong{font-size:13px;display:block}.inbox-banner small{font-size:11px;color:#7f8e70;display:block;margin-top:3px}.inbox-link{display:flex;gap:8px;align-items:center;margin-left:auto;font-size:11px;font-weight:600;white-space:nowrap}.inbox-link .icon{width:16px}.onboarding{padding:25px;margin-top:26px}.onboarding p{font-size:12px;margin-top:5px}.onboarding-links{display:flex;gap:15px;margin-top:20px}.onboarding-links a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:9px;flex:1;font-size:11px}.onboarding-links a>.icon:last-child{margin-left:auto;width:16px}.onboarding-links a:hover{background:#f4f7ed}
/* Tables and history */
.route-table-wrap{overflow:auto}.route-table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.route-table th{font-size:8px;letter-spacing:1px;color:#989f90;font-weight:500;text-align:left;background:#fafbf7;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.route-table th:first-child{padding-left:27px}.route-table td{padding:19px 20px;border-bottom:1px solid #edf0e7;font-size:11px}.route-table td:first-child{padding-left:25px}.route-table td:last-child{padding-left:0;padding-right:18px}.route-table tr:last-child td{border-bottom:0}.route-table tbody tr:hover{background:#fbfcf8}.route-table tr.unread-row{background:#fbfdf6}.route-name{display:flex;align-items:center;gap:11px}.route-line-icon{display:grid;place-items:center;width:31px;height:34px;border-radius:7px;background:#f4f6ef;color:#94a17c}.route-line-icon .icon{width:17px}.route-name strong{font-size:10px;font-weight:600;display:block}.route-name strong>.muted{margin:0 6px;font-size:11px}.route-name small{display:flex;align-items:center;gap:6px;font-size:9px;color:#959e8d;margin-top:5px}.route-id{font-size:8px;margin-left:6px;color:#a0a68f}.cell-main{font-size:10px;display:block}.cell-sub{display:block;font-size:9px;color:#959d8e;margin-top:5px}.plate{display:inline-flex;align-items:center;border:1px solid #e2e7da;border-radius:5px;padding:3px 7px;background:#fafbf7;white-space:nowrap;font-size:10px;letter-spacing:.4px;font-weight:550}.date-cell{font-size:10px!important;color:#8f9787}.badge{display:inline-flex;gap:5px;align-items:center;white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:500}.badge>span{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.in-progress{background:#f5f0de;color:#98864e}.badge.completed{background:#edf3e5;color:#7b9564}.badge.muted-badge{background:#ecefe9;color:#92998b}.new-tag{padding:2px 5px;font-size:7px;letter-spacing:.5px;background:#dfedc0;color:#58743c;border-radius:3px;font-weight:650}.route-mobile-list{display:none}.filter-bar{display:flex;align-items:center;gap:14px;padding:18px;margin-bottom:23px;overflow:visible}.search-field{display:flex;align-items:center;gap:9px;flex:1;margin:0!important}.search-field>.icon{color:#95a087;width:19px}.search-field input{border:0;background:transparent;box-shadow:none!important;padding:10px 0;min-width:100px}.filter-bar select{max-width:210px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:25px;font-size:12px}.empty-state{text-align:center;padding:58px 22px}.empty-icon{height:62px;width:62px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#f0f4e8;color:#8da06e;margin-bottom:17px}.empty-icon .icon{height:27px;width:27px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px;margin:10px 0 20px;line-height:1.8}.empty-state .button{font-size:12px}.error-page h1{font-size:25px;max-width:700px;margin:16px auto}.empty-state h2{font-size:22px}
/* Forms */
label{display:block;font-size:12px;font-weight:600;margin-bottom:19px}label small{display:block;font-weight:400;color:#939c8b;font-size:10px;margin-top:6px}input,select,textarea{display:block;width:100%;border:1px solid #dde3d6;border-radius:8px;background:#fff;color:var(--ink);min-height:47px;padding:11px 13px;font-size:13px;font-weight:400;margin-top:8px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#a2a997;font-size:12px}input:focus,select:focus,textarea:focus{outline:none;border-color:#8aa768;box-shadow:0 0 0 3px #cde2aa36}select{appearance:auto;padding-right:10px}textarea{resize:vertical;min-height:92px}input[type=checkbox]{display:inline-block;width:17px;min-height:17px;height:17px;accent-color:#5b783f;margin:0;vertical-align:middle}input[type=file]{padding:9px;font-size:11px}input::file-selector-button{border:0;background:#edf2e4;padding:6px 8px;border-radius:5px;color:var(--ink);font:inherit;margin-right:8px}.stack-form{margin-top:26px}.stack-form>label:last-of-type{margin-bottom:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-hint{font-size:11px;line-height:1.7;color:#8d9684;margin-top:10px}.notice{background:#f3f5e8;border:1px solid #e6e9d4;border-radius:9px;padding:16px 19px;font-size:12px;color:#758254;margin:22px 0;display:flex;align-items:center;gap:10px;line-height:1.8}.notice a{text-decoration:underline}.notice .icon{width:18px}.checkbox-label{display:flex;align-items:center;gap:9px}.form-error{color:#ae4b3d;font-size:12px;margin-bottom:15px}.form-section-heading{display:flex;gap:16px;align-items:center;margin-bottom:30px}.form-section-heading p{font-size:11px;margin-top:4px}.section-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#edf3e0;color:#728b52}.section-icon .icon{width:22px}.route-form-layout{display:grid;grid-template-columns:minmax(0,740px) 250px;gap:40px;align-items:start}.step-counter{font-size:11px;border:1px solid var(--line);padding:7px 12px;border-radius:20px;white-space:nowrap;background:#fff;color:#909a83}.stepper{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding:0 8px}.stepper>span{display:flex;align-items:center;gap:9px;font-size:11px;color:#a1a992;white-space:nowrap}.stepper b{height:27px;width:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #dce3d2;font-weight:500}.stepper i{height:1px;background:#dde4d1;flex:1}.stepper .current{color:#4a6540;font-weight:600}.stepper .current b{border-color:#bed196;background:#e6eecf}.stepper .done{color:#6f8555}.stepper .done b{background:#4f6742;color:white;border-color:#4f6742}.wizard-form{padding:30px}.wizard-form:not(.enhanced) [data-step]{margin-bottom:35px}.journey-inputs{position:relative;padding-left:26px}.journey-inputs:before{content:"";position:absolute;left:5px;top:13px;bottom:68px;border-left:1px dashed #c8d4b4}.journey-field{position:relative;margin-bottom:20px}.journey-field:before{content:"";position:absolute;left:-25px;top:5px;width:10px;height:10px;background:#9aad78;border:2px solid #e9f0db;border-radius:50%;outline:1px solid #aabd89}.journey-field.destination:before{border-radius:2px;background:#425e3c;border-color:#e6eccf;outline-color:#7a925c}.journey-field label{margin:0}.journey-field>.text-button{margin:6px 0 0;font-size:11px}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.wizard-actions [data-prev]{margin-right:auto}.form-aside{padding-top:70px}.form-aside-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#e8eedb;color:#799259;margin-bottom:21px}.form-aside h3{font-size:21px;line-height:1.55;letter-spacing:-.5px}.form-aside p{font-size:12px;line-height:1.85;margin:12px 0 0}.form-aside>span{display:flex;align-items:center;gap:9px;font-size:11px;color:#829171;margin:15px 0}.form-aside>span .icon{width:15px;height:15px;color:#8da86d}.upload-zone{border:1.5px dashed #cdd8ba;background:#fafcf5;border-radius:12px;padding:22px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;overflow:hidden;margin-top:10px}.upload-zone:hover{background:#f4f8e9}.upload-zone>input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.upload-zone:focus-within{outline:3px solid #84a145;outline-offset:3px}.upload-zone strong{font-size:13px}.upload-zone>span:not(.upload-icon){color:#94a082;font-size:11px;font-weight:400}.upload-zone>small{font-size:9px;color:#a0aa91}.upload-icon{width:37px;height:37px;border-radius:9px;background:#eef3e3;color:#8b9e6f;display:grid;place-items:center;margin-bottom:4px}.upload-icon .icon{width:20px}.photo-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-photo{position:relative}.preview-photo img,.existing-photo img{width:100%;height:105px;object-fit:cover;border-radius:8px}.preview-photo button{position:absolute;top:5px;right:5px;width:27px;height:27px;background:#fff;border-radius:50%;font-size:17px;box-shadow:0 1px 4px #0003}.existing-photo>span{display:flex;gap:7px;align-items:center;margin-top:8px;font-weight:400;font-size:11px}.review-list{margin:0}.review-list>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.review-list dt{color:#929b83}.review-list dd{margin:0;font-weight:600;overflow-wrap:anywhere}.submission-owner{display:flex;align-items:center;gap:10px;padding:15px;border-radius:9px;background:#f2f6e9;margin-top:24px;font-size:11px;color:#74835f}.submission-owner .icon{width:18px}.inline-form{display:flex;gap:12px;align-items:end}.inline-form label{flex:1;margin:0}.inline-form .button{font-size:11px}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:75px}.password-wrap button{position:absolute;right:12px;top:15px;font-size:10px;color:#899376;padding:0}.entry-card{scroll-margin-top:30px}dialog{border:1px solid var(--line);border-radius:18px;padding:29px;max-width:440px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 100px #0f21152f}dialog::backdrop{background:#1c2f2a60;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-heading h2{font-size:21px}dialog p{font-size:12px;margin-bottom:24px}
/* Detail and profile */
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px}.detail-main{padding:32px}.detail-journey{padding-left:30px}.journey-stop{position:relative;padding-bottom:35px}.journey-stop:first-child{border-left:1px dashed #cbd7b7;margin-left:-26px;padding-left:26px}.journey-stop:last-child{padding-bottom:10px}.journey-stop .eyebrow{font-size:9px;margin-bottom:9px}.journey-stop h2{font-size:24px}.journey-stop p{font-size:12px;margin-top:6px}.stop-dot,.stop-square{position:absolute;left:-6px;top:0;width:13px;height:13px;border-radius:50%;background:#a0b57a;border:3px solid #eff4e2;outline:1px solid #b7c79c}.stop-square{left:-32px;background:#4b6440;border-radius:3px}.detail-data{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:26px 0 0;margin-top:23px;border-top:1px solid var(--line)}.detail-data>div>span{display:block;font-size:10px;color:#919c82;margin-bottom:9px}.detail-data strong{font-size:13px;overflow-wrap:anywhere}.detail-data strong.plate{font-size:12px}.detail-notes{border-top:1px solid var(--line);margin-top:25px;padding-top:24px}.detail-notes h3{font-size:12px}.detail-notes p{font-size:12px;line-height:1.9;margin-top:8px;overflow-wrap:anywhere}.driver-detail{padding:26px;text-align:center}.driver-detail>.eyebrow{font-size:9px}.driver-detail>.avatar{margin:15px auto}.driver-detail h2{font-size:17px}.driver-detail p{font-size:11px;margin-top:5px}.driver-detail .text-link{font-size:12px;margin-top:9px}.detail-timestamp{display:flex;gap:12px;text-align:left;margin:18px 0;font-size:10px;color:#96a086}.detail-timestamp .icon{width:17px;height:17px}.detail-timestamp strong{display:block;font-size:11px;font-weight:500;color:#586e48;margin-top:5px}.photo-gallery{margin-top:25px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 26px 26px}.gallery-grid img{height:205px;object-fit:cover;width:100%;border-radius:10px}.gallery-grid span{display:block;margin-top:8px;font-size:10px;color:#869774}.gallery-grid a:hover img{filter:brightness(.95)}.gallery-empty{padding:0 27px 28px;font-size:12px}.complete-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;border-radius:13px;background:#eaf0df;border:1px solid #dbe6c8;margin-top:24px}.complete-bar strong{font-size:14px}.complete-bar p{font-size:11px;margin-top:4px}.profile-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.profile-grid>.card>p{font-size:12px;margin-top:8px}.profile-photo-row{display:flex;align-items:center;gap:22px;margin-bottom:25px}.profile-photo-row label{margin:0;flex:1;min-width:0}.profile-account{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:25px;color:#9aa28e;font-size:11px}.profile-account strong{display:block;margin-top:5px;color:#698056;font-weight:500}
/* Management */
.management-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start}.management-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid var(--line);padding:22px 25px}.list-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eff3e6;color:#8b9c74;font-size:12px;flex-shrink:0}.list-avatar .icon{width:20px}.management-row-content{flex:1;min-width:100px}.management-row h3{font-size:13px}.management-row p{font-size:10px;margin:4px 0}.management-row small{display:block;font-size:10px;color:#97a08d;overflow-wrap:anywhere}.management-row-content .badge{margin-top:5px;font-size:8px}.row-actions{display:flex;align-items:center;gap:10px}.row-actions .text-button{font-size:10px}.inactive{background:#fafbf7;color:#919b86}.reset-password{width:100%;margin-left:54px;font-size:10px;color:#8a997a}.reset-password summary{cursor:pointer;padding:3px 0}.reset-password[open] summary{margin-bottom:14px}.reset-password .field-hint{font-size:10px}.entry-card>.muted{font-size:11px;margin-top:8px}.entry-card .stack-form{margin-top:23px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.settings-item{display:flex;align-items:center;gap:10px;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.settings-item>span{flex:1}.settings-item small{display:block;font-size:9px;color:#9aa58b;margin-top:5px}.settings-item .text-button{font-size:10px}.settings-item .icon-button{width:28px;min-width:28px}.settings-item .icon{width:17px}.settings-items>.muted{font-size:12px;padding:12px 0}.inset-form{padding:22px;background:#f8faf3;border:1px solid #e9eddf;border-radius:11px}.inset-form h3{margin-bottom:17px}
/* Analytics */
.period-form select{margin:0;font-size:12px;min-width:200px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:26px}.stat-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:13px}.stat-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#86937a;font-size:11px}.stat-label .icon{width:18px;height:18px;color:#98a880}.stat-card>strong{font-size:38px;line-height:1;font-weight:550;letter-spacing:-1.4px;display:block;margin:22px 0 14px}.stat-card>small{font-size:9px;color:#9aa78c}.accent-stat{background:#e9efdc;border-color:#dfe6d0}.chart-card{margin-bottom:25px}.chart-legend{display:flex;align-items:center;gap:17px;font-size:9px;color:#97a487}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{height:7px;width:7px;border-radius:2px}.legend-completed{background:#4c6a47}.legend-active{background:#cbdf9b}.chart-scroll{padding:0 23px;overflow:auto}.activity-chart{display:block;width:100%;min-width:480px}.chart-grid-line{stroke:#e9eede;stroke-dasharray:3 5;stroke-width:1}.chart-axis{fill:#9aa88a;font-size:10px}.bar-base{fill:#f0f4e7}.bar-completed{fill:#4b6947}.bar-active{fill:#cbdf9b}.chart-bar:hover rect{filter:brightness(.9)}.chart-empty{text-align:center;padding-bottom:20px;font-size:12px}.chart-data{padding:0 28px 23px;font-size:10px;color:#94a382}.chart-data summary{cursor:pointer}.simple-table{width:100%;border-collapse:collapse;text-align:left;margin-top:15px;font-size:11px}.simple-table th,.simple-table td{padding:8px;border-bottom:1px solid var(--line)}.analytics-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.cargo-chart{display:flex;align-items:center;gap:28px}.cargo-chart>svg{width:190px;max-width:48%;height:auto;flex-shrink:0}.donut-number{font-size:34px;font-weight:550;fill:var(--ink);letter-spacing:-1px}.donut-label{font-size:10px;fill:#96a785}.color-0{stroke:#4c6a47}.color-1{stroke:#bfd587}.color-2{stroke:#e0e8cd}.color-3{stroke:#95ae84}.color-4{stroke:#e4cb8f}.color-5{stroke:#9dadab}.color-bg-0{background:#4c6a47}.color-bg-1{background:#bfd587}.color-bg-2{background:#e0e8cd}.color-bg-3{background:#95ae84}.color-bg-4{background:#e4cb8f}.color-bg-5{background:#9dadab}.cargo-legend{flex:1;min-width:0}.cargo-legend>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin:16px 0;color:#8f9f7d}.cargo-legend span{display:flex;align-items:center;gap:7px}.cargo-legend i{width:7px;height:7px;border-radius:2px;flex-shrink:0}.cargo-legend strong{color:#586c49;font-weight:500}.destination-chart{padding-top:4px}.destination-stat{margin:20px 0}.destination-stat>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:9px}.destination-stat b{font-size:10px;color:#adb79e;margin-right:13px;font-weight:400}.destination-stat strong{font-size:11px;font-weight:600}.destination-stat small{color:#a0ad90;font-size:9px;font-weight:400}.destination-stat progress{height:6px;width:100%;border:0;border-radius:5px;overflow:hidden;display:block;background:#eef3e4}.destination-stat progress::-webkit-progress-bar{background:#eef3e4}.destination-stat progress::-webkit-progress-value{background:#9eb77e;border-radius:5px}.destination-stat progress::-moz-progress-bar{background:#9eb77e}.compact-empty{padding:40px 0;text-align:center;color:#9caa8a;font-size:12px}
/* Reports and search */
.report-filters{padding:20px;display:flex;gap:14px;align-items:end;margin-bottom:27px;overflow:visible}.report-filters label{margin:0;flex:1;min-width:100px;font-size:10px}.report-filters input,.report-filters select{font-size:11px;min-height:44px}.report-filters .button{font-size:11px;padding:12px}.report-paper{background:#fff;border:1px solid var(--line);border-radius:15px;padding:35px}.report-paper-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:2px solid #314734}.report-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:1.5px;line-height:1.1}.report-brand small{display:block;font-size:9px;letter-spacing:3.5px;margin-top:4px}.report-paper-header .eyebrow{font-size:9px;margin-bottom:5px}.report-paper-header p{font-size:10px}.report-intro{padding:27px 0}.report-intro h2{font-size:22px}.report-intro p{font-size:11px;margin-top:8px}.report-totals{display:grid;grid-template-columns:repeat(4,1fr);padding:23px;background:#f3f6ec;border-radius:9px;gap:25px;margin-bottom:28px}.report-totals strong{font-size:29px;font-weight:550;display:block}.report-totals span{font-size:10px;color:#8e9d7b;display:block;margin-top:5px}.report-table{width:100%;border-collapse:collapse;text-align:left}.report-table th{font-size:9px;padding:13px 8px;border-bottom:1px solid #ccd8b9;color:#7b8e68;font-weight:600}.report-table td{font-size:10px;padding:16px 8px;border-bottom:1px solid #eaf0e0}.report-table small{display:block;font-size:9px;margin-top:4px;color:#95a581}.report-table strong{font-size:10px;font-weight:600}.report-paper-footer{display:flex;justify-content:space-between;color:#9fac8d;font-size:9px;margin-top:30px;gap:20px}.report-empty{text-align:center;padding:45px!important;color:#97a781}.report-table-scroll{overflow:auto}.big-search{display:flex;align-items:center;gap:14px;padding:16px 20px}.big-search>.icon{width:23px;color:#90a178}.big-search input{border:0;margin:0;padding:8px 0;box-shadow:none!important;font-size:17px;min-width:0}.big-search input::placeholder{font-size:15px}.big-search .button{flex-shrink:0}.search-suggestions{display:flex;gap:10px;align-items:center;margin-top:20px;color:#99a788;font-size:11px}.search-suggestions>span{font-size:8px;letter-spacing:1.5px;margin-right:8px}.search-suggestions a{border:1px solid #dfe7d2;border-radius:6px;padding:6px 11px;font-size:10px;background:#fff}.search-result-count{font-size:12px;margin:25px 0}.search-section{margin:22px 0}.search-records{padding:0 25px}.search-record{display:flex;gap:13px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.search-record>div{flex:1}.search-record strong{font-size:13px}.search-record p{font-size:11px;margin-top:5px}.search-record .button{font-size:11px}
/* Authentication */
.auth-body{background:#fbfcf8}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{background:#1e3731;color:#fff;position:relative;padding:44px 55px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.auth-story:before{content:"";position:absolute;left:-110px;top:130px;border:1px solid #ffffff09;width:650px;height:650px;border-radius:50%;box-shadow:0 0 0 50px #ffffff02,0 0 0 105px #ffffff02,0 0 0 155px #ffffff02;z-index:-1}.auth-story .brand{color:#fff}.auth-story-content{margin:auto 0;padding-top:65px;position:relative;flex:1}.eyebrow.light{color:#b7cda0;letter-spacing:2.1px;font-size:9px}.auth-story h1{font-size:49px;letter-spacing:-1.8px;line-height:1.22;font-weight:550;margin:27px 0 24px}.auth-story h1 em{font-style:normal;color:var(--lime)}.auth-story-content p{font-size:13px;line-height:1.9;color:#98b1a2}.auth-truck{width:380px;margin:12px auto 0;max-height:215px}.auth-story-footer{display:flex;align-items:center;gap:10px;font-size:10px;color:#8ca88f;margin-top:22px}.auth-form-area{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;position:relative}.auth-form-wrap{width:100%;max-width:390px;margin:auto}.form-kicker{display:flex;align-items:center;gap:8px;color:#8b9a7b;font-size:9px;letter-spacing:1.6px;margin-bottom:25px}.form-kicker .icon{width:17px;height:17px}.auth-form-wrap h1{font-size:33px;letter-spacing:-1px}.auth-intro{margin-top:13px;font-size:13px;line-height:1.8}.auth-form-wrap .stack-form{margin-top:30px}.auth-form-wrap input{min-height:49px}.auth-form-wrap .button.primary{background:#294134}.auth-form-wrap .button.primary .icon{margin-left:auto}.auth-form-wrap .button.primary:before{content:"";width:18px}.login-help{padding-top:27px;margin-top:32px;border-top:1px solid var(--line)}.login-help strong{font-size:11px;color:#7b8b6b}.login-help p{font-size:11px;color:#9ca68f;line-height:1.8;margin-top:7px}.auth-form-area>footer{margin-top:45px;font-size:10px;color:#b2b9a6;letter-spacing:.4px}.auth-mobile-brand{display:none}
/* Responsive */
@media(min-width:1550px){.main-content{padding:45px 55px}.new-route-card{min-height:294px}.hero-truck{width:345px}.new-route-card h2{font-size:37px}.new-route-card p{font-size:13px}.overview-total{margin:35px 0}.route-table td{padding-top:23px;padding-bottom:23px}}
@media(max-width:1250px){.sidebar{width:220px;padding:30px 15px 0}.app-shell{margin-left:220px}.main-content{padding:30px}.topbar{padding:0 30px;gap:18px}.header-search{width:245px}.today-date{display:none}.hero-truck{width:225px;right:-30px;bottom:40px;opacity:.8}.new-route-card{padding:26px}.overview-card{padding:22px}.overview-metrics{gap:17px}.dashboard-grid{gap:20px;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr)}.route-table td,.route-table th{padding-left:12px;padding-right:12px}.route-name strong{max-width:280px;white-space:normal}.management-layout{grid-template-columns:minmax(0,1fr) 300px}.row-actions{gap:4px}.management-row{padding:20px}.route-form-layout{grid-template-columns:minmax(0,1fr) 200px;gap:26px}.report-filters{flex-wrap:wrap}.report-filters .button{flex:1}.chart-legend{gap:9px}.stat-grid{gap:14px}.stat-card{padding:19px}.cargo-chart{gap:13px}.auth-story{padding:40px}.auth-story h1{font-size:42px}}
@media(max-width:1020px){.sidebar{width:195px;padding:28px 10px 0}.sidebar>.brand{margin-left:10px;font-size:18px}.brand-mark{width:33px;height:36px}.brand small{font-size:8px}.sidebar>.workspace-label{font-size:8px}.app-shell{margin-left:195px}.nav-item{font-size:11px;gap:10px}.main-content{padding:27px 24px}.topbar{padding:0 24px}.breadcrumb{display:none}.header-search{margin-left:0;width:auto;flex:1}.topbar-actions{gap:10px}.dashboard-grid{grid-template-columns:1fr}.driver-actions{display:grid;grid-template-columns:1fr}.hero-truck{width:330px;right:12px;bottom:15px;opacity:1}.overview-card{display:flex;align-items:center;gap:22px;padding:22px}.overview-card>.card-heading .tiny-label{display:none}.overview-card>.card-heading h2{font-size:13px}.overview-total{margin:0;gap:10px}.overview-total>strong{font-size:31px}.overview-total>span{font-size:9px}.overview-metrics{border:0;padding:0;gap:20px;margin-left:auto}.overview-metrics strong{font-size:18px}.fleet-line{display:none}.route-form-layout{grid-template-columns:1fr}.form-aside{display:none}.management-layout{grid-template-columns:1fr}.entry-card{max-width:100%}.entry-card form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.entry-card .button{align-self:end;margin-bottom:19px}.settings-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.analytics-bottom{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.chart-legend{font-size:8px}.detail-grid{grid-template-columns:1fr 240px;gap:17px}.detail-main{padding:24px}.detail-data{grid-template-columns:1fr 1fr}.driver-detail{padding:24px 17px}.detail-journey h2{font-size:20px}.page-heading h1{font-size:27px}.date-pill{display:none}.heading-actions{gap:8px}.heading-actions .button{font-size:11px;padding:11px}.auth-story h1{font-size:37px}.auth-story{padding:35px}.auth-form-area{padding:35px}.onboarding-links{flex-wrap:wrap}.onboarding-links a{min-width:180px}.report-paper{padding:25px}.report-table{min-width:600px}.page-heading .period-form{align-self:end}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px;padding:28px 20px 0}.sidebar.open{transform:translateX(0)}.sidebar>.brand{font-size:21px;margin-bottom:30px}.sidebar .brand-mark{width:39px;height:43px}.sidebar .brand small{font-size:10px}.sidebar>.workspace-label{font-size:9px}.nav-item{font-size:13px;padding:12px;min-height:46px}.sidebar-scrim{position:fixed;inset:0;background:#19372970;z-index:39}.sidebar .help-card{display:none}.sidebar-bottom{padding-top:15px}.sidebar-person{padding-bottom:24px}.sidebar .person strong{font-size:12px}.sidebar .person small{font-size:10px}.side-nav{overflow:auto}.app-shell{margin:0}.topbar{height:66px;padding:0 17px;gap:12px}.mobile-menu{display:flex}.header-search{flex:1}.header-search input{font-size:11px}.header-search kbd{display:none}.header-search input::placeholder{font-size:10px}.topbar-actions{gap:3px}.topbar-actions .avatar{display:none}.main-content{padding:27px 20px 95px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:24px;flex-wrap:wrap}.page-heading h1{font-size:27px;letter-spacing:-.8px}.page-heading p{font-size:12px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.page-heading>.button{padding:11px 15px;font-size:12px;min-height:43px}.page-footer{margin-top:30px;font-size:9px;gap:20px}.page-footer span:first-child{font-size:8px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid #e3e9d7;z-index:30;padding:9px 8px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;gap:2px;box-shadow:0 -6px 25px #243e2203}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;font-size:8px;color:#97a28a;min-height:43px}.bottom-nav .icon{height:20px;width:20px}.bottom-nav .active{color:#4f6e3d}.bottom-nav .mobile-new{color:#354e2a}.bottom-nav .mobile-new .icon{padding:5px;height:30px;width:30px;background:#deebc1;border-radius:9px;margin-top:-7px}.connection-banner{bottom:70px;font-size:10px}.dashboard-grid{gap:16px}.new-route-card{min-height:270px;padding:27px}.new-route-card h2{font-size:32px;margin-top:28px}.new-route-card p{font-size:12px;line-height:1.7}.hero-truck{width:230px;right:-34px;bottom:34px;opacity:.8}.hero-tag{font-size:8px;letter-spacing:1.3px}.hero-button{font-size:11px;margin-top:23px;min-height:43px}.history-button{padding:17px 18px;gap:13px}.history-button strong{font-size:13px}.history-button small{font-size:10px}.overview-card{padding:19px 20px;gap:20px;flex-wrap:wrap}.overview-card>.card-heading{display:none}.overview-total{gap:12px}.overview-total>strong{font-size:33px}.overview-total>span{font-size:9px}.overview-metrics{gap:17px}.overview-metrics>div{gap:7px}.metric-icon{height:28px;width:28px}.metric-icon .icon{width:15px}.overview-metrics strong{font-size:16px}.overview-metrics small{font-size:8px}.recent-section{margin-top:24px}.section-heading{padding:21px 20px;gap:10px}.section-heading h2{font-size:15px}.section-heading p{font-size:10px}.section-heading>.text-link{font-size:10px;white-space:nowrap}.section-heading .text-link .icon{width:14px}.route-table-wrap{display:none}.route-mobile-list{display:block}.mobile-route{display:block;padding:20px;border-top:1px solid var(--line)}.mobile-route:hover{background:#fafcf5}.mobile-route-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.mobile-route-top>.tiny-label{font-size:8px;letter-spacing:.5px}.mobile-route>strong{font-size:13px;display:block}.mobile-destination{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:5px;color:#627650}.mobile-destination .icon{width:14px;height:14px;color:#93a37d}.mobile-route-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;color:#91a080;font-size:10px}.mobile-route .badge{font-size:8px}.dashboard-tip{font-size:9px;text-align:left;align-items:flex-start;line-height:1.8;margin-top:20px}.dashboard-tip .icon{margin-top:3px}.inbox-banner{padding:17px 16px;gap:11px;align-items:flex-start}.inbox-icon{width:32px;height:32px;flex-shrink:0}.inbox-icon .icon{width:18px}.inbox-banner strong{font-size:12px}.inbox-banner small{font-size:10px;line-height:1.7}.inbox-link{font-size:0;align-self:center}.inbox-link .icon{width:17px}.onboarding{padding:20px}.onboarding h2{font-size:15px}.onboarding p{font-size:11px}.onboarding-links{gap:10px}.onboarding-links a{font-size:11px;padding:12px;width:100%}.filter-bar{flex-wrap:wrap;gap:10px;padding:15px}.filter-bar .search-field{flex:1 0 100%}.filter-bar select{flex:1;max-width:none;margin:0;font-size:11px}.filter-bar .button{font-size:11px;padding:11px 14px}.filter-bar .text-link{font-size:10px}.padded{padding:22px}.step-counter{font-size:9px;padding:6px 10px}.stepper{gap:10px;padding:0}.stepper>span{gap:6px;font-size:10px}.stepper b{width:25px;height:25px}.wizard-form{padding:24px 20px}.form-section-heading{gap:12px;margin-bottom:25px}.form-section-heading h2{font-size:18px}.form-section-heading p{font-size:10px}.section-icon{width:39px;height:39px}.form-grid{grid-template-columns:1fr;gap:0}label{font-size:12px}input,select,textarea{font-size:16px;min-height:49px}input::placeholder,textarea::placeholder{font-size:12px}.wizard-actions{gap:8px}.wizard-actions .button{padding:12px 15px;font-size:12px}.wizard-actions .button.primary{flex:1;max-width:280px}.review-list>div{grid-template-columns:90px 1fr;gap:20px;font-size:12px}.photo-previews{grid-template-columns:repeat(3,1fr)}.preview-photo img,.existing-photo img{height:85px}.upload-zone{padding:24px 13px}.upload-zone>small{font-size:8px}.detail-grid{grid-template-columns:1fr}.detail-main{padding:27px 23px}.detail-journey h2{font-size:21px}.detail-data{gap:24px}.driver-detail{text-align:left;padding:23px;display:grid;grid-template-columns:55px 1fr;column-gap:15px}.driver-detail>.eyebrow{grid-column:1/-1}.driver-detail>.avatar{grid-row:2/5;margin:5px 0;width:50px;height:50px;font-size:18px}.driver-detail h2{grid-column:2;font-size:16px;align-self:end}.driver-detail>p,.driver-detail>.text-link{grid-column:2}.driver-detail>hr{grid-column:1/-1;width:100%;margin:18px 0 0}.driver-detail .detail-timestamp{grid-column:1/-1;margin:15px 0 0}.driver-detail .field-hint{grid-column:1/-1}.gallery-grid{grid-template-columns:repeat(2,1fr);padding:0 20px 20px;gap:12px}.gallery-grid img{height:150px}.gallery-grid span{font-size:9px}.complete-bar{flex-direction:column;align-items:stretch;padding:22px}.complete-bar .button{width:100%}.profile-grid{gap:20px}.profile-photo-row{gap:15px}.profile-photo-row .avatar{width:62px;height:62px}.profile-account{gap:25px}.management-layout{gap:20px}.management-row{padding:20px 17px;gap:11px}.management-row-content{min-width:130px}.row-actions{margin-left:51px;width:100%;justify-content:flex-start}.row-actions .text-button{font-size:11px;min-height:34px}.row-actions .icon-button{height:34px}.reset-password{margin-left:51px;font-size:11px}.entry-card form{display:block}.entry-card .button{margin-bottom:0}.inline-form{flex-direction:column;align-items:stretch}.settings-grid{gap:20px}.settings-item{gap:7px;font-size:12px}.settings-item .text-button{font-size:10px}.settings-item .icon-button{min-width:25px;width:25px}.inset-form{padding:20px}.stat-grid{gap:12px}.stat-card{padding:18px 15px}.stat-label{font-size:10px;gap:4px}.stat-label .icon{width:16px;height:16px}.stat-card>strong{font-size:33px;margin:20px 0 10px}.stat-card>small{font-size:8px}.period-form{width:100%}.period-form select{font-size:12px;min-height:43px}.chart-card .section-heading{align-items:flex-start;flex-direction:column;gap:13px}.chart-legend{font-size:9px}.chart-scroll{padding:0 12px}.chart-data{padding:0 20px 20px}.activity-chart{min-width:570px}.analytics-bottom{gap:20px}.cargo-chart{gap:18px}.cargo-chart>svg{width:160px;max-width:43%}.cargo-legend>div{font-size:10px}.report-filters{padding:17px;gap:15px}.report-filters label{flex:1 0 40%;min-width:0}.report-filters input,.report-filters select{font-size:12px;padding:10px 7px}.report-filters .button{flex:1 0 100%;font-size:12px}.report-paper{padding:22px 17px;border-radius:12px}.report-paper-header{gap:10px;align-items:flex-start}.report-brand{font-size:14px;gap:7px;letter-spacing:.8px}.report-brand .brand-mark{width:28px;height:32px}.report-brand .icon{width:21px;height:21px}.report-brand small{font-size:7px;letter-spacing:2px}.report-paper-header .eyebrow{font-size:7px;letter-spacing:1px}.report-paper-header p{font-size:8px}.report-intro h2{font-size:19px}.report-intro p{font-size:10px;line-height:1.8}.report-totals{grid-template-columns:1fr 1fr;gap:20px;padding:20px}.report-totals strong{font-size:28px}.report-totals span{font-size:9px}.report-paper-footer{font-size:8px}.big-search{padding:12px;gap:9px;flex-wrap:wrap}.big-search input{flex:1;font-size:16px}.big-search input::placeholder{font-size:12px}.big-search>.icon{width:18px}.big-search .button{width:100%;min-height:42px;font-size:12px}.search-suggestions{flex-wrap:wrap;gap:7px}.search-suggestions>span{font-size:7px}.search-suggestions a{font-size:9px;padding:5px 8px}.search-records{padding:0 18px}.search-record{gap:10px;flex-wrap:wrap}.search-record .button{font-size:10px;padding:8px;min-height:35px}.search-record strong{font-size:12px}.search-record p{font-size:10px}.search-record .list-avatar{width:32px;height:35px}.search-result-count{font-size:11px}.auth-shell{display:block}.auth-story{display:none}.auth-form-area{min-height:100vh;padding:35px 25px 25px;justify-content:center}.auth-form-wrap{max-width:410px}.auth-mobile-brand{display:block;font-size:19px;font-weight:750;letter-spacing:1.5px;color:#385431;margin-bottom:45px;align-self:flex-start}.auth-mobile-brand span{font-size:9px;font-weight:400;letter-spacing:2px;margin-left:5px;color:#90a078}.auth-form-wrap h1{font-size:32px}.auth-form-wrap .form-grid{grid-template-columns:1fr 1fr;gap:12px}.auth-form-wrap .form-grid label{font-size:11px}.auth-form-wrap .button.primary{min-height:50px}.auth-form-wrap .form-kicker{font-size:8px}.auth-form-area>footer{margin-top:35px}.login-help{margin-top:27px}.notice{font-size:11px;align-items:flex-start}.live-banner{font-size:11px;gap:8px;padding:14px}.live-banner .icon{width:17px}}
@media(max-width:370px){.main-content{padding-left:15px;padding-right:15px}.overview-card{gap:14px}.overview-metrics{gap:11px}.metric-icon{display:none}.hero-truck{width:205px;right:-45px;bottom:54px;opacity:.55}.hero-button{font-size:10px}.hero-button .icon:last-child{margin-left:2px}.topbar{padding:0 10px}.new-route-card{padding:25px 23px}.auth-form-area{padding:30px 20px}.auth-form-wrap .form-grid{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4 landscape;margin:13mm}body{background:white!important;font-size:10pt!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.topbar,.bottom-nav,.page-footer,.page-heading,.report-filters,.flash,.live-banner,.complete-bar,.skip-link,.connection-banner{display:none!important}.app-shell{margin:0}.main-content{padding:0;max-width:none}.report-paper{border:0;border-radius:0;padding:0}.report-paper-header{padding-bottom:15px}.report-intro{padding:17px 0}.report-totals{grid-template-columns:repeat(4,1fr);padding:15px;gap:20px}.report-totals strong{font-size:25px}.report-table-scroll{overflow:visible}.report-table{min-width:0;table-layout:fixed}.report-table th,.report-table td{overflow-wrap:anywhere;font-size:9px;padding:10px 6px}.report-table thead{display:table-header-group}.report-table tr{break-inside:avoid}.report-table small{font-size:8px}.report-paper-header,.report-intro,.report-totals{break-inside:avoid}.report-paper-footer{margin-top:18px}.detail-grid{grid-template-columns:2fr 1fr}.gallery-grid{grid-template-columns:repeat(3,1fr)}.photo-gallery,.driver-detail,.detail-main{break-inside:avoid}.gallery-grid img{height:150px}.card{box-shadow:none}.driver-detail .avatar{display:none}a[href]:after{content:none!important}.chart-data{display:none}}