:root{--nav:#121b2c;--ink:#172033;--muted:#6f7787;--line:#e4e8ef;--soft:#f5f7fa;--panel:#fff;--blue:#2f67d7;--blue-dark:#204fb1;--blue-soft:#edf3ff;--green:#198568;--green-soft:#e9f7f1;--amber:#a8660c;--amber-soft:#fff4df;--violet:#7156c8;--violet-soft:#f1edff;--shadow:0 12px 35px rgba(22,34,57,.08)}
*{box-sizing:border-box}html{background:var(--soft)}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(47,103,215,.25);outline-offset:2px}[hidden]{display:none!important}.modal-open{overflow:hidden}
.app-shell{min-height:100vh}.sidebar{background:var(--nav);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:25px 18px 20px;position:fixed;top:0;width:238px;z-index:30}.brand,.mobile-brand,.install-brand{align-items:center;display:flex;gap:12px}.brand{padding:2px 9px 28px}.brand>span:last-child,.sidebar-footer>span:nth-child(2),.install-brand>div{display:flex;flex-direction:column}.brand strong{font-size:16px}.brand small,.sidebar-footer small,.install-brand small{color:#92a0b8;font-size:11px;margin-top:3px}.brand-mark,.install-brand>span{align-items:center;background:#0c1422 url('/assets/icon-garage.jpeg') center/cover no-repeat;border:1px solid #2d3a50;border-radius:11px;box-shadow:0 7px 16px rgba(0,0,0,.3);color:transparent;display:inline-flex;flex:0 0 auto;font-size:0;font-weight:800;height:38px;justify-content:center;overflow:hidden;width:38px}.main-nav{display:grid;gap:7px}.main-nav a{align-items:center;border-radius:10px;color:#aab6c9;display:flex;font-size:14px;font-weight:650;gap:12px;padding:12px 14px;transition:.16s}.main-nav a:hover{background:rgba(255,255,255,.05);color:#fff}.main-nav a.active{background:#243450;box-shadow:inset 3px 0 #6998ff;color:#fff}.main-nav a span{font-size:19px;text-align:center;width:20px}.sidebar-footer{align-items:center;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px;grid-template-columns:auto 1fr auto;margin-top:auto;padding:20px 7px 0}.sidebar-footer strong{font-size:13px}.sidebar-footer button{background:transparent;border:0;color:#9ca9bd;cursor:pointer;font-size:18px}.avatar{align-items:center;background:linear-gradient(140deg,#dce7ff,#a9c2f5);border-radius:50%;color:#224d9f;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:800;height:36px;justify-content:center;width:36px}
.main-area{margin-left:238px;min-height:100vh}.topbar{align-items:center;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;gap:12px;height:70px;padding:0 34px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.mobile-brand{display:none}.search{align-items:center;background:#f1f3f7;border:1px solid transparent;border-radius:10px;display:flex;gap:8px;max-width:490px;padding:9px 12px;width:100%}.search:focus-within{background:#fff;border-color:#a9bfe9}.search span{color:#7d8799;font-size:21px}.search input{background:transparent;border:0;outline:0;width:100%}.icon-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;margin-left:auto;width:40px}.primary-button,.secondary-button{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:750;justify-content:center;min-height:40px;padding:0 17px}.primary-button{background:var(--blue);border:1px solid var(--blue);box-shadow:0 5px 13px rgba(47,103,215,.18);color:#fff}.primary-button:hover{background:var(--blue-dark)}.secondary-button{background:#fff;border:1px solid #ccd4df}.full{width:100%}.compact span{font-size:18px;margin-right:4px}
.content{margin:0 auto;max-width:1480px;padding:34px 35px 65px}.hero-row{align-items:end;display:flex;justify-content:space-between;margin:3px 0 28px}.eyebrow{color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.11em;margin:0 0 7px;text-transform:uppercase}.hero-row h1,.page-title h1{font-size:clamp(28px,2.8vw,38px);letter-spacing:-.035em;line-height:1.1;margin:0 0 8px}.hero-row p:last-child,.page-title p:last-child{color:var(--muted);font-size:14px;margin:0}.privacy-chip{background:var(--green-soft);border:1px solid #cfeade;border-radius:99px;color:#236c57;font-size:11px;font-weight:700;padding:8px 13px}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;gap:12px;grid-template-columns:auto 1fr;min-height:100px;padding:18px;position:relative}.stat-card.accent{border-top:3px solid var(--blue)}.stat-icon{align-items:center;background:var(--blue-soft);border-radius:10px;color:var(--blue);display:flex;font-size:19px;height:39px;justify-content:center;width:39px}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.violet{background:var(--violet-soft);color:var(--violet)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-card div{display:flex;flex-direction:column}.stat-card strong{font-size:22px}.stat-card div span{color:#596273;font-size:11px}.stat-card small{bottom:10px;color:#9aa1ae;font-size:9px;position:absolute;right:14px}.section-heading{align-items:end;display:flex;justify-content:space-between;margin:30px 0 13px}.section-heading h2,.panel-head h2{font-size:19px;margin:0}.section-heading>a,.panel-head>a,.panel-head>button,.detail-section>div>button{background:transparent;border:0;color:var(--blue);cursor:pointer;font-size:11px;font-weight:750}
.vehicle-grid{display:grid;gap:13px;grid-template-columns:repeat(5,minmax(0,1fr))}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(22,34,57,.06);overflow:hidden;transition:.16s}.vehicle-card:hover{border-color:#becce7;box-shadow:var(--shadow);transform:translateY(-3px)}.vehicle-visual{align-items:flex-end;background:linear-gradient(140deg,#dde4ee,#f6f7f9);display:flex;flex-direction:column;height:96px;justify-content:center;overflow:hidden;padding:15px 18px;position:relative}.vehicle-visual:before{background:currentColor;border-radius:42% 55% 20% 22%;bottom:18px;box-shadow:-38px 19px 0 -32px #111,38px 19px 0 -32px #111;content:"";height:26px;left:17%;opacity:.32;position:absolute;transform:skewX(-11deg);width:66%}.visual-1{color:#3e4550}.visual-2{background:linear-gradient(135deg,#e5e4df,#faf9f6);color:#85817b}.visual-3{background:linear-gradient(135deg,#d7dee8,#f3f6fa);color:#304a66}.visual-4{background:linear-gradient(135deg,#d7d8dc,#f6f6f7);color:#323943}.visual-5{background:linear-gradient(135deg,#e2e2e4,#f7f7f8);color:#5e6269}.vehicle-visual span,.vehicle-visual b{position:relative;z-index:1}.vehicle-visual span{color:rgba(23,32,51,.42);font-size:8px;font-weight:850;letter-spacing:.18em}.vehicle-visual b{color:rgba(23,32,51,.8);font-size:11px}.vehicle-card-body{align-items:flex-start;display:flex;justify-content:space-between;padding:13px}.vehicle-card h3{font-size:13px;margin:0 0 3px}.vehicle-card p{color:var(--muted);font-size:9px;margin:0}.status{border-radius:99px;display:inline-flex;font-size:8px;font-weight:850;line-height:1.1;padding:5px 7px;white-space:nowrap}.status-ok{background:var(--green-soft);color:var(--green)}.status-warn{background:var(--amber-soft);color:var(--amber)}.status-info{background:var(--blue-soft);color:var(--blue)}.vehicle-meta{border-top:1px solid #edf0f4;display:grid;grid-template-columns:42% 58%;padding:9px 13px 13px}.vehicle-meta span{font-size:9px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-meta small{color:#969da9;display:block;font-size:7px;margin-bottom:2px}.overview-bottom{display:grid;gap:14px;grid-template-columns:1.35fr .85fr;margin-top:28px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(22,34,57,.06)}.panel-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 20px 14px}.panel-head p{color:var(--muted);font-size:11px;margin:5px 0 0}.due-item,.activity-item{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:13px;grid-template-columns:auto 1fr auto;margin:0 19px;padding:14px 0}.due-item:last-child,.activity-item:last-child{border:0}.due-item h3,.activity-item h3{font-size:12px;margin:0 0 4px}.due-item p,.activity-item p{color:var(--muted);font-size:9px;margin:0}.date-tile{align-items:center;background:var(--blue-soft);border-radius:9px;color:var(--blue);display:flex;flex-direction:column;height:42px;justify-content:center;width:45px}.date-tile strong{font-size:15px}.date-tile span{font-size:7px;font-weight:800}.activity-dot{background:var(--blue);border:4px solid var(--blue-soft);border-radius:50%;height:13px;width:13px}.activity-item>strong{font-size:11px}.empty-state{color:var(--muted);font-size:12px;padding:22px;text-align:center}
.page-title{margin:4px 0 25px}.title-with-action{align-items:center;display:flex;justify-content:space-between}.vehicle-workspace{align-items:start;display:grid;gap:18px;grid-template-columns:265px minmax(0,1fr)}.vehicle-list{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.vehicle-list-label{background:#f3f5f8;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.1em;padding:9px 14px;text-transform:uppercase}.vehicle-list a{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:14px}.vehicle-list a:hover{background:#f8faff}.vehicle-list a.selected{background:var(--blue-soft);box-shadow:inset 3px 0 var(--blue)}.vehicle-list strong,.vehicle-list small{display:block}.vehicle-list strong{font-size:11px}.vehicle-list small{color:var(--muted);font-size:8px;margin-top:3px}.mini-car{align-items:center;background:#e8ebf0;border-radius:7px;color:#4b5565;display:flex;font-size:9px;font-weight:800;height:31px;justify-content:center;width:39px}.vehicle-detail{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.detail-hero{align-items:center;background:linear-gradient(120deg,#1b2942,#334e7d);color:#fff;display:flex;justify-content:space-between;min-height:140px;padding:28px 32px}.detail-hero p{color:#8eb0ee;font-size:9px;font-weight:900;letter-spacing:.18em;margin:0 0 5px}.detail-hero h2{font-size:28px;margin:0 0 5px}.detail-hero>div>span{color:#b7c3d8;font-size:11px}.detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 28px}.detail-kpis div{border-right:1px solid var(--line);padding:2px 20px}.detail-kpis div:first-child{padding-left:0}.detail-kpis div:last-child{border:0}.detail-kpis small,.spec-grid small{color:var(--muted);display:block;font-size:8px;margin-bottom:5px}.detail-kpis strong{font-size:17px}.detail-section{border-top:1px solid var(--line);padding:20px 28px}.detail-section>div:first-child{align-items:center;display:flex;justify-content:space-between}.detail-section h3{font-size:13px;margin:0 0 14px}.spec-grid{background:#f7f8fa;border-radius:10px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);padding:16px}.spec-grid span{border-right:1px solid #e2e5ea;padding:6px 15px}.spec-grid span:nth-child(3n){border:0}.spec-grid strong{font-size:11px}.timeline-row{align-items:center;border-top:1px solid #edf0f3;display:grid;gap:15px;grid-template-columns:78px 1fr auto;padding:13px 0}.timeline-row>span{color:var(--muted);font-size:9px}.timeline-row strong,.timeline-row small{display:block}.timeline-row div strong{font-size:10px}.timeline-row div small{color:var(--muted);font-size:8px;margin-top:4px}.timeline-row>b{font-size:10px}
.tire-section>div:first-child h3{margin-bottom:4px}.tire-section>div:first-child p{color:var(--muted);font-size:9px;margin:0}.tire-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.tire-card{border:1px solid #dfe4ec;border-radius:11px;overflow:hidden}.tire-card-head{align-items:center;background:#f7f8fa;display:grid;gap:8px;grid-template-columns:auto 1fr auto;padding:11px 13px}.tire-card-head>strong{font-size:11px}.tire-card-head button{background:transparent;border:0;color:var(--blue);cursor:pointer;font-size:9px;font-weight:800}.tire-season{border-radius:99px;font-size:8px;font-weight:850;padding:5px 7px}.tire-summer{background:#fff0d6;color:#97600c}.tire-winter{background:#e8f2ff;color:#245fa9}.tire-allseason{background:#e9f7f1;color:#19725a}.tire-sizes{display:grid;grid-template-columns:repeat(2,1fr);padding:12px 13px}.tire-sizes span+span{border-left:1px solid var(--line);padding-left:13px}.tire-sizes small{color:var(--muted);display:block;font-size:8px;margin-bottom:3px}.tire-sizes strong{font-size:10px}.pressure-table{border-top:1px solid var(--line);font-size:9px;padding:8px 13px 11px}.pressure-table>div{display:grid;gap:7px;grid-template-columns:1fr 1fr 1fr;padding:5px 0}.pressure-table .pressure-header{color:var(--muted);font-size:8px;font-weight:750}.pressure-table strong{font-size:9px}.pressure-table span{font-variant-numeric:tabular-nums}.tire-notes{border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.5;margin:0;padding:9px 13px}
.tire-extra{background:#fbfcfe;border-top:1px solid var(--line);display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 13px}.tire-extra span{min-width:0;padding-right:8px}.tire-extra small,.tire-extra strong{display:block}.tire-extra small{color:var(--muted);font-size:7px;margin-bottom:3px}.tire-extra strong{font-size:9px;overflow-wrap:anywhere}.service-section>div:first-child h3{margin-bottom:4px}.service-section>div:first-child p{color:var(--muted);font-size:9px;margin:0}.service-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.service-card{border:1px solid #dfe4ec;border-radius:11px;padding:14px;position:relative}.service-card-head{align-items:start;display:flex;justify-content:space-between}.service-card-head strong,.service-card-head small{display:block}.service-card-head strong{font-size:11px}.service-card-head small{color:var(--muted);font-size:8px;margin-top:4px}.service-due{background:#f7f8fa;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px;padding:11px}.service-due small,.service-due strong,.service-due em{display:block}.service-due small{color:var(--muted);font-size:7px;margin-bottom:3px}.service-due strong{font-size:10px}.service-due em{color:var(--muted);font-size:7px;font-style:normal;margin-top:3px}.service-card>p{color:var(--muted);font-size:9px;line-height:1.45;margin:10px 0 0}.service-card>button{background:transparent;border:0;color:var(--blue);cursor:pointer;font-size:9px;font-weight:800;margin-top:11px;padding:0}
.fuel-vehicle-tabs{display:flex;gap:9px;margin:0 0 16px;overflow-x:auto;padding-bottom:3px}.fuel-vehicle-tabs a{background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;flex:0 0 auto;flex-direction:column;min-width:155px;padding:11px 14px}.fuel-vehicle-tabs a.selected{background:var(--blue-soft);border-color:#b9cdef;box-shadow:inset 0 -3px var(--blue)}.fuel-vehicle-tabs strong{font-size:11px}.fuel-vehicle-tabs small{color:var(--muted);font-size:8px;margin-top:4px}.fuel-stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.fuel-stats article{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(22,34,57,.05);padding:18px}.fuel-stats small{color:var(--muted);display:block;font-size:9px;margin-bottom:8px}.fuel-stats strong{display:block;font-size:20px;line-height:1.1}.fuel-stats strong span{font-size:10px}.fuel-stats p{color:var(--muted);font-size:8px;margin:8px 0 0}.calculation-note{background:#edf3ff;border:1px solid #cbdaf5;border-radius:10px;color:#35445d;font-size:10px;line-height:1.5;margin-bottom:16px;padding:12px 15px}.calculation-note strong{color:#214b9f}.fuel-row{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:10px;grid-template-columns:.75fr .8fr .65fr .65fr .65fr .65fr 1.25fr auto;margin:0 20px;padding:13px 0}.fuel-row>span,.fuel-row>strong{font-size:9px}.fuel-row>strong{font-variant-numeric:tabular-nums}.fuel-header{color:var(--muted);font-size:8px;font-weight:800;padding:11px 0;text-transform:uppercase}.fuel-header>span{font-size:8px}.fuel-details strong,.fuel-details small{display:block}.fuel-details strong{font-size:9px}.fuel-details small{color:var(--muted);font-size:8px;margin-top:3px}.text-danger{background:transparent;border:0;color:#b34238;cursor:pointer;font-size:8px;font-weight:800;padding:4px}.delete-form{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;text-align:left}.modal-checkbox{font-size:10px!important;font-weight:700!important;text-transform:none!important}.modal-checkbox input{width:auto!important}
.mode-tabs{display:flex;gap:7px;margin:-10px 0 18px}.mode-tabs a{background:#fff;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:11px;font-weight:800;padding:9px 15px}.mode-tabs a.selected{background:var(--nav);border-color:var(--nav);color:#fff}.cost-table,.yearly-costs{margin-top:16px}.cost-row{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:12px;grid-template-columns:1.3fr repeat(5,minmax(0,1fr));margin:0 20px;padding:14px 0}.cost-row>span,.cost-row>strong{font-size:10px;font-variant-numeric:tabular-nums}.cost-row>span:first-child strong,.cost-row>span:first-child small{display:block}.cost-row>span:first-child small{color:var(--muted);font-size:8px;margin-top:4px}.cost-header{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.year-row{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:12px;grid-template-columns:.7fr repeat(4,1fr);margin:0 20px;padding:14px 0}.year-row>*{font-size:10px;font-variant-numeric:tabular-nums}.year-header{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}
.two-column-settings{display:grid;gap:17px;grid-template-columns:repeat(2,minmax(0,1fr))}.setting-row,.user-row{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin:0 20px;padding:17px 0}.setting-row strong,.setting-row small,.user-row strong,.user-row small{display:block}.setting-row strong,.user-row strong{font-size:11px}.setting-row small,.user-row small{color:var(--muted);font-size:8px;margin-top:4px}.setting-row.disabled{opacity:.5}.setting-icon{align-items:center;background:#f0f2f5;border-radius:9px;display:flex;height:36px;justify-content:center;width:36px}.setting-icon.blue{background:var(--blue-soft);color:var(--blue)}.setting-icon.violet{background:var(--violet-soft);color:var(--violet)}.native-switch{accent-color:var(--blue);height:20px;width:38px}.settings-save{margin:15px 20px 20px}.lead-days{display:flex;flex-wrap:wrap;gap:8px;padding:24px}.lead-days span{background:var(--blue-soft);border-radius:99px;color:var(--blue);font-size:11px;font-weight:750;padding:8px 11px}.lead-days p{color:var(--muted);font-size:10px;width:100%}.reminder-table{margin-top:17px}.reminder-row{align-items:center;border-bottom:1px solid #edf0f3;display:grid;font-size:10px;gap:12px;grid-template-columns:1.2fr 1fr .7fr .8fr;margin:0 20px;padding:14px 0}.reminder-row.header{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.reminder-actions{align-items:center;display:flex;gap:7px}.reminder-actions form{margin:0}.reminder-actions button,.reminder-actions>a{background:transparent;border:0;color:var(--blue);cursor:pointer;font-size:8px;font-weight:800;padding:3px}.document-categories{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.document-categories button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:18px;text-align:left}.document-categories strong,.document-categories small{display:block}.document-categories strong{font-size:12px}.document-categories small{color:var(--muted);font-size:9px;margin-top:4px}.doc-icon{align-items:center;background:var(--blue-soft);border-radius:9px;color:var(--blue);display:flex;font-weight:800;height:39px;justify-content:center;width:39px}.doc-2{background:var(--amber-soft);color:var(--amber)}.doc-3{background:var(--violet-soft);color:var(--violet)}.doc-4{background:var(--green-soft);color:var(--green)}.document-list{margin-top:18px}.document-row{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin:0 20px;padding:14px 0}.document-row strong,.document-row small{display:block}.document-row strong{font-size:11px}.document-row small{color:var(--muted);font-size:8px;margin-top:4px}.document-row>a{color:var(--blue);font-size:10px;font-weight:750}.doc-file{color:var(--blue);font-size:20px}.invite-form{border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:1fr .7fr auto;padding:18px 20px}.invite-form label,.modal label,.install-card label,.login-card label{color:#4e5869;display:block;font-size:9px;font-weight:800;text-transform:uppercase}.invite-form input,.invite-form select,.modal input,.modal select,.modal textarea,.install-card input,.login-card input{background:#fff;border:1px solid #d8dde5;border-radius:8px;color:var(--ink);display:block;margin-top:6px;padding:11px;width:100%}.security-card{align-items:start;display:grid;gap:16px;grid-template-columns:auto 1fr;padding:24px}.shield,.success-mark{align-items:center;background:var(--green-soft);border-radius:12px;color:var(--green);display:flex;font-size:19px;height:46px;justify-content:center;width:46px}.security-card h2{font-size:19px;margin:0 0 7px}.security-card p:last-child{color:var(--muted);font-size:10px;line-height:1.55}.security-card ul{grid-column:1/-1;list-style:none;margin:0;padding:0}.security-card li{border-top:1px solid #edf0f3;font-size:10px;padding:12px 0 0 22px;position:relative}.security-card li+li{margin-top:12px}.security-card li:before{color:var(--green);content:"✓";font-weight:900;left:0;position:absolute}
.system-panel{margin-top:17px}.system-status{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:13px;grid-template-columns:auto 1fr auto;margin:0 20px;padding:16px 0}.system-status:last-child{border-bottom:0}.system-status strong,.system-status small{display:block}.system-status strong{font-size:11px}.system-status small{color:var(--muted);font-size:9px;line-height:1.45;margin-top:4px}.system-symbol{align-items:center;background:var(--amber-soft);border-radius:9px;color:var(--amber);display:flex;font-size:17px;height:38px;justify-content:center;width:38px}.system-symbol.ok{background:var(--green-soft);color:var(--green)}.system-symbol.info{background:var(--blue-soft);color:var(--blue)}
.modal-backdrop{align-items:center;background:rgba(8,15,29,.62);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100;backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.3);max-height:calc(100vh - 40px);max-width:500px;overflow:auto;padding:28px;position:relative;width:100%}.wide-modal{max-width:760px}.modal h2{font-size:24px;margin:0 0 5px}.modal>p:nth-of-type(2){color:var(--muted);font-size:11px}.modal-close{background:#f0f2f5;border:0;border-radius:50%;cursor:pointer;font-size:20px;height:32px;position:absolute;right:18px;top:18px;width:32px}.modal label{margin-top:13px}.dropzone{align-items:center!important;background:#f8faff;border:1px dashed #9eb4df!important;cursor:pointer;display:flex!important;flex-direction:column;margin-top:17px!important;padding:25px;text-align:center}.dropzone input{display:none}.dropzone span{color:var(--blue);font-size:25px}.dropzone strong{font-size:11px;margin-top:7px}.dropzone small{color:var(--muted);font-size:8px;margin-top:4px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.alert{border-radius:10px;font-size:12px;margin:0 0 18px;padding:13px 15px}.alert-error{background:#fff0ee;border:1px solid #f0c9c3;color:#a13d32}.alert-success{background:var(--green-soft);border:1px solid #c6e7d8;color:#226b56}.copy-row{display:flex;gap:8px;margin-top:8px}.copy-row input{background:#fff;border:1px solid #b8daca;border-radius:7px;flex:1;padding:8px}.copy-row button{background:#fff;border:1px solid #b8daca;border-radius:7px;cursor:pointer;font-weight:700;padding:8px 12px}.mobile-nav{display:none}
.form-section-title{border-top:1px solid var(--line);font-size:11px!important;margin:22px 0 0!important;padding-top:17px}.form-help{background:#f7f8fa;border-radius:8px;color:var(--muted);font-size:9px!important;line-height:1.45;margin:14px 0 0;padding:10px 12px}
.install-body,.login-body{background:radial-gradient(circle at 20% 10%,#edf3ff,transparent 38%),#f5f7fa;min-height:100vh}.install-shell,.login-shell{margin:0 auto;max-width:740px;padding:55px 18px}.login-shell{max-width:460px}.install-brand{margin-bottom:25px}.install-brand strong{font-size:15px}.install-card,.login-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:30px}.install-card h1,.login-card h1{font-size:29px;margin:0 0 8px}.lead{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 22px}.install-card fieldset{border:0;border-top:1px solid var(--line);margin:20px 0 0;padding:18px 0 0}.install-card legend{font-size:14px;font-weight:800;padding:0 10px 0 0}.install-card label,.login-card label{margin-top:12px}.checkbox-row{align-items:center!important;display:flex!important;gap:8px;margin:18px 0!important;text-transform:none!important}.checkbox-row input{margin:0!important;width:auto!important}.install-note,.security-note{color:#7c8594;display:block;font-size:9px;line-height:1.5;margin:18px auto 0;text-align:center}.success-card{text-align:center}.success-card .success-mark{margin:0 auto 17px}.success-card .primary-button{margin-top:16px}
@media(max-width:1200px){.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid,.fuel-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{width:205px}.main-area{margin-left:205px}.content{padding:28px 24px 60px}.overview-bottom,.two-column-settings{grid-template-columns:1fr}.vehicle-workspace{grid-template-columns:1fr}.vehicle-list{display:grid;grid-template-columns:repeat(3,1fr)}.document-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-form{grid-template-columns:1fr 1fr}.invite-form button{grid-column:1/-1}}
@media(max-width:700px){.sidebar{display:none}.main-area{margin-left:0;padding-bottom:65px}.topbar{height:62px;padding:0 15px}.mobile-brand{display:flex;margin-right:auto}.mobile-brand .brand-mark{height:34px;width:34px}.mobile-brand strong{font-size:13px}.search{display:none}.icon-button{margin-left:0}.primary-button.compact{font-size:0;height:40px;padding:0;width:40px}.primary-button.compact span{font-size:20px;margin:0}.content{padding:24px 15px 30px}.hero-row{align-items:flex-start;flex-direction:column;gap:15px}.stats-grid{gap:10px}.stat-card{min-height:92px;padding:14px}.vehicle-grid{display:flex;margin:0 -15px;overflow-x:auto;padding:0 15px 8px;scroll-snap-type:x mandatory}.vehicle-card{flex:0 0 235px;scroll-snap-align:start}.due-item,.activity-item{margin:0 15px}.due-item .status{display:none}.title-with-action{align-items:flex-start;flex-direction:column;gap:15px}.vehicle-list{display:flex;margin:0 -15px;overflow-x:auto;border-radius:0}.vehicle-list a{flex:0 0 165px}.detail-hero{min-height:120px;padding:22px 20px}.detail-hero h2{font-size:23px}.detail-kpis{margin:18px}.detail-kpis div{padding:2px 9px}.detail-kpis strong{font-size:13px}.detail-section{padding:18px}.spec-grid{grid-template-columns:1fr}.spec-grid span{border-bottom:1px solid #e2e5ea;border-right:0;padding:9px 0}.tire-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:65px 1fr}.timeline-row>b{display:none}.fuel-stats{grid-template-columns:1fr 1fr}.fuel-stats article{padding:14px}.fuel-stats strong{font-size:16px}.fuel-row:not(.fuel-header){align-items:start;border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;margin:10px 14px;padding:12px}.fuel-header{display:none}.fuel-row:not(.fuel-header)>span,.fuel-row:not(.fuel-header)>strong{font-size:10px}.fuel-row:not(.fuel-header)>[data-label]:before{color:var(--muted);content:attr(data-label);display:block;font-size:7px;font-weight:750;margin-bottom:3px;text-transform:uppercase}.fuel-row .fuel-details{grid-column:1/-1}.fuel-row form{grid-column:1/-1;text-align:right}.document-categories{grid-template-columns:1fr}.reminder-row{grid-template-columns:1fr 1fr auto}.reminder-row>span:nth-child(3),.reminder-row.header>span:nth-child(3){display:none}.mobile-nav{background:rgba(255,255,255,.97);border-top:1px solid var(--line);bottom:0;display:grid;grid-template-columns:repeat(5,1fr);left:0;padding:6px 5px calc(6px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:50}.mobile-nav a{align-items:center;color:#798394;display:flex;flex-direction:column;font-size:7px;font-weight:700;gap:2px}.mobile-nav a span{font-size:16px}.mobile-nav a.active{color:var(--blue)}.form-grid{grid-template-columns:1fr}.modal{padding:24px 18px}.install-shell,.login-shell{padding-top:25px}.install-card,.login-card{padding:24px 18px}}
@media(max-width:700px){.service-grid{grid-template-columns:1fr}.tire-extra{grid-template-columns:1fr 1fr}.tire-extra span:last-child{grid-column:1/-1;margin-top:6px}.cost-row:not(.cost-header){align-items:start;border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;margin:10px 14px;padding:12px}.cost-header,.year-header{display:none}.cost-row:not(.cost-header)>[data-label]:before{color:var(--muted);content:attr(data-label);display:block;font-size:7px;font-weight:750;margin-bottom:3px;text-transform:uppercase}.cost-row:not(.cost-header)>span:first-child{grid-column:1/-1}.year-row{grid-template-columns:.8fr repeat(2,1fr);margin:0 14px}.year-row>*:nth-child(4){display:none}.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav a{font-size:6px}.system-status{align-items:start;grid-template-columns:auto 1fr}.system-status>.status{grid-column:2}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}