@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#e8edf6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1020;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:2px solid #25c9b2}#root{width:100%;min-height:100vh}.app{color:#e8edf6;background:#0b1020;min-height:100vh;display:flex}.sidebar{background:#10182a;border-right:1px solid #202b40;flex-direction:column;width:255px;min-width:255px;height:100vh;padding:28px 18px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:48px;padding:0 8px;display:flex}.brand-icon{color:#061c24;background:linear-gradient(135deg,#17c9b0,#087e8b);border-radius:13px;place-items:center;width:43px;height:43px;font-family:Outfit,sans-serif;font-size:23px;font-weight:800;display:grid}.brand h2{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:21px}.brand span{color:#7d8ba3;letter-spacing:1.3px;margin-top:3px;font-size:9px;font-weight:700;display:block}.menu-label{color:#64738e;letter-spacing:1.5px;margin-bottom:13px;padding:0 12px;font-size:10px;font-weight:700}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{color:#9aa8bd;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-item span{text-align:center;width:20px;font-size:16px}.nav-item:hover{color:#fff;background:#19243a}.nav-item.selected{color:#38d7c0;background:#153239;border-color:#20534f}.sidebar-bottom{margin-top:auto}.help-card{background:#17243a;border:1px solid #263650;border-radius:12px;margin-bottom:20px;padding:16px}.help-card strong{font-size:12px}.help-card p{color:#91a0b7;margin-top:7px;font-size:11px;line-height:1.6}.profile{border-top:1px solid #263147;align-items:center;gap:11px;padding:16px 5px 5px;display:flex}.avatar{color:#54dfc9;background:#263c53;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.profile strong{font-size:12px;display:block}.profile span{color:#8190a8;margin-top:4px;font-size:10px;display:block}.main{flex:1;min-width:0}.topbar{background:#0f1728;border-bottom:1px solid #202b40;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex}.breadcrumb{color:#94a2b8;font-size:12px}.content{width:100%;max-width:1500px;margin:0 auto;padding:38px 42px}.welcome{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.eyebrow{color:#32cdb8;letter-spacing:1.8px;margin-bottom:10px;font-size:10px;font-weight:700}.welcome h1{letter-spacing:-1.5px;font-family:Outfit,sans-serif;font-size:clamp(30px,4vw,40px);font-weight:700}.welcome p{color:#8c9bb2;margin-top:8px;font-size:13px}.primary-button{color:#06201e;white-space:nowrap;background:#32d1ba;border:none;border-radius:8px;padding:12px 18px;font-size:12px;font-weight:700;transition:all .2s}.primary-button:hover{background:#5ce4d0;transform:translateY(-1px)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:40px;display:grid}.stat-card{background:#141e31;border:1px solid #243149;border-radius:12px;min-width:0;padding:20px;transition:all .2s}.stat-card:hover,.vehicle-card:hover,.panel:hover{border-color:#36516a;transform:translateY(-2px)}.stat-top{color:#9aa8bd;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.stat-top span:last-child{font-size:19px}.stat-value{letter-spacing:-1px;margin-top:17px;font-family:Outfit,sans-serif;font-size:31px;font-weight:700}.stat-note{color:#71829d;margin-top:5px;font-size:10px}.section{margin-bottom:35px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.section-heading h2,.panel h2{font-family:Outfit,sans-serif;font-size:19px;font-weight:600}.section-heading p{color:#8190a8;margin-top:5px;font-size:11px}.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.vehicle-card{background:#141e31;border:1px solid #243149;border-radius:13px;min-width:0;padding:20px;transition:all .2s}.vehicle-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.vehicle-icon{background:#202e43;border-radius:12px;place-items:center;width:47px;height:47px;font-size:24px;display:grid}.vehicle-type{color:#65d9c9;background:#183a3b;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:700}.vehicle-card h3{min-height:22px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.variant{color:#8796ad;margin-top:5px;font-size:11px}.registration{color:#6e809c;letter-spacing:1.2px;margin-top:20px;font-size:9px;font-weight:700}.vehicle-divider{background:#29364d;height:1px;margin:13px 0}.vehicle-details{justify-content:space-between;align-items:center;gap:8px;padding:9px 0;font-size:11px;display:flex}.vehicle-details>span:first-child{color:#8796ad}.vehicle-details strong{color:#dce5f1;font-size:10px;font-weight:600}.status{color:#e3b86e;text-overflow:ellipsis;white-space:nowrap;background:#3b3020;border-radius:5px;max-width:125px;padding:5px 8px;font-size:9px;overflow:hidden}.view-button{color:#43d5c1;background:#192b3c;border:1px solid #2b4856;border-radius:7px;width:100%;margin-top:16px;padding:11px;font-size:11px;font-weight:600;transition:all .2s}.view-button:hover{color:#071b1b;background:#38d3be}.lower-grid{grid-template-columns:1fr 1fr;gap:17px;margin-bottom:35px;display:grid}.panel{background:#141e31;border:1px solid #243149;border-radius:12px;min-width:0;padding:23px;transition:all .2s}.panel-subtitle{color:#8796ad;margin-top:8px;font-size:11px;line-height:1.7}.balance-label{color:#8190a8;letter-spacing:1.3px;margin-top:25px;font-size:9px;font-weight:700}.balance{margin:10px 0;font-family:Outfit,sans-serif;font-size:30px;font-weight:700}.panel .view-button{max-width:190px}footer{color:#66758e;text-align:center;border-top:1px solid #202b40;padding:22px 0 5px;font-size:10px}@media (width<=1200px){.vehicle-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:30px 25px}.topbar{padding:0 25px}}@media (width<=760px){.app{display:block}.sidebar{width:100%;min-width:0;height:auto;padding:15px;position:relative}.brand{margin-bottom:20px}.menu-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;padding-bottom:5px;overflow-x:auto}.nav-item{width:auto;min-width:max-content;padding:10px}.topbar{height:55px;padding:0 18px}.content{padding:25px 16px}.welcome{flex-direction:column;align-items:flex-start}.stats{gap:10px}.stat-card{padding:14px}.vehicle-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=380px){.stats{grid-template-columns:1fr}}.status.ok{color:#5fe0a8;background:#173a2e}.status.info{color:#6bb8f0;background:#172f4a}.status.orange{color:#f0a064;background:#402a1a}.status.danger{color:#ff7b8a;background:#43202a}.nav-badge{color:#3a0d14;text-align:center;background:#ff7b8a;border-radius:20px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal;font-weight:700}.topbar-right{align-items:center;gap:14px;display:flex}.bell{color:#e8edf6;background:#19243a;border:1px solid #2b3a55;border-radius:20px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:flex}.bell span{color:#ff7b8a;font-weight:700}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.form-panel{margin-bottom:24px}.form-panel:hover{transform:none}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.form-grid label{color:#8796ad;flex-direction:column;gap:7px;font-size:11px;display:flex}input,select{color:#e8edf6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1526;border:1px solid #2a3850;border-radius:7px;padding:10px 12px;font-family:inherit;font-size:12px}input:focus,select:focus{border-color:#32d1ba;outline:none}.filter-select{min-width:220px}.form-actions{gap:10px;margin-top:20px;display:flex}.ghost-button{color:#9aa8bd;background:0 0;border:1px solid #2b3a55;border-radius:8px;padding:12px 18px;font-size:12px;font-weight:600}.ghost-button:hover{color:#fff;background:#19243a}.primary-button:disabled{opacity:.5;cursor:not-allowed}.card-actions{gap:10px;margin-top:16px;display:flex}.card-actions .view-button{margin-top:0}.danger-button{color:#ff7b8a;background:#2a1c29;border-color:#4b2a38}.danger-button:hover{color:#1a0709;background:#ff7b8a}.doc-list{flex-direction:column;gap:12px;display:flex}.doc-row{align-items:center;gap:20px;padding:16px 20px;display:flex}.doc-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.doc-main strong{font-family:Outfit,sans-serif;font-size:14px}.doc-main span{color:#8796ad;font-size:11px}.doc-number{letter-spacing:.8px}.doc-dates{color:#8796ad;flex-direction:column;gap:4px;font-size:11px;display:flex}.doc-row .status{max-width:none;font-size:10px}.icon-button{background:#1b2740;border:1px solid #2b3a55;border-radius:7px;padding:8px 10px;font-size:13px}.icon-button:hover{background:#43202a;border-color:#4b2a38}.alert-list{flex-direction:column;gap:10px;display:flex}.alert-row{background:#141e31;border:1px solid #243149;border-left:4px solid #32d1ba;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.alert-row strong{font-size:13px;display:block}.alert-row span:not(.status){color:#8796ad;margin-top:5px;font-size:11px;display:block}.alert-row .status{max-width:none}.alert-danger{border-left-color:#ff7b8a}.alert-orange{border-left-color:#f0a064}.alert-warning{border-left-color:#e3b86e}.alert-info{border-left-color:#6bb8f0}.mini-alerts{flex-direction:column;gap:12px;margin:16px 0;list-style:none;display:flex}.mini-alerts li{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-alerts strong{font-size:12px;display:block}.mini-alerts span:not(.status){color:#8796ad;margin-top:3px;font-size:10px;display:block}.mini-alerts .status{max-width:none}@media (width<=1200px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.form-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.doc-row{flex-wrap:wrap}.nav-badge{margin-left:4px}}.sidebar{overflow-y:auto}.brand{margin-bottom:28px}.sidebar nav{gap:4px}.nav-item{padding:10px 14px}.bell-wrap{position:relative}.bell-menu{z-index:50;background:#141e31;border:1px solid #2b3a55;border-radius:12px;width:320px;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 12px 32px #00000073}.bell-head{border-bottom:1px solid #243149;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;display:flex}.link-button{color:#43d5c1;background:0 0;border:none;font-size:11px;font-weight:600}.bell-empty{color:#8796ad;padding:20px 16px;font-size:12px}.bell-item{cursor:pointer;border-bottom:1px solid #1d2a42;padding:12px 16px}.bell-item:hover{background:#19243a}.bell-item strong{font-size:12px;display:block}.bell-item span{color:#8796ad;margin-top:3px;font-size:11px;display:block}.bell-item.unread{background:#162a33}.bell-foot{color:#43d5c1;background:#10182a;border:none;width:100%;padding:12px;font-size:11px;font-weight:600}.toast-stack{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{cursor:pointer;background:#141e31;border:1px solid #2b3a55;border-left:4px solid #32d1ba;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;width:340px;padding:14px 16px;animation:.25s toast-in;display:flex;box-shadow:0 10px 28px #00000080}.toast strong{font-size:12px;display:block}.toast span{color:#9aa8bd;margin-top:5px;font-size:11px;display:block}.toast-danger{border-left-color:#ff7b8a}.toast-orange{border-left-color:#f0a064}.toast-warning{border-left-color:#e3b86e}.toast-info{border-left-color:#6bb8f0}.toast-close{color:#8796ad;background:0 0;border:none;font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.alert-text{flex:1;min-width:0}.alert-actions{gap:8px;display:flex}.ghost-button.small{padding:7px 12px;font-size:11px}.alert-row.unread{background:#162433}.dot{background:#32d1ba;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{color:#9aa8bd;background:#0d1526;border:1px solid #2a3850;border-radius:20px;padding:8px 14px;font-size:11px}.chip.on{color:#38d7c0;background:#153239;border-color:#20534f}.notify-row{border-top:1px solid #243149;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;display:flex}.notify-row strong{font-size:12px;display:block}.notify-row span{color:#8796ad;margin-top:4px;font-size:11px;display:block}.tabs{gap:8px;display:flex}.tab{color:#9aa8bd;background:0 0;border:1px solid #2b3a55;border-radius:8px;padding:9px 16px;font-size:12px;font-weight:600}.tab.on{color:#38d7c0;background:#153239;border-color:#20534f}@media (width<=760px){.toast{width:calc(100vw - 40px)}.bell-menu{width:280px}.alert-row{flex-wrap:wrap}}.doc-actions{align-items:center;gap:8px;display:flex}.doc-actions .ghost-button{white-space:nowrap}@media (width<=760px){.doc-actions{margin-left:auto}}.maintenance-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.maintenance-summary .panel{flex-direction:column;gap:10px;margin:0;display:flex}.maintenance-summary span{color:#91a0b7;font-size:12px}.maintenance-summary strong{color:#f0f5fc;font-family:Outfit,sans-serif;font-size:25px}.maintenance-list{flex-direction:column;gap:13px;display:flex}.maintenance-card{margin:0}.maintenance-card-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.maintenance-card-top>div:first-child{flex-direction:column;gap:6px;display:flex}.maintenance-card-top strong{font-size:15px}.maintenance-card-top span{color:#91a0b7;font-size:12px}.maintenance-card-actions{align-items:center;gap:8px;display:flex}.maintenance-details{border-top:1px solid #263147;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;padding-top:15px;display:grid}.maintenance-details span{color:#91a0b7;font-size:11px}.maintenance-details b{color:#e8edf6;margin-top:5px;font-size:12px;font-weight:600;display:block}.maintenance-notes{color:#aab6c9;white-space:pre-wrap;margin-top:15px;font-size:12px;line-height:1.6}.maintenance-due{color:#ffbd80;background:#392819;border:1px solid #654222;border-radius:7px;margin-top:14px;padding:10px 12px;font-size:11px}.full-field{grid-column:1/-1}.form-grid textarea{color:#e8edf6;width:100%;font:inherit;resize:vertical;background:#0d1627;border:1px solid #2b3a53;border-radius:7px;padding:11px 12px;font-size:12px}@media (width<=850px){.maintenance-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.maintenance-summary{grid-template-columns:1fr}.maintenance-card-top{flex-direction:column}.maintenance-card-actions{align-self:flex-end}}.auth-screen{color:#e8edf6;background:radial-gradient(circle at 15% 15%,#17c9b01a,#0000 32%),radial-gradient(circle at 85% 85%,#087e8b1f,#0000 30%),#0b1020;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#141e31;border:1px solid #2b3a55;border-radius:18px;width:min(100%,440px);padding:38px;box-shadow:0 24px 70px #00000059}.auth-brand{align-items:center;gap:13px;margin-bottom:42px;display:flex}.auth-brand h1{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:22px}.auth-brand span{color:#8190a8;letter-spacing:1.2px;margin-top:4px;font-size:9px;font-weight:700;display:block}.auth-heading{margin-bottom:25px}.auth-heading .eyebrow{margin-bottom:9px}.auth-heading h2{letter-spacing:-.7px;font-family:Outfit,sans-serif;font-size:26px}.auth-heading>p:last-child{color:#91a0b7;margin-top:8px;font-size:12px;line-height:1.6}.auth-form{flex-direction:column;gap:17px;display:flex}.auth-form label{color:#aab7ca;flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.auth-form input{width:100%;min-height:43px;font-size:13px}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{color:#43d5c1;background:0 0;border:0;padding:4px;font-size:11px;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-submit{width:100%;min-height:44px;margin-top:5px}.auth-switch{color:#91a0b7;text-align:center;margin-top:23px;font-size:11px}.auth-switch button{color:#43d5c1;font-size:inherit;background:0 0;border:0;font-weight:700}.auth-security{color:#687993;text-align:center;border-top:1px solid #263147;margin-top:25px;padding-top:17px;font-size:10px}.auth-error,.auth-message{border-radius:7px;padding:10px 12px;font-size:11px;line-height:1.5}.auth-error{color:#ff9aa5;background:#3a202b;border:1px solid #62313f}.auth-message{color:#6fe0bd;background:#173a32;border:1px solid #245849}.account-email{color:#91a0b7;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:11px;overflow:hidden}.logout-button{color:#ff9aa5;background:#2a1c29;border:1px solid #4b2a38;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:600}.logout-button:hover{background:#43202a}@media (width<=760px){.auth-card{padding:27px 22px}.account-email{display:none}}