:root{
    --ink:#122033;--muted:#6d7988;--subtle:#93a0ae;--line:#e6ebf0;--canvas:#f4f7f9;--card:#fff;
    --nav:#0a1422;--nav-soft:#111e2e;--green:#14ad7d;--green-dark:#078763;--green-soft:#e3f8f1;
    --purple:#7167e8;--purple-soft:#eeecff;--amber:#e99a30;--amber-soft:#fff3df;--coral:#e56f5f;--coral-soft:#ffebe8;
    --shadow:0 12px 35px rgba(35,54,75,.07);--radius:18px;--font:"DM Sans",sans-serif;--display:"Manrope",sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-body{background:var(--canvas);min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:244px;flex-direction:column;padding:28px 18px 20px;background:var(--nav);color:#d4dce5}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;color:#f7fafc;font:800 23px var(--display);letter-spacing:-1px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:var(--green);color:#fff}.brand-mark svg{width:27px;height:27px;stroke-width:1.5}.main-nav{margin-top:42px}.nav-label{margin:25px 12px 9px;color:#5e6b7a;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:13px;margin:3px 0;padding:11px 12px;border-radius:10px;color:#8f9caa;font-weight:600;transition:.2s}.nav-item svg{width:20px;height:20px}.nav-item:hover{background:#ffffff08;color:#dfe7ef}.nav-item.active{background:#163329;color:#58d5ae}.sidebar-card{position:relative;overflow:hidden;margin:auto 2px 19px;padding:17px;border:1px solid #223344;border-radius:14px;background:linear-gradient(145deg,#142435,#101c2a);font-size:12px}.sidebar-card:after{position:absolute;right:-20px;bottom:-32px;width:80px;height:80px;border:18px solid #1a604b;border-radius:50%;content:"";opacity:.25}.sidebar-card-icon{display:grid;width:28px;height:28px;margin-bottom:12px;place-items:center;border-radius:8px;background:#1e493c;color:#65dab7}.sidebar-card-icon svg{width:16px}.sidebar-card strong,.sidebar-card span{display:block}.sidebar-card strong{color:#e4eaf0;font-size:13px}.sidebar-card>span:not(.sidebar-card-icon){margin:5px 0 12px;color:#758494;line-height:1.45}.sidebar-card a{position:relative;z-index:1;color:#58d5ae;font-weight:700}.sidebar-user{display:flex;align-items:center;gap:10px;padding:15px 5px 0;border-top:1px solid #1d2a39}.sidebar-user>span:nth-child(2){min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{color:#dbe3eb;font-size:12px}.sidebar-user small{margin-top:2px;color:#617080;font-size:10px}.avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;background:linear-gradient(145deg,#29624f,#173d31);color:#65d5b3;font-size:11px;font-weight:700}.icon-button{display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:9px;background:transparent;color:#748292;cursor:pointer}.icon-button:hover{background:#ffffff0a;color:#fff}.icon-button svg{width:18px;height:18px}.app-content{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{position:sticky;top:0;z-index:20;display:flex;height:76px;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,52px);border-bottom:1px solid #e9edf1;background:rgba(248,250,251,.9);backdrop-filter:blur(14px)}.topbar-title span,.topbar-title small{display:block}.topbar-title span{font:700 15px var(--display)}.topbar-title small{margin-top:3px;color:var(--subtle);font-size:11px}.topbar-actions,.intro-actions{display:flex;align-items:center;gap:12px}.vehicle-switcher{position:relative;display:flex;align-items:center}.vehicle-switcher svg{position:absolute;left:12px;width:18px;color:#718090;pointer-events:none}.vehicle-switcher select{height:38px;min-width:150px;padding:0 35px 0 38px;border:1px solid var(--line);border-radius:10px;outline:0;background:#fff;color:#344256;font-size:12px;font-weight:600;cursor:pointer}.mobile-menu{display:none}.main-content{min-height:calc(100vh - 126px);padding:38px clamp(22px,4vw,52px) 60px}.app-footer{display:flex;justify-content:space-between;padding:16px clamp(22px,4vw,52px);border-top:1px solid #e3e8ed;color:#97a2ad;font-size:11px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--green-dark);font-size:10px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase}.eyebrow i{width:17px;height:1px;background:var(--green)}.page-intro h1{margin:8px 0 6px;font:800 clamp(25px,3vw,34px)/1.2 var(--display);letter-spacing:-1.2px}.page-intro p{margin:0;color:var(--muted);font-size:13px}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.button svg{width:17px;height:17px}.button-primary{background:var(--green);color:white;box-shadow:0 7px 18px rgba(20,173,125,.2)}.button-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.button-secondary{border-color:#dfe5ea;background:#fff;color:#364456}.button-secondary:hover{border-color:#bdc8d2;background:#fafcfd}.button-ghost{background:#f3f5f7;color:#687584}.button-small{min-height:36px;padding:7px 13px}.button-wide{width:100%;min-height:48px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 0}.card-header h2{margin:4px 0 0;font:700 17px var(--display);letter-spacing:-.35px}.card-header>a:not(.button){padding-top:8px;color:var(--green-dark);font-size:11px;font-weight:700}.card-kicker{color:var(--subtle);font-size:9px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase}.card-subtitle{max-width:540px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.metric-grid{display:grid;grid-template-columns:1.12fr repeat(3,1fr);gap:14px;margin-bottom:18px}.metric-card{display:flex;min-height:165px;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(39,57,76,.045)}.metric-featured{border-color:#bde9da;background:linear-gradient(145deg,#fff,#f2fcf8)}.metric-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.metric-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green-dark)}.metric-icon svg{width:20px;height:20px}.metric-icon.purple{background:var(--purple-soft);color:var(--purple)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.coral{background:var(--coral-soft);color:var(--coral)}.trend-pill{padding:4px 7px;border-radius:10px;background:#f1f4f6;color:#8994a0;font-size:9px;font-weight:700}.trend-pill.positive{background:var(--green-soft);color:var(--green-dark)}.metric-label{margin-bottom:5px;color:var(--muted);font-size:11px}.metric-card>strong{font:800 26px var(--display);letter-spacing:-1px}.metric-card>strong small{color:#75818e;font:600 11px var(--font);letter-spacing:0}.metric-foot{margin-top:auto;padding-top:12px;color:#9aa4ae;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.9fr);gap:18px;margin-bottom:18px}.chart-card{min-height:325px}.chart-wrap{position:relative;height:230px;padding:10px 18px 16px}.chart-wrap canvas{width:100%;height:100%}.chart-wrap-small{height:195px;padding-top:0}.legend,.cost-legend{display:flex;align-items:center;gap:5px;color:#778392;font-size:9px;font-weight:600}.legend i,.cost-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}.legend-green{background:var(--green)}.legend-purple{background:var(--purple)}.cost-legend{justify-content:flex-end;gap:14px;padding:10px 24px 0}.cost-legend span{display:flex;align-items:center;gap:5px}.chart-empty{display:flex;height:245px;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center}.chart-empty.compact{height:200px}.chart-empty strong{margin-top:15px;color:#405064;font:700 14px var(--display)}.chart-empty small{margin-top:5px}.chart-empty a{margin-top:12px;color:var(--green-dark);font-size:11px;font-weight:700}.mini-chart-line{display:flex;height:50px;align-items:end;gap:12px;transform:skewX(-20deg)}.mini-chart-line i{width:25px;border-top:2px solid #b6e6d7}.mini-chart-line i:nth-child(1){height:11px}.mini-chart-line i:nth-child(2){height:27px}.mini-chart-line i:nth-child(3){height:20px}.mini-chart-line i:nth-child(4){height:42px}.lower-grid{grid-template-columns:1fr 1fr}.schedule-list{padding:10px 24px 18px}.schedule-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf0f3}.schedule-row:last-child{border:0}.service-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;background:#f0f4f6;color:#84919e}.service-icon svg{width:17px}.service-icon.overdue{background:var(--coral-soft);color:var(--coral)}.service-icon.soon{background:var(--amber-soft);color:var(--amber)}.service-icon.later{background:var(--green-soft);color:var(--green-dark)}.schedule-name{min-width:0;flex:1}.schedule-name strong,.schedule-name small{display:block}.schedule-name strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.schedule-name small{margin-top:3px;color:#929da7;font-size:9px}.status-badge{display:inline-block;padding:4px 7px;border-radius:12px;font-size:8px;font-weight:700;white-space:nowrap}.status-badge.overdue{background:var(--coral-soft);color:#c35243}.status-badge.soon{background:var(--amber-soft);color:#bc7416}.status-badge.later{background:var(--green-soft);color:var(--green-dark)}.privacy-chip,.guidance-chip{display:flex;align-items:center;gap:4px;margin-top:3px;padding:5px 7px;border-radius:12px;background:#f0f3f5;color:#7e8995;font-size:8px;font-weight:700}.privacy-chip svg{width:11px}.comparison-empty{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.comparison-empty strong{margin-top:15px;font:700 13px var(--display)}.comparison-empty small{max-width:260px;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.comparison-rings{position:relative;width:60px;height:50px}.comparison-rings i{position:absolute;bottom:0;width:33px;height:33px;border:5px solid}.comparison-rings i:nth-child(1){left:0;border-color:#bae9db;border-radius:50%}.comparison-rings i:nth-child(2){left:14px;bottom:13px;border-color:#d9d4ff;border-radius:50%}.comparison-rings i:nth-child(3){right:0;border-color:#f6dfbd;border-radius:50%}.benchmark-list{display:flex;flex-direction:column;gap:17px;padding:26px 24px 10px}.benchmark-list>div>span{display:flex;justify-content:space-between;margin-bottom:7px;font-size:9px}.benchmark-list b{color:#566475}.benchmark-list>div>i{display:block;height:6px;overflow:hidden;border-radius:4px;background:#edf1f3}.benchmark-list em{display:block;height:100%;border-radius:4px;background:var(--green)}.benchmark-list em.muted{background:#aeb9c3}.benchmark-list em.purple{background:var(--purple)}.comparison-note{margin:8px 24px 20px;color:#99a3ad;font-size:8px;line-height:1.45}.recent-card{margin-top:0}.table-wrap{width:100%;overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th{padding:15px 24px 10px;color:#a0a9b2;font-size:8px;font-weight:700;letter-spacing:.8px;text-align:left;text-transform:uppercase}.table-wrap td{padding:14px 24px;border-top:1px solid #eef1f3;color:#687584;font-size:10px}.table-wrap td strong{color:#344255}.vehicle-cell{display:flex;align-items:center;gap:7px}.vehicle-cell i,.vehicle-dot{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#edf8f4;color:var(--green-dark);font-size:9px;font-style:normal;font-weight:700}.mpg-value{font-weight:700;color:var(--green-dark)}.mini-empty{display:flex;min-height:120px;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center}.mini-empty strong,.mini-empty span,.mini-empty small{display:block}.mini-empty strong{color:#435166}.mini-empty span,.mini-empty small{margin-top:4px;font-size:10px}.mini-empty.padded{padding:35px}.mini-empty .button{margin-top:15px}.mini-empty.horizontal{min-height:110px;justify-content:space-between;flex-direction:row;padding:20px 25px;text-align:left}.empty-garage{display:grid;min-height:450px;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;overflow:hidden;padding:50px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.empty-garage-art{position:relative;display:grid;height:260px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#e8f8f2,#f5faf8)}.empty-garage-art svg{position:relative;z-index:2;width:80%;max-width:300px;fill:#fff;stroke:#16a97c;stroke-width:2}.car-glow{position:absolute;width:65%;height:50%;border-radius:50%;background:#53d4aa;filter:blur(55px);opacity:.23}.empty-garage h2{margin:11px 0 10px;font:800 29px var(--display);letter-spacing:-1px}.empty-garage p{margin:0 0 22px;color:var(--muted);line-height:1.65}.garage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vehicle-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);transition:.25s}.vehicle-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(35,54,75,.11)}.vehicle-art{position:relative;display:grid;height:150px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#dff5ed,#edf9f5)}.vehicle-art:after{position:absolute;width:160px;height:160px;border:35px solid #ffffff55;border-radius:50%;content:""}.vehicle-art-2{background:linear-gradient(145deg,#e9e7ff,#f6f4ff)}.vehicle-art-3{background:linear-gradient(145deg,#ffeadb,#fff7ee)}.vehicle-art-4{background:linear-gradient(145deg,#e2eef7,#f3f8fb)}.vehicle-art svg{position:relative;z-index:2;width:80%;fill:#fff;stroke:#218c6d}.vehicle-art-2 svg{stroke:#7167e8}.vehicle-art-3 svg{stroke:#d97939}.vehicle-year{position:absolute;top:13px;left:14px;z-index:3;padding:4px 8px;border-radius:10px;background:#ffffffbb;color:#536170;font-size:9px;font-weight:700}.vehicle-card-body{padding:20px}.vehicle-type-tag{padding:4px 7px;border-radius:10px;background:#eef4f2;color:#4c7b6c;font-size:8px;font-weight:700;text-transform:uppercase}.vehicle-card h2{margin:11px 0 4px;font:800 20px var(--display)}.vehicle-card p{height:34px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.vehicle-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0;padding:14px 0;border-block:1px solid #edf0f2}.vehicle-facts span{min-width:0}.vehicle-facts small,.vehicle-facts strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-facts small{color:#a0a9b3;font-size:8px}.vehicle-facts strong{margin-top:4px;font-size:9px}.vehicle-card-link{display:flex;align-items:center;justify-content:space-between;color:var(--green-dark);font-size:10px;font-weight:700}.vehicle-card-link svg{width:16px}.add-vehicle-card{display:flex;min-height:383px;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #cbd4dc;border-radius:18px;color:#7e8b98;transition:.2s}.add-vehicle-card:hover{border-color:var(--green);background:#f5fcf9;color:var(--green-dark)}.add-vehicle-card>span{display:grid;width:45px;height:45px;margin-bottom:14px;place-items:center;border-radius:14px;background:#e9eef1}.add-vehicle-card svg{width:20px}.add-vehicle-card small{margin-top:4px}.empty-list-card,.empty-page{display:flex;min-height:420px;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center}.large-icon{display:grid;width:66px;height:66px;place-items:center;border-radius:20px;background:var(--green-soft);color:var(--green-dark)}.large-icon svg{width:34px}.empty-list-card h2,.empty-page h1{margin:18px 0 7px;font:800 24px var(--display)}.empty-list-card p,.empty-page p{margin:0 0 20px;color:var(--muted)}.empty-icon{font:800 60px var(--display);color:#d9e2e7}.fuel-summary-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}.fuel-trend-card{min-height:330px}.big-inline-metric{font:800 22px var(--display)}.big-inline-metric small{color:var(--muted);font:600 9px var(--font)}.logging-guide{position:relative;overflow:hidden;padding:25px;background:linear-gradient(145deg,#0e1b29,#142b30);color:white}.logging-guide:after{position:absolute;right:-55px;bottom:-60px;width:170px;height:170px;border:25px solid #1b765b;border-radius:50%;content:"";opacity:.25}.guide-icon{display:grid;width:37px;height:37px;margin-bottom:35px;place-items:center;border-radius:10px;background:#1d4a3c;color:#68dab7}.guide-icon svg{width:18px}.logging-guide .card-kicker{color:#68c8ab}.logging-guide h2{max-width:250px;margin:8px 0 8px;font:700 20px/1.3 var(--display)}.logging-guide p{max-width:280px;color:#8fa0ac;font-size:10px;line-height:1.6}.guide-steps{position:relative;z-index:2;display:flex;gap:13px;margin-top:23px}.guide-steps span{color:#8da098;font-size:8px;font-weight:600}.guide-steps i{display:grid;width:22px;height:22px;margin-bottom:6px;place-items:center;border:1px solid #326554;border-radius:7px;color:#63d2af;font-style:normal}.log-card{overflow:hidden}.log-card .card-header{padding-bottom:15px}.action-table td{padding-block:13px}.primary-cell{display:flex;align-items:center;gap:10px}.primary-cell span:last-child strong,.primary-cell span:last-child small{display:block}.primary-cell span:last-child small{margin-top:3px;color:#9aa4ae;font-size:8px}.unit{color:#a2abb4}.block-muted{display:block;margin-top:2px;color:#a1aab3;font-size:8px}.mpg-badge{display:inline-block;min-width:38px;padding:5px 7px;border-radius:8px;background:var(--green-soft);color:var(--green-dark);font-weight:700;text-align:center}.detail-chips{display:flex;gap:4px}.detail-chips span,.detail-chips a{padding:3px 6px;border-radius:7px;background:#f0f3f5;color:#6d7a88;font-size:8px}.detail-chips a{color:var(--green-dark)}.table-action{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#a4adb6;cursor:pointer}.table-action:hover{background:var(--coral-soft);color:var(--coral)}.care-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.care-metrics article{display:flex;align-items:center;gap:13px;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:#fff}.care-metrics small,.care-metrics strong{display:block}.care-metrics small{color:var(--subtle);font-size:9px}.care-metrics strong{margin-top:3px;font:700 14px var(--display)}.recommendations-card{margin-bottom:18px;overflow:hidden}.recommendations-card>.card-header{padding-bottom:20px}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--line);background:var(--line)}.recommendation-item{position:relative;min-height:240px;padding:20px;background:white}.recommendation-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#c6d0d8}.recommendation-item.overdue .recommendation-line{background:var(--coral)}.recommendation-item.soon .recommendation-line{background:var(--amber)}.recommendation-item.later .recommendation-line{background:var(--green)}.recommendation-top{display:flex;align-items:center;justify-content:space-between}.recommendation-item h3{margin:15px 0 6px;font:700 13px var(--display)}.recommendation-item p{height:43px;margin:0;color:var(--muted);font-size:9px;line-height:1.55}.due-facts{display:flex;gap:25px;margin:17px 0}.due-facts small,.due-facts strong{display:block}.due-facts small{color:#a0a9b2;font-size:8px}.due-facts strong{margin-top:4px;font-size:10px}.recommendation-item>a{color:var(--green-dark);font-size:9px;font-weight:700}.guidance-note{display:flex;gap:11px;padding:17px 22px;border-top:1px solid #e7e3c9;background:#fffdf3;color:#716d55;font-size:9px;line-height:1.6}.guidance-note svg{width:18px;flex:0 0 auto;color:#ae9a3d}.timeline{padding:5px 24px 20px}.timeline-row{display:grid;grid-template-columns:22px 50px minmax(0,1fr) auto 28px;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #edf0f2}.timeline-row:last-child{border:0}.timeline-marker{position:relative;display:grid;width:13px;height:13px;place-items:center;border:2px solid #cbd3da;border-radius:50%}.timeline-marker:before{position:absolute;top:12px;width:1px;height:65px;background:#e4e8eb;content:""}.timeline-row:last-child .timeline-marker:before{display:none}.timeline-marker.completed{border-color:var(--green)}.timeline-marker.completed i{width:5px;height:5px;border-radius:50%;background:var(--green)}.timeline-marker.planned{border-color:var(--amber)}.timeline-date strong,.timeline-date small{display:block}.timeline-date strong{font-size:10px}.timeline-date small{margin-top:2px;color:#9ba5af;font-size:8px}.timeline-main>div{display:flex;align-items:center;gap:7px}.type-label{color:#a0a8b1;font-size:8px;text-transform:capitalize}.timeline-main h3{margin:6px 0 3px;font:700 12px var(--display)}.timeline-main p{margin:0;color:#87929e;font-size:9px}.timeline-note{display:block;max-width:600px;margin-top:6px;color:#687584;font-size:8px}.timeline-meta{text-align:right}.timeline-meta strong,.timeline-meta small{display:block}.timeline-meta strong{font-size:11px}.timeline-meta small{margin-top:4px;color:#9ba4ae;font-size:8px}.modal{position:fixed;z-index:100;visibility:hidden;opacity:0;transition:.2s}.modal,.modal-backdrop{inset:0}.modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;background:#07111dbd;backdrop-filter:blur(5px)}.modal-panel{position:relative;max-width:590px;max-height:calc(100vh - 40px);margin:20px auto;overflow:auto;border-radius:20px;background:#fff;box-shadow:0 25px 80px #0005;transform:translateY(15px);transition:.25s}.modal.open .modal-panel{transform:translateY(0)}.modal-panel-wide{max-width:720px}.modal-header{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:25px 28px 19px;border-bottom:1px solid var(--line);background:#fff}.modal-header h2{margin:4px 0;font:800 23px var(--display);letter-spacing:-.6px}.modal-header p{margin:0;color:var(--muted);font-size:10px}.modal-close{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#f1f3f5;color:#778391;font-size:20px}.modal-form{padding:24px 28px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;min-width:0;flex-direction:column;gap:7px;color:#4e5c6c;font-size:10px;font-weight:700}.field>span:first-child{display:flex;justify-content:space-between}.field small{color:#a3acb4;font-size:8px;font-weight:500}.field-span-2{grid-column:span 2}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5ea;border-radius:9px;outline:none;background:#fbfcfd;color:#253447;font-size:11px;font-weight:500;transition:.18s}.field input,.field select{height:41px;padding:0 12px}.field textarea{padding:11px 12px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#52c8a3;background:#fff;box-shadow:0 0 0 3px #14ad7d16}.field input::placeholder,.field textarea::placeholder{color:#b0bac3}.field-hint{min-height:11px;color:var(--green-dark)!important}.input-prefix{position:relative}.input-prefix i{position:absolute;top:50%;left:12px;z-index:1;transform:translateY(-50%);color:#81909e;font-style:normal}.input-prefix input{padding-left:25px}.form-section{padding:3px 0 22px;margin-bottom:20px;border-bottom:1px solid #edf0f2}.form-section h3{margin:0 0 16px;font:700 12px var(--display)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-card input{position:absolute;opacity:0}.check-card>span{display:flex;position:relative;flex-direction:column;padding:13px 13px 13px 43px;border:1px solid #dfe5ea;border-radius:10px;cursor:pointer}.check-card>span>i{position:absolute;top:16px;left:14px;width:17px;height:17px;border:1px solid #c9d2d9;border-radius:5px}.check-card input:checked+span{border-color:#8ed9c1;background:#f4fbf8}.check-card input:checked+span>i{border-color:var(--green);background:var(--green)}.check-card input:checked+span>i:after{position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;content:"";transform:rotate(45deg)}.check-card strong{font-size:10px}.check-card small{margin-top:3px;color:#929da8;font-size:8px}.upload-field{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px dashed #c8d2d9;border-radius:11px;cursor:pointer}.upload-field:hover{border-color:var(--green);background:#f8fcfa}.upload-field input{display:none}.upload-icon{display:grid;width:33px;height:33px;place-items:center;border-radius:9px;background:var(--green-soft);color:var(--green-dark)}.upload-icon svg{width:17px}.upload-field strong,.upload-field small{display:block}.upload-field strong{font-size:10px}.upload-field small{margin-top:3px;color:#95a0ab;font-size:8px}.modal-actions{position:sticky;bottom:0;z-index:3;display:flex;justify-content:flex-end;gap:9px;margin:24px -28px 0;padding:17px 28px;border-top:1px solid var(--line);background:#fff}.alert{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:12px 15px;border:1px solid #bde9da;border-radius:10px;background:#edfaf5;color:#287a61;font-size:11px}.alert-error{border-color:#f1c9c3;background:#fff1ef;color:#a94d40}.alert-info{border-color:#cbdcf0;background:#f0f6fc;color:#4f7297}.alert button{border:0;background:transparent;color:inherit;cursor:pointer}.mobile-backdrop{display:none}.auth-body{min-height:100vh;background:#fff}.auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.08fr) minmax(430px,.92fr)}.auth-showcase{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:42px clamp(38px,6vw,80px);background:radial-gradient(circle at 80% 30%,#153f37 0,transparent 30%),linear-gradient(145deg,#08131f,#0b2028 70%,#0c3029);color:white}.brand-light{position:relative;z-index:2;padding:0}.showcase-copy{position:relative;z-index:2;max-width:620px;margin:auto 0}.eyebrow-light{color:#72d9b9}.showcase-copy h1{margin:21px 0 22px;font:800 clamp(40px,5vw,68px)/1.08 var(--display);letter-spacing:-3.5px}.showcase-copy h1 em{color:#54d1a8;font-style:normal}.showcase-copy>p{max-width:560px;color:#91a5ad;font-size:16px;line-height:1.65}.showcase-stats{display:flex;gap:45px;margin-top:50px;padding-top:28px;border-top:1px solid #ffffff17}.showcase-stats span,.showcase-stats strong,.showcase-stats small{display:block}.showcase-stats strong{color:#e5f0ed;font:700 14px var(--display)}.showcase-stats small{margin-top:5px;color:#69818a;font-size:9px}.showcase-orbit{position:absolute;border:1px solid #52ca9f18;border-radius:50%}.orbit-one{right:-220px;bottom:-270px;width:650px;height:650px}.orbit-two{right:-100px;bottom:-150px;width:410px;height:410px}.road-lines{position:absolute;right:40px;bottom:0;display:flex;gap:55px;transform:rotate(-23deg);transform-origin:bottom}.road-lines i{width:2px;height:300px;background:linear-gradient(transparent,#2f8268);opacity:.2}.auth-panel{display:grid;place-items:center;padding:40px;background:#fff}.auth-panel-inner{width:100%;max-width:390px}.auth-heading{margin-bottom:28px}.auth-heading h2{margin:10px 0 6px;font:800 30px var(--display);letter-spacing:-1px}.auth-heading p{margin:0;color:var(--muted);font-size:12px}.stack-form{display:flex;flex-direction:column;gap:16px}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-wrap button{position:absolute;top:3px;right:4px;display:grid;width:35px;height:35px;place-items:center;border:0;background:transparent;color:#94a0ab;cursor:pointer}.password-wrap svg{width:17px}.auth-switch{margin:24px 0 0;color:#7d8996;font-size:11px;text-align:center}.auth-switch a{color:var(--green-dark);font-weight:700}.auth-fineprint{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line);color:#a3acb5;font-size:8px;line-height:1.6;text-align:center}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.garage-grid{grid-template-columns:repeat(2,1fr)}.recommendation-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.chart-card-wide{min-height:340px}.lower-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr 1fr}.showcase-copy h1{font-size:44px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-content{width:100%;margin-left:0}.mobile-menu{display:grid}.mobile-backdrop.active{position:fixed;inset:0;z-index:25;display:block;background:#07111d99}.topbar-title{display:none}.lower-grid,.fuel-summary-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.auth-showcase{display:none}.auth-shell{grid-template-columns:1fr}.auth-panel{padding:30px}.auth-panel-inner{max-width:430px}}
@media(max-width:640px){.topbar{height:66px;padding:0 15px}.topbar-actions{gap:7px}.vehicle-switcher select{min-width:120px;max-width:135px}.topbar-actions .button{font-size:0;padding:8px 10px}.topbar-actions .button svg{margin:0}.main-content{padding:26px 15px 45px}.app-footer{padding:15px;flex-direction:column;gap:4px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro .button{align-self:stretch}.page-intro h1{font-size:27px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:150px;padding:15px}.metric-card>strong{font-size:21px}.dashboard-grid{gap:12px}.lower-grid{grid-template-columns:1fr}.card-header{padding:19px 17px 0}.schedule-list,.benchmark-list{padding-inline:17px}.garage-grid{grid-template-columns:1fr}.add-vehicle-card{min-height:180px}.empty-garage{grid-template-columns:1fr;padding:24px}.empty-garage-art{height:190px}.care-metrics{grid-template-columns:1fr}.recommendation-grid{grid-template-columns:1fr}.recommendation-item{min-height:215px}.timeline{padding-inline:15px}.timeline-row{grid-template-columns:16px 43px 1fr 25px}.timeline-meta{display:none}.table-wrap th,.table-wrap td{padding-inline:15px}.modal-panel,.modal-panel-wide{max-height:100vh;margin:0;border-radius:0}.modal-header{padding:20px}.modal-form{padding:20px 20px 0}.form-grid,.check-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.modal-actions{margin-inline:-20px;padding-inline:20px}.auth-panel{padding:24px}.showcase-stats{gap:20px}.mini-empty.horizontal{align-items:flex-start;flex-direction:column;gap:15px}.intro-actions{width:100%}.intro-actions .button{width:100%}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.vehicle-switcher{display:none}.metric-card{min-height:140px}.chart-wrap{padding-inline:8px}.sidebar{width:86vw}.recommendation-item{padding:17px}.auth-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.inline-chart-legend{padding:7px 0 0}.fuel-chart-legend{padding-top:9px}.mpg-estimate{color:var(--purple);font-size:9px;font-weight:700}

/* Fleetie pastel interface refresh */
:root{--ink:#2f3448;--muted:#73788c;--subtle:#999db0;--line:#e7e3ed;--canvas:#faf8f4;--card:#fffefd;--nav:#e7e3f6;--nav-soft:#f0edf9;--green:#788bd1;--green-dark:#566bb7;--green-soft:#eef0fb;--purple:#ca8fa8;--purple-soft:#faedf3;--amber:#d7a35e;--amber-soft:#fff1db;--coral:#d98279;--coral-soft:#fcebe9;--shadow:0 12px 34px rgba(76,71,96,.08)}
body{font-size:16px}.app-body{background:var(--canvas)}.sidebar{overflow-y:auto;border-right:1px solid #d8d2e8;background:linear-gradient(165deg,#ebe7f8,#dfe8f3);color:#4e556d}.brand{color:#34394e;font-size:25px}.brand-mark{background:#8293d2}.main-nav{margin-top:34px}.nav-label{color:#9797ac;font-size:11px}.nav-item{color:#676d83;font-size:14px}.nav-item:hover{background:#ffffff80;color:#3b425b}.nav-item.active{background:#fff;color:#586bb2;box-shadow:0 7px 20px #5f669116}.sidebar-card{border-color:#d4cee5;background:linear-gradient(145deg,#f8f5ff,#f2eff9);color:#535a70}.sidebar-card:after{border-color:#c7bde7}.sidebar-card-icon{background:#e1dbf5;color:#6f7fc3}.sidebar-card strong{color:#3c4258}.sidebar-card>span:not(.sidebar-card-icon){color:#85899a}.sidebar-card a{color:#5d70b8}.sidebar-user{border-top-color:#d3cee2}.sidebar-user strong{color:#41475c}.sidebar-user small{color:#8e92a3}.sidebar-user .icon-button:hover{background:#ffffff80;color:#3d4359}.avatar{overflow:hidden;background:#cbc3ea;color:#454e75;font-size:12px}.avatar img,.settings-avatar img,.leader-avatar img,.public-avatar img{width:100%;height:100%;object-fit:cover}.topbar{border-color:#e8e3ea;background:rgba(250,248,244,.92)}.topbar-title span{font-size:17px}.topbar-title small{font-size:12px}.main-content{padding-top:42px}.page-intro p{font-size:15px;line-height:1.55}.page-intro h1{font-size:clamp(30px,3vw,39px)}.eyebrow{font-size:11px}.button{font-size:13px}.card-header h2{font-size:20px}.card-kicker{font-size:10px}.card-subtitle{font-size:13px}.metric-label{font-size:13px}.metric-foot{font-size:11px}.metric-card>strong{font-size:29px}.table-wrap th{font-size:10px}.table-wrap td{font-size:13px}.schedule-name strong{font-size:13px}.schedule-name small,.comparison-empty small{font-size:11px}.status-badge{font-size:10px}.field{font-size:12px}.field input,.field select,.field textarea{font-size:13px}.field small{font-size:10px}.modal-header p{font-size:12px}.form-section h3{font-size:14px}.check-card strong{font-size:12px}.check-card small{font-size:10px}.timeline-main h3{font-size:14px}.timeline-main p{font-size:11px}.timeline-note{font-size:10px}.timeline-date strong{font-size:12px}.timeline-meta strong{font-size:13px}.logging-guide{background:linear-gradient(145deg,#eee5f4,#e1eafa);color:#343a51}.logging-guide .card-kicker{color:#796894}.logging-guide p{color:#777d92;font-size:12px}.guide-icon{background:#d8cef0;color:#6c68a9}.guide-steps span{color:#6f7488;font-size:10px}.guide-steps i{border-color:#bab3d6;color:#686caf}.vehicle-card-actions{display:flex;align-items:center;justify-content:space-between}.vehicle-edit-link{padding:5px 9px;border-radius:8px;background:#f2eff8;color:#6d6e88;font-size:11px;font-weight:700}.vehicle-art.has-photo:after{display:none}.vehicle-art.has-photo img{width:100%;height:100%;object-fit:cover}.vehicle-art.has-photo .vehicle-year{background:#fff;color:#3d4358}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.table-action{display:grid;place-items:center;font-size:13px}.existing-file{display:block;margin-top:8px;color:#777d91;font-size:11px}.receipt-link{color:var(--green-dark);font-size:10px;font-weight:700}.rule-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.rule-actions form{margin:0}.rule-actions button,.rule-actions a{padding:5px 8px;border:0;border-radius:7px;background:var(--green-soft);color:var(--green-dark);font-size:10px;font-weight:700;cursor:pointer}.rule-actions .remove-rule{background:#f8eeee;color:#b36c67}.recommendation-item{min-height:265px}.recommendation-item p{font-size:10px}.recommendation-item h3{font-size:15px}

/* Settings and imports */
.settings-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:20px}.settings-card{overflow:hidden}.settings-form{padding:24px}.profile-photo-row{display:flex;align-items:center;gap:13px;margin-bottom:25px}.profile-photo-row>small{color:var(--subtle);font-size:10px}.settings-avatar{display:grid;width:68px;height:68px;overflow:hidden;place-items:center;border-radius:20px;background:#dcd6ef;color:#515979;font:800 19px var(--display)}.privacy-toggle{display:block;margin-top:22px}.privacy-toggle input{position:absolute;opacity:0}.privacy-toggle>span{position:relative;display:block;padding:17px 18px 17px 60px;border:1px solid var(--line);border-radius:13px;background:#faf9fc;cursor:pointer}.privacy-toggle i{position:absolute;top:20px;left:18px;width:31px;height:18px;border-radius:20px;background:#c9c9d2;transition:.2s}.privacy-toggle i:after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;content:"";transition:.2s}.privacy-toggle input:checked+span{border-color:#bdc6e9;background:#f4f5fc}.privacy-toggle input:checked+span i{background:var(--green)}.privacy-toggle input:checked+span i:after{transform:translateX(13px)}.privacy-toggle strong,.privacy-toggle small{display:block}.privacy-toggle strong{font-size:13px}.privacy-toggle small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.settings-actions{display:flex;justify-content:flex-end;margin-top:20px}.settings-side{display:flex;flex-direction:column;gap:18px}.compact-form{display:flex;flex-direction:column;gap:15px}.privacy-explainer{padding:24px;border-radius:18px;background:#f4edf1}.privacy-explainer h3{margin:15px 0 7px;font:700 17px var(--display)}.privacy-explainer p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.import-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px}.import-card{overflow:hidden}.import-form{padding:25px}.csv-drop{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;margin:22px 0;padding:25px;border:1.5px dashed #c9c7d4;border-radius:15px;background:#faf9fc;text-align:center;cursor:pointer}.csv-drop:hover{border-color:var(--green);background:#f6f6fc}.csv-drop input{display:none}.csv-drop strong{margin-top:12px;font-size:14px}.csv-drop small{max-width:380px;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.import-help{display:flex;flex-direction:column;gap:17px}.import-help>.card{padding:24px}.import-help h2{margin:8px 0;font:700 19px var(--display)}.import-help p{color:var(--muted);font-size:12px;line-height:1.55}.import-help a{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);color:var(--green-dark);font-size:12px;font-weight:700}.import-tip{padding:20px;border-radius:16px;background:#fff0e0}.import-tip strong{font:700 14px var(--display)}.import-tip p{margin:7px 0 0;color:#7e6e5c;font-size:11px;line-height:1.6}

/* Community */
.community-hero{max-width:780px;margin:15px auto 38px;text-align:center}.community-hero .eyebrow{justify-content:center}.community-hero h1{margin:13px 0;font:800 clamp(34px,4vw,51px)/1.08 var(--display);letter-spacing:-2px}.community-hero p{margin:0;color:var(--muted);font-size:15px}.community-filters{display:grid;max-width:920px;grid-template-columns:1.15fr 1fr 1fr auto auto;align-items:end;gap:10px;margin:0 auto 36px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.community-filters label{display:flex;flex-direction:column;gap:5px}.community-filters label span{color:var(--subtle);font-size:9px;font-weight:700;text-transform:uppercase}.community-filters input,.community-filters select{height:39px;padding:0 10px;border:0;border-radius:8px;outline:0;background:#f5f4f7;font-size:12px}.community-filters>a{padding:11px;color:var(--muted);font-size:11px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.section-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-row h2{margin:5px 0 0;font:700 22px var(--display)}.section-row>span{color:var(--muted);font-size:11px}.community-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.community-vehicle-grid>article{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.community-photo{position:relative;display:grid;height:145px;place-items:center;background:linear-gradient(145deg,#eeeafa,#e9f2f2)}.community-photo img{width:100%;height:100%;object-fit:cover}.community-photo svg{width:70%;fill:#fff;stroke:#8997c8}.community-photo>span{position:absolute;top:11px;left:11px;padding:4px 7px;border-radius:8px;background:#ffffffd9;color:#60667c;font-size:9px;font-weight:700}.community-vehicle-body{padding:17px}.community-vehicle-body>small{color:var(--subtle);font-size:10px}.community-vehicle-body h3{margin:3px 0 14px;font:800 20px var(--display)}.community-vehicle-body>div{display:flex;align-items:end;justify-content:space-between}.community-vehicle-body>div strong{font:800 25px var(--display)}.community-vehicle-body>div strong em{font:600 10px var(--font)}.community-vehicle-body>div span{color:var(--muted);font-size:10px}.community-vehicle-body p{margin:8px 0;color:var(--muted);font-size:10px}.community-vehicle-body>a{color:var(--green-dark);font-size:11px;font-weight:700}.leaderboard-card{align-self:start;overflow:hidden}.leaderboard-card header{padding:22px}.leaderboard-card header h2{margin:5px 0 0;font:700 19px var(--display)}.leaderboard-card ol{margin:0;padding:0 18px 18px;list-style:none}.leaderboard-card li{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:7px;padding:12px 0;border-top:1px solid var(--line)}.leaderboard-card li>b{color:#a1a3b2;font:700 11px var(--display)}.leaderboard-card li>a{display:flex;min-width:0;align-items:center;gap:9px}.leader-avatar{display:grid;width:34px;height:34px;overflow:hidden;flex:0 0 auto;place-items:center;border-radius:10px;background:#e8e4f5;color:#636884;font-size:10px;font-weight:700}.leaderboard-card li>a span:last-child{min-width:0}.leaderboard-card li>a strong,.leaderboard-card li>a small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-card li>a strong{font-size:11px}.leaderboard-card li>a small{margin-top:2px;color:var(--subtle);font-size:9px}.leaderboard-card li>em{font:700 11px var(--display);font-style:normal}.leaderboard-card li>em small{font:500 8px var(--font)}.leader-empty,.empty-community{padding:28px;color:var(--muted);font-size:12px}.empty-community{border:1px dashed var(--line);border-radius:15px;background:#fff;text-align:center}.empty-community h3{color:var(--ink)}

/* Public marketing */
.marketing-body{background:#faf8f4;color:var(--ink)}.marketing-nav{position:relative;z-index:10;display:flex;max-width:1320px;height:86px;align-items:center;justify-content:space-between;margin:auto;padding:0 34px}.marketing-brand{padding:0;color:#353a50}.marketing-brand .brand-mark{font:800 15px var(--display)}.marketing-nav nav{display:flex;gap:30px}.marketing-nav nav a,.marketing-signin{color:#676c80;font-size:13px;font-weight:600}.marketing-nav>div{display:flex;align-items:center;gap:17px}.marketing-main{overflow:hidden}.marketing-hero{display:grid;max-width:1320px;min-height:690px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;margin:auto;padding:55px 34px 80px}.marketing-eyebrow{color:#687bc0;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.hero-copy h1{margin:19px 0 24px;font:800 clamp(51px,6vw,78px)/1.02 var(--display);letter-spacing:-4px}.hero-copy h1 em{color:#c386a1;font-style:normal}.hero-copy>p{max-width:570px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hero-button{min-height:53px;padding:13px 21px;font-size:14px}.hero-link{color:#5f6fb0;font-size:13px;font-weight:700}.hero-trust{display:flex;gap:20px;margin-top:30px;color:#85899a;font-size:11px}.hero-trust i{color:#788bd1;font-style:normal}.hero-dashboard{position:relative;overflow:visible;border:1px solid #dfdae8;border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(72,66,96,.15);transform:rotate(1.5deg)}.hero-window-bar{display:flex;height:47px;align-items:center;gap:6px;padding:0 17px;border-bottom:1px solid #ece8f0;background:#f9f7fb}.hero-window-bar>span{width:8px;height:8px;border-radius:50%;background:#dbc9d1}.hero-window-bar>span:nth-child(2){background:#ecd8b9}.hero-window-bar>span:nth-child(3){background:#c7dfd5}.hero-window-bar b{margin-left:auto;color:#85899a;font-size:10px}.hero-dashboard-inner{padding:25px}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-metrics article{padding:15px;border-radius:13px;background:#f7f6fa}.hero-metrics article:nth-child(1){background:#eef0fa}.hero-metrics article:nth-child(3){background:#faedf2}.hero-metrics small,.hero-metrics strong,.hero-metrics i{display:block}.hero-metrics small{color:#8d91a3;font-size:8px}.hero-metrics strong{margin-top:7px;font:800 19px var(--display)}.hero-metrics strong em{font:600 8px var(--font)}.hero-metrics i{margin-top:10px;color:#8a8e9d;font-size:7px;font-style:normal}.hero-chart{margin-top:13px;padding:18px;border:1px solid #ece9f0;border-radius:14px}.hero-chart>div:first-child{display:flex;align-items:center;justify-content:space-between}.hero-chart small{color:#989baa;font-size:7px}.hero-chart strong{font-size:9px}.hero-chart svg{width:100%;height:190px}.hero-grid{fill:none;stroke:#ebe9ef;stroke-width:1}.hero-fill{fill:url(#heroFill);stroke:none}.hero-line{fill:none;stroke-width:3}.hero-line.real{stroke:#8293d2}.hero-line.computer{stroke:#ce91aa;stroke-width:2}.hero-chart-labels{display:flex;justify-content:space-between;color:#aaa9b5;font-size:7px}.hero-float-card{position:absolute;right:-25px;bottom:32px;display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #e5e0e9;border-radius:13px;background:#fff;box-shadow:0 15px 35px #4d466328;transform:rotate(-1.5deg)}.hero-float-card>i{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:#e7f3ed;color:#6e9c87;font-style:normal}.hero-float-card strong,.hero-float-card small{display:block}.hero-float-card strong{font-size:10px}.hero-float-card small{margin-top:3px;color:#9497a5;font-size:8px}.marketing-proof{display:flex;align-items:center;justify-content:center;gap:25px;padding:25px;border-block:1px solid #e5e0e5;background:#f5f2ee;color:#6f7385;font-size:12px}.marketing-proof>span{color:#a0a1aa}.marketing-proof i{width:4px;height:4px;border-radius:50%;background:#c2adba}.feature-section,.home-community{max-width:1250px;margin:auto;padding:115px 34px}.section-heading{max-width:700px;margin:0 auto 48px;text-align:center}.section-heading.left{margin-left:0;text-align:left}.section-heading h2{margin:12px 0;font:800 clamp(34px,4vw,49px)/1.12 var(--display);letter-spacing:-2px}.section-heading p{margin:0;color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;min-height:420px;overflow:hidden;padding:30px;border:1px solid #e3dfea;border-radius:23px}.feature-card.lavender{background:#eeebfa}.feature-card.peach{background:#faeadf}.feature-card.mint{background:#e6f1ed}.feature-number{position:absolute;top:25px;right:25px;color:#a3a0af;font:700 11px var(--display)}.feature-icon{display:grid;width:50px;height:50px;margin-top:50px;place-items:center;border-radius:14px;background:#ffffffa6;color:#646fa6}.feature-icon svg{width:24px}.feature-card h3{margin:25px 0 10px;font:800 24px var(--display)}.feature-card p{max-width:330px;color:#707487;font-size:14px;line-height:1.65}.feature-mini-chart{display:flex;position:absolute;right:30px;bottom:30px;left:30px;height:90px;align-items:end;gap:6px;border-bottom:1px solid #c9c5db}.feature-mini-chart i{display:block;width:100%;height:60%;border-top:3px solid #7b89c3;transform:skewY(-10deg)}.feature-mini-chart i:last-child{height:82%;border-color:#ca8fa8}.feature-checks{position:absolute;right:30px;bottom:35px;left:30px;display:flex;flex-direction:column;gap:9px}.feature-checks i{padding:11px;border-radius:10px;background:#ffffff9e;color:#806c64;font-size:11px;font-style:normal}.feature-avatars{position:absolute;bottom:45px;left:30px;display:flex}.feature-avatars b,.feature-avatars em{display:grid;width:45px;height:45px;margin-right:-9px;place-items:center;border:3px solid #e6f1ed;border-radius:50%;background:#fff;color:#6e7588;font-size:10px;font-style:normal}.feature-avatars em{background:#8fa8a0;color:#fff}.home-community{max-width:none;background:#f2eff6}.home-community>.section-heading,.home-community>.home-community-grid,.home-community>.button{max-width:1182px;margin-left:auto;margin-right:auto}.home-community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.home-community-grid>a{display:grid;grid-template-columns:95px 1fr auto;grid-template-rows:auto auto auto;gap:2px 15px;align-items:center;padding:18px;border:1px solid #ded9e7;border-radius:17px;background:#fff}.community-car-thumb{grid-row:1/4;display:grid;width:95px;height:76px;overflow:hidden;place-items:center;border-radius:12px;background:#eeeaf6}.community-car-thumb img{width:100%;height:100%;object-fit:cover}.community-car-thumb svg{width:75%;fill:#fff;stroke:#8792be}.home-community-grid small{color:#9999a8;font-size:9px}.home-community-grid h3{margin:0;font:700 16px var(--display)}.home-community-grid strong{grid-column:3;grid-row:1/3;font:800 21px var(--display)}.home-community-grid strong em{font:600 8px var(--font)}.home-community-grid>a>span:last-child{grid-column:2/4;color:#8b8d9c;font-size:9px}.marketing-cta{padding:125px 30px;background:linear-gradient(145deg,#e9e5f7,#f6e7eb);text-align:center}.marketing-cta h2{margin:16px 0;font:800 clamp(39px,5vw,63px)/1.08 var(--display);letter-spacing:-2.5px}.marketing-cta p{max-width:620px;margin:0 auto 28px;color:var(--muted);font-size:16px}.marketing-footer{display:flex;align-items:center;justify-content:space-between;padding:34px max(34px,calc((100vw - 1250px)/2));border-top:1px solid #e2dde7;background:#f6f3ef;color:#8d8f9d;font-size:11px}.marketing-footer p{margin:0}.public-profile-missing{min-height:600px;padding:130px 30px;text-align:center}.public-profile-missing>span{color:#808dc3;font-size:11px;font-weight:700;text-transform:uppercase}.public-profile-missing h1{font:800 45px var(--display)}.public-profile-missing p{color:var(--muted)}.public-profile-hero{display:flex;max-width:1100px;align-items:center;gap:28px;margin:80px auto 45px;padding:0 30px}.public-avatar{display:grid;width:125px;height:125px;overflow:hidden;flex:0 0 auto;place-items:center;border-radius:34px;background:#ded8ef;color:#596281;font:800 32px var(--display)}.public-profile-hero h1{margin:8px 0;font:800 47px var(--display);letter-spacing:-2px}.public-profile-hero p{max-width:650px;margin:0;color:var(--muted);font-size:15px}.public-profile-hero small{display:block;margin-top:12px;color:#9a9daa;font-size:10px}.public-profile-stats{display:grid;max-width:1040px;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 auto 70px}.public-profile-stats article{padding:21px;border:1px solid #e2dee7;border-radius:15px;background:#fff}.public-profile-stats small,.public-profile-stats strong{display:block}.public-profile-stats small{color:#9698a7;font-size:10px}.public-profile-stats strong{margin-top:7px;font:800 24px var(--display)}.public-garage{padding:85px max(30px,calc((100vw - 1100px)/2));background:#f2eff6}.public-vehicle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.public-vehicle-grid>article{display:grid;grid-template-columns:45% 55%;overflow:hidden;border:1px solid #ded9e6;border-radius:20px;background:#fff}.public-vehicle-photo{display:grid;min-height:260px;overflow:hidden;place-items:center;background:#e8e7f2}.public-vehicle-photo img{width:100%;height:100%;object-fit:cover}.public-vehicle-photo svg{width:75%;fill:#fff;stroke:#8794c4}.public-vehicle-grid>article>div{padding:25px}.public-vehicle-grid small{color:#8c90a1;font-size:9px}.public-vehicle-grid h3{margin:7px 0 4px;font:800 24px var(--display)}.public-vehicle-grid p{margin:0;color:var(--muted);font-size:11px}.public-vehicle-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:30px 0 0}.public-vehicle-grid dt{color:#a0a2ad;font-size:8px}.public-vehicle-grid dd{margin:4px 0 0;font:700 13px var(--display)}

@media(max-width:1050px){.marketing-hero{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:750px}.hero-dashboard{max-width:760px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:span 2}.community-layout{grid-template-columns:1fr}.leaderboard-card{width:100%}.settings-grid,.import-layout{grid-template-columns:1fr}.public-vehicle-grid{grid-template-columns:1fr}}
@media(max-width:760px){.marketing-nav nav{display:none}.marketing-nav{padding:0 18px}.marketing-signin{display:none}.marketing-hero{padding:35px 20px 65px}.hero-copy h1{font-size:49px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.hero-dashboard{transform:none}.hero-metrics{grid-template-columns:1fr 1fr}.hero-metrics article:last-child{display:none}.hero-float-card{right:5px}.marketing-proof{overflow:auto;justify-content:flex-start}.feature-section,.home-community{padding:80px 20px}.feature-grid,.home-community-grid{grid-template-columns:1fr}.feature-card:last-child{grid-column:span 1}.community-filters{grid-template-columns:1fr 1fr;margin-inline:0}.community-vehicle-grid{grid-template-columns:1fr}.public-profile-stats{grid-template-columns:1fr 1fr;margin-inline:20px}.public-profile-hero{align-items:flex-start;flex-direction:column;margin-top:45px}.marketing-footer{align-items:flex-start;flex-direction:column;gap:12px}.settings-form{padding:18px}}
@media(max-width:520px){.marketing-nav .button{padding:8px 11px}.marketing-hero{min-height:auto}.hero-copy h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-trust{flex-wrap:wrap}.hero-dashboard-inner{padding:12px}.hero-chart{padding:10px}.hero-chart svg{height:130px}.hero-float-card{display:none}.community-filters{grid-template-columns:1fr}.public-vehicle-grid>article{grid-template-columns:1fr}.public-vehicle-photo{min-height:200px}.profile-photo-row{align-items:flex-start;flex-wrap:wrap}}
.auth-showcase{background:radial-gradient(circle at 80% 30%,#f6e1e9 0,transparent 34%),linear-gradient(145deg,#e7e4f6,#e4eef1 70%,#f5e9ec);color:var(--ink)}.brand-light{color:#34394e}.eyebrow-light{color:#6476bb}.showcase-copy h1 em{color:#b87998}.showcase-copy>p{color:#71778a}.showcase-stats{border-top-color:#cdc8db}.showcase-stats strong{color:#454b61}.showcase-stats small{color:#8b8fa0}.showcase-orbit{border-color:#ad9fd133}.road-lines i{background:linear-gradient(transparent,#a795c7)}.timeline-row{grid-template-columns:22px 50px minmax(0,1fr) auto 58px}@media(max-width:640px){.timeline-row{grid-template-columns:16px 43px 1fr 58px}}
.marketing-body .community-layout{max-width:1200px;margin:0 auto 100px;padding:0 24px}.public-vehicle-grid dl{grid-template-columns:repeat(4,1fr)}

/* Driving mix and ownership intelligence */
.input-suffix{position:relative;display:block}.input-suffix input{padding-right:35px}.input-suffix i{position:absolute;top:50%;right:13px;transform:translateY(-50%);color:#85909e;font-style:normal;font-weight:700}.driving-mix-card{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(380px,1.25fr);align-items:center;gap:35px;margin-bottom:18px;padding:22px 25px}.driving-mix-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.driving-mix-header h2{margin:5px 0 4px;font:700 18px var(--display)}.driving-mix-header p{margin:0;color:var(--muted);font-size:10px}.driving-mix-header>strong{flex:0 0 auto;font:800 23px var(--display);text-align:right}.driving-mix-header>strong small{display:block;color:var(--muted);font:600 8px var(--font)}.driving-mix-body{min-width:0}.driving-mix-bar{height:15px;overflow:hidden;border-radius:10px;background:#e9ddec}.driving-mix-bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#7388d0,#91a4e2)}.driving-mix-labels{display:flex;justify-content:space-between;gap:20px;margin-top:11px}.driving-mix-labels span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.driving-mix-labels span>i{width:8px;height:8px;border-radius:50%}.highway-dot{background:#7f92d4}.city-dot{background:#d6b8d0}.driving-mix-labels strong{color:var(--ink);font-size:12px}.driving-mix-labels small{color:var(--subtle)}.live-value-note{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid #dcd8ec;border-radius:11px;background:#f5f2fb}.live-value-note strong{color:#5f6790;font-size:11px}.live-value-note span{color:#898b9c;font-size:9px;text-align:right}.ownership-section{margin:25px 0}.ownership-section-title{margin-bottom:14px}.ownership-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:18px}.ownership-ledger-card,.ownership-stats-card{overflow:hidden}.value-badge{min-width:125px;padding:9px 12px;border-radius:11px;background:#eeebf8;text-align:right}.value-badge small,.value-badge strong{display:block}.value-badge small{color:#8488a0;font-size:8px;text-transform:uppercase}.value-badge strong{margin-top:3px;color:#525c8b;font:800 17px var(--display)}.ownership-ledger-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 24px 16px}.ownership-ledger-top>div{padding:15px;border-radius:13px;background:#f6f5f8}.ownership-ledger-top>div.featured{background:#e9f2ef}.ownership-ledger-top small,.ownership-ledger-top strong,.ownership-ledger-top span{display:block}.ownership-ledger-top small{color:#9698a6;font-size:8px;text-transform:uppercase}.ownership-ledger-top strong{margin:6px 0 4px;font:800 20px var(--display)}.ownership-ledger-top span{color:#999ba8;font-size:8px}.ownership-cost-table{margin:0 24px;border:1px solid var(--line);border-radius:12px}.ownership-cost-table>div{display:grid;grid-template-columns:1.15fr .85fr .85fr;align-items:center;min-height:36px;padding:0 12px;border-top:1px solid var(--line);font-size:9px}.ownership-cost-table>div:first-child{border-top:0;background:#f7f6f9;color:#9294a3;font-size:8px;text-transform:uppercase}.ownership-cost-table span{color:#73798a}.ownership-cost-table b,.ownership-cost-table strong{text-align:right}.ownership-cost-table b{color:#4f5669;font-weight:700}.valuation-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}.valuation-footer>div strong,.valuation-footer>div span{display:block}.valuation-footer>div strong{font-size:10px}.valuation-footer>div span{margin-top:3px;color:#999ba7;font-size:8px}.ownership-stats-card .card-header{padding-bottom:15px}.ownership-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 20px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--line)}.ownership-stat-grid>div{min-height:63px;padding:12px;background:#fff}.ownership-stat-grid small,.ownership-stat-grid strong{display:block}.ownership-stat-grid small{color:#9699a7;font-size:8px}.ownership-stat-grid strong{margin-top:6px;font:800 16px var(--display)}.ownership-stat-grid em{color:#8e91a0;font:600 8px var(--font);font-style:normal}.high-low-list{margin:16px 20px 20px;border-top:1px solid var(--line)}.high-low-list>div{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;padding:11px 2px;border-bottom:1px solid var(--line);font-size:8px}.high-low-list span{color:#9295a3}.high-low-list strong{text-align:right}
@media(max-width:1180px){.ownership-grid{grid-template-columns:1fr}.ownership-stat-grid{grid-template-columns:repeat(5,1fr)}.driving-mix-card{grid-template-columns:1fr}}
@media(max-width:820px){.ownership-stat-grid{grid-template-columns:repeat(2,1fr)}.ownership-ledger-top{grid-template-columns:1fr}.driving-mix-header,.valuation-footer{align-items:flex-start;flex-direction:column}.driving-mix-header>strong{text-align:left}.live-value-note{align-items:flex-start;flex-direction:column}.live-value-note span{text-align:left}}
@media(max-width:520px){.driving-mix-card{padding:18px}.driving-mix-labels{align-items:flex-start;flex-direction:column;gap:7px}.ownership-cost-table>div{grid-template-columns:1fr .8fr .8fr;padding-inline:8px}.ownership-ledger-top,.card-header,.valuation-footer{padding-inline:16px}.ownership-cost-table{margin-inline:16px}.high-low-list>div{grid-template-columns:1fr 1fr}.high-low-list>div span{grid-column:span 2}.ownership-stat-grid{margin-inline:16px}.high-low-list{margin-inline:16px}}
.valuation-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.valuation-actions form{margin:0}.valuation-actions>small{width:100%;color:#999ba7;font-size:8px;text-align:right}.refresh-limit{padding:8px 10px;border-radius:9px;background:#f4edf0;color:#a16f83!important;font-size:9px!important;font-weight:700}@media(max-width:820px){.valuation-actions{justify-content:flex-start}.valuation-actions>small{text-align:left}}@media(max-width:520px){.public-vehicle-grid dl{grid-template-columns:repeat(2,1fr)}}

/* Keep add/edit actions reachable above mobile browser chrome and keyboards. */
@media(max-width:640px){
    body:has(.modal.open){overflow:hidden}
    .modal{overflow:hidden}
    .modal-panel,
    .modal-panel-wide{
        display:flex;
        width:100%;
        height:100vh;
        height:100dvh;
        max-height:100vh;
        max-height:100dvh;
        flex-direction:column;
        overflow:hidden;
        transform:none
    }
    .modal.open .modal-panel{transform:none}
    .modal-header{
        position:relative;
        flex:0 0 auto;
        padding-top:calc(20px + env(safe-area-inset-top, 0px))
    }
    .modal-form{
        display:flex;
        min-height:0;
        flex:1;
        flex-direction:column;
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior-y:contain;
        -webkit-overflow-scrolling:touch;
        scroll-padding-bottom:96px
    }
    .modal-actions{
        bottom:0;
        z-index:5;
        flex:0 0 auto;
        flex-wrap:wrap;
        margin-top:auto;
        padding-bottom:calc(17px + env(safe-area-inset-bottom, 0px));
        box-shadow:0 -12px 28px rgba(61,57,79,.09)
    }
    .modal-actions .button{
        min-height:46px;
        touch-action:manipulation
    }
}

@media(max-width:380px){
    .modal-actions .button{flex:1 1 0}
}