:root{--nav:#101d27;--nav2:#172a37;--bg:#f4f7fa;--card:#fff;--text:#0c1b36;--muted:#718096;--accent:#0969e8;--orange:#ff5a1f;--border:#e3e9ef;--success:#0a9b5b;--warning:#e76f00}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:linear-gradient(180deg,#13232e,#0d1a23);color:#fff;padding:26px 14px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand-plaque{display:block;margin:0 8px 22px;padding:13px 10px 10px;border:2px solid #87939b;border-radius:10px;background:linear-gradient(#303b42,#11191e);box-shadow:inset 0 0 0 2px #111,0 5px 12px #0006;text-align:center;text-decoration:none}.brand-word{display:block;font-size:27px;line-height:1;font-weight:900;color:#e6e8ea;text-shadow:0 2px 2px #000}.brand-word span,.mobile-brand span{color:var(--orange)}.brand-plaque small{display:block;margin-top:8px;font-size:6px;letter-spacing:.11em;color:#fff}.nav{display:grid;grid-gap:11px;gap:11px;overflow-y:auto}.nav-group{display:grid;grid-gap:3px;gap:3px;padding-bottom:11px;border-bottom:1px solid #ffffff26}.nav-group:last-child{border:0}.nav a{display:flex;align-items:center;gap:13px;min-height:43px;padding:9px 13px;border-radius:7px;text-decoration:none;color:#e3e8ec;font-size:14px}.nav a:hover{background:#ffffff0c}.nav a.active{background:linear-gradient(90deg,#673019,#5a2b18);box-shadow:inset 4px 0 0 var(--orange);color:#fff}.nav-icon{width:26px;text-align:center;font-size:20px;color:#c8d1d8}.nav a.active .nav-icon{color:var(--orange)}.nav-count{margin-left:auto;min-width:24px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:99px;background:var(--orange);font-size:11px}.sidebar-subscription{margin-top:auto;border-top:1px solid #ffffff26;padding:13px}.sidebar-subscription>span{display:block;color:#7f929e;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.sidebar-subscription a{text-decoration:none}.sidebar-subscription strong{display:block;font-size:13px;margin-top:5px}.sidebar-subscription small{color:#8da0ad;font-size:10px}.app-main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar-account,.topbar-left{display:flex;align-items:center;gap:14px}.mobile-menu-button{width:36px;height:36px;border:0;background:transparent;font-size:23px;cursor:pointer}.mobile-brand{display:none;font-weight:900;text-decoration:none}.global-search{width:min(510px,40vw);height:44px;display:flex;align-items:center;gap:10px;border:1px solid #d8e0e8;border-radius:9px;background:#f7f9fb;padding:0 15px;color:#7d8da1}.global-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.notification-bell{color:#0c1b36;font-size:14px}.account-link{display:flex;align-items:center;gap:10px;text-decoration:none}.account-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#18345d;color:#fff;font-size:13px}.account-copy{display:flex;flex-direction:column}.account-copy strong{font-size:13px}.account-copy small,.topbar-signout{font-size:11px;color:var(--muted)}.topbar-signout{border:0;background:transparent;cursor:pointer}.subscription-pill{font-size:10px;padding:4px 7px;border-radius:999px;text-decoration:none;font-weight:750}.subscription-good{background:#dcfce7;color:#166534}.subscription-bad{background:#fee2e2;color:#991b1b}.mobile-nav{display:none}.content{max-width:1300px;margin:auto;padding:30px}.muted{color:var(--muted)}.card,.dash-panel{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 14px #23364a08}.button{display:inline-block;border:0;border-radius:8px;padding:10px 16px;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer;font-weight:650}.status-badge{font-size:10px;padding:5px 9px;border-radius:999px;font-weight:700;white-space:nowrap}.status-success{background:#dff8ec;color:#07814b}.status-warning{background:#fff0df;color:#d65d00}.status-danger{background:#ffe5e5;color:#d71920}.status-neutral{background:#eef2f6;color:#536171}.empty-state{text-align:center;padding:45px 20px}.empty-icon{display:none}.empty-state h2{margin:0 0 6px}.empty-action{margin-top:16px}.dashboard-v2{min-height:calc(100vh - 72px)}.dashboard-hero{min-height:165px;display:flex;justify-content:space-between;align-items:center;padding:25px 36px;background:linear-gradient(90deg,#eaf3fb,#edf5fa 55%,#f4e3c8);overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;right:-30px;bottom:-60px;width:370px;height:170px;background:radial-gradient(ellipse at center,#718b5e55,transparent 68%);transform:rotate(-7deg)}.dashboard-hero>div:first-child{z-index:1}.dashboard-hero span{font-size:16px}.dashboard-hero h1{font-size:40px;line-height:1.05;margin:5px 0 6px;letter-spacing:-.025em}.dashboard-hero p{font-size:17px;margin:0}.hero-car{z-index:1;margin-right:7%;padding:17px 20px;border:3px solid #263641;border-radius:8px;background:#21343d;color:#dce4e8;font-weight:900;letter-spacing:.05em;box-shadow:8px 12px 0 #0002;transform:skew(-4deg);font-size:14px}.hero-car span{color:var(--orange);font-size:14px}.dashboard-inner{padding:14px 14px 30px;max-width:1500px;margin:auto}.metric-strip{grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;background:#fff;padding:18px 16px;border:1px solid #edf1f5;box-shadow:0 2px 10px #23364a08}.metric,.metric-strip{display:grid;border-radius:14px}.metric{height:142px;grid-template-columns:72px minmax(0,1fr);grid-template-rows:1fr;align-items:center;grid-gap:17px;gap:17px;padding:18px 17px;text-decoration:none;min-width:0;border:0;box-shadow:none}.metric-blue{background:linear-gradient(135deg,#edf6ff,#e7f2ff);color:#2483ef}.metric-green{background:linear-gradient(135deg,#effbf5,#e9f8f0);color:#25b873}.metric-orange{background:linear-gradient(135deg,#fff6ec,#fff0df);color:#ff741c}.metric-red{background:linear-gradient(135deg,#fff2f3,#ffe9eb);color:#e12631}.metric-purple{background:linear-gradient(135deg,#f8f1ff,#f1e8ff);color:#9646df}.metric-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:13px;color:#fff;align-self:start;margin-top:1px;box-shadow:inset 0 1px 0 #ffffff33}.metric-icon svg{width:42px;height:42px}.metric-blue .metric-icon{background:linear-gradient(180deg,#368ff5,#2780ed);color:#fff}.metric-green .metric-icon{background:linear-gradient(180deg,#4bc48b,#36b975);color:#fff}.metric-orange .metric-icon{background:linear-gradient(180deg,#ff8738,#ff741c);color:#fff}.metric-red .metric-icon{background:linear-gradient(180deg,#e43842,#d9232e);color:#fff}.metric-purple .metric-icon{background:linear-gradient(180deg,#a455e8,#9140dc);color:#fff}.metric>span:last-child{height:100%;display:grid;grid-template-rows:auto auto 1fr;align-content:start;min-width:0;color:#0c1b36;padding-top:4px}.metric strong{font-size:31px;line-height:1;font-weight:850;letter-spacing:-.03em}.metric b{font-size:14px;line-height:1.2;margin-top:9px;white-space:normal;font-weight:500}.metric small{align-self:end;font-size:14px;line-height:1;color:#0874ed;margin-bottom:3px;white-space:nowrap}.dashboard-panels{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}.dash-panel{padding:16px}.dash-panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding-bottom:11px}.dash-panel-title h2{font-size:16px;margin:0}.dash-panel-title h2 span{margin-right:8px}.dash-panel-title>a{font-size:11px;color:var(--accent);text-decoration:none}.dash-list{display:grid}.dash-row{min-height:58px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);text-decoration:none;padding:7px 3px}.row-icon{width:52px;height:39px;border-radius:7px;background:#eef2f4;display:grid;place-items:center;color:#344b5d}.row-main{display:flex;flex:1 1;flex-direction:column}.row-main strong{font-size:12px}.row-main small{font-size:10px;color:var(--muted);margin-top:3px}.panel-empty{color:var(--muted);font-size:12px;padding:24px 4px}.maintenance-summary{min-height:190px;display:flex;align-items:center;justify-content:center;gap:22px;text-align:left}.maintenance-summary strong{font-size:17px}.maintenance-summary p{font-size:12px;color:var(--muted);margin:6px 0 10px}.maintenance-summary a{font-size:11px;color:var(--accent);text-decoration:none}.large-work-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:15px;background:#e9f8f1;font-size:27px}.dashboard-bottom{display:grid;grid-template-columns:2.2fr .8fr;grid-gap:14px;gap:14px;margin-top:14px}.mini-vehicle-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;padding-top:12px}.mini-vehicle{display:flex;flex-direction:column;text-decoration:none;min-width:0}.mini-vehicle-image{height:78px;border-radius:8px;background:linear-gradient(#dce8ee,#b9c8cf);display:grid;place-items:center;font-size:34px;color:#2d4859;margin-bottom:8px}.mini-vehicle strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-vehicle small{font-size:9px;color:var(--muted);margin:3px 0 7px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;padding-top:13px}.quick-grid a{min-height:78px;border:1px solid #d8e5f2;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#0864d8;background:#f5faff;font-size:11px;text-align:center}.quick-grid a:nth-child(2){background:#f0fbf5;color:#07814b}.quick-grid a:nth-child(3){background:#fff7ee;color:#e65f00}.quick-grid a:nth-child(4){background:#f7f1ff;color:#6d28d9}.quick-grid span{font-size:22px;margin-bottom:5px}.app-version{font-size:10px;margin:18px 4px 0}.access-card{max-width:700px;margin:50px auto;padding:25px}.page-title{margin:0;font-size:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.plate{display:inline-block;background:#f7d117;color:#111;padding:6px 12px;border-radius:5px;font-weight:900;letter-spacing:2px;border:2px solid #111}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:20px 0}.search{width:min(420px,100%);padding:11px 13px;border:1px solid #d1d5db;border-radius:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select{width:100%;padding:11px;border:1px solid #d1d5db;border-radius:8px}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--border);margin:22px 0}.tabs a{padding:11px 14px;text-decoration:none;color:var(--muted)}.tabs a.active{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:700}.admin-section-nav{display:flex;gap:3px;padding:0 28px;background:#fff;border-bottom:1px solid var(--border);overflow-x:auto;position:-webkit-sticky;position:sticky;top:72px;z-index:18}.admin-section-nav a{padding:13px 12px 11px;text-decoration:none;color:var(--muted);font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}.admin-section-nav a:hover{color:var(--text)}.admin-section-nav a.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:750}.admin-two-column{display:grid;grid-template-columns:1fr 2fr;grid-gap:18px;gap:18px;margin-top:22px}.admin-table-card{padding:0;margin-top:22px;overflow:hidden}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table td,.admin-table th{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border)}.admin-table th{background:#f8fafc;font-size:12px;color:var(--muted)}.admin-detail,.admin-membership{padding:12px 0;border-bottom:1px solid var(--border)}.admin-error{padding:15px;background:#fef2f2;color:#991b1b}@media(max-width:1200px){.metric-strip{grid-template-columns:repeat(3,1fr)}.metric{height:128px}}@media(max-width:1050px){.app-shell{grid-template-columns:220px 1fr}.dashboard-bottom{grid-template-columns:1fr}.global-search{width:34vw}.account-copy,.subscription-pill{display:none}}@media(max-width:800px){.app-shell{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 14px}.mobile-brand{display:block}.global-search,.mobile-nav{display:none}.mobile-nav{background:var(--nav);padding:10px;grid-template-columns:repeat(2,1fr);position:-webkit-sticky;position:sticky;top:62px;z-index:19}.mobile-nav.open{display:grid}.mobile-nav a{padding:10px;color:#fff;text-decoration:none;font-size:12px}.mobile-nav a.active{background:#5a2b18;border-radius:6px}.dashboard-v2{min-height:calc(100vh - 62px)}.dashboard-hero{min-height:140px;padding:22px}.dashboard-hero h1{font-size:32px}.hero-car{display:none}.dashboard-panels{grid-template-columns:1fr}.content{padding:20px}.admin-two-column{grid-template-columns:1fr}.admin-section-nav{top:62px;padding:0 14px}}@media(max-width:600px){.metric-strip{grid-template-columns:1fr}.metric{height:120px}.dashboard-hero h1{font-size:27px}.dashboard-hero p,.dashboard-hero span{font-size:13px}.mini-vehicle-grid,.quick-grid{grid-template-columns:1fr 1fr}.form-grid,.grid{grid-template-columns:1fr}.notification-bell,.topbar-signout{display:none}}