:root{--bg:#f3efe6;--panel:rgba(255,250,240,.92);--panel-strong:#fffaf2;--panel-muted:rgba(255,250,242,.72);--ink:#1f1f19;--muted:#67604f;--line:rgba(62,48,30,.14);--line-strong:rgba(62,48,30,.22);--accent:#c95a1a;--accent-hover:#a84814;--accent-soft:rgba(201,90,26,.12);--accent-dark:#8f3811;--accent-ring:rgba(201,90,26,.28);--success:#1f7a4d;--success-soft:rgba(31,122,77,.1);--danger:#b12f1f;--danger-soft:rgba(177,47,31,.1);--warning:#b45309;--warning-soft:rgba(180,83,9,.1);--shadow:0 10px 24px rgba(90,61,22,.08);--shadow-md:0 12px 28px rgba(90,61,22,.1);--radius:16px;--sidebar-width:184px;--topbar-height:auto;--mobile-chrome-height:56px;--bottom-nav-height:var(--mobile-chrome-height);--font-2xs:0.86rem;--font-xs:0.91rem;--font-sm:0.96rem;--font-md:1.05rem;--font-lg:1.14rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-display:1.75rem}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top left,rgba(201,90,26,.18),transparent 28%),linear-gradient(180deg,#f8f3e9,#efe8db);color:var(--ink);font-family:Avenir Next,Segoe UI,sans-serif}html{font-size:12.5px}body{min-height:100vh;font-size:var(--font-md);line-height:1.4}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:.5rem .58rem;background:hsla(0,0%,100%,.8);color:var(--ink)}textarea{resize:vertical}label{display:grid;grid-gap:.35rem;gap:.35rem}label span{font-size:var(--font-sm);color:var(--muted)}label .field-hint{font-size:var(--font-xs);color:var(--muted);font-weight:400;line-height:1.35}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;background:var(--bg)}.sidebar{padding:.72rem .62rem;border-right:1px solid hsla(0,0%,100%,.08);color:#fbf3e4;display:flex;flex-direction:column;gap:.95rem;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar,.sidebar.mantine-Paper-root{background:linear-gradient(180deg,rgba(27,27,22,.98),rgba(39,34,27,.97))}.shell-main{min-width:0;display:flex;flex-direction:column}.brand{display:grid;grid-gap:.15rem;gap:.15rem;padding:.1rem .2rem .35rem}.sidebar-brand-title{font-size:var(--font-md)!important;font-weight:700;color:#fff7eb!important;letter-spacing:-.01em}.sidebar-brand-tagline{color:rgba(255,243,224,.82)!important;line-height:1.35}.sidebar-bottom{margin-top:auto;display:grid;grid-gap:.55rem;gap:.55rem}.sidebar-plan-usage{display:grid;grid-gap:.45rem;gap:.45rem;padding:.65rem .45rem 0;border-top:1px solid hsla(0,0%,100%,.08)}.sidebar-plan-limits{display:grid;grid-gap:.28rem;gap:.28rem}.sidebar-plan-limit-row{display:flex;justify-content:space-between;align-items:center;gap:.45rem}.sidebar-plan-limit-label,.sidebar-plan-limit-value{color:rgba(255,243,224,.82)!important}.sidebar-plan-limit-value{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sidebar-upgrade-wrap{display:block}.sidebar .sidebar-upgrade-button:disabled{opacity:.5;cursor:not-allowed}.sidebar .sidebar-upgrade-button:disabled:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.14);color:#fff4df;transform:none}.sidebar-footer{display:grid;grid-gap:.5rem;gap:.5rem;padding-top:.65rem}.sidebar-footer,.sidebar-global-view{border-top:1px solid hsla(0,0%,100%,.08)}.sidebar-global-view{padding:.65rem .45rem 0}.sidebar .global-admin-view-switch .mantine-Switch-label{color:#fff4df}.sidebar .global-admin-view-switch .mantine-Switch-description{color:rgba(255,243,224,.72)}.read-only-banner{padding:.55rem .65rem;border-radius:var(--radius);background:var(--warning-soft);border:1px solid rgba(180,83,9,.18);color:var(--warning);font-size:var(--font-sm)}.read-only-banner p{margin:0}.sidebar-user-email{word-break:break-word;text-align:center;color:rgba(255,243,224,.82);opacity:.88}.sidebar-version-link{display:block;text-align:center;text-decoration:none}.sidebar-version-link .mantine-Text-root{color:rgba(255,243,224,.72)}.sidebar .secondary-button{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.14);color:#fff4df}.sidebar .secondary-button:hover{background:rgba(201,90,26,.18);border-color:rgba(255,214,176,.3);color:#fffdf8}.sidebar-nav-link{border:1px solid hsla(0,0%,100%,.08);border-radius:10px;background:hsla(0,0%,100%,.06);transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.sidebar-nav-link .mantine-NavLink-label{color:#fff4df;font-size:var(--font-sm);font-weight:600}.sidebar-nav-link:hover{background:#f4c9a3;border-color:#ffd8b7;box-shadow:inset 0 0 0 1px rgba(255,248,240,.55);transform:translateY(-1px)}.sidebar-nav-link:hover .mantine-NavLink-label{color:#2b1709}.sidebar-nav-link.is-active{border-color:rgba(255,217,177,.7);box-shadow:inset 3px 0 0 0 #f4c9a3;background:hsla(0,0%,100%,.1)}.sidebar-nav-link.is-active .mantine-NavLink-label{color:#fff8ee}.sidebar-nav-link.is-active:hover .mantine-NavLink-label{color:#2b1709}.app-topbar{justify-content:space-between;gap:.75rem;padding:.35rem .58rem;background:linear-gradient(135deg,rgba(255,250,242,.82),hsla(33,76%,92%,.74));border-bottom:1px solid rgba(201,90,26,.15);box-shadow:var(--shadow)}.app-topbar,.app-topbar-leading{display:flex;align-items:flex-start}.app-topbar-leading{gap:.45rem;min-width:0;flex:1 1}.mobile-sidebar-burger{display:none;flex-shrink:0;align-items:center;justify-content:center}.mobile-sidebar-drawer{background:linear-gradient(180deg,rgba(27,27,22,.98),rgba(39,34,27,.97))!important}.mobile-sidebar-drawer-body{height:100%;padding:.72rem .62rem!important}.mobile-sidebar-panel{height:100%;min-height:100%}.app-topbar-title{margin:0!important;font-size:var(--font-md)!important;line-height:1.15!important;font-weight:700!important;color:var(--ink)!important}.app-topbar-description{line-height:1.25!important;font-size:var(--font-sm)!important}.app-topbar-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.content{padding:.58rem;display:grid;grid-gap:.45rem;gap:.45rem;align-content:start;flex:1 1}.mobile-bottom-nav{display:none}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.5rem .75rem;font-size:var(--font-xs);font-weight:500;color:var(--muted);text-decoration:none}.mobile-nav-link.is-active{color:#fff8ee;font-weight:700;background:var(--accent);border-radius:10px;box-shadow:0 2px 8px var(--accent-ring)}.page-header{padding:1rem 1.25rem;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line)}.page-header h1{font-size:var(--font-xl);line-height:1.2}.page-header .eyebrow,.page-header .muted,.section-card-header .muted{margin:0}.annual-event-card h3,.auth-card h1,.car-card h3,.page-header h1,.section-card h2,.timeline-item h3{margin:0;color:var(--ink);font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-xs);color:var(--accent-dark);font-weight:600;margin:0 0 .35rem}.muted{color:var(--muted)}.annual-event-card,.auth-card,.car-card,.section-card,.stat-card,.timeline-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:.72rem .82rem;border-top:3px solid var(--accent);background:var(--panel)}.stat-card-link{text-decoration:none;color:inherit;display:block}.stat-card-danger{border-top-color:var(--danger);background:linear-gradient(180deg,var(--danger-soft) 0,var(--panel-strong) 45%)}.stat-card-warning{border-top-color:var(--warning);background:linear-gradient(180deg,var(--warning-soft) 0,var(--panel-strong) 45%)}.stat-card-danger .stat-label,.stat-card-warning .stat-label{color:var(--ink)}.section-card{padding:.52rem;display:grid;grid-gap:.55rem;gap:.55rem}.section-card-title{font-size:var(--font-lg)!important;line-height:1.2!important}.section-card-description{font-size:var(--font-sm)!important;line-height:1.25!important}.section-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.section-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.card-grid,.form-grid,.item-grid,.stats-grid{display:grid;grid-gap:.68rem;gap:.68rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card strong{display:block;font-size:var(--font-2xl);margin-top:.14rem}.stat-label{font-size:var(--font-2xs);color:var(--muted)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-layout,.annual-events-layout,.car-action-grid,.car-history-grid,.car-profile-layout,.garage-layout,.settings-layout,.settings-main{display:grid;grid-gap:.68rem;gap:.68rem}.car-profile-layout{grid-template-columns:1fr}.accounts-layout,.annual-events-layout,.car-action-grid,.car-history-grid,.garage-layout,.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-layout,.settings-main{grid-template-columns:1fr}.annual-events-layout,.garage-layout{align-items:stretch}.annual-events-form-card,.annual-events-list-card,.garage-form-card,.garage-list-card{min-height:auto}.account-card,.accounts-list{display:grid;grid-gap:.68rem;gap:.68rem}.account-card{border:1px solid var(--line-strong);border-radius:14px;background:var(--panel);padding:.68rem;box-shadow:var(--shadow)}.account-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.68rem}.account-card-actions{display:grid;justify-items:end;grid-gap:.42rem;gap:.42rem}.account-card-head h3{margin:0}.account-users{display:grid;grid-gap:.48rem;gap:.48rem}.account-user-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.68rem;padding:.52rem .58rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-strong)}.account-user-row p{margin:.18rem 0 0}.account-user-actions{display:grid;justify-items:end;grid-gap:.42rem;gap:.42rem}.account-user-role-form{margin:0}.account-user-role-select{border:1px solid var(--line);border-radius:10px;background:var(--panel-strong);color:var(--ink);font-size:var(--font-sm);font-weight:600;padding:.34rem .52rem;cursor:pointer}.account-card-footer{display:flex;justify-content:flex-start;align-items:flex-start;gap:.68rem;flex-wrap:wrap}.account-plan-editor{flex:1 1 auto;min-width:min(100%,42rem)}.account-plan-form{display:flex;align-items:flex-end;gap:.52rem;flex-wrap:wrap}.account-plan-form label{display:grid;grid-gap:.22rem;gap:.22rem;font-size:var(--font-sm)}.account-plan-form label span{font-size:var(--font-xs);color:var(--muted);white-space:nowrap}.account-plan-form input,.account-plan-form select{min-width:5.5rem;max-width:8rem}.account-plan-form .secondary-button{flex-shrink:0;align-self:flex-end}.release-timeline{display:grid;grid-gap:.82rem;gap:.82rem}.release-card{display:grid;grid-template-columns:28px minmax(0,1fr);grid-gap:.82rem;gap:.82rem}.release-marker{display:grid;justify-items:center;grid-template-rows:18px 1fr}.release-marker span{width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px rgba(205,122,31,.14)}.release-marker i{display:block;width:2px;height:100%;background:rgba(205,122,31,.2);border-radius:999px}.release-body{border:1px solid var(--line);border-radius:14px;background:hsla(0,0%,100%,.48);padding:.82rem .9rem;display:grid;grid-gap:.62rem;gap:.62rem}.release-body h3{margin:.1rem 0 0;font-size:var(--font-md)}.release-meta{flex-wrap:wrap}.release-change{position:relative;padding-left:10px!important}.release-change:before{content:"";position:absolute;left:0;top:.42rem;width:6px;height:6px;border-radius:999px;background:rgba(205,122,31,.72)}.stacked-form{display:grid;grid-gap:.68rem;gap:.68rem}.next-oil-change-fields{display:grid;grid-gap:.55rem;gap:.55rem;padding:.72rem .8rem;border:1px solid var(--line);border-radius:12px;background:hsla(0,0%,100%,.55)}.next-oil-change-title{margin:0;font-size:var(--font-md);font-weight:700}.next-oil-change-hint{margin:0;font-size:var(--font-xs);color:var(--muted);line-height:1.4}.next-oil-change-check{display:flex;align-items:center;gap:.5rem;font-size:var(--font-2xs);font-weight:600}.next-oil-change-check input{width:auto;margin:0}.next-oil-change-options{display:grid;grid-gap:.45rem;gap:.45rem}.next-oil-change-option{display:grid;grid-template-columns:auto 1fr;grid-gap:.55rem;gap:.55rem;align-items:start;padding:.55rem .65rem;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:var(--font-2xs);cursor:pointer}.next-oil-change-option.is-selected{border-color:var(--accent);background:rgba(201,90,26,.1)}.next-oil-change-option input{margin-top:.15rem}.next-oil-change-option strong{display:block;margin-bottom:.12rem}.next-oil-change-option-desc{display:block;font-size:var(--font-xs);color:var(--muted);line-height:1.35}.next-oil-change-inline{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.35rem;font-size:var(--font-xs);color:var(--muted)}.next-oil-change-inline input{width:4.8rem;padding:.2rem .35rem;border:1px solid var(--line);border-radius:7px;font-size:var(--font-sm)}.next-oil-change-year-input{width:3.2rem!important}.next-oil-change-target{color:var(--ink)}.car-timeline-row.is-planned{border-color:rgba(201,90,26,.28);background:rgba(201,90,26,.06)}.car-timeline-row.is-planned .car-timeline-row-type{color:var(--accent-dark);font-weight:700}.car-timeline-notification{color:var(--muted);font-size:var(--font-xs)}.car-planned-status.is-red{color:var(--danger);font-weight:600}.car-planned-status.is-yellow{color:var(--warning);font-weight:600}.car-planned-status.is-blue{color:var(--accent-dark);font-weight:600}.car-record-planned{display:grid;grid-gap:.55rem;gap:.55rem;margin-bottom:1rem}.danger-button,.primary-button,.secondary-button,.success-button{border:1px solid transparent;border-radius:11px;padding:.54rem .78rem;cursor:pointer;font-weight:600;font-size:var(--font-sm);line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:opacity .14s ease,transform .14s ease,background-color .14s ease,border-color .14s ease}.primary-button{background:var(--accent);color:#fff;border-color:var(--accent)}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.success-button{background:var(--panel-muted);border-color:var(--line-strong);color:var(--ink)}.secondary-button{background:hsla(0,0%,100%,.62);border-color:var(--line);color:var(--ink)}.danger-button{background:rgba(177,47,31,.08);border-color:rgba(177,47,31,.14);color:var(--danger)}.danger-button:hover,.primary-button:hover,.secondary-button:hover,.success-button:hover{transform:translateY(-1px)}.danger-button:disabled,.primary-button:disabled,.secondary-button:disabled,.success-button:disabled{cursor:wait;opacity:.7;transform:none}.is-pending{position:relative}.button-spinner{width:.78rem;height:.78rem;border-radius:999px;border:2px solid;border-right:2px solid transparent;display:inline-block;animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}.small-button{padding:.44rem .6rem;font-size:var(--font-sm)}.button-row,.section-actions{display:flex;flex-wrap:wrap;gap:.4rem}.compact-actions{gap:.4rem .75rem}.full-width{width:100%}.flash{border-radius:12px;padding:.62rem .72rem;font-weight:600}.flash-error{background:rgba(177,47,31,.12);color:var(--danger)}.flash-success{background:rgba(31,122,77,.12);color:var(--success)}.form-warning{margin:0;border:1px solid rgba(201,90,26,.2);border-radius:10px;background:rgba(201,90,26,.08);color:var(--accent-dark);padding:.48rem .58rem;font-size:var(--font-sm);line-height:1.35}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(480px,100%);padding:1.5rem;border-top:4px solid var(--accent);box-shadow:var(--shadow-md)}.system-page{min-height:100vh;display:grid;place-items:center;padding:2rem}.system-page-card{width:min(520px,100%);padding:1.75rem;border-radius:var(--radius);background:var(--panel-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);text-align:center}.system-page-card h1{margin:.35rem 0 .75rem;font-size:var(--font-2xl)}.system-page-copy{margin:0 0 1.25rem;color:var(--muted)}.system-page-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.system-page-link,.system-page-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.54rem .78rem;border-radius:11px;font-weight:600}.system-page-link{background:var(--accent);color:#fff}.header-quick-add{font-weight:600}.header-public-qr{font-weight:600;border-color:var(--line-strong)!important;background:var(--panel)!important;color:var(--ink)!important}.car-mobile-fab{display:none;position:fixed;right:1rem;bottom:5.25rem;z-index:90;width:3.25rem;height:3.25rem;border-radius:999px;background:var(--accent);color:#fff;font-size:var(--font-display);font-weight:500;line-height:1;text-decoration:none;box-shadow:0 10px 24px var(--accent-ring);align-items:center;justify-content:center}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:.58rem .46rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{font-size:var(--font-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--panel-muted);font-weight:700}.compact td,.compact th{padding:.42rem .34rem}.dashboard-event-row.is-past{opacity:.65}.dashboard-event-row.is-overdue td{background:var(--danger-soft)}.dashboard-event-row.is-soon td{background:var(--warning-soft)}.dashboard-event-row.is-past td{color:var(--muted)}.dashboard-event-row.year-divider{border-top:2px solid var(--line-strong)}.urgency-group-header th{background:var(--panel-muted);color:var(--ink);font-size:var(--font-sm);font-weight:700;letter-spacing:.02em;text-transform:none;padding-top:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.dashboard-card-group{display:grid;grid-gap:.75rem;gap:.75rem}.dashboard-card-group-title{margin:.25rem 0 0;font-size:var(--font-sm);font-weight:700;color:var(--ink);letter-spacing:.02em}.page-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:-.25rem 0 .75rem;font-size:var(--font-sm);color:var(--muted)}.page-breadcrumb-item{display:inline-flex;align-items:center;gap:.25rem}.page-breadcrumbs a{color:var(--accent-dark);text-decoration:none;font-weight:600}.page-breadcrumbs a:hover{text-decoration:underline}.page-breadcrumb-current{color:var(--ink);font-weight:600}.page-breadcrumb-separator{color:var(--line-strong)}.year-nav{display:inline-flex;gap:.35rem;margin-bottom:1rem;padding:.25rem;border-radius:999px;background:var(--panel);border:1px solid var(--line)}.year-nav-link{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.4rem .85rem;border-radius:999px;font-size:var(--font-sm);font-weight:600;color:var(--muted);text-decoration:none}.year-nav-link:hover{background:var(--accent-soft);color:var(--accent-dark)}.year-nav-link.is-active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-ring)}.car-card-next{color:var(--accent-dark);font-weight:600}.quick-add-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.dashboard-complete-form{display:inline-flex;align-items:center;gap:.45rem}.dashboard-event-active-actions{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:nowrap;white-space:nowrap}.dashboard-event-active-actions .dashboard-complete-form{gap:.35rem}.dashboard-event-active-actions .danger-button,.dashboard-event-active-actions .secondary-button{padding:.42rem .6rem}.dashboard-complete-form-mobile,.dashboard-event-active-actions-mobile{display:grid;grid-gap:.5rem;gap:.5rem;width:100%}.dashboard-complete-form-mobile .dashboard-complete-cost{width:100%}.dashboard-complete-cost{width:4.5rem}.dashboard-complete-cost .mantine-Input-input{min-height:30px;padding-inline:.6rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.garage-list-card .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.car-card{overflow:hidden;transition:transform .14s ease,box-shadow .14s ease}.car-card-link{display:block;color:inherit;cursor:pointer;text-decoration:none}.car-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:18px}.car-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.car-card-image,.placeholder,.profile-image,.timeline-image{border-radius:18px}.car-card-image,.profile-image{width:100%;height:auto;object-fit:contain;background:linear-gradient(135deg,rgba(249,115,22,.12),rgba(26,23,20,.08))}.placeholder,.timeline-image{object-fit:cover}.car-card-image,.placeholder{width:100%;min-height:136px;background:linear-gradient(135deg,rgba(249,115,22,.18),rgba(26,23,20,.1));display:grid;place-items:center;color:var(--muted)}.car-card-image{aspect-ratio:3/2}.profile-image{aspect-ratio:4/3;min-height:260px}.annual-event-card,.car-card-body{padding:.72rem}.car-card-title{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.car-card-title-arrow{color:var(--accent);font-size:1rem;line-height:1;transition:transform .14s ease}.car-card-link:focus-visible .car-card-title-arrow,.car-card:hover .car-card-title-arrow{transform:translateX(2px)}.meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin:0}.meta-list dt{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.meta-list dd{margin:.2rem 0 0}.car-overview-shell{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:.8rem;gap:.8rem}.car-overview-content{display:grid;grid-gap:.74rem;gap:.74rem;align-content:start}.car-overview-title{margin:0;font-size:var(--font-xl);line-height:1.08}.car-profile-stat{border:1px solid var(--line);border-radius:14px;padding:.62rem .72rem;background:hsla(0,0%,100%,.48);display:grid;grid-gap:.2rem;gap:.2rem}.car-profile-stat span{color:var(--muted);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em}.car-profile-stat strong{font-size:var(--font-md)}.car-profile-note{background:hsla(0,0%,100%,.44)}.car-profile-note,.profile-editor{border:1px solid var(--line);border-radius:14px;padding:.62rem .72rem}.profile-editor{background:hsla(0,0%,100%,.55)}.profile-editor summary{cursor:pointer;font-weight:700;color:var(--accent-dark)}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-grid.dynamic{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.item-card{border:1px dashed var(--line);border-radius:14px;padding:.68rem;display:grid;grid-gap:.58rem;gap:.58rem}.timeline{display:grid;grid-gap:.62rem;gap:.62rem}.timeline-layout{align-items:start}.car-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.car-detail-column,.car-detail-grid{display:grid;grid-gap:.68rem;gap:.68rem}.car-detail-column{align-content:start}.car-action-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}.car-planning-card{grid-column:2;grid-row:1/span 2}.car-history-grid{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr)}.mileage-chart{display:grid;grid-gap:.58rem;gap:.58rem}.car-chart-card{padding:.42rem}.car-chart-card .mileage-chart{gap:.42rem}.car-chart-card .mileage-chart-svg{max-width:70%;margin-inline:auto}.car-chart-card .mileage-chart-legend,.car-chart-card .mileage-chart-summary{font-size:var(--font-xs)}.car-chart-card .mileage-chart-summary strong{font-size:var(--font-sm)}.mileage-chart-legend,.mileage-chart-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:var(--font-2xs);color:var(--muted)}.mileage-chart-summary strong{color:var(--ink);font-size:var(--font-md)}.mileage-chart-svg{width:100%;height:auto;overflow:visible}.mileage-chart-axis{stroke:rgba(62,48,30,.2);stroke-width:1}.mileage-chart-line{fill:none;stroke:var(--accent);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.mileage-chart-point{fill:#fff;stroke:var(--accent);stroke-width:2}.mileage-chart-point.stk-point{fill:var(--accent);stroke:var(--accent-dark)}.mileage-chart-point.refuel-point{fill:#f1fbff;stroke:#1492b8}.legend-dot{width:.7rem;height:.7rem;border-radius:999px;display:inline-block;background:#fff;border:2px solid var(--accent);margin-right:.35rem;vertical-align:middle}.legend-dot.stk-dot{background:var(--accent);border-color:var(--accent-dark)}.legend-dot.refuel-dot{background:#f1fbff;border-color:#1492b8}.legend-dot.mileage-dot{background:#f5f0e8;border-color:#67604f}.mileage-chart-point.mileage-point{fill:#f5f0e8;stroke:#67604f}.timeline-item{padding:.72rem;display:grid;grid-gap:.55rem;gap:.55rem}.timeline-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.4rem}.timeline-editor{width:100%;padding:.58rem .68rem;border:1px solid var(--line);border-radius:14px;background:hsla(0,0%,100%,.55)}.timeline-editor summary{cursor:pointer;font-weight:700}.annual-event-head,.timeline-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.timeline-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.badge,.timeline-cost,.timeline-mileage{border-radius:999px;background:rgba(31,31,25,.08);padding:.28rem .56rem;font-size:var(--font-xs)}.status-badge{font-size:var(--font-xs);font-weight:700;letter-spacing:.01em}.status-badge.valid{background:rgba(31,122,77,.14);color:#1e6f48;border:1px solid rgba(31,122,77,.18)}.status-badge.invalid{background:rgba(177,47,31,.12);color:#9d2e22;border:1px solid rgba(177,47,31,.16)}.annual-events-list,.detail-stack,.inline-list{display:grid;grid-gap:.58rem;gap:.58rem}.inline-list-item{border:1px solid var(--line);border-radius:12px;padding:.58rem .64rem;display:grid;grid-gap:.42rem;gap:.42rem}.inline-list-main{display:grid;grid-gap:.35rem;gap:.35rem}.inline-list-note{margin:0;font-size:var(--font-md)}.text-link{color:var(--accent-dark);font-weight:700}.text-link.small{font-size:var(--font-md)}.annual-event-card{display:grid;grid-gap:.55rem;gap:.55rem}.annual-event-card summary{cursor:pointer;font-weight:700}.inline-editor summary{cursor:pointer;font-size:var(--font-sm);font-weight:600;color:var(--accent-dark)}.inset-form{margin-top:.6rem}.empty-state{padding:1rem 0;color:var(--muted)}.empty-state p{margin:0 0 .5rem}.empty-state.compact{padding:.2rem 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,240px);align-items:start;grid-gap:.45rem;gap:.45rem}.dashboard-aside{display:grid;grid-gap:.55rem;gap:.55rem;align-content:start;padding-top:.1rem;font-size:var(--font-sm);color:var(--ink)}.dashboard-summary-lines{display:grid;grid-gap:.35rem;gap:.35rem}.dashboard-summary-line{margin:0;line-height:1.45;color:var(--muted)}.dashboard-summary-link,.dashboard-summary-value{color:var(--ink);font-weight:600}.dashboard-summary-link{text-decoration:none}.dashboard-summary-link:hover{color:var(--accent-dark);text-decoration:underline}.dashboard-aside-section{display:grid;grid-gap:.5rem;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--line)}.dashboard-aside-label{margin:0;font-size:var(--font-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.dashboard-aside-links{padding-top:.25rem}.dashboard-side{display:grid;align-content:start;grid-gap:1rem;gap:1rem}.dashboard-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-chip{display:inline-flex;align-items:center;padding:.28rem .58rem;border-radius:999px;border:1px solid var(--line);background:var(--panel-strong);color:var(--muted);font-size:var(--font-sm);font-weight:600;text-decoration:none}.filter-chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.filter-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-ring)}.dashboard-events{min-height:auto}.dashboard-events .table-wrap{overflow:auto}.dashboard-table-desktop .data-table td,.dashboard-table-desktop .data-table th{white-space:nowrap;padding-inline:.34rem}.dashboard-table-desktop .data-table td.dashboard-event-note{max-width:10rem;overflow:hidden;text-overflow:ellipsis}.dashboard-table-desktop .data-table td.dashboard-event-user{max-width:6.5rem;overflow:hidden;text-overflow:ellipsis}.dashboard-cards-mobile{display:none;gap:.75rem}.dashboard-event-card{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);padding:1rem;display:grid;grid-gap:.5rem;gap:.5rem;box-shadow:var(--shadow)}.dashboard-event-card-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.dashboard-event-card h3{margin:0;font-size:var(--font-md);font-weight:600}.dashboard-event-card-meta{font-size:var(--font-sm);color:var(--muted)}.dashboard-event-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.car-profile-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--line-strong);margin-bottom:1rem;overflow-x:auto;background:var(--panel-muted);border-radius:var(--radius) var(--radius) 0 0;padding:.25rem .25rem 0}.car-profile-tab{padding:.625rem 1rem;font-size:var(--font-sm);font-weight:600;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;border-radius:8px 8px 0 0}.car-profile-tab:hover{color:var(--accent-dark);background:var(--accent-soft)}.car-profile-tab.is-active{color:var(--accent-dark);border-bottom-color:var(--accent);background:var(--panel);font-weight:700}.car-profile-overview{display:grid;grid-gap:.55rem;gap:.55rem;width:100%}.car-profile-overview-page{display:grid;grid-gap:.75rem;gap:.75rem;width:100%}.desktop-only{display:none}.mobile-only{display:inline-flex}@media (min-width:900px){.desktop-only{display:block}.mobile-only{display:none!important}}.car-fact-sheet{display:grid;grid-gap:0;gap:0;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.car-fact-sheet.is-strip .car-fact-strip-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.35rem}.car-fact-strip-title{margin:0;min-width:0;flex:1 1;padding-left:.55rem;font-size:var(--font-md);font-weight:700;line-height:1.3}.car-fact-strip-head-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.car-fact-strip-body{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.car-fact-strip-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:0;gap:0;margin:0}.car-fact-strip-row.is-secondary{grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.car-fact-cell{display:grid;grid-gap:.12rem;gap:.12rem;min-width:0;padding:.35rem .55rem;border-right:1px solid var(--line)}.car-fact-strip-row .car-fact-cell:last-child{border-right:none}.car-fact-cell dt{margin:0;font-size:var(--font-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.car-fact-cell dd{margin:0;font-size:var(--font-sm);font-weight:600;line-height:1.3;word-break:break-word}.car-fact-strip-foot{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-top:.35rem}.car-fact-strip-foot .car-fact-note{margin:0;flex:1 1;min-width:min(100%,240px);padding-left:.55rem}.car-fact-sheet .car-profile-editor{border:none;background:transparent;padding:0;flex-shrink:0}.car-fact-sheet .car-profile-editor summary{font-size:var(--font-xs);white-space:nowrap}.car-fact-sheet .car-profile-editor[open]{flex-basis:100%;width:100%;margin-top:.1rem;border:1px dashed var(--line);border-radius:10px;background:hsla(0,0%,100%,.42);padding:.45rem .55rem}.car-fact-sheet .car-profile-editor[open] summary{margin-bottom:.35rem}.car-fact-thumb{width:72px;height:54px;border-radius:8px;object-fit:cover;border:1px solid var(--line);background:linear-gradient(135deg,rgba(201,90,26,.16),rgba(39,34,27,.08))}.car-fact-thumb.placeholder{display:grid;place-items:center;font-size:var(--font-xs);color:var(--muted)}.car-overview-actions{display:flex;justify-content:flex-start}.car-timeline-section{display:grid;grid-gap:.27rem;gap:.27rem}.car-timeline-section .car-section-label{font-size:var(--font-2xs)}.car-timeline-board{display:grid;grid-gap:.45rem;gap:.45rem}@media (min-width:900px){.car-timeline-board{grid-template-columns:minmax(0,317px) minmax(0,317px) minmax(0,400px);align-items:start}.car-timeline-column.is-future,.car-timeline-column.is-past{max-width:317px}.car-timeline-column.is-mileage{max-width:400px}}.car-timeline-column.is-mileage{order:3}.car-timeline-column.is-mileage .mileage-chart{gap:.24rem}.car-timeline-column.is-mileage .mileage-chart-svg{width:100%;max-width:336px;max-height:176px;margin-inline:auto}.car-timeline-column.is-mileage .mileage-chart-legend,.car-timeline-column.is-mileage .mileage-chart-summary{flex-wrap:wrap;font-size:var(--font-xs);gap:.18rem;justify-content:center}.car-timeline-column.is-mileage .mileage-chart-summary strong{font-size:var(--font-xs)}.car-timeline-column.is-mileage .mileage-chart-legend{justify-content:flex-start}.car-timeline-column.is-mileage .mileage-chart-legend .legend-dot{width:.55rem;height:.55rem;margin-right:.25rem}.car-timeline-column.is-mileage .empty-state.compact{font-size:var(--font-sm)}.car-timeline-column{display:grid;grid-gap:.27rem;gap:.27rem;min-width:0}.car-timeline-column.is-future{order:1}.car-timeline-column.is-past{order:2}.car-timeline-column-title{margin:0;font-size:var(--font-md);font-weight:700}.car-timeline-column-empty{margin:0;font-size:var(--font-sm)}.car-timeline-column-list{display:grid;grid-gap:.24rem;gap:.24rem}.car-timeline-compact{border-left-color:var(--line);border-radius:6px;background:hsla(0,0%,100%,.62);overflow:hidden;border:1px solid var(--line);border-left-width:2px}.car-timeline-compact.is-future.is-urgency-green{border-left-color:var(--success);background:linear-gradient(90deg,var(--success-soft) 0,hsla(0,0%,100%,.62) 28%)}.car-timeline-compact.is-future.is-urgency-orange{border-left-color:var(--warning);background:linear-gradient(90deg,var(--warning-soft) 0,hsla(0,0%,100%,.62) 28%)}.car-timeline-compact.is-future.is-urgency-red{border-left-color:var(--danger);background:linear-gradient(90deg,var(--danger-soft) 0,hsla(0,0%,100%,.62) 28%)}.timeline-urgency-badge{display:inline-flex;align-items:center;font-size:var(--font-sm);font-weight:700;line-height:1.2;padding:.07rem .27rem;border-radius:999px;white-space:nowrap}.timeline-urgency-badge.is-green{background:var(--success-soft);color:var(--success)}.timeline-urgency-badge.is-orange{background:var(--warning-soft);color:var(--warning)}.timeline-urgency-badge.is-red{background:var(--danger-soft);color:var(--danger)}.car-timeline-compact-summary{width:100%;display:grid;grid-gap:.18rem;gap:.18rem;padding:.3rem .36rem;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.car-timeline-compact-head{display:flex;flex-wrap:wrap;align-items:center;gap:.21rem .3rem}.car-timeline-compact-body{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:.21rem .3rem;gap:.21rem .3rem;align-items:center}.car-timeline-compact-kind,.car-timeline-compact-type{font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.car-timeline-compact-title{font-size:var(--font-lg);font-weight:600;min-width:0}.car-timeline-compact-chevron,.car-timeline-compact-cost,.car-timeline-compact-date{font-size:var(--font-md);color:var(--muted)}.car-timeline-compact-desc,.car-timeline-compact-meta{margin:0;padding:0 .36rem .27rem;font-size:var(--font-md);line-height:1.35}.timeline-entry-audit{margin:0;padding:0 .36rem .27rem;line-height:1.35}.car-timeline-compact .car-timeline-notification,.timeline-entry-audit{font-size:var(--font-xs)}.car-timeline-compact-details{display:grid;grid-gap:.27rem;gap:.27rem;padding:0 .36rem .36rem;border-top:1px solid var(--line);font-size:var(--font-md)}.car-timeline-section .timeline-editor{padding:.35rem .41rem;border-radius:8px}.car-timeline-item-list{margin:.27rem 0 0;padding-left:.6rem;font-size:var(--font-md)}.car-timeline-section .car-timeline-row-image{max-width:84px;border-radius:5px}.car-add-event-kind-grid{display:grid;grid-gap:.45rem;gap:.45rem}.car-add-event-kind-card{display:grid;grid-gap:.2rem;gap:.2rem;width:100%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit}.car-add-event-kind-card:hover{border-color:var(--accent);background:rgba(201,90,26,.08)}.car-add-event-kind-card strong{font-size:var(--font-sm)}.car-add-event-kind-card span{font-size:var(--font-xs);color:var(--muted)}.car-cover-image-button{margin-top:.35rem;padding:.3rem .55rem;border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.7);font-size:var(--font-xs);font-weight:600;cursor:pointer}.car-cover-image-modal{width:100%;height:auto;border-radius:10px}.maintenance-cost-output{display:block;padding:.45rem .55rem;border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.7);font-size:var(--font-sm);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.car-section-label{margin:0;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.car-fact-plate{display:inline-block;padding:0 .35rem;border-radius:4px;border:1px solid var(--line);background:hsla(0,0%,100%,.55);font-weight:700;color:var(--ink)}.car-card-plate-row,.car-fact-plate-wrap{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap}.car-card-plate-row{display:flex}.vehicle-validity-badges{flex-wrap:wrap}.car-obligation-table{width:100%;border-collapse:collapse;font-size:var(--font-xs);table-layout:fixed}.car-obligation-table th{text-align:left;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.15rem .35rem .3rem 0;border-bottom:1px solid var(--line)}.car-obligation-table td:nth-child(2),.car-obligation-table th:nth-child(2){width:34%}.car-obligation-table td{padding:.28rem .35rem .28rem 0;border-bottom:1px solid rgba(62,48,30,.08);vertical-align:top;word-break:break-word}.car-obligation-status{display:inline-block;font-size:var(--font-xs);font-weight:700;padding:.1rem .45rem;border-radius:999px}.car-obligation-status.is-overdue{background:var(--danger-soft);color:var(--danger)}.car-obligation-status.is-soon{background:var(--warning-soft);color:var(--warning)}.car-obligation-status.is-ok{background:var(--success-soft);color:var(--success)}.car-fact-note{margin:0;font-size:var(--font-sm);line-height:1.4}.car-fact-empty,.car-fact-note-label{color:var(--muted)}.car-fact-empty{margin:0;font-size:var(--font-sm)}.car-profile-editor{border:1px dashed var(--line);border-radius:10px;background:hsla(0,0%,100%,.42);padding:.45rem .55rem}.car-profile-editor summary{cursor:pointer;font-size:var(--font-sm);font-weight:700;color:var(--accent-dark)}.car-profile-editor-danger{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line);display:grid;grid-gap:.45rem;gap:.45rem}.car-profile-editor-danger p{margin:0;font-size:var(--font-sm);color:var(--muted)}.car-record-history{display:grid;grid-gap:.45rem;gap:.45rem}.car-record-history-note{margin:0;font-size:var(--font-sm)}.car-timeline-list{display:grid;grid-gap:0;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.42)}.car-timeline-row{display:grid;grid-gap:.35rem;gap:.35rem;padding:.45rem .5rem;border-bottom:1px solid rgba(62,48,30,.1)}.car-timeline-row:last-child{border-bottom:none}.car-timeline-row-main{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.2rem;gap:.2rem;align-items:start}.car-timeline-row-type{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-dark)}.car-timeline-row-head{display:grid;grid-gap:.1rem;gap:.1rem;align-items:start}.car-timeline-row-head strong{font-size:var(--font-sm);line-height:1.25}.car-timeline-row-date,.car-timeline-row-meta{font-size:var(--font-xs);color:var(--muted)}.car-timeline-row-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.1rem}.car-timeline-row-desc,.car-timeline-row-detail{margin:.1rem 0 0;font-size:var(--font-xs)}.car-timeline-row-actions{display:flex;flex-wrap:wrap;gap:.28rem;align-items:flex-start}.car-timeline-row-image{width:100%;max-width:140px;height:auto;border-radius:8px;border:1px solid var(--line)}.car-profile-tab-panel{display:grid;grid-gap:1rem;gap:1rem}.checkbox-field{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--font-sm);width:-moz-fit-content;width:fit-content;max-width:100%}.checkbox-field input[type=checkbox]{width:1rem;height:1rem;margin:0;padding:0;flex:0 0 auto;border-radius:4px}.maintenance-form-error{margin:0;color:var(--danger);font-size:var(--font-sm);font-weight:600}.maintenance-event-photos{display:grid;grid-gap:.75rem;gap:.75rem;grid-column:1/-1}.maintenance-event-photo-grid{display:flex;flex-wrap:wrap;gap:.75rem}.maintenance-event-photo-card{display:grid;grid-gap:.45rem;gap:.45rem;width:min(100%,160px)}.maintenance-event-photo-preview{width:100%;height:auto;border-radius:8px;border:1px solid var(--line);object-fit:cover}.car-timeline-event-images{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.maintenance-photo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.68rem;gap:.68rem;align-items:end;grid-column:1/-1}.maintenance-oil-check{align-self:end;padding-bottom:.5rem}.maintenance-add-item-row{display:flex;justify-content:center;padding-top:.15rem}.maintenance-add-item-button{padding:.68rem 1rem;font-size:var(--font-md)}.checkbox-grid-field{align-self:end;min-height:2.25rem;width:-moz-fit-content;width:fit-content}.quick-add-panel{display:grid;grid-gap:.58rem;gap:.58rem}.quick-action-row{display:flex;flex-wrap:wrap;gap:.35rem}.print-page{padding:2rem;background:#fff;min-height:100vh}.print-header{margin-bottom:1.5rem}@media (max-width:1080px){.accounts-layout,.annual-events-layout,.car-action-grid,.car-detail-grid,.car-history-grid,.car-overview-shell,.form-grid,.garage-layout,.item-grid,.settings-layout,.settings-main{grid-template-columns:1fr}.car-planning-card{grid-column:auto;grid-row:auto}.dashboard-grid{grid-template-columns:1fr}.dashboard-aside,.dashboard-summary{order:-1}.garage-list-card .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-layout{display:flex;flex-direction:column}.garage-list-card{order:1}}@media (max-width:800px){.shell{grid-template-columns:1fr}.desktop-sidebar{display:none!important}.mobile-sidebar-burger{display:inline-flex}.content{padding:.58rem .58rem 5rem}.app-topbar{min-height:var(--mobile-chrome-height);padding:env(safe-area-inset-top,0) .58rem 0}.app-topbar,.app-topbar-leading{align-items:center}.app-topbar-actions{align-self:center}.mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,0);background:linear-gradient(180deg,rgba(27,27,22,.98),rgba(39,34,27,.97));border-top:1px solid hsla(0,0%,100%,.08);box-shadow:0 -8px 24px rgba(0,0,0,.2);justify-content:space-around;align-items:center}.mobile-nav-link{color:rgba(255,243,224,.72)}.dashboard-table-desktop{display:none}.dashboard-cards-mobile{display:grid}.dashboard-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.car-profile-overview{width:100%;max-width:none}.car-timeline-compact-summary{gap:.15rem}.car-timeline-compact-head{gap:.18rem}.car-timeline-compact-body{grid-template-columns:minmax(0,1fr) auto}.car-timeline-compact-cost,.car-timeline-compact-kind,.car-timeline-compact-type{display:none}.car-fact-strip-row,.car-fact-strip-row.is-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.car-fact-strip-row .car-fact-cell{border-right:none;border-bottom:1px solid var(--line);padding:.3rem .55rem}.car-fact-strip-row .car-fact-cell:nth-child(odd){border-right:1px solid var(--line)}.car-fact-strip-row .car-fact-cell:nth-last-child(-n+2){border-bottom:none}.car-fact-strip-row.is-secondary .car-fact-cell:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.car-fact-strip-title{font-size:var(--font-sm)}.car-fact-strip-head{align-items:flex-start}.car-timeline-row-main{grid-template-columns:1fr}.dashboard-metrics-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-list-card .card-grid{grid-template-columns:1fr}.car-mobile-fab{display:flex}}@media print{body{background:#fff}.print-page{padding:0}}.public-car-page{--ink:#1f1a14;--muted:#6f6558;--line:#ddd4c6;--line-strong:#cfc4b4;--panel:#fff;--panel-muted:#f4f0e8;--accent:#2f6f4f;--accent-dark:#24553d;min-height:100vh;background:#f4f0e8;color:var(--ink);padding:.75rem .75rem 1.5rem}.public-car-page-inner{max-width:28rem;margin:0 auto}.public-car-passport{border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);overflow:hidden}.public-car-passport-head{padding:1rem 1rem .85rem;background:var(--panel-muted);border-bottom:1px solid var(--line)}.public-car-passport-eyebrow{margin:0;font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.public-car-passport-plate{margin:.25rem 0 0;font-size:1.85rem;line-height:1.05;letter-spacing:.04em}.public-car-passport-subtitle{margin:.2rem 0 0;color:var(--muted);font-size:var(--font-sm)}.public-car-passport-body{display:grid;grid-gap:1rem;gap:1rem;padding:1rem}.public-car-passport-main,.public-car-passport-sidebar{display:grid;grid-gap:1rem;gap:1rem;align-content:start}.public-car-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem 1rem;gap:.75rem 1rem;margin:0}.public-car-spec dt{margin:0;font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.public-car-spec dd{margin:.12rem 0 0;font-size:var(--font-sm);font-weight:600;line-height:1.3;word-break:break-word}.public-car-highlight-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;border:1px solid var(--line);border-radius:8px;padding:.7rem .75rem}.public-car-highlight-label{margin:0;font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.public-car-highlight-value{margin:.2rem 0 0;font-size:var(--font-sm);font-weight:600;line-height:1.35}.public-car-section h2{margin:0 0 .55rem;font-size:var(--font-md)}.public-car-future-list,.public-car-history-list{display:grid;grid-gap:.55rem;gap:.55rem}.public-car-future{border-left:3px solid var(--line-strong);padding-left:.65rem}.public-car-future.is-urgency-red{border-left-color:#c0392b}.public-car-future.is-urgency-orange{border-left-color:#d97706}.public-car-future.is-urgency-green{border-left-color:var(--accent)}.public-car-future-head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.public-car-future-due,.public-car-future-head strong{font-size:var(--font-sm)}.public-car-future-due{margin:.15rem 0 0;color:var(--muted)}.public-car-urgency{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .45rem;font-size:var(--font-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.public-car-urgency.is-green{background:#e8f5ec;color:#24553d}.public-car-urgency.is-orange{background:#fff4e5;color:#9a5b00}.public-car-urgency.is-red{background:#fdecea;color:#a12622}.public-car-chart-wrap{border:1px solid var(--line);border-radius:8px;padding:.55rem .6rem .45rem;background:#fcfbfa}.public-car-chart-section .mileage-chart{gap:.45rem}.public-car-chart-section .mileage-chart-legend,.public-car-chart-section .mileage-chart-summary{font-size:var(--font-xs)}.public-car-chart-section .mileage-chart-summary strong{font-size:var(--font-sm)}.public-car-history-card{border:1px solid var(--line);border-radius:8px;padding:.7rem .75rem;background:#fcfbfa}.public-car-history-head{display:grid;grid-gap:.35rem;gap:.35rem}.public-car-history-type{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:.1rem .45rem;background:var(--panel-muted);color:var(--muted);font-size:var(--font-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.public-car-history-title-wrap{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.public-car-history-title-wrap strong{font-size:var(--font-sm);line-height:1.3}.public-car-history-date{color:var(--muted);font-size:var(--font-xs);white-space:nowrap}.public-car-history-desc,.public-car-history-meta{margin:.35rem 0 0;color:var(--muted);font-size:var(--font-sm);line-height:1.4}.public-car-history-items{margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--line)}.public-car-history-items-label{margin:0 0 .35rem;font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.public-car-history-items ul{margin:0;padding-left:1rem;font-size:var(--font-sm);line-height:1.45}.public-car-part-no{color:var(--muted)}.public-car-passport-foot{padding:.7rem 1rem;border-top:1px solid var(--line);color:var(--muted);font-size:var(--font-xs);line-height:1.45}.car-public-profile-panel{border:1px solid var(--line);border-radius:12px;padding:.85rem .95rem;background:var(--panel);display:grid;grid-gap:.75rem;gap:.75rem}.car-public-profile-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.car-public-profile-panel-desc{margin:.2rem 0 0;font-size:var(--font-sm)}.car-public-profile-form{display:grid;grid-gap:.55rem;gap:.55rem}.car-public-profile-toggle{display:flex;align-items:center;gap:.45rem;font-size:var(--font-sm)}.car-public-profile-link{margin:0;font-size:var(--font-sm);word-break:break-all}.car-public-profile-hint{margin:0;font-size:var(--font-xs)}.car-public-profile-qr-block{display:grid;grid-gap:.65rem;gap:.65rem;padding-top:.15rem;border-top:1px solid var(--line)}.car-public-profile-qr-toggle{width:-moz-fit-content;width:fit-content}.car-public-profile-qr-wrap{display:grid;grid-gap:.45rem;gap:.45rem;justify-items:start}.car-public-profile-qr-hint{margin:0;font-size:var(--font-xs);max-width:12rem;line-height:1.4}.car-public-qr{width:168px;height:168px;border:1px solid var(--line);border-radius:8px;background:#fff}.notification-cockpit-grid,.notification-cockpit-layout{display:grid;grid-gap:1rem;gap:1rem}.notification-cockpit-status-grid{display:grid;grid-gap:.85rem 1rem;gap:.85rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.notification-cockpit-table-wrap{overflow-x:auto}.notification-cockpit-table{min-width:52rem}.notification-cockpit-detail{max-width:18rem;word-break:break-word}.notification-lead-fieldset{margin:0;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px}.notification-channel-fieldset{padding:.45rem .65rem}.notification-lead-fieldset legend{padding:0 .25rem;font-size:var(--font-sm);font-weight:600}.notification-channel-options{display:flex;flex-wrap:nowrap;align-items:center;gap:1.25rem}.notification-channel-options .notification-lead-option{flex:0 0 auto;flex-shrink:0;white-space:nowrap;min-width:max-content}.notification-channel-options .notification-lead-option span{white-space:nowrap}.notification-lead-options{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.notification-lead-options .notification-lead-option{flex:0 0 auto;flex-shrink:0;white-space:nowrap;min-width:max-content}.notification-lead-options .notification-lead-option span{white-space:nowrap}.notification-lead-option{display:flex;align-items:center;gap:.35rem;font-size:var(--font-sm);width:auto}.notification-lead-option-disabled{color:var(--muted);cursor:not-allowed}.notification-channel-address,.notification-channel-pending{font-size:var(--font-xs);font-weight:500;color:var(--muted)}@media (min-width:900px){.notification-cockpit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-cockpit-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.public-car-page{padding:1.5rem 1.5rem 2.5rem}.public-car-page-inner{max-width:72rem}.public-car-passport{box-shadow:0 14px 42px rgba(31,26,20,.08)}.public-car-passport-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;grid-gap:.35rem 2rem;gap:.35rem 2rem;padding:1.35rem 1.5rem 1.15rem}.public-car-passport-eyebrow{grid-column:1;grid-row:1}.public-car-passport-subtitle{grid-column:1;grid-row:2;font-size:var(--font-md)}.public-car-passport-plate{grid-column:2;grid-row:1/span 2;align-self:center;margin:0;font-size:2.75rem;text-align:right}.public-car-passport-body{grid-template-columns:minmax(17rem,21rem) minmax(0,1fr);gap:1.25rem 1.75rem;padding:1.25rem 1.5rem 1.5rem}.public-car-passport-main,.public-car-passport-sidebar{gap:1.15rem}.public-car-spec-grid{grid-template-columns:1fr;gap:.65rem;padding:.15rem 0}.public-car-spec dd{font-size:var(--font-md)}.public-car-highlight-row{grid-template-columns:1fr;gap:.65rem;padding:.85rem .9rem}.public-car-highlight-value{font-size:var(--font-md)}.public-car-section h2{margin-bottom:.7rem;font-size:var(--font-lg)}.public-car-future-list,.public-car-history-list{gap:.65rem}.public-car-chart-wrap{padding:.85rem 1rem .75rem}.public-car-chart-section .mileage-chart-summary strong{font-size:var(--font-md)}.public-car-history-card{padding:.85rem .95rem}.public-car-history-title-wrap strong{font-size:var(--font-md)}.public-car-passport-foot{padding:.85rem 1.5rem;font-size:var(--font-sm)}}.public-car-demo-banner{margin:0 0 1rem;padding:.75rem 1rem;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent-ring);color:var(--ink);font-size:var(--font-sm);line-height:1.45}.landing-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(201,90,26,.18),transparent 28%),linear-gradient(180deg,#f8f3e9,#efe8db)}.landing-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:18px 6vw;max-width:1100px;margin:0 auto}.landing-topnav{display:flex;align-items:center;gap:.65rem}.landing-topnav-link{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.landing-topnav-link:hover{color:var(--ink)}.landing-topnav-cta{padding:.55rem 1rem}.landing-logo{font-size:22px;font-weight:800;color:var(--ink)}.landing-hero{max-width:1100px;margin:0 auto;padding:48px 6vw 72px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:40px;gap:40px;align-items:center}.landing-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:0 0 16px}.landing-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 8px}.landing-eyebrow-on-dark{color:#f0a56a}.landing-lead{font-size:17px;color:var(--muted);max-width:34rem;line-height:1.55;margin:0 0 24px}.landing-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:1.1rem}.landing-trust-list{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.landing-trust-list li{padding:.35rem .7rem;border-radius:999px;background:rgba(255,250,242,.88);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600}.landing-hero-preview{display:grid;grid-gap:14px;gap:14px}.landing-preview-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.landing-preview-passport{display:block;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.landing-preview-passport:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.landing-preview-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem}.landing-preview-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.landing-preview-car-name{margin:0 0 .85rem;color:var(--muted);font-size:14px}.landing-preview-badges{display:flex;flex-wrap:wrap;gap:.45rem}.landing-preview-badge{padding:.32rem .62rem;border-radius:999px;font-size:11px;font-weight:700}.landing-preview-badge.is-ok{background:var(--success-soft);color:var(--success)}.landing-preview-badge.is-warn{background:var(--warning-soft);color:var(--warning)}.landing-preview-passport-plate{display:block;margin:.45rem 0 .9rem;font-size:1.45rem;letter-spacing:.06em}.landing-preview-specs{display:grid;grid-gap:.65rem;gap:.65rem;margin:0 0 .9rem}.landing-preview-specs div{display:grid;grid-template-columns:110px 1fr;grid-gap:.5rem;gap:.5rem}.landing-preview-specs dt{margin:0;color:var(--muted);font-size:12px}.landing-preview-specs dd{margin:0;font-size:13px;font-weight:600}.landing-preview-link{color:var(--accent);font-size:13px;font-weight:700}.landing-section-head{max-width:1100px;margin:0 auto 1.4rem;padding:0 6vw}.landing-section-head h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.15}.landing-section-head-centered{text-align:center}.landing-steps{max-width:1100px;margin:0 auto;padding:0 6vw 4rem}.landing-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.landing-step-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.landing-step-number{display:block;margin-bottom:.75rem;color:var(--accent);font-size:1.5rem;font-weight:800;line-height:1}.landing-step-card h3{margin:0 0 .55rem;font-size:17px}.landing-step-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.landing-btn-ghost,.landing-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.2rem;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none}.landing-btn-primary{background:var(--accent);color:#fff}.landing-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.landing-hero-visual{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.landing-features{max-width:1100px;margin:0 auto;padding:0 6vw 4.5rem}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.landing-plate{display:inline-block;padding:.35rem .7rem;border-radius:8px;background:#fff;border:2px solid #1f1f19;color:#1f1f19;font-weight:800;letter-spacing:.08em;font-size:18px}.landing-feature-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.landing-feature-card h3{margin:12px 0 8px;font-size:17px}.landing-feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.landing-feature-icon{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);display:grid;place-items:center;font-size:18px}.landing-qr-band{max-width:1100px;margin:0 auto 80px;padding:0 6vw}.landing-qr-band-inner{display:grid;grid-template-columns:auto 1fr;grid-gap:28px;gap:28px;align-items:center;background:#1f1f19;color:#fff;border-radius:24px;padding:32px}.landing-qr-band-inner h2{margin:0 0 12px;font-size:1.6rem;line-height:1.2}.landing-qr-band-inner p{margin:0;color:hsla(0,0%,100%,.72);line-height:1.55}.landing-qr-band-inner code{font-size:.92em;color:#f0d2b8}.landing-qr-band-link{display:inline-block;margin-top:1rem;color:#f0d2b8;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.landing-qr-card{display:grid;grid-gap:12px;gap:12px;justify-items:center;padding:16px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.landing-qr-copy{text-align:center}.landing-qr-copy p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.landing-qr-link{display:inline-block;margin-top:10px;color:var(--accent);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px}.landing-qr-card .car-public-qr{width:168px;height:168px}.landing-footer{border-top:1px solid var(--line);background:rgba(255,250,242,.72)}.landing-footer-inner{max-width:1100px;margin:0 auto;padding:1.5rem 6vw 2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.landing-footer-brand{display:block;margin-bottom:.35rem;font-size:16px}.landing-footer-inner p{margin:0;color:var(--muted);font-size:13px}.landing-footer-links{display:flex;flex-wrap:wrap;gap:.85rem}.landing-footer-links a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.landing-footer-links a:hover{color:var(--ink)}@media (max-width:800px){.landing-features-grid,.landing-footer-inner,.landing-hero,.landing-qr-band-inner,.landing-steps-grid{grid-template-columns:1fr}.landing-footer-inner,.landing-hero{display:grid}.landing-preview-specs div{grid-template-columns:1fr}.landing-qr-card{justify-self:center;width:min(100%,280px)}.landing-topnav-link{display:none}}@media print{.public-car-page{background:#fff;padding:0}.public-car-page-inner{max-width:none}.public-car-passport{border:none;border-radius:0}}