:root{--navy:#07192e;--navy-2:#0c2744;--ink:#102338;--muted:#667789;--line:#dfe8ed;--surface:#fff;--wash:#f2f6f8;--teal:#13b8a6;--teal-dark:#0a8c80;--cyan:#d9f7f3;--blue:#2f73e8;--amber:#ed9b31;--red:#dc4b55;--green:#158a63;--shadow:0 16px 45px rgba(7,25,46,.08);--shadow-sm:0 6px 20px rgba(7,25,46,.07);--radius:18px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--wash);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.mobile-only{display:none!important}
.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:20px;letter-spacing:-.5px}.brand-light{color:#fff}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--teal),#63dfd0);color:#05253a;font-weight:950;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:850;color:#81e6dc}.eyebrow.ink{color:var(--teal-dark)}.muted{color:var(--muted)}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#37d8ac;box-shadow:0 0 0 5px rgba(55,216,172,.12);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(55,216,172,0)}}
.btn{border:0;border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:800;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--teal);color:#06253b;box-shadow:0 8px 18px rgba(19,184,166,.2)}.btn-primary:hover{background:#20c9b6}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-light{background:#fff;color:var(--navy)}.btn-danger-soft{background:#fff0f1;color:#ad2934;border:1px solid #ffd9dc}.btn-lg{padding:14px 20px;font-size:14px}.btn-block{width:100%;margin-top:12px}.button-group{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--ink);font-size:18px}.link-btn{border:0;background:none;color:var(--teal-dark);font-weight:800;font-size:12px}
.alert{padding:12px 14px;border-radius:11px;font-size:13px;margin:18px 0}.alert.error{background:#fff0f1;color:#a92b35;border:1px solid #ffdadd}.alert.success{background:#eaf9f3;color:#126b50;border:1px solid #c4eddd}
.offline-banner{position:fixed;z-index:200;top:0;left:0;right:0;background:#f0a23d;color:#3b2508;text-align:center;padding:7px;font-size:12px;font-weight:800;transform:translateY(-100%);transition:.2s}.offline .offline-banner{transform:translateY(0)}

/* Login */
.login-body{min-height:100vh;background:var(--navy)}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.18fr .82fr}.login-story{background:radial-gradient(circle at 72% 28%,rgba(19,184,166,.20),transparent 27%),radial-gradient(circle at 18% 78%,rgba(47,115,232,.14),transparent 28%),linear-gradient(145deg,#06172a,#09233d);padding:54px 64px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-120px;bottom:-120px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}.login-copy{max-width:670px;margin:auto 0;position:relative;z-index:1}.login-copy h1{font-size:clamp(46px,5.4vw,76px);line-height:.99;letter-spacing:-3.5px;margin:16px 0 25px}.login-copy>p{max-width:590px;color:#b9c9d8;font-size:18px;line-height:1.65}.login-pulse{display:grid;grid-template-columns:20px 1fr;margin-top:42px;padding:18px 20px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:15px;backdrop-filter:blur(12px)}.login-pulse .pulse-dot{grid-row:1/3;margin-top:7px}.login-pulse strong{font-size:13px}.login-pulse small{color:#90a7bb;margin-top:4px}.login-foot{font-size:12px;color:#6f879d;position:relative;z-index:1}.login-panel{background:#f8fbfc;display:grid;place-items:center;padding:50px}.login-card{width:100%;max-width:420px}.login-card h2{font-size:34px;letter-spacing:-1.4px;margin:8px 0}.login-card>.muted{line-height:1.6;margin-bottom:25px}.mobile-brand{display:none;margin-bottom:45px}.stack-form{display:grid;gap:16px}.stack-form label,.field{display:grid;gap:7px;font-size:12px;font-weight:800;color:#3e5265}.stack-form input,.field input,.field select,.field textarea,.modal input,.modal select,.modal textarea,.report-form input{width:100%;border:1px solid #cfdae1;background:#fff;border-radius:11px;padding:12px 13px;color:var(--ink);outline:none}.stack-form input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(19,184,166,.1)}.secure-note{text-align:center;font-size:11px;color:#8493a2;margin-top:22px}.secure-note span{color:var(--teal-dark);font-weight:900}.password-panel{min-height:100vh}.password-panel .brand{margin-bottom:50px}

/* Admin shell */
.admin-body{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#07192e,#081f37);color:#a9bdce;padding:25px 17px 16px;display:flex;flex-direction:column;z-index:80}.sidebar-brand{padding:0 10px;margin-bottom:26px}.workspace-label{border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:11px 12px;margin:0 6px 18px;background:rgba(255,255,255,.035)}.workspace-label span{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#6d8aa1}.workspace-label strong{display:block;color:#d9e5ee;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-nav{display:flex;flex-direction:column;gap:3px}.nav-item{width:100%;border:0;background:transparent;color:#9db1c3;padding:10px 12px;border-radius:10px;display:grid;grid-template-columns:22px 1fr auto;gap:9px;align-items:center;text-align:left;font-size:12px;font-weight:700}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active{color:#fff;background:rgba(19,184,166,.14);box-shadow:inset 3px 0 0 var(--teal)}.nav-icon{font-size:17px;color:#7f99ad;text-align:center}.nav-item.active .nav-icon{color:#5de0d1}.nav-count{min-width:20px;padding:2px 5px;border-radius:10px;background:#e79b37;color:#2d1b02;text-align:center;font-size:9px}.nav-section{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#4e6c83;margin:18px 12px 5px;font-weight:850}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding:16px 6px 0;display:grid;grid-template-columns:36px 1fr 30px;gap:9px;align-items:center}.avatar{width:36px;height:36px;border-radius:11px;background:#d7f7f2;color:#08766c;display:grid;place-items:center;font-weight:900}.sidebar-user strong{display:block;color:#e7f0f6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px;color:#728ba0}.sidebar-user form button{border:0;background:transparent;color:#718ba0;font-size:18px}.admin-shell{margin-left:250px;min-height:100vh}.topbar{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:sticky;top:0;z-index:50}.topbar h1{font-size:20px;margin:3px 0 0;letter-spacing:-.5px}.top-kicker{margin:0;text-transform:uppercase;color:#8594a2;font-size:8px;letter-spacing:1.4px;font-weight:850}.top-actions{display:flex;align-items:center;gap:9px}.live-chip{border:1px solid #d7ebe6;border-radius:20px;padding:7px 11px;display:flex;align-items:center;gap:8px;color:#347062;font-size:10px;font-weight:850;background:#f5fbf9}.content{padding:24px 30px 50px;max-width:1700px;margin:auto}.view{display:none}.view.active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:.25;transform:translateY(4px)}}
.hero-strip{background:linear-gradient(115deg,var(--navy),#0b2d4c);border-radius:var(--radius);padding:25px 28px;color:#fff;display:flex;align-items:end;justify-content:space-between;position:relative;overflow:hidden}.hero-strip:after{content:"";width:230px;height:230px;border-radius:50%;position:absolute;right:80px;top:-150px;border:40px solid rgba(19,184,166,.07)}.hero-strip h2{margin:7px 0;font-size:27px;letter-spacing:-1px}.hero-strip p{margin:0;color:#89a0b4;font-size:12px}.hero-status{text-align:right;position:relative;z-index:1}.hero-status small{display:block;color:#7790a5;font-size:9px;text-transform:uppercase;letter-spacing:1px}.hero-status strong{font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;position:relative;box-shadow:0 4px 14px rgba(7,25,46,.03)}.kpi-card.accent{border-color:#c8eee8}.kpi-card p{font-size:11px;color:#718394;margin:0 0 10px}.kpi-card strong{display:block;font-size:25px;letter-spacing:-1px}.kpi-card small{display:block;font-size:9px;color:#8a98a5;margin-top:4px}.kpi-icon{position:absolute;right:15px;top:14px;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#e7f8f5;color:#08796f;font-weight:900}.kpi-icon.blue{background:#eaf1ff;color:#2f67c4}.kpi-icon.amber{background:#fff3e2;color:#b87521}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 18px rgba(7,25,46,.035);padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h3{font-size:15px;letter-spacing:-.3px;margin:4px 0}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:20px;background:#eff4f7;color:#5a6d7d;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}.status-pill.live,.status-pill.success{background:#e8f8f3;color:#14765a}.status-pill.warning{background:#fff2df;color:#a86615}.status-pill.danger{background:#ffedef;color:#b7333e}.status-pill.info{background:#e9f1ff;color:#2d64bd}.live-map{height:310px;background:#e9f0f2;border-radius:13px;overflow:hidden;position:relative}.map-empty{height:100%;display:grid;place-items:center;color:#8393a0;font-size:12px;background:radial-gradient(#c9d6dc 1px,transparent 1px);background-size:17px 17px}.leaflet-container{font-family:var(--sans)}.driver-strip{display:flex;gap:8px;overflow:auto;margin-top:12px;padding-bottom:2px}.driver-chip{min-width:155px;border:1px solid var(--line);border-radius:11px;padding:9px;display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center}.driver-chip .avatar{width:31px;height:31px;border-radius:9px;font-size:11px}.driver-chip strong{font-size:10px;display:block}.driver-chip small{font-size:8px;color:var(--muted)}.route-progress{display:grid;gap:15px}.progress-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.progress-item-head strong{font-size:11px}.progress-item-head span{font-size:9px;color:var(--muted)}.progress-track{height:7px;background:#edf2f4;border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:10px;background:var(--teal)}.activity-list,.stock-alerts{display:grid}.activity-row,.stock-row{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf1f3}.activity-row:last-child,.stock-row:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:10px;background:#e9f8f4;color:#087c70;display:grid;place-items:center;font-size:13px;font-weight:900}.activity-row strong,.stock-row strong{display:block;font-size:10px}.activity-row small,.stock-row small{font-size:8px;color:var(--muted)}.activity-row>strong{font-size:11px}.stock-level{min-width:35px;text-align:center;padding:5px 7px;border-radius:8px;background:#fff0e3;color:#a76516;font-size:10px}.skeleton-line{height:11px;border-radius:7px;background:linear-gradient(90deg,#edf2f4,#f7f9fa,#edf2f4);background-size:200%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200%}}
.section-toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-toolbar h2{font-size:27px;letter-spacing:-1px;margin:5px 0}.section-toolbar p{color:var(--muted);font-size:12px;margin:0}.filter-row{display:flex;align-items:center;gap:8px;margin-bottom:13px}.search-box{width:min(390px,100%);position:relative}.search-box span{position:absolute;left:12px;top:9px;color:#8495a2;font-size:19px}.search-box input,.driver-search input{width:100%;height:41px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 13px 0 37px;outline:none;font-size:12px}.chip{border:1px solid var(--line);border-radius:20px;background:#fff;padding:7px 11px;color:#607383;font-size:10px;font-weight:800}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.result-count{margin-left:auto;color:var(--muted);font-size:10px}.table-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:auto;box-shadow:0 4px 17px rgba(7,25,46,.03)}table{width:100%;border-collapse:collapse;min-width:830px}th{text-align:left;padding:12px 15px;background:#f7f9fa;color:#7a8b99;font-size:8px;text-transform:uppercase;letter-spacing:1px}td{padding:13px 15px;border-top:1px solid #edf1f3;font-size:11px;vertical-align:middle}td strong{display:block;font-size:11px}td small{color:var(--muted);font-size:9px;display:block;margin-top:3px}.table-actions{display:flex;gap:5px;justify-content:flex-end}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;color:#506779}.money{font-variant-numeric:tabular-nums;font-weight:850}.stock-badge{display:inline-flex;padding:5px 8px;border-radius:8px;background:#edf8f5;color:#126c57;font-weight:850}.stock-badge.low{background:#fff0e7;color:#a45c19}.routes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.route-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.route-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--route-color,var(--teal))}.route-card-top{display:flex;justify-content:space-between}.route-card h3{font-size:15px;margin:7px 0}.route-card p{font-size:10px;color:var(--muted);min-height:30px}.route-card-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.route-card-stats strong{display:block;font-size:17px}.route-card-stats span{font-size:8px;color:var(--muted);text-transform:uppercase}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.people-list,.vehicle-list{display:grid;gap:8px}.person-row,.vehicle-row{border:1px solid var(--line);border-radius:12px;padding:11px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.person-row strong,.vehicle-row strong{display:block;font-size:11px}.person-row small,.vehicle-row small{font-size:9px;color:var(--muted)}.vehicle-symbol{width:38px;height:38px;border-radius:10px;background:#eaf1fa;color:#315f90;display:grid;place-items:center}.report-card{display:flex;justify-content:space-between;align-items:center;padding:28px}.report-card>div{max-width:520px}.report-icon{width:42px;height:42px;border-radius:12px;background:#e5f8f4;display:grid;place-items:center;color:#08796e;font-weight:900}.report-card h3{font-size:18px;margin:13px 0 7px}.report-card p{font-size:11px;color:var(--muted);line-height:1.6}.report-form{display:flex;align-items:end;gap:9px}.report-form label{display:grid;gap:6px;font-size:9px;font-weight:800;color:var(--muted)}.report-note{margin-top:14px;border:1px solid #d8e8ed;background:#edf6f8;border-radius:14px;padding:17px}.report-note strong{font-size:11px}.report-note p{font-size:10px;color:var(--muted);margin:5px 0 0}

/* Modals and forms */
.modal-backdrop{position:fixed;z-index:150;inset:0;background:rgba(3,15,27,.67);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(690px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:3}.modal-head h2{font-size:20px;letter-spacing:-.6px;margin:5px 0 0}.modal-body{padding:20px 22px}.modal-actions{padding:15px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field span{font-size:10px;color:#4e6374;font-weight:800}.field small{font-size:8px;color:var(--muted)}.check-field{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700}.check-field input{width:auto}.form-section{grid-column:1/-1;margin:5px 0 -3px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--teal-dark);font-weight:850}.load-editor{display:grid;gap:8px}.load-row{display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:9px 11px}.load-row strong{font-size:11px}.load-row small{font-size:8px;color:var(--muted)}.load-row input{text-align:center}.toast-region{position:fixed;right:20px;bottom:20px;z-index:300;display:grid;gap:8px}.toast{background:var(--navy);color:#fff;padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);font-size:11px;font-weight:700;animation:toastIn .25s}.toast.error{background:#9e2933}.toast.success{background:#0c745b}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}

/* Driver app */
.driver-body{background:#eef3f5;min-height:100vh;padding-bottom:80px}.driver-header{height:70px;padding:0 16px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;color:#fff;position:sticky;top:0;z-index:40}.driver-header .brand{font-size:17px}.driver-header .brand-mark{width:31px;height:31px}.driver-profile{display:flex;align-items:center;gap:9px;text-align:right}.driver-profile small{display:block;font-size:8px;color:#8198ad}.driver-profile strong{font-size:11px}.driver-profile .avatar{width:35px;height:35px}.driver-main{max-width:720px;margin:auto;padding:14px 14px 30px}.driver-view{display:none}.driver-view.active{display:block;animation:fadeIn .18s}.route-hero{background:radial-gradient(circle at 85% 12%,rgba(73,222,207,.18),transparent 33%),linear-gradient(145deg,#09233d,#0b3152);border-radius:21px;color:#fff;padding:19px;box-shadow:0 18px 36px rgba(7,25,46,.2)}.route-hero-top{display:flex;justify-content:space-between;gap:12px}.route-hero h1{font-size:26px;letter-spacing:-1px;margin:12px 0 4px}.route-hero p{font-size:10px;color:#94aabd;margin:0}.route-ring{width:82px;height:82px;border-radius:50%;border:7px solid rgba(255,255,255,.1);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 2px rgba(19,184,166,.35)}.route-ring strong{font-size:18px}.route-ring small{font-size:7px;color:#91a9bb;text-transform:uppercase}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);margin-top:17px;padding-top:14px}.route-stats div{border-right:1px solid rgba(255,255,255,.08);text-align:center}.route-stats div:last-child{border:0}.route-stats strong{display:block;font-size:16px}.route-stats span{font-size:7px;text-transform:uppercase;letter-spacing:.6px;color:#859eb2}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0 22px}.quick-actions button{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 5px;box-shadow:0 4px 13px rgba(7,25,46,.04);color:var(--ink)}.quick-actions span{display:grid;place-items:center;width:30px;height:30px;margin:auto auto 6px;border-radius:9px;background:#e7f8f5;color:#087a70;font-weight:900}.quick-actions small{font-size:9px;font-weight:800}.driver-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.driver-section-head h2{font-size:20px;letter-spacing:-.6px;margin:4px 0}.count-badge{font-size:8px;font-weight:850;background:#dce7ec;color:#516979;padding:6px 9px;border-radius:15px}.driver-search{position:relative;display:block}.driver-search span{position:absolute;left:12px;top:10px;color:#8293a0}.route-filters{display:flex;gap:7px;margin:10px 0}.stops-list{display:grid;gap:10px}.stop-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 5px 18px rgba(7,25,46,.04)}.stop-card.done{opacity:.72}.stop-top{display:grid;grid-template-columns:33px 1fr auto;gap:9px;align-items:start}.stop-number{width:31px;height:31px;border-radius:10px;background:#e9f8f5;color:#0a7e72;display:grid;place-items:center;font-size:10px;font-weight:900}.stop-card h3{font-size:13px;margin:1px 0 4px}.stop-card p{font-size:9px;color:var(--muted);margin:0;line-height:1.45}.container-debt{font-size:8px;background:#eaf1ff;color:#315fa4;padding:5px 7px;border-radius:8px;white-space:nowrap}.stop-actions{display:grid;grid-template-columns:1.4fr 1fr 40px;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid #edf1f3}.stop-actions .btn{padding:9px;font-size:10px}.stop-actions .icon-btn{width:40px;height:36px;font-size:15px}.empty-state{text-align:center;padding:35px 15px;color:var(--muted);font-size:11px}.empty-shift{text-align:center;padding:70px 25px}.empty-orbit{width:110px;height:110px;border-radius:50%;border:1px solid #c7d8de;margin:0 auto 25px;display:grid;place-items:center;box-shadow:0 0 0 18px rgba(255,255,255,.45),0 0 0 36px rgba(255,255,255,.25)}.empty-orbit span{font-size:35px;color:var(--teal-dark)}.empty-shift h1{font-size:25px;letter-spacing:-1px}.empty-shift p{font-size:12px;line-height:1.6;color:var(--muted)}.driver-page-head{display:flex;gap:11px;align-items:center;padding:8px 0 18px}.driver-page-head h1{font-size:25px;margin:4px 0}.back-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff}.load-list{display:grid;gap:9px}.load-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.load-card-head{display:flex;justify-content:space-between}.load-card strong{font-size:12px}.load-card small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.load-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.load-numbers div{text-align:center}.load-numbers b{display:block;font-size:15px}.load-numbers span{font-size:7px;color:var(--muted);text-transform:uppercase}.info-card{display:flex;gap:10px;background:#e6f3f6;border:1px solid #d0e6eb;border-radius:13px;padding:13px;margin-top:14px}.info-card span{width:23px;height:23px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.info-card p{font-size:9px;color:#547180;margin:1px 0;line-height:1.5}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.summary-card span{font-size:8px;text-transform:uppercase;color:var(--muted)}.summary-card strong{display:block;font-size:21px;margin-top:7px}.profile-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.avatar.large{width:68px;height:68px;border-radius:20px;margin:auto;font-size:24px}.profile-card h2{font-size:19px;margin:13px 0 5px}.profile-card p{font-size:10px;color:var(--muted)}.app-version{text-align:center;font-size:8px;color:#9aa7b0;margin-top:20px}.driver-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;height:67px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.driver-nav button{border:0;background:transparent;color:#81909b;display:grid;place-content:center;gap:3px}.driver-nav span{font-size:18px}.driver-nav small{font-size:8px;font-weight:800}.driver-nav button.active{color:var(--teal-dark)}.driver-modal{align-items:flex-end;padding:0}.driver-modal .modal{border-radius:22px 22px 0 0;max-height:92vh;width:min(720px,100%)}.product-picker{display:grid;gap:8px}.sale-product{display:grid;grid-template-columns:1fr 105px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.sale-product strong{font-size:11px}.sale-product small{display:block;font-size:8px;color:var(--muted)}.stepper{display:grid;grid-template-columns:30px 40px 30px;align-items:center}.stepper button{height:31px;border:1px solid var(--line);background:#f5f8f9;font-weight:900}.stepper button:first-child{border-radius:8px 0 0 8px}.stepper button:last-child{border-radius:0 8px 8px 0}.stepper input{height:31px;border-radius:0;text-align:center;padding:2px;border-left:0;border-right:0}.sale-total{background:var(--navy);color:#fff;border-radius:13px;padding:14px;display:flex;justify-content:space-between;align-items:center;margin-top:13px}.sale-total span{font-size:10px;color:#9db1c2}.sale-total strong{font-size:20px}.signature-wrap{border:1px dashed #afc1cc;border-radius:12px;background:#f9fbfc;overflow:hidden}.signature-wrap canvas{width:100%;height:130px;display:block;touch-action:none}.signature-tools{display:flex;justify-content:space-between;padding:7px 10px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.signature-tools button{border:0;background:transparent;color:var(--teal-dark);font-weight:850}

.zones-strip{display:flex;gap:8px;overflow:auto;margin:-4px 0 15px;padding-bottom:3px}.zone-chip{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;display:flex;align-items:center;gap:10px;min-width:145px}.zone-chip div{flex:1}.zone-chip strong{display:block;font-size:10px}.zone-chip small{font-size:8px;color:var(--muted)}
@media(max-width:1100px){.kpi-grid{grid-template-columns:1fr 1fr}.routes-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.map-panel{grid-row:auto}.live-map{height:270px}}
@media(max-width:800px){.mobile-only{display:grid!important}.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:20px 0 60px rgba(0,0,0,.2)}.sidebar.open{transform:translateX(0)}.admin-shell{margin-left:0}.topbar{padding:0 15px;height:67px}.topbar>div:first-of-type{margin-right:auto;margin-left:10px}.top-actions .live-chip,.top-actions .btn{display:none}.content{padding:15px}.hero-strip{padding:20px}.hero-strip h2{font-size:21px}.hero-status{display:none}.section-toolbar{align-items:flex-start;gap:15px}.section-toolbar h2{font-size:23px}.filter-row{overflow:auto;padding-bottom:3px}.search-box{min-width:250px}.routes-grid,.split-panels{grid-template-columns:1fr}.report-card{display:block}.report-form{margin-top:20px;align-items:stretch;flex-direction:column}.table-card{margin-right:-15px;border-radius:13px 0 0 13px}.modal-backdrop{padding:0;align-items:flex-end}.modal{border-radius:20px 20px 0 0;max-height:94vh}.form-grid{grid-template-columns:1fr}.field.full,.form-section{grid-column:auto}.button-group{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:620px){.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:28px 22px;min-height:100vh}.mobile-brand{display:flex}.login-card h2{font-size:29px}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{padding:14px}.kpi-card strong{font-size:20px}.kpi-icon{display:none}.dashboard-grid{gap:10px}.panel{padding:15px}.section-toolbar{display:block}.section-toolbar>.btn,.section-toolbar>.button-group{margin-top:14px}.toast-region{left:12px;right:12px;bottom:82px}.toast{text-align:center}.modal-actions .btn{flex:1}}
@media(max-width:390px){.kpi-grid{grid-template-columns:1fr}.quick-actions{gap:5px}.quick-actions button{padding:10px 2px}.route-hero{padding:16px}.route-ring{width:72px;height:72px}.stop-actions{grid-template-columns:1fr 1fr 38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}