:root{--navy:#071b2b;--navy2:#0d2b40;--blue:#0784b5;--mint:#39e3ad;--paper:#f2f6f8;--ink:#102434;--muted:#687b89;--line:#dce6eb;--red:#c63737;--shadow:0 10px 30px rgba(7,27,43,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue)}header{height:76px;background:linear-gradient(115deg,var(--navy),var(--navy2));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30;box-shadow:0 4px 18px #071b2b33}.brand{color:#fff;text-decoration:none;font-size:20px;font-weight:950;letter-spacing:.08em}.brand span{color:var(--mint)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.02em;opacity:.7}.header-actions{display:flex;align-items:center;gap:8px}.user-chip{display:flex;align-items:center;gap:10px;margin-right:6px}.user-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--mint),#1bbfe2);display:grid;place-items:center;color:var(--navy);font-weight:900}.user-chip small{display:block;color:#bcd0db}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 76px)}nav{background:#fff;padding:20px 12px;border-right:1px solid var(--line);position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}nav .nav-label{padding:13px 14px 6px;color:#91a0aa;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}nav a{display:flex;align-items:center;gap:10px;padding:10px 13px;margin:3px;color:#314958;text-decoration:none;border-radius:10px;font-weight:700}nav a:hover,nav a.active{background:#e8f8f3;color:#063c4d}nav a.active{box-shadow:inset 3px 0 var(--mint)}.nav-icon{width:25px;text-align:center;font-size:17px}main{padding:30px;max-width:1500px;width:100%;min-width:0}h1{margin:0 0 5px;font-size:31px;letter-spacing:-.03em}h2{font-size:19px}.muted{color:var(--muted)}.eyebrow{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-head p{margin:3px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--shadow)}.metric{font-size:36px;font-weight:950;color:var(--blue);letter-spacing:-.04em}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.btn,button{border:0;background:linear-gradient(135deg,var(--blue),#079bca);color:#fff;padding:11px 16px;border-radius:10px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover,button:hover{filter:brightness(.96);transform:translateY(-1px)}.ghost{background:transparent;border:1px solid #ffffff55}.danger,main button.ghost{background:var(--red);color:#fff;border:1px solid #a92323}.table-wrap{overflow:auto;border-radius:14px;box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid #e6edf0;vertical-align:middle}.table th{background:#eaf1f4;font-size:11px;color:#516774;text-transform:uppercase;letter-spacing:.05em}.table tr:hover td{background:#f8fbfc}.badge{padding:5px 9px;border-radius:99px;background:#dff7ee;color:#176b4f;font-size:11px;font-weight:900}.badge.warn{background:#fff0d7;color:#865900}.form{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{font-weight:800;display:block;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #c8d6dd;border-radius:10px;padding:12px;background:#fff;font:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #0784b522;border-color:var(--blue)}.wide{grid-column:1/-1}.success,.error{padding:14px 17px;border-radius:10px;margin-bottom:18px}.success{background:#d9f7e9;color:#135d44}.error{background:#ffe3e3;color:#861d1d}.hero{background:linear-gradient(125deg,#082236,#0b4860);color:#fff;border-radius:22px;padding:28px;position:relative;overflow:hidden;box-shadow:0 20px 45px #08223626}.hero:after{content:"";position:absolute;width:240px;height:240px;border:45px solid #39e3ad22;border-radius:50%;right:-55px;top:-105px}.hero h1{font-size:34px}.hero .muted{color:#c6d9e2}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.quick-action{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;text-decoration:none;color:var(--ink);font-weight:800;box-shadow:var(--shadow)}.quick-action span{display:block;font-size:25px;margin-bottom:7px}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--mint)}.stat-card .stat-icon{float:right;font-size:25px}.stat-card strong{display:block;font-size:31px;line-height:1.1;margin-top:8px}.stat-card small{color:var(--muted);font-weight:700}.driver-main{max-width:920px;margin:0 auto}.driver-hero{background:linear-gradient(135deg,#071b2b,#07526b);color:#fff;border-radius:23px;padding:25px;position:relative;overflow:hidden}.driver-hero:after{content:"🚚";position:absolute;right:24px;bottom:-8px;font-size:88px;opacity:.18}.driver-hero .driver-greeting{font-size:28px;font-weight:900}.driver-hero .driver-status{display:inline-flex;background:#39e3ad;color:#063426;border-radius:99px;padding:6px 11px;font-weight:900;margin-top:12px}.driver-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.driver-action{min-height:145px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:var(--ink);position:relative;overflow:hidden}.driver-action:hover{border-color:#8fdac2;transform:translateY(-2px)}.driver-action .action-icon{font-size:38px;margin-bottom:9px}.driver-action strong{font-size:19px}.driver-action span:last-child{color:var(--muted);margin-top:3px}.driver-action.primary{background:linear-gradient(135deg,var(--blue),#075d81);color:#fff}.driver-action.primary span:last-child{color:#d3edf6}.route-visual{display:grid;grid-template-columns:40px 1fr;gap:10px}.route-track{display:flex;flex-direction:column;align-items:center}.route-dot{width:16px;height:16px;border-radius:50%;background:var(--mint);border:4px solid #d8f9ee}.route-line{width:3px;min-height:50px;background:linear-gradient(var(--mint),var(--blue))}.route-dot.finish{background:var(--blue);border-color:#d9f0f8}.route-address{padding-bottom:18px}.route-address small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase}.route-address strong{font-size:16px}.step-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.step{background:#e7eef2;padding:9px;border-radius:10px;text-align:center;font-size:11px;font-weight:900}.step.active{background:var(--mint);color:#07382b}.driver-big-button{width:100%;min-height:54px;font-size:17px}.empty-state{text-align:center;padding:40px}.empty-state .empty-icon{font-size:60px}.mobile-nav{display:none}.status{background:linear-gradient(125deg,var(--navy),#0b536b);color:#fff}.status strong{font-size:28px;display:block;color:var(--mint)}details.card summary{cursor:pointer;font-size:17px}.maintenance-board{margin:26px 0}.maintenance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.maintenance-count{padding:16px;border-left:5px solid #43a36f}.maintenance-count strong{display:block;font-size:28px;margin-top:4px}.maintenance-overdue{border-color:#b42318;background:#fff1f0}.maintenance-urgent{border-color:#e05b22;background:#fff5ed}.maintenance-upcoming{border-color:#e0a500;background:#fffbea}.maintenance-ok{border-color:#43a36f;background:#f0fff6}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{height:66px;padding:0 14px}.brand{font-size:17px}.user-chip>div:last-child,.header-actions .global-search,.header-actions>a{display:none}.shell{display:block;min-height:calc(100vh - 66px)}nav{display:none}main{padding:16px 14px 88px}.driver-main{max-width:none}.grid,.driver-grid,.form-grid,.stat-grid,.quick-actions{grid-template-columns:1fr}.driver-grid{gap:11px}.driver-action{min-height:120px;padding:18px}.driver-action .action-icon{position:absolute;right:18px;font-size:50px;opacity:.22}.hero{padding:22px}.hero h1{font-size:28px}.page-head{display:block}.table{display:block;overflow:auto}.wide{grid-column:auto}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:40;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px #071b2b14}.mobile-nav a{text-align:center;padding:9px 3px 7px;text-decoration:none;color:#526875;font-size:10px;font-weight:800}.mobile-nav span{display:block;font-size:21px}.driver-hero{border-radius:18px}.driver-hero .driver-greeting{font-size:24px}.step-strip{gap:4px}.step{padding:8px 3px;font-size:9px}.maintenance-stats{grid-template-columns:1fr 1fr}}