:root{
  --bg:#fff7fb;--panel:#ffffff;--text:#35253a;--muted:#7c6a82;--line:#f0d9e8;
  --primary:#d9468f;--primary2:#a855f7;--accent:#fb7185;--soft:#ffe4f1;
  --success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--shadow:0 18px 45px rgba(168,85,247,.13);
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#fff7fb 0%,#f7edff 45%,#fff 100%);color:var(--text);min-height:100vh}.hero-bg:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 10%,rgba(217,70,143,.18),transparent 30%),radial-gradient(circle at 90% 20%,rgba(168,85,247,.16),transparent 28%),radial-gradient(circle at 70% 85%,rgba(251,113,133,.14),transparent 30%);pointer-events:none}.container{width:min(1120px,92vw);margin:0 auto;position:relative}.mobile-wrap{width:min(480px,92vw);margin:0 auto;padding:26px 0}.brand{text-align:center;padding:18px 0}.brand-badge{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.78);border:1px solid var(--line);padding:10px 14px;border-radius:999px;box-shadow:var(--shadow);font-weight:800;color:var(--primary)}.brand h1{font-size:clamp(26px,7vw,42px);line-height:1.05;margin:18px 0 8px}.brand p{color:var(--muted);margin:0}.card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(10px);padding:24px}.field{margin:16px 0}.field label{display:block;font-size:14px;font-weight:800;margin:0 0 8px;color:#5a405f}.field input,.field select{width:100%;font-size:18px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--text);outline:none}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(217,70,143,.12)}.btn{border:0;border-radius:18px;padding:15px 18px;font-weight:900;font-size:16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 25px rgba(217,70,143,.25)}.btn-light{background:#fff;color:var(--primary);border:1px solid var(--line)}.btn-danger{background:var(--danger);color:#fff}.w-full{width:100%}.alert{padding:14px 16px;border-radius:16px;margin:14px 0;font-weight:700}.alert-success{background:#dcfce7;color:#166534}.alert-error{background:#fee2e2;color:#991b1b}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-box{background:linear-gradient(135deg,#fff,#fff0f7);border:1px solid var(--line);border-radius:18px;padding:14px}.calc-box span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.calc-box strong{font-size:22px}.topbar{position:sticky;top:0;z-index:5;background:rgba(255,247,251,.84);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{color:var(--text);text-decoration:none;font-weight:800;padding:10px 12px;border-radius:14px}.nav a.active,.nav a:hover{background:var(--soft);color:var(--primary)}.dashboard{padding:24px 0 40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.stat span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.stat strong{font-size:28px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:12px 14px;border-bottom:1px solid #f3e5ef;text-align:left;font-size:14px}th{background:#fff0f7;color:#6b2d62;font-size:12px;text-transform:uppercase}.pill{display:inline-flex;border-radius:999px;padding:5px 10px;font-weight:900;font-size:12px}.pill.Normal{background:#dcfce7;color:#166534}.pill.HighConsumption,.pill.High{background:#fee2e2;color:#991b1b}.pill.NeedsReview,.pill.Needs{background:#fef3c7;color:#92400e}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.filters input{padding:12px;border-radius:14px;border:1px solid var(--line)}.footer-note{text-align:center;color:var(--muted);font-size:12px;margin:18px 0}@media(max-width:850px){.stats,.grid-2,.filters{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;gap:10px;flex-direction:column}.stat strong{font-size:24px}.card{padding:20px;border-radius:24px}body{font-size:15px}}@media(max-width:480px){.mini-grid{grid-template-columns:1fr}.mobile-wrap{padding:16px 0}.brand h1{font-size:30px}.field input{font-size:17px;padding:15px}.btn{width:100%}}


.mobile-body{overflow-x:hidden}.fuel-entry-wrap{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.mobile-brand{padding-top:10px}.entry-card{position:relative}.field small{display:block;margin-top:8px;color:var(--muted);font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-panel{margin-top:12px;background:linear-gradient(135deg,rgba(255,228,241,.6),rgba(247,237,255,.8));border:1px solid var(--line);border-radius:22px;padding:14px}.primary-calc{margin-bottom:12px;background:#fff}.entry-status{margin-top:12px;border-radius:16px;padding:12px 14px;background:#fff;color:var(--muted);font-weight:900;text-align:center}.entry-status.good{background:#dcfce7;color:#166534}.entry-status.warn{background:#fef3c7;color:#92400e}.entry-status.bad{background:#fee2e2;color:#991b1b}.remember-row{display:flex;align-items:center;gap:9px;margin:16px 0 14px;color:#5a405f;font-weight:800;font-size:14px}.remember-row input{width:18px;height:18px;accent-color:var(--primary)}.submitted-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px;font-size:13px}.quick-links{text-align:center;margin:16px 0 0}.quick-links a{color:var(--primary);font-weight:900;text-decoration:none;background:rgba(255,255,255,.75);border:1px solid var(--line);padding:9px 14px;border-radius:999px;display:inline-flex}.sticky-submit{min-height:54px}.success-summary{box-shadow:0 12px 22px rgba(22,163,74,.12)}
@media(max-width:520px){.field-row{grid-template-columns:1fr}.entry-card{padding:18px}.mobile-wrap{width:min(440px,94vw)}.submitted-grid{grid-template-columns:1fr}.sticky-submit{position:sticky;bottom:10px;z-index:3}}

/* V1.0.3 theme selector and vehicle plate UI */
.theme-bar{display:flex;justify-content:flex-end;position:relative;margin:4px 0 8px;z-index:10}.theme-toggle{border:1px solid var(--line);background:rgba(255,255,255,.82);border-radius:999px;padding:11px 15px;font-weight:900;color:var(--text);box-shadow:var(--shadow);display:inline-flex;gap:9px;align-items:center;cursor:pointer}.theme-dot{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary2));display:inline-block}.chev{color:var(--muted)}.theme-menu{position:absolute;right:0;top:52px;width:240px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 55px rgba(80,35,85,.18);padding:14px;display:none;backdrop-filter:blur(12px)}.theme-menu.open{display:block}.theme-title{text-transform:uppercase;font-size:12px;font-weight:950;color:#8d668d;margin:3px 4px 12px}.theme-group{text-transform:uppercase;font-size:11px;font-weight:950;color:#b48aa8;margin:10px 4px 6px}.theme-menu hr{border:0;border-top:1px solid var(--line);margin:10px 0}.theme-menu button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:1fr 22px 20px;align-items:center;gap:8px;padding:9px 8px;border-radius:12px;color:var(--text);font-weight:900;cursor:pointer;text-align:left}.theme-menu button:hover,.theme-menu button.active{background:var(--soft);color:var(--primary)}.theme-menu button i{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.theme-menu button b{opacity:0;color:var(--primary)}.theme-menu button.active b{opacity:1}.top-remember{margin-top:0}.plate-field input{text-transform:uppercase}.vehicle-card{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,rgba(255,228,241,.72),rgba(255,255,255,.78));border:1px solid var(--line);border-radius:18px;padding:14px;margin:8px 0 20px}.vehicle-icon{width:40px;height:40px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-size:20px}.vehicle-card strong{color:var(--primary)}.vehicle-card p{margin:4px 0 0;color:var(--muted);font-size:13px}.submitted-grid{grid-template-columns:1fr 1fr}
body[data-theme="blush"]{--bg:#fff7fb;--text:#35253a;--muted:#7c6a82;--line:#f0d9e8;--primary:#d9468f;--primary2:#a855f7;--accent:#fb7185;--soft:#ffe4f1}body[data-theme="lavender"]{--bg:#faf7ff;--text:#302744;--muted:#75698b;--line:#e7dcff;--primary:#8b5cf6;--primary2:#c084fc;--accent:#a78bfa;--soft:#f0e7ff}body[data-theme="rose-gold"]{--bg:#fff8f5;--text:#3d2b2b;--muted:#876c69;--line:#f4d8d0;--primary:#c7796f;--primary2:#e6a57e;--accent:#d08c7e;--soft:#ffe9e2}body[data-theme="peach"]{--bg:#fff8f3;--text:#412c2a;--muted:#8b6a63;--line:#f6d9cf;--primary:#dd7b66;--primary2:#fb9f7b;--accent:#f9735f;--soft:#ffe9df}body[data-theme="berry"]{--bg:#fff7ff;--text:#35213d;--muted:#7d6685;--line:#efd6f3;--primary:#b23ab7;--primary2:#db4ea3;--accent:#c026d3;--soft:#fae8ff}body[data-theme="teal"]{--bg:#f6fffc;--text:#183733;--muted:#607872;--line:#cceee7;--primary:#14b8a6;--primary2:#0f766e;--accent:#2dd4bf;--soft:#dcfdfa}body[data-theme="ocean"]{--bg:#f5fbff;--text:#1c3247;--muted:#607385;--line:#d4eafa;--primary:#0ea5e9;--primary2:#2563eb;--accent:#38bdf8;--soft:#e0f2fe}body[data-theme="royal"]{--bg:#faf7ff;--text:#302443;--muted:#746588;--line:#e6d7ff;--primary:#7c3aed;--primary2:#a855f7;--accent:#8b5cf6;--soft:#f3e8ff}body[data-theme="rose-quartz"]{--bg:#fff6f8;--text:#3a2730;--muted:#806a74;--line:#f1d2dd;--primary:#e11d48;--primary2:#fb7185;--accent:#f43f5e;--soft:#ffe4ea}body[data-theme="amber"]{--bg:#fffbeb;--text:#3a2c13;--muted:#806d45;--line:#f5dfad;--primary:#d97706;--primary2:#f59e0b;--accent:#fbbf24;--soft:#fef3c7}
body[data-theme] {background:linear-gradient(135deg,var(--bg) 0%,#fff 100%)}
@media(max-width:520px){.theme-menu{right:0;width:min(260px,88vw)}.submitted-grid{grid-template-columns:1fr}.theme-bar{margin-right:2px}}

/* V1.0.3A: theme selector moved to admin portal only */
.admin-theme-bar{margin:0;z-index:20}.admin-theme-bar .theme-menu{right:0}.topbar-inner{gap:14px}.topbar-inner .nav{flex:1;justify-content:flex-end}@media(max-width:850px){.admin-theme-bar{align-self:flex-end}.topbar-inner .nav{justify-content:flex-start}}

/* V1.0.4 Admin record actions */
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}.page-head h1{margin:0 0 6px}.page-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:6px;flex-wrap:wrap}.action-btn{border-radius:999px;padding:7px 10px;text-decoration:none;font-size:12px;font-weight:900;border:1px solid var(--line);background:#fff}.action-btn.view{color:var(--primary)}.action-btn.edit{color:#2563eb}.action-btn.delete{color:var(--danger)}.empty-row{text-align:center;color:var(--muted);font-weight:800;padding:24px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.detail-grid div{background:linear-gradient(135deg,#fff,var(--soft));border:1px solid var(--line);border-radius:18px;padding:14px}.detail-grid span{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;margin-bottom:6px}.detail-grid strong{font-size:17px}.detail-grid .small-detail{font-size:12px;line-height:1.45;word-break:break-word}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-form{max-width:760px}.edit-card,.detail-card,.delete-card{margin-top:12px}.detail-grid.compact{grid-template-columns:repeat(3,1fr)}@media(max-width:720px){.page-head{flex-direction:column}.detail-grid,.detail-grid.compact{grid-template-columns:1fr}.actions{min-width:180px}}

/* V1.0.5 Intelligent Dashboard & Reporting */
.polished-head{align-items:stretch;gap:14px}.head-mini{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);border-radius:22px;padding:13px 18px;box-shadow:0 14px 34px rgba(121,55,91,.10);min-width:170px;text-align:center}.head-mini span{display:block;color:var(--muted);font-size:12px}.head-mini strong{display:block;color:var(--accent);font-size:26px;margin-top:4px}.smart-filter{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));align-items:end;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.75);border-radius:24px;padding:14px;box-shadow:0 16px 40px rgba(121,55,91,.10);margin:14px 0 18px}.smart-filter input,.smart-filter select{width:100%;min-height:43px}.stats-wide{grid-template-columns:repeat(4,minmax(0,1fr));}.stats-wide .stat{position:relative;overflow:hidden}.stats-wide .stat:after{content:"";position:absolute;right:-18px;top:-18px;width:72px;height:72px;border-radius:999px;background:linear-gradient(135deg,var(--accent),transparent);opacity:.12}.empty-state{text-align:center;padding:42px 20px}.empty-state h2{margin:0 0 8px;color:var(--accent)}.empty-state p{color:var(--muted);margin:0}.card canvas{max-height:310px}.table-wrap table th{white-space:nowrap}.table-wrap table td{vertical-align:middle}.filters .btn{white-space:nowrap}@media (max-width:1100px){.smart-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.smart-filter{grid-template-columns:1fr}.stats-wide{grid-template-columns:1fr}.head-mini{width:100%}.polished-head{flex-direction:column}.card canvas{max-height:250px}}@media print{.topbar,.filters,.btn,.actions,.theme-bar{display:none!important}.container{max-width:100%;padding:0}.card{box-shadow:none;border:0}.table-wrap{overflow:visible}body{background:#fff!important}}

/* V1.0.6 Smart Vehicle Recognition */
.vehicle-card-main{flex:1;min-width:0}.vehicle-lookup-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.vehicle-lookup-grid b{color:var(--text)}#vehicleInfoText.lookup-good{color:#166534;font-weight:800}#vehicleInfoText.lookup-warn{color:#92400e;font-weight:800}.field small.smart-note{color:var(--primary);font-weight:800}@media(max-width:420px){.vehicle-lookup-grid{grid-template-columns:1fr}.vehicle-card{align-items:flex-start}}
.vehicle-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.vehicle-profile-grid b{color:var(--text)}.pill.Active{background:#dcfce7;color:#166534}.pill.Inactive{background:#f3f4f6;color:#4b5563}.form-card{max-width:980px}.admin-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px;font:inherit;background:#fff;color:var(--text);resize:vertical}.admin-form select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px;font:inherit;background:#fff;color:var(--text)}@media(max-width:420px){.vehicle-profile-grid{grid-template-columns:1fr}}

/* V1.1.0 Admin UI Modernization */
body.admin-modern{min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,var(--bg) 0%,#fff 45%,var(--soft) 100%);}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr);}
.admin-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:18px 16px;background:rgba(255,255,255,.78);border-right:1px solid var(--line);box-shadow:18px 0 55px rgba(75,38,88,.08);backdrop-filter:blur(18px);z-index:40;}
.sidebar-brand{display:flex;gap:12px;align-items:center;padding:14px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.95),var(--soft));border:1px solid var(--line);box-shadow:0 14px 34px rgba(80,35,85,.08);margin-bottom:16px;}
.brand-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:22px;box-shadow:0 12px 26px rgba(150,47,130,.2);}
.sidebar-brand strong{display:block;color:var(--text);line-height:1.15;font-size:15px}.sidebar-brand small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.3}
.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-weight:900;padding:12px 13px;border-radius:16px;border:1px solid transparent;transition:.18s ease;background:transparent}.side-nav a span{width:25px;text-align:center}.side-nav a:hover{background:rgba(255,255,255,.72);border-color:var(--line);transform:translateX(2px)}.side-nav a.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 24px rgba(140,50,130,.22)}.nav-section{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--muted);font-weight:950;margin:14px 10px 6px}.admin-main-wrap{min-width:0;display:flex;flex-direction:column;min-height:100vh}.modern-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:16px 24px;background:rgba(255,255,255,.72);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(80,35,85,.05)}.sidebar-toggle{border:1px solid var(--line);background:rgba(255,255,255,.85);border-radius:14px;width:44px;height:42px;font-size:20px;cursor:pointer;color:var(--text);display:none}.topbar-title{min-width:0;flex:1}.topbar-title strong{display:block;color:var(--text);font-size:18px}.topbar-title span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:10px}.admin-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid var(--line);color:var(--text);font-weight:900;box-shadow:0 10px 24px rgba(80,35,85,.07)}.admin-main{width:100%;max-width:1280px;margin:0 auto;padding:28px 26px 34px}.admin-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 26px;color:var(--muted);border-top:1px solid var(--line);background:rgba(255,255,255,.48);font-size:12px}.admin-modern .page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.admin-modern .page-head h1{margin:0;color:var(--text);font-size:clamp(28px,3vw,42px);letter-spacing:-.03em}.admin-modern .page-head p{margin:8px 0 0;color:var(--muted)}.admin-modern .card,.admin-modern .stat{border:1px solid rgba(255,255,255,.74);box-shadow:0 18px 42px rgba(80,35,85,.08);backdrop-filter:blur(10px)}.admin-modern .stat{background:rgba(255,255,255,.76)}.admin-modern .card{background:rgba(255,255,255,.82)}.admin-modern table{background:rgba(255,255,255,.72)}.admin-modern th{background:var(--soft);color:var(--primary)}.admin-modern .btn{border-radius:14px}.admin-modern .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 12px 24px rgba(150,47,130,.2)}.admin-modern .theme-menu{right:0;z-index:80}.admin-modern .theme-toggle{box-shadow:none}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(28,20,35,.28);z-index:35}.admin-modern.sidebar-collapsed .admin-shell{grid-template-columns:86px minmax(0,1fr)}.admin-modern.sidebar-collapsed .sidebar-brand div:last-child,.admin-modern.sidebar-collapsed .side-nav a:not(.active),.admin-modern.sidebar-collapsed .nav-section{font-size:0}.admin-modern.sidebar-collapsed .side-nav a{justify-content:center}.admin-modern.sidebar-collapsed .side-nav a span{font-size:19px}.admin-modern.sidebar-collapsed .sidebar-brand{justify-content:center}.admin-modern.sidebar-collapsed .brand-icon{width:44px;height:44px}.admin-modern.sidebar-collapsed .side-nav a.active{font-size:0}.admin-modern.sidebar-collapsed .side-nav a.active span{font-size:19px}.admin-modern .login-wrap{max-width:540px}.admin-modern .alert.success,.alert-success,.alert.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.admin-modern .alert.error,.alert-error,.alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
@media(max-width:1050px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:.22s ease;width:min(310px,86vw)}.admin-modern.sidebar-open .admin-sidebar{transform:translateX(0)}.admin-modern.sidebar-open .sidebar-backdrop{display:block}.sidebar-toggle{display:inline-grid;place-items:center}.modern-topbar{padding:14px 16px}.admin-main{padding:24px 16px}.topbar-actions{gap:8px}.admin-chip{display:none}.admin-modern.sidebar-collapsed .admin-shell{grid-template-columns:1fr}.admin-modern.sidebar-collapsed .sidebar-brand div:last-child,.admin-modern.sidebar-collapsed .side-nav a:not(.active),.admin-modern.sidebar-collapsed .nav-section{font-size:inherit}.admin-modern.sidebar-collapsed .side-nav a.active{font-size:inherit}.admin-modern.sidebar-collapsed .side-nav a{justify-content:flex-start}.admin-modern.sidebar-collapsed .sidebar-brand{justify-content:flex-start}}
@media(max-width:640px){.topbar-title span{display:none}.theme-toggle{padding:10px 12px}.admin-main{padding:20px 12px}.admin-footer{padding:14px 16px}.modern-topbar{gap:8px}.topbar-title strong{font-size:15px}.admin-modern .page-head{flex-direction:column;align-items:flex-start}.admin-modern .page-head h1{font-size:30px}}

/* V1.1.0A Theme Preview Dot Fix: each menu swatch uses its own fixed preview color */
.theme-menu button[data-theme-choice="blush"] i{background:linear-gradient(135deg,#d9468f,#a855f7)!important;}
.theme-menu button[data-theme-choice="lavender"] i{background:linear-gradient(135deg,#8b5cf6,#c084fc)!important;}
.theme-menu button[data-theme-choice="rose-gold"] i{background:linear-gradient(135deg,#c7796f,#e6a57e)!important;}
.theme-menu button[data-theme-choice="peach"] i{background:linear-gradient(135deg,#dd7b66,#fb9f7b)!important;}
.theme-menu button[data-theme-choice="berry"] i{background:linear-gradient(135deg,#b23ab7,#db4ea3)!important;}
.theme-menu button[data-theme-choice="teal"] i{background:linear-gradient(135deg,#14b8a6,#0f766e)!important;}
.theme-menu button[data-theme-choice="ocean"] i{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;}
.theme-menu button[data-theme-choice="royal"] i{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;}
.theme-menu button[data-theme-choice="rose-quartz"] i{background:linear-gradient(135deg,#e11d48,#fb7185)!important;}
.theme-menu button[data-theme-choice="amber"] i{background:linear-gradient(135deg,#d97706,#f59e0b)!important;}
/* V1.1.1 Baseline First Entry Policy */
.pill.Baseline{background:#e0f2fe;color:#075985}
/* V1.2.0 maintenance status badges */
.pill.OK{background:#dcfce7;color:#166534}.pill.DueSoon{background:#fef3c7;color:#92400e}.pill.Overdue{background:#fee2e2;color:#991b1b}

/* V1.2.1 Vehicle Details & Timeline */
.vehicle-detail-head h1{margin-bottom:6px}.vehicle-profile-card{display:flex;gap:22px;align-items:flex-start}.vehicle-avatar{width:74px;height:74px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:34px;background:linear-gradient(135deg,var(--accent-soft),#fff);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.vehicle-profile-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}.vehicle-profile-grid div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid var(--border)}.vehicle-profile-grid span{display:block;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:6px}.vehicle-profile-grid strong{font-size:15px;color:var(--text)}.detail-grid{align-items:start;margin-top:18px}.timeline-card{margin-top:18px}.timeline{position:relative;display:grid;gap:14px;margin-top:16px}.timeline:before{content:"";position:absolute;left:24px;top:10px;bottom:10px;width:2px;background:var(--border)}.timeline-item{position:relative;display:flex;gap:14px;align-items:flex-start}.timeline-icon{z-index:1;width:50px;height:50px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--shadow-soft);font-size:22px}.timeline-body{flex:1;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.76);border:1px solid var(--border)}.timeline-body strong{display:block;color:var(--text);font-size:15px}.timeline-body span{display:block;color:var(--muted);font-size:12px;margin:3px 0 6px}.timeline-body p{margin:0;color:var(--text);font-size:14px}.muted{color:var(--muted)}.pill.Baseline{background:#e8f0ff;color:#2455a4}.pill.DueSoon{background:#fff4cf;color:#8a6100}.pill.Overdue{background:#ffe1e1;color:#9b1c1c}.pill.OK{background:#dcfce7;color:#166534}@media(max-width:1000px){.vehicle-profile-card{display:block}.vehicle-avatar{margin-bottom:14px}.vehicle-profile-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:640px){.vehicle-profile-grid{grid-template-columns:1fr}.timeline:before{left:18px}.timeline-icon{width:40px;height:40px;border-radius:14px;font-size:18px}.timeline-item{gap:10px}}
/* V1.2.2 Vehicle Compliance Module */
.pill.Valid,.pill.Compliant{background:#dcfce7;color:#166534}.pill.ExpiringSoon{background:#fef3c7;color:#92400e}.pill.Expired{background:#fee2e2;color:#991b1b}.pill.NotSet,.pill.Incomplete{background:#f3f4f6;color:#4b5563}.form-section-title{margin:26px 0 8px;color:var(--text);font-size:20px}.compliance-card{margin:18px 0}.compliance-card h2{margin-top:0}

/* V1.3.0A Fleet Intelligence Dashboard */
.release-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid var(--line);color:var(--primary);font-weight:950;font-size:12px;box-shadow:0 10px 24px rgba(80,35,85,.06);margin-bottom:10px}.intelligence-head{align-items:stretch!important}.fleet-health-card{display:flex;align-items:center;justify-content:center;min-width:170px}.health-ring{--score:0;width:148px;height:148px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--score)*1%), rgba(255,255,255,.6) 0);position:relative;box-shadow:0 18px 42px rgba(80,35,85,.12)}.health-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--line)}.health-ring strong,.health-ring span{position:relative;z-index:1;text-align:center}.health-ring strong{font-size:32px;color:var(--text);align-self:end}.health-ring span{font-size:12px;font-weight:950;color:var(--primary);align-self:start;margin-top:-14px}.command-center{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.command-center h3{margin:0 0 4px}.command-center p{margin:0;color:var(--muted)}.command-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.executive-kpis .hero-stat{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.executive-kpis .hero-stat span,.executive-kpis .hero-stat em{color:rgba(255,255,255,.86)}.executive-kpis .hero-stat strong{color:#fff}.executive-kpis .stat em{display:block;font-size:12px;font-weight:900;font-style:normal;margin-top:5px}.intelligence-grid{align-items:stretch}.smart-alerts{display:flex;flex-direction:column;gap:10px}.smart-alert{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border-radius:18px;text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.72);transition:.18s ease}.smart-alert:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(80,35,85,.09)}.smart-alert span{font-size:22px}.smart-alert strong{display:block;color:var(--text)}.smart-alert p{margin:3px 0 0;color:var(--muted);font-size:13px}.smart-alert.danger{border-color:#fecaca;background:#fff1f2}.smart-alert.warn{border-color:#fde68a;background:#fffbeb}.smart-alert.info{border-color:#bfdbfe;background:#eff6ff}.smart-alert.good{border-color:#bbf7d0;background:#f0fdf4}.smart-alert.muted{border-color:#e5e7eb;background:#f8fafc}.fleet-score-breakdown{display:grid;gap:12px}.score-line{position:relative;padding:14px 16px;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:18px;overflow:hidden}.score-line span,.score-line b{position:relative;z-index:1}.score-line span{display:block;color:var(--text);font-weight:900}.score-line b{display:block;color:var(--primary);font-size:20px;margin-top:4px}.score-line i{position:absolute;left:0;bottom:0;height:5px;width:var(--w);background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:999px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.ranking-list{display:grid;gap:8px}.ranking-list a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.7);text-decoration:none;color:var(--text);transition:.18s ease}.ranking-list a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(80,35,85,.08)}.ranking-list b{color:var(--primary)}.ranking-list span{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-list em{font-style:normal;color:var(--muted);font-size:12px;font-weight:900}.activity-feed{display:grid;gap:10px;max-height:430px;overflow:auto;padding-right:4px}.activity-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid var(--line)}.activity-item>span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--soft)}.activity-item strong{display:block;color:var(--text)}.activity-item p{margin:3px 0;color:var(--muted);font-size:13px}.activity-item small{color:var(--muted);font-size:11px}.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:1100px){.grid-3{grid-template-columns:1fr}.command-center{display:block}.command-actions{justify-content:flex-start;margin-top:12px}.fleet-health-card{justify-content:flex-start}.intelligence-head{display:block!important}.health-ring{width:122px;height:122px}.health-ring strong{font-size:26px}}@media(max-width:640px){.ranking-list a{grid-template-columns:34px 1fr}.ranking-list em{grid-column:2}.command-actions .btn{width:100%;justify-content:center}.fleet-health-card{margin-top:14px}.health-ring{width:116px;height:116px}}


/* V1.3.0A-1 Driver Smart Vehicle Recognition UI Hotfix */
.vehicle-card{align-items:flex-start;}
.vehicle-card .vehicle-card-main{min-width:0;width:100%;}
.vehicle-card .smart-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.vehicle-card .smart-profile-grid span{
  display:block;
  min-width:0;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.7);
}
.vehicle-card .smart-profile-grid em{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  font-style:normal;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.vehicle-card .smart-profile-grid b{
  display:block;
  color:var(--text);
  font-size:13px;
  line-height:1.25;
  white-space:normal;
  overflow-wrap:anywhere;
}
.vehicle-card .vehicle-lookup-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.vehicle-card .vehicle-lookup-grid span{min-width:0;}
@media(max-width:420px){
  .vehicle-card .smart-profile-grid,
  .vehicle-card .vehicle-lookup-grid{grid-template-columns:1fr;}
}

/* V1.3.0A-2 Driver Entry Sectioned Mobile UI */
.entry-card form{display:grid;gap:14px}.entry-section{position:relative;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.64);padding:14px;box-shadow:0 10px 28px rgba(80,35,85,.04)}.entry-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.entry-section-head h2{margin:2px 0 0;font-size:18px;line-height:1.1;color:var(--text)}.section-eyebrow{display:block;color:var(--primary);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.section-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--soft);color:var(--primary);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950;white-space:nowrap}.entry-section .field{margin:10px 0}.entry-section .field input{padding:14px 15px;border-radius:16px}.entry-section .field label{margin-bottom:7px}.entry-section .field small{font-size:11.5px;line-height:1.35}.entry-section .remember-row{margin:10px 0 12px}.entry-section .vehicle-card{margin:10px 0 0}.entry-section .live-panel{margin-top:0}.section-summary{background:linear-gradient(135deg,rgba(255,228,241,.58),rgba(247,237,255,.78))}.section-summary .live-panel{background:rgba(255,255,255,.52)}.section-trip .field-row{gap:10px}.fuel-liters-field{margin-bottom:0!important}.sticky-submit{margin-top:2px}.mobile-brand .brand-badge{font-size:13px}.entry-card{padding:18px}@media(max-width:520px){.entry-card form{gap:12px}.entry-section{padding:13px;border-radius:20px}.entry-section-head h2{font-size:17px}.section-chip{font-size:10.5px;padding:5px 8px}.entry-section .field input{font-size:16px;padding:13px 14px}.entry-section .field{margin:9px 0}.entry-section .vehicle-card{padding:12px;gap:11px}.entry-section .vehicle-icon{width:36px;height:36px;border-radius:13px}.section-summary .mini-grid{grid-template-columns:1fr 1fr;gap:9px}.section-summary .calc-box{padding:12px}.section-summary .calc-box strong{font-size:19px}.section-summary .primary-calc strong{font-size:21px}.sticky-submit{min-height:52px}}
@media(max-width:380px){.section-summary .mini-grid{grid-template-columns:1fr}.entry-section-head{display:block}.section-chip{margin-top:8px}.field-row.compact-row{grid-template-columns:1fr}}

/* V1.3.0A-3 Driver Portal Finalization */
.connection-strip{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(89,34,72,.10);border:1px solid rgba(255,255,255,.75)}
.connection-strip .conn-dot{width:14px;height:14px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14)}
.connection-strip small{display:block;color:var(--muted);font-weight:700;margin-top:1px}.connection-strip.offline .conn-dot{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.14)}.connection-strip.slow .conn-dot{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.14)}
.wizard-progress{position:sticky;top:0;z-index:25;margin:12px 0 14px;padding:16px 14px;border-radius:22px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 12px 35px rgba(89,34,72,.12);border:1px solid rgba(255,255,255,.75)}
.wizard-line{height:6px;background:rgba(167,139,250,.18);border-radius:999px;margin:14px 32px 4px;overflow:hidden}.wizard-line span{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .35s ease}
.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wizard-step{border:0;background:transparent;color:var(--muted);font-weight:900;display:grid;gap:4px;justify-items:center;padding:0;cursor:pointer}.wizard-step span{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#fff;border:2px solid rgba(167,139,250,.25);color:var(--muted);box-shadow:0 5px 14px rgba(89,34,72,.08);transition:.25s}.wizard-step b{font-size:.76rem}.wizard-step.active span,.wizard-step.complete span{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:#fff}.wizard-step.active b,.wizard-step.complete b{color:var(--ink)}
.wizard-card{padding-bottom:92px}.wizard-section{transition:.28s ease;border:1px solid rgba(255,255,255,.78)}.wizard-section-head{width:100%;border:0;text-align:left;background:transparent;cursor:pointer}.wizard-section-head .section-summary{display:block;margin-top:3px;color:var(--muted);font-weight:800}.wizard-section:not(.active):not(.complete) .wizard-section-body{display:none}.wizard-section.complete:not(.active) .wizard-section-body{display:none}.wizard-section.active{outline:2px solid rgba(217,70,143,.14);box-shadow:0 16px 35px rgba(89,34,72,.10)}.wizard-section.complete .section-chip{background:rgba(34,197,94,.12);color:#15803d}.wizard-section.active .section-chip{background:rgba(217,70,143,.12);color:var(--primary-dark)}.wizard-section.locked{opacity:.72}.wizard-section-body{animation:sectionOpen .22s ease}@keyframes sectionOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.vehicle-card-v2{align-items:flex-start}.vehicle-card-v2 .vehicle-icon{font-size:2rem}.smart-profile-grid span,.vehicle-lookup-grid span{border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.82);padding:11px}.smart-profile-grid span em,.vehicle-lookup-grid span{font-size:.79rem}.smart-profile-grid span b{display:block;margin-top:4px;color:var(--ink);font-size:.95rem}
.review-card{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.78));border:1px solid rgba(255,255,255,.86);border-radius:24px;padding:16px;box-shadow:0 14px 36px rgba(89,34,72,.10)}.review-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.review-title span{font-size:1.05rem;font-weight:1000;color:var(--ink)}.review-title strong{padding:7px 10px;border-radius:999px;background:rgba(148,163,184,.15);color:var(--muted);font-size:.78rem}.review-title strong.good{background:rgba(34,197,94,.13);color:#15803d}.review-title strong.warn{background:rgba(245,158,11,.16);color:#b45309}.review-title strong.bad{background:rgba(239,68,68,.13);color:#dc2626}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-grid span{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.86);border-radius:16px;padding:12px}.review-grid em{display:block;color:var(--muted);font-size:.76rem;font-weight:900;font-style:normal;text-transform:uppercase;letter-spacing:.04em}.review-grid b{display:block;margin-top:4px;color:var(--ink);font-size:1rem}.review-card .entry-status{margin-top:12px}
.sticky-action-bar{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 24px));z-index:35;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.82);box-shadow:0 -12px 32px rgba(89,34,72,.18);border-radius:22px;padding:10px 10px 8px;display:none}.sticky-action-bar.ready{display:block}.sticky-action-bar small{display:block;text-align:center;color:var(--muted);font-weight:800;margin-top:5px;font-size:.75rem}.sticky-action-bar .btn{min-height:50px}
.success-screen{text-align:center;border-radius:26px;padding:28px 18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.76));border:1px solid rgba(255,255,255,.86);box-shadow:0 18px 46px rgba(89,34,72,.14);margin-bottom:16px}.success-mark{width:72px;height:72px;margin:0 auto 12px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#86efac);color:#fff;font-size:2.4rem;font-weight:1000;box-shadow:0 10px 25px rgba(34,197,94,.25);animation:popIn .28s ease}.success-screen h2{margin:0;color:var(--ink)}.success-screen p{margin:6px 0 16px;color:var(--muted);font-weight:700}.success-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.success-metrics span{border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.88);padding:12px}.success-metrics em{display:block;font-size:.74rem;color:var(--muted);font-style:normal;font-weight:900;text-transform:uppercase}.success-metrics b{display:block;margin-top:3px}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@keyframes popIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.draft-modal{position:fixed;inset:0;z-index:80;background:rgba(40,20,36,.42);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.draft-modal-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:22px;box-shadow:0 24px 60px rgba(40,20,36,.28);text-align:center}.draft-modal-card strong{font-size:1.2rem}.draft-modal-card p{color:var(--muted);font-weight:700}.draft-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
@media(max-width:680px){.wizard-progress{border-radius:20px;padding:14px 10px}.wizard-line{margin-left:24px;margin-right:24px}.wizard-step b{font-size:.68rem}.wizard-step span{width:28px;height:28px}.review-grid,.success-metrics{grid-template-columns:1fr}.success-actions,.draft-actions{grid-template-columns:1fr}.field-row.compact-row{grid-template-columns:1fr}.wizard-card{padding-bottom:105px}.entry-section-head h2{font-size:1.05rem}}
.draft-modal[hidden]{display:none!important}