:root{--ink:#17233e;--muted:#78839b;--bg:#f5f7fc;--line:#e8edf6;--blue:#275df5;--purple:#8549e9;--green:#05a97b;--orange:#f18b34;--shadow:0 10px 32px #253c7c0c}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 12px 42px}.brandicon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2658ee,#8b5cf6);color:white;display:grid;place-items:center;font-size:28px;font-weight:900}.brand b{font-size:23px;letter-spacing:-1px}.brand b span,.logo span{color:var(--blue)}.brand small,.userbox small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.navlabel,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#97a3bb;padding:0 14px;margin-bottom:14px}.navlink{display:flex;gap:14px;align-items:center;color:#67738c;font-size:13px;font-weight:700;padding:13px 15px;border-radius:12px;margin-bottom:5px}.navlink span{font-size:19px;width:24px;text-align:center}.navlink:hover,.navlink.active{color:var(--blue);background:#edf2ff}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding:22px 10px 0;font-size:11px;color:#65718c;line-height:2}.sidefoot small{font-size:9px}.dot{display:inline-block;background:#08b47c;width:8px;height:8px;border-radius:50%;margin-right:5px}.main{min-width:0;flex:1}.topbar{padding:24px 34px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.topbar .eyebrow{padding:0;margin:0 0 5px}.topbar h1{margin:0;font-size:25px;letter-spacing:-.6px}.userbox{display:flex;align-items:center;gap:10px;font-size:12px}.userbox small{margin-top:4px}.avatar{display:grid;place-items:center;background:#dfe7ff;color:#315af1;font-weight:800;border-radius:50%;height:39px;width:39px}.logout{border:0;background:#f1f4fb;padding:10px;border-radius:9px;font-size:19px;color:#667}.content{max-width:1500px;padding:28px 34px 55px;margin:auto}.hero{background:linear-gradient(110deg,#214ce3,#624be4 70%,#8759f2);color:#fff;border-radius:20px;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:210px}.hero h2{font-size:27px;letter-spacing:-.7px;margin:12px 0 8px}.hero p{font-size:13px;max-width:510px;line-height:1.7;color:#e1e8ff}.pill{font-size:10px;background:#ffffff2b;padding:7px 11px;border-radius:20px;letter-spacing:1px;font-weight:800}.heroart{font-size:100px;opacity:.65;position:relative;transform:rotate(-9deg)}.heroart span{position:absolute;top:-25px;right:-30px;font-size:55px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--blue);color:#fff;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:800;white-space:nowrap}.btn:hover{filter:brightness(.94)}.btn.light{background:#fff;color:var(--blue);margin-top:12px}.btn.secondary{background:#edf1fa;color:#344665}.btn.danger{background:#ffe8eb;color:#bf2748}.btn.small{padding:8px 11px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.stat{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow);position:relative;min-height:145px}.stat small,.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:27px;letter-spacing:-.7px;margin:13px 0 5px}.stat-icon{position:absolute;right:16px;top:15px;border-radius:10px;padding:10px;background:#eef3ff;font-size:20px}.stat.purple .stat-icon{background:#f3eaff}.stat.orange .stat-icon{background:#fff2e8}.stat.green .stat-icon{background:#e8fbf3}.stat.blue strong{color:#285df0}.stat.purple strong{color:#8b49df}.stat.orange strong{color:#e98428}.stat.green strong{color:#079d74}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;padding:23px;margin-bottom:20px}.panel h3{margin:0 0 17px;font-size:17px}.panel p{font-size:12px;color:var(--muted);line-height:1.6}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.sectiontitle h3{margin:0}.sectiontitle a{font-size:12px;font-weight:700}.fleetrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.fleetrow:last-child{border:0}.vehicleicon{background:#eef2ff;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-size:19px}.grow{flex:1;min-width:0}.fleetrow b{display:block;font-size:12px}.fleetrow small{display:block;color:var(--muted);font-size:10px;margin-top:5px;overflow:hidden;text-overflow:ellipsis}.status{display:inline-block;padding:7px 9px;border-radius:20px;background:#edf0f8;color:#5c6b86;font-size:10px;font-weight:800;text-transform:capitalize;white-space:nowrap}.status.available,.status.completed,.status.closed,.status.confirmed{background:#e1f9ed;color:#008d62}.status.in_progress,.status.assigned{background:#e7edff;color:#2555dd}.status.requested,.status.quoted,.status.accepted{background:#fff1df;color:#b96c16}.status.cancelled,.status.rejected,.status.inactive{background:#ffe6e9;color:#c33a50}.status.maintenance{background:#fff0e4;color:#bf6818}.empty{text-align:center;padding:30px 10px;color:var(--muted);font-size:13px}label{display:block;font-size:12px;font-weight:700;color:#46536e;margin:13px 0}input,select,textarea{display:block;width:100%;border:1px solid #dce4f1;border-radius:10px;background:#fff;padding:12px;color:#25304c;margin-top:7px;outline:0}input:focus,select:focus,textarea:focus{border-color:#6a88ff;box-shadow:0 0 0 3px #e8eeff}.formpanel{max-width:1000px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.estimate{background:#eff4ff;padding:20px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.estimate small{font-size:10px;letter-spacing:1px;color:#60729b}.estimate strong{display:block;font-size:28px;color:var(--blue);margin-top:5px}.estimate p{margin-bottom:0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:700px}th{text-align:left;color:#8b96ac;font-size:10px;letter-spacing:.8px;text-transform:uppercase;background:#f8faff}td,th{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;margin-top:6px;color:var(--muted);max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendar-controls{display:flex;align-items:center;justify-content:center;gap:22px}.calendar-controls h3{margin:0}.calendargrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:20px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.dayheading{text-align:center;padding:12px 0;font-size:11px;font-weight:800;background:#f3f6ff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.day{min-height:110px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;overflow:hidden}.day b{font-size:12px}.day.blank{background:#fafbff}.event{display:block;font-size:9px;padding:4px;border-radius:4px;background:#e9edff;color:#2851aa;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event.requested,.event.quoted{background:#fff0d8;color:#9c6017}.event.in_progress{background:#dff7eb;color:#00815a}.legend{display:flex;gap:20px;color:var(--muted);font-size:11px;margin-top:18px}.vehiclecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vehiclecard{border:1px solid var(--line);border-radius:13px;padding:17px}.vehiclecard h3{margin:12px 0 3px}.vhero{background:linear-gradient(110deg,#eaf0ff,#f3eaff);border-radius:11px;padding:25px;text-align:center;font-size:50px}.vehiclecard .btn{width:100%}.dialog{border:0;border-radius:18px;padding:25px;width:min(95vw,440px);box-shadow:0 25px 80px #101c4b55}.dialog::backdrop{background:#1c2a4777}.dialogbuttons{display:flex;justify-content:flex-end;gap:10px}.muted{color:var(--muted);font-size:12px}.alert{padding:13px 16px;background:#e4faef;color:#087653;border-radius:10px;font-size:12px;margin-bottom:20px}.alert.error{background:#ffe9eb;color:#af2441}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#dce6ff,#f6f8ff 60%)}.auth .panel{width:min(100%,450px);padding:35px}.auth .panel h1{font-size:27px}.auth .panel .btn{width:100%;margin-top:12px}.logo{font-size:30px;font-weight:900;letter-spacing:-1px}footer{padding:20px 34px;color:#99a3b5;font-size:10px;text-align:center}.mobilebar{display:none}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.vehiclecards{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sidebar{display:none}.topbar{padding:18px}.topbar h1{font-size:21px}.content{padding:18px 14px 100px}.hero{padding:24px;min-height:200px}.hero h2{font-size:23px}.heroart{font-size:55px}.stats{gap:10px}.stat{padding:15px;min-height:125px}.stat strong{font-size:20px}.twocol,.vehiclecards{grid-template-columns:1fr}.mobilebar{position:fixed;display:flex;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -8px 30px #182b571a;z-index:10;justify-content:space-around;padding:8px 3px max(8px,env(safe-area-inset-bottom))}.mobilebar a{display:grid;place-items:center;color:#8290a7;font-size:18px;min-width:50px}.mobilebar a.active{color:var(--blue)}.mobilebar small{font-size:9px}.formgrid{grid-template-columns:1fr}.estimate{align-items:flex-start;flex-direction:column}.day{min-height:78px;padding:3px}.dayheading{font-size:9px}.event{font-size:7px}.userbox b,.userbox small{display:none}.topbar .eyebrow{font-size:9px}}@media(max-width:400px){.stat strong{font-size:17px}.stat-icon{font-size:15px;padding:7px}.heroart{display:none}.sectiontitle{flex-wrap:wrap}.panel{padding:15px}}