@media(max-width:800px){:root{--bg:#f5f5f2;--surface:#fff;--text:#171717;--muted:#74746e;--line:#deded8;--accent:#242a23;--soft:#ecece6;--danger:#a13831}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:220px 1fr}.sidebar{padding:28px 22px;border-right:1px solid var(--line);background:#efefe9}.brand{font-size:11.2px;letter-spacing:.14em;font-weight:800;margin-bottom:42px}.sidebar nav{gap:9px}.sidebar nav a{padding:10px 12px;border-radius:8px;color:#464640}.sidebar nav a:first-child{background:#dfdfd8;color:#111}.content{padding:42px;max-width:1450px}.pageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px}.pageHead.compact{margin-bottom:18px}.eyebrow{font-size:8.8px;letter-spacing:.14em;font-weight:800;color:var(--muted);margin:0 0 7px}h1{font-size:30.4px;letter-spacing:-.04em;margin:0 0 8px}h2{margin:0;font-size:15.2px;letter-spacing:-.02em}.muted{color:var(--muted)}.button{display:inline-flex;padding:11px 16px;color:white;border:0;font-weight:700;font:inherit;cursor:pointer}.button.secondary{background:var(--soft);color:var(--text)}.vehicleGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-gap:18px;gap:18px}.vehicleCard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.16s}.vehicleCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000000d}.vehicleImage{height:190px;background:linear-gradient(145deg,#282a26,#676a61);display:flex;align-items:flex-end;padding:20px;color:white;font-size:27.2px;font-weight:800;letter-spacing:-.05em}.vehicleBody{padding:20px}.vehicleBody h2{font-size:19.2px}.stats{display:flex;gap:16px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:9.6px}.stats span{display:flex;flex-direction:column;color:var(--muted)}.stats b{font-size:12.8px;color:var(--text)}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:24px;font-size:10.4px;overflow:auto}.dashboardGrid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.panel.wide{grid-column:span 2}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panelHead a{font-size:10.4px;color:var(--muted)}.projectRow{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line);gap:24px}.projectRow small{display:block;color:var(--muted);margin-top:4px}.progressWrap{width:220px;text-align:right}.progressWrap span{font-size:9.6px;color:var(--muted)}.progress{height:7px;background:var(--soft);border-radius:99px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:var(--accent);border-radius:99px}.task{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:11.2px}.task input{margin-right:9px}.maint{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:10.4px}.maint span{color:var(--muted)}.maint .danger{color:var(--danger)}.activity{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--line);padding:11px 0}.activity span{color:var(--muted);font-size:9.6px}.activity p{margin:0}.narrow{max-width:800px}.formCard{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:12px;margin-top:24px}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.formCard label{display:flex;flex-direction:column;gap:7px;font-size:9.6px;font-weight:700;margin-bottom:16px}.formCard input,.formCard textarea{padding:12px;border:1px solid var(--line);border-radius:7px;background:white;font:inherit}.projectCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.projectCard h2{margin:18px 0 7px}.projectCard small{display:block;margin-top:8px;color:var(--muted)}.pill{background:var(--soft);border-radius:99px;padding:6px 9px;font-size:8.8px;font-weight:700}@media(max-width:800px){.shell{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:16px}.brand{margin-bottom:12px}.sidebar nav{flex-direction:row;overflow:auto}.content{padding:24px 16px}.pageHead{flex-direction:column}.dashboardGrid{grid-template-columns:1fr}.panel.wide{grid-column:span 1}.projectRow{align-items:flex-start;flex-direction:column}.progressWrap{width:100%}.formGrid{grid-template-columns:1fr}.stats{flex-wrap:wrap}}.button{gap:7px}.backLink,.button{align-items:center}.backLink{display:inline-flex;gap:6px;color:var(--muted);font-size:10.4px;margin-bottom:18px}.backLink:hover{color:var(--text)}.projectToolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.projectToolbar p{margin:0}.interactiveCard{display:block;cursor:pointer}.interactiveCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000000d}.projectDescription{min-height:42px;line-height:1.5}.nextTask{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:15px;margin:18px 0 14px;font-size:10.4px}.nextTask span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.nextTask span,.priority{font-size:8.8px;font-weight:800}.priorityCritical,.priorityHigh{color:var(--danger)}.modalBackdrop{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:14px;border:1px solid var(--line);width:min(620px,100%);padding:24px;box-shadow:0 30px 80px #0004}.modalHead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modalHead h2{font-size:20.8px}.checkButton,.iconButton,.trashButton{border:0;background:transparent;cursor:pointer;color:var(--muted);display:grid;place-items:center}.iconButton{width:34px;height:34px;border-radius:8px}.iconButton:hover{background:var(--soft)}.fieldLabel,.modal label{display:flex;flex-direction:column;gap:7px;font-size:9.6px;font-weight:700;margin-bottom:16px}.addTask input,.fieldLabel input,.fieldLabel select,.modal input,.modal select,.modal textarea{padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;color:var(--text)}.modalActions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.projectDetailHead{align-items:flex-end}.projectLead{max-width:720px;line-height:1.6}.projectPercent{text-align:right;min-width:100px}.projectPercent strong{display:block;font-size:27.2px;letter-spacing:-.04em}.projectPercent span{font-size:9.6px;color:var(--muted)}.largeProgress{height:9px;margin:-10px 0 24px}.projectDetailGrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);grid-gap:16px;gap:16px;align-items:start}.taskPanel{padding:0;overflow:hidden}.taskPanel .panelHead{padding:20px 20px 0}.taskPanel .panelHead h2{font-size:19.2px}.addTask{display:flex;gap:8px;padding:18px 20px;border-bottom:1px solid var(--line)}.addTask input{flex:1 1}.taskList{padding:0 20px}.taskItem{display:grid;grid-template-columns:28px 1fr 30px;grid-gap:10px;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.taskItem:last-child{border-bottom:0}.checkButton{width:24px;height:24px;border:1px solid #b9b9b2;border-radius:6px;color:white}.taskDone .checkButton{background:var(--accent);border-color:var(--accent)}.taskText{display:flex;flex-direction:column;gap:4px;min-width:0}.taskText b{font-size:11.2px}.taskText span{font-size:8.8px;color:var(--muted)}.taskDone .taskText b{text-decoration:line-through;color:var(--muted)}.trashButton{opacity:0}.taskItem:hover .trashButton{opacity:1}.trashButton:hover{color:var(--danger)}.projectSide{display:flex;flex-direction:column;gap:16px}.comingPanel h2{margin-bottom:8px}.comingPanel p{line-height:1.5;font-size:10.4px}.comingBadge{display:inline-flex;background:var(--soft);padding:6px 9px;border-radius:99px;font-size:8.8px;font-weight:800;margin-top:6px}.emptyInline{padding:24px 0;color:var(--muted);font-size:10.4px}.emptyState{max-width:620px;margin:80px auto;text-align:center}.emptyState .button{margin-top:12px}.clickableRow{transition:.15s}.clickableRow:hover{background:#fafaf7;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;border-radius:8px}@media(max-width:800px){.projectToolbar{align-items:flex-start;flex-direction:column}.projectDetailGrid{grid-template-columns:1fr}.projectDetailHead{align-items:flex-start}.projectPercent{text-align:left}.addTask{align-items:stretch}.addTask .button{padding-left:12px;padding-right:12px}.trashButton{opacity:1}.modal{padding:18px}}.partsSummary{display:grid;grid-gap:12px;gap:12px;margin:0 0 20px}.partsSummary>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:17px 18px;display:flex;flex-direction:column;gap:6px}.partsSummary span{font-size:8.8px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800}.partsSummary strong{font-size:19.2px;letter-spacing:-.03em}.segmented{display:inline-flex;background:var(--soft);padding:3px;border-radius:9px}.segmented button{border:0;background:transparent;padding:8px 13px;border-radius:7px;font:inherit;font-size:9.6px;font-weight:700;color:var(--muted);cursor:pointer}.segmented button.active{background:#fff;color:var(--text);box-shadow:0 1px 3px #0001}.partsBoard{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:18px;align-items:start}.partsColumn{background:#ecece6;border:1px solid var(--line);border-radius:12px;min-height:260px;overflow:hidden}.partsColumnHead{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--line);font-size:9.6px}.partsColumnHead span{background:#fff;border:1px solid var(--line);border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;color:var(--muted);font-size:8.8px}.partsColumnBody{padding:9px;display:flex;flex-direction:column;gap:8px}.partCard{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px}.partCardTop{display:flex;justify-content:space-between;align-items:center}.partMaker{font-size:8px;letter-spacing:.09em;font-weight:800;color:var(--muted);text-transform:uppercase}.partCard h3{font-size:11.2px;margin:7px 0 5px;line-height:1.3}.partCard code{font-size:8px;background:var(--soft);padding:3px 5px;border-radius:4px;color:#555}.partCard p{font-size:8.8px;color:var(--muted);margin:9px 0}.partMeta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:9px;font-size:8.8px}.partMeta span{color:var(--muted)}.statusSelect{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 8px;font:inherit;font-size:8.8px;color:var(--text)}.partCard .statusSelect{width:100%;margin-top:10px}.emptyColumn{color:var(--muted);font-size:8.8px;text-align:center;padding:25px 8px}.trashButton.always{opacity:1}.partsTableWrap{padding:0;overflow:auto}.partsTable{width:100%;border-collapse:collapse;min-width:850px}.partsTable th{text-align:left;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 14px}.partsTable td,.partsTable th{border-bottom:1px solid var(--line)}.partsTable td{padding:13px 14px;font-size:9.6px}.partsTable tr:last-child td{border-bottom:0}.partsTable td:first-child b{display:block;font-size:10.4px}.partsTable small{display:block;color:var(--muted);margin-top:3px}.partModal{max-height:92vh;overflow:auto}.formGrid.triple{grid-template-columns:repeat(3,1fr)}.projectMain{display:flex;flex-direction:column;gap:16px;min-width:0}.projectPartsPanel .panelHead{margin-bottom:12px}.smallButton{padding:8px 11px;font-size:9.6px}.projectPartSummary{display:flex;justify-content:space-between;background:var(--soft);border-radius:8px;padding:10px 12px;font-size:9.6px;margin-bottom:5px}.projectPartSummary span{color:var(--muted)}.projectPartRow{display:grid;grid-template-columns:minmax(180px,1fr) 40px 85px 120px 28px;grid-gap:10px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:9.6px}.projectPartRow>div{min-width:0}.projectPartRow small,.projectPartRow>div b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectPartRow small{color:var(--muted);margin-top:3px}.projectPartRow .qty{color:var(--muted);text-align:center}.textLink{display:inline-flex;margin-top:14px;font-size:9.6px;color:var(--muted);font-weight:700}.textLink:hover{color:var(--text)}.costPanel strong{display:block;font-size:22.4px;letter-spacing:-.04em;margin-top:4px}.costPanel span{font-size:8.8px;color:var(--muted)}@media(max-width:800px){.partsSummary{grid-template-columns:1fr}.partsBoard{grid-template-columns:repeat(7,240px)}.formGrid.triple{grid-template-columns:1fr}.projectPartRow{grid-template-columns:minmax(0,1fr) 35px 75px 28px}.projectPartRow .statusSelect{grid-column:1/-1}.projectToolbar .segmented{width:100%}.projectToolbar .segmented button{flex:1 1}}.maintenanceSummary{margin:0;flex:1 1;max-width:760px}.maintenanceList{display:flex;flex-direction:column;gap:12px}.maintenanceRecord{padding:20px}.maintenanceRecordTop{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.maintenanceRecordTop h2{font-size:17.6px;margin:3px 0 5px}.maintenanceActions{display:flex;align-items:center;gap:8px}.maintenanceMeta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.maintenanceMeta span{display:flex;flex-direction:column;gap:4px;font-size:8.8px;color:var(--muted)}.maintenanceMeta b{color:var(--text);font-size:10.4px}.recordNotes{margin:14px 0 0;background:var(--soft);padding:12px;border-radius:8px;line-height:1.55}.modal input,.modal select,.modal textarea{padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;color:var(--text)}.noteComposer{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.noteComposer input,.noteComposer textarea{border:1px solid var(--line);border-radius:7px;padding:11px;font:inherit;background:#fff}.noteComposer textarea{grid-column:1/-1;resize:vertical}.noteComposer .button{grid-column:2;justify-self:end}.notesList{margin-top:16px}.noteCard{position:relative;border-top:1px solid var(--line);padding:14px 35px 8px 0}.noteCard:first-child{border-top:0}.noteCard b{display:block}.noteCard small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.noteCard p{font-size:9.6px;line-height:1.55;margin:9px 0;white-space:pre-wrap}.noteCard .trashButton{position:absolute;right:0;top:14px}.documentGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));grid-gap:14px;gap:14px}.documentCard{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.documentPreview{width:100%;height:180px;object-fit:cover;background:var(--soft);display:block}.documentIcon{height:180px;display:grid;place-items:center;background:var(--soft);color:var(--muted)}.documentIcon svg{width:38px;height:38px}.documentBody{padding:15px}.documentBody h3{font-size:11.2px;margin:10px 0 5px;overflow-wrap:anywhere}.documentBody p{font-size:9.6px;line-height:1.45;color:var(--muted)}.documentBody small{font-size:8px;color:var(--muted)}.documentActions{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.documentActions .textLink{margin:0;gap:5px;align-items:center}.uploadBox{border:1px dashed #bbb;border-radius:10px;padding:18px;display:flex!important;align-items:center;gap:12px;flex-direction:row!important;background:var(--soft)}.uploadBox span{font-size:8.8px;color:var(--muted);font-weight:500}.timeline{max-width:880px}.timelineMonth{font-size:14.4px;margin:28px 0 8px}.timelineEvent{display:grid;grid-template-columns:72px 36px minmax(0,1fr);grid-gap:10px;gap:10px;position:relative}.timelineEvent:before{content:"";position:absolute;left:89px;top:0;bottom:0;width:1px;background:var(--line)}.timelineDate{padding-top:18px;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:right}.timelineDot{width:30px;height:30px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;z-index:1;margin-top:11px;color:var(--muted)}.timelineCard{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:10px}.timelineCard h3{font-size:11.2px;margin:8px 0 4px}.timelineCard p{font-size:9.6px;line-height:1.5;color:var(--muted);margin:0}.timelineCard small{display:block;color:var(--muted);font-size:8px;margin-top:8px}@media(max-width:800px){.maintenanceRecordTop{flex-direction:column}.maintenanceMeta{grid-template-columns:1fr 1fr}.maintenanceSummary{max-width:none}.noteComposer{grid-template-columns:1fr}.noteComposer .button{grid-column:1;justify-self:stretch}.timelineEvent{grid-template-columns:55px 30px minmax(0,1fr)}.timelineEvent:before{left:69px}.timelineDate{font-size:7.2px}.documentGrid{grid-template-columns:1fr}}:root{--bg:#f7f8fa;--surface:#ffffff;--text:#151922;--muted:#687386;--line:#e2e7ee;--accent:#0a6ff5;--accent-soft:#e9f2ff;--soft:#f2f4f7;--sidebar:#f4f6f8;--sidebar-active:#e4e8ed;--danger:#e43d45;--warning:#ef8c24;--success:#168452}body,html{background:#fff;color:var(--text)}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;background:#fff}.sidebar{padding:24px 16px 22px;border-right:1px solid #e7ebf0;background:linear-gradient(180deg,#f7f8f9,#f2f4f6);position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:20}.brand{font-size:19.2px;line-height:1.05;letter-spacing:-.04em;font-weight:850;display:block;margin:2px 12px 24px;color:#11151b}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a,.sidebar nav a:first-child{background:transparent;color:var(--text);padding:0}.globalNav{flex:0 0 auto}.garageNavGroup{display:flex;flex-direction:column}.navRow{min-height:48px;border-radius:9px;display:flex;align-items:center;color:#18202c;transition:background .15s ease}.navRow:hover{background:#eceff3}.navRowActive{background:var(--sidebar-active)}.navMain{display:flex!important;align-items:center;gap:12px;flex:1 1;padding:12px!important;font-size:12.8px;font-weight:650}.navChevron{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:#374151}.navChevron svg{transition:transform .16s ease}.navChevron .chevronOpen{transform:rotate(0deg)}.navSingle{padding:12px!important;gap:12px;font-size:12.8px;font-weight:520}.garageDropdown{padding:4px 0 14px 11px;display:flex;flex-direction:column;gap:3px}.garageCarLink{display:block!important;padding:10px 14px 10px 44px!important;border-radius:8px!important;font-size:11.2px!important;color:#283241!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garageCarLink:hover{background:#edf0f4!important}.garageCarActive{background:#dfe3e8!important;color:#121722!important;font-weight:700}.sidebarSettings{margin-top:auto;display:flex;align-items:center;gap:12px;padding:12px;border-radius:9px;font-size:12px;color:#1d2632}.sidebarSettings:hover{background:#e9edf1}.content{padding:0;max-width:none;width:100%;min-width:0;background:#fff}.garagePage,.simplePage{padding:40px 34px 56px;max-width:1440px}.garagePage h1,.simplePage h1{font-size:30.4px}.placeholderPanel{margin-top:30px;max-width:700px;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.garageHead{margin-bottom:28px}.garageVehicleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.garageVehicleCard{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.garageVehicleCard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,32,48,.1);border-color:#cbd3dd}.garageVehicleVisual{height:210px;display:flex;align-items:flex-end;padding:22px;background-size:cover;background-position:50%;overflow:hidden}.garageVehicleVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(11,16,23,.72))}.garageVisual-porsche-911{background-image:url(/porsche-hero.jpg);background-position:67%}.garageVisual-bmw-m3{background:linear-gradient(145deg,#777f89,#303840 55%,#151a20)}.garageVisual-toyota-4runner{background:linear-gradient(145deg,#bb9b71,#756249 48%,#333930)}.garageVehicleName{position:relative;z-index:1;color:white}.garageVehicleName small{font-size:10.4px;opacity:.86}.garageVehicleName strong{font-size:20px;letter-spacing:-.03em}.garageVehicleBody{padding:20px}.garageVehicleTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.garageVehicleTitle h2{font-size:15.2px;margin:0 0 5px}.garageVehicleTitle p{margin:0;color:var(--muted);font-size:11.2px}.garageOpenLabel{font-size:9.6px;color:var(--accent);white-space:nowrap}.garageCardStats{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:20px}.garageCardStats>div{background:#fafbfc;padding:13px 14px;display:flex;flex-direction:column;gap:5px}.garageCardStats span{font-size:8.8px;color:var(--muted)}.garageCardStats strong{font-size:12px;letter-spacing:-.02em}.vehiclePage{min-height:100vh}.vehicleChrome{background:#fff}.vehicleHero{height:230px;position:relative;display:flex;align-items:center;overflow:hidden;background-color:#29333e}.vehicleHeroPorsche{background-image:url(/porsche-hero.jpg);background-size:cover;background-position:50%}.vehicleHeroGeneric{background:linear-gradient(120deg,#161d25,#45515c 45%,#77818a)}.vehicleHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,12,.78),rgba(4,8,12,.52) 36%,rgba(4,8,12,.04) 70%,rgba(4,8,12,.08))}.vehicleHeroCopy{position:relative;z-index:2;color:white;padding:0 34px;max-width:780px}.vehicleHeroCopy h1{margin:0 0 10px;font-size:35.2px;line-height:1.02;letter-spacing:-.045em;text-shadow:0 1px 10px rgba(0,0,0,.18)}.vehicleHeroCopy p{margin:0;font-size:16px;color:rgba(255,255,255,.92);letter-spacing:-.01em}.vehicleHeroCopy p span{opacity:.62;margin:0 6px}.heroEditButton{position:absolute;z-index:3;right:24px;top:22px;width:54px;height:54px;border:1px solid rgba(255,255,255,.86);border-radius:10px;background:rgba(255,255,255,.96);display:grid;place-items:center;color:#243044;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.12)}.heroEditButton:hover{background:#fff;transform:translateY(-1px)}.tabs.vehicleTabs{height:68px;margin:0;padding:0 34px;display:flex;align-items:stretch;gap:36px;border-bottom:1px solid var(--line);overflow:auto;background:#fff}.tabs.vehicleTabs a,.tabs.vehicleTabs b{display:flex;align-items:center;position:relative;padding:0 8px;font-size:12px;font-weight:500;color:#3d4858;white-space:nowrap}.tabs.vehicleTabs b{color:var(--accent);font-weight:700}.tabs.vehicleTabs b:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}.tabs.vehicleTabs a:hover{color:#101722}.vehiclePageBody{padding:26px 28px 52px}.sectionTitle{font-size:22.4px;margin:0 0 4px;letter-spacing:-.03em}.vehiclePageBody .pageHead{margin-bottom:18px}.overviewStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px;margin-bottom:22px}.statCard{min-height:114px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:21px 24px;display:flex;flex-direction:column;justify-content:center;gap:10px}.statCard span{font-size:12.8px;color:#283447}.statCard strong{font-size:25.6px;line-height:1;letter-spacing:-.035em}.statCard strong em{font-style:normal;font-size:15.2px;letter-spacing:-.01em}.overviewGrid{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:20px;gap:20px}.formCard,.panel,.partsSummary>div{border-color:var(--line);box-shadow:0 1px 2px rgba(20,30,45,.02)}.overviewPanel{padding:22px 24px;min-height:245px}.overviewPanel h2{font-size:16px}.panelHead{margin-bottom:16px}.panelHead a{color:var(--accent);font-size:11.2px}.panelActions{display:flex;align-items:center;gap:20px}.smallButton{padding:10px 15px!important;font-size:11.2px!important}.overviewProjectRow{display:grid;grid-template-columns:minmax(0,1fr) 48px 110px;align-items:center;grid-gap:15px;gap:15px;padding:13px 0}.overviewProjectMain{display:flex;flex-direction:column;gap:9px}.overviewProjectMain b{font-size:12px}.overviewProjectMain .progress{margin:0;height:8px;background:#e9edf2}.overviewProjectMain .progress i{background:#4da3f3}.overviewProgress{font-size:11.2px}.statusPill{justify-self:end;padding:7px 10px;border-radius:7px;font-size:9.6px;background:#edf3fa;color:#344a67;white-space:nowrap}.status-in-progress{background:#fff1da;color:#604314}.status-planning{background:#e9f2ff;color:#2b4c73}.status-idea{background:#edf3fb;color:#365070}.upcomingTaskRow{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:45px;font-size:11.2px}.fakeCheckbox{width:20px;height:20px;border:1.5px solid #aeb8c5;border-radius:5px}.priorityTag{padding:6px 10px;border-radius:7px;font-size:9.6px;font-weight:650}.priorityTag-critical,.priorityTag-high{background:#ffe8e9;color:#d92935}.priorityTag-medium{background:#fff0da;color:#df7211}.priorityTag-low{background:#e7f5ec;color:#177044}.compactActivity{grid-template-columns:82px 1fr;border-top:0;padding:9px 0}.compactActivity p,.compactActivity span{font-size:11.2px}.maintenanceList .maint{border-bottom:0;padding:9px 0;align-items:center}.maintenanceList .maint b{font-size:11.2px}.maintenanceList .maint span{padding:6px 10px;border-radius:7px;font-size:9.6px}.dueGood{color:#136d42!important;background:#e5f4e9}.dueSoon{color:#db6900!important;background:#fff0de}.dueLate{color:#d4202a!important;background:#ffe8e9}.button{background:var(--accent);border-radius:8px;font-weight:650}.button.secondary{background:#eef1f5;color:#283342}.projectToolbar{margin-bottom:18px}.projectCards{grid-template-columns:repeat(3,minmax(0,1fr))}.documentsTableWrap,.maintenanceTableWrap,.partsColumn,.partsTableWrap,.projectCard,.timelinePanel{border-color:var(--line)}.progress i{background:#4da3f3}.pill{background:#edf3fa;color:#344a67}.partsSummary{grid-template-columns:repeat(3,minmax(0,1fr))}.partsSummary>div{background:#fff;border-radius:10px}.segmented{background:#edf0f4}.segmented button.active{box-shadow:none;border:1px solid #d7dde5}.partsColumn{background:#f6f8fa}.modalBackdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{border-color:#dfe4ea;box-shadow:0 30px 80px rgba(21,30,45,.22)}@media(max-width:1100px){.garageVehicleGrid,.overviewStats,.projectCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.shell{display:block}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line);padding:16px}.brand{margin:2px 8px 14px}.globalNav{display:flex!important;flex-direction:column!important;overflow:visible!important}.garageDropdown{padding-bottom:8px}.sidebarSettings{margin-top:10px}.content{padding:0}.garagePage,.simplePage{padding:26px 16px}.garageVehicleGrid{grid-template-columns:1fr}.vehicleHero{height:220px}.vehicleHeroPorsche{background-position:64%}.vehicleHeroCopy{padding:0 18px;max-width:80%}.vehicleHeroCopy h1{font-size:24.8px}.vehicleHeroCopy p{font-size:11.2px}.heroEditButton{right:14px;top:14px;width:44px;height:44px}.tabs.vehicleTabs{height:58px;padding:0 14px;gap:22px}.vehiclePageBody{padding:20px 14px 40px}.overviewStats{grid-template-columns:1fr 1fr;gap:10px}.statCard{min-height:96px;padding:16px}.statCard span{font-size:10.4px}.statCard strong{font-size:20px}.overviewGrid{grid-template-columns:1fr}.overviewPanel{min-height:auto}.overviewProjectRow{grid-template-columns:minmax(0,1fr) 42px}.overviewProjectRow .statusPill{display:none}.partsSummary,.projectCards{grid-template-columns:1fr}.pageHead{gap:14px}.garageVehicleVisual{height:190px}}@media(max-width:480px){.overviewStats{grid-template-columns:1fr}.garageCardStats{grid-template-columns:1fr 1fr}.vehicleHeroCopy h1{font-size:21.6px}.vehicleHeroCopy p{font-size:9.6px}.panelActions{gap:10px}.smallButton{display:none}}.projectToolbarTop{align-items:center;margin-bottom:16px}.projectMeta{display:flex;align-items:baseline;gap:10px}.projectMeta b{font-size:11.2px}.projectMeta span{font-size:9.6px;color:var(--muted)}.projectFilters{align-items:center;overflow:auto;padding:0 0 18px;margin-bottom:2px}.projectFilters button{border:1px solid #dce2e9;background:#fff;color:#465365;border-radius:999px;padding:8px 12px;font:inherit;font-size:10.4px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.projectFilters button span{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#edf1f5;color:#687587;font-size:8.8px;display:grid;place-items:center}.projectFilters button:hover{background:#f7f9fb}.projectFilters button.active{background:var(--accent);border-color:var(--accent);color:#fff}.projectFilters button.active span{background:rgba(255,255,255,.18);color:#fff}.projectLandingCards{align-items:stretch}.projectLandingCard{padding:22px;min-height:290px;display:flex;flex-direction:column}.projectCardTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.projectLandingCard h2{margin:18px 0 8px;font-size:17.6px}.projectLandingCard .projectDescription{min-height:0;margin:0 0 24px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.projectStatus{display:inline-flex;align-items:center;padding:6px 10px;border-radius:7px;font-size:8.8px;font-weight:750}.projectStatus-idea{background:#edf3fb;color:#365070}.projectStatus-active{background:#e9f5ee;color:#246342}.projectStatus-on-hold{background:#fff1da;color:#7a5012}.projectStatus-completed{background:#e8f5ef;color:#226145}.projectStatus-abandoned{background:#f1f2f4;color:#626b77}.projectProgressRow{display:flex;justify-content:space-between;gap:12px;margin-top:auto;margin-bottom:8px;color:#586577;font-size:9.6px}.projectCardProgress{height:8px;margin:0;background:#e9edf2}.projectCardFooter{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;color:var(--muted);font-size:9.6px}.projectCardFooter span:last-child{color:var(--accent);font-weight:650}.projectEmptyState{min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.projectEmptyState h2{margin-bottom:7px}@media(max-width:800px){.projectToolbarTop{align-items:flex-start}.projectMeta{flex-direction:column;gap:3px}.projectFilters{margin-right:-14px;padding-right:14px}.projectLandingCard{min-height:250px}}.vehiclePageBody{position:relative}.clientHeaderAction,.pageActionRow{position:absolute;right:0;top:0;z-index:2}.committedSpend,.pageActionGroup{display:flex;align-items:center;gap:10px}.committedSpend{height:38px;padding:0 13px;border:1px solid var(--border,#dfe3e8);border-radius:9px;background:#fff;font-size:9.6px}.committedSpend span{color:var(--muted,#68717d)}.committedSpend strong{font-size:11.2px}.partsViewRow{display:flex;justify-content:flex-start;margin:8px 0 12px}.projectFilters{margin-top:18px;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px}.partFilters{margin-top:0}.editIconButton{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border,#dfe3e8);border-radius:8px;background:#fff;cursor:pointer}.documentCardTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.filteredPartsBoard{overflow-x:auto}.recordPageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.recordPageHeader>div:first-child{min-width:0}.garageUnifiedHeader h1,.recordPageHeader .sectionTitle{font-size:24px;line-height:32px;margin:0 0 5px;letter-spacing:-.035em}.recordPageHeader .muted{margin:0;line-height:1.4}.headerActions{display:flex;align-items:flex-start;gap:9px;flex-shrink:0}.headerControl,.headerMetric{height:32px;min-height:32px;border-radius:8px}.headerControl{padding:0 12px;font-size:10.4px;display:inline-flex;gap:6px}.headerControl,.headerMetric{align-items:center;white-space:nowrap}.headerMetric{display:flex;gap:9px;padding:0 11px;border:1px solid var(--line);background:#fff}.headerMetric span{font-size:8.8px;color:var(--muted)}.headerMetric strong{font-size:10.4px}.partsViewRow{margin:4px 0 12px}.projectFilters{margin-top:0}.recordsTableWrap{padding:0;overflow:auto}.recordsTable{width:100%;border-collapse:collapse;min-width:760px}.recordsTable td,.recordsTable th{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:10.4px;vertical-align:middle}.recordsTable th{font-size:8.8px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#f8f9fa}.recordsTable tr:last-child td{border-bottom:0}.recordsTable td small{display:block;color:var(--muted);margin-top:4px}.projectCardStats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.projectCardStats span{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:8.8px}.projectCardStats b{color:var(--text);font-size:10.4px}.maintenanceBoard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.checklistGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:8px}.checkOption{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:10.4px!important;font-weight:500!important}.checkOption input{width:auto!important;margin:0}.fieldHint{font-size:8.8px;color:var(--muted);font-weight:400}.mileageInput{display:flex;gap:6px;align-items:stretch}.mileageInput>input{min-width:0;flex:1 1}.unitToggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f4f5f6}.unitToggle button{border:0;background:transparent;padding:0 9px;font-size:8.8px;font-weight:700;cursor:pointer;color:var(--muted)}.unitToggle button.active{background:#fff;color:var(--text);box-shadow:0 0 0 1px var(--line)}.garageUnifiedHeader{align-items:flex-start}.garageUnifiedHeader .eyebrow{margin-bottom:5px}.garageEditPhoto{position:absolute;right:12px;top:12px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.94);border-radius:8px;cursor:pointer;z-index:2}.garageVehicleVisual{position:relative}.garageDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 16px;gap:8px 16px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.garageDetails>div{min-width:0}.garageDetails span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:2px}.garageDetails strong{font-size:9.6px;line-height:1.35;display:block;overflow-wrap:anywhere}.garageNotes{font-size:9.6px;line-height:1.45;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin:12px 0 0}.vehicleModal{width:min(820px,calc(100vw - 32px));max-height:90vh;overflow:auto}.vehiclePhotoPicker{display:grid;grid-template-columns:120px 1fr;grid-gap:12px;gap:12px;align-items:center;margin-bottom:18px}.vehiclePhotoPicker img,.vehiclePhotoPicker>div{width:120px;height:78px;object-fit:cover;border-radius:9px;border:1px solid var(--line);background:#f4f5f6}.vehiclePhotoPicker>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:8px}.vehiclePhotoPicker .button{justify-self:start}.formGrid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.maintenanceBoard{grid-template-columns:1fr}.recordPageHeader{align-items:flex-start}.headerActions{flex-wrap:wrap;justify-content:flex-end}.formGrid.triple{grid-template-columns:1fr 1fr}}@media(max-width:650px){.recordPageHeader{flex-direction:column}.headerActions{justify-content:flex-start}.garageUnifiedHeader{flex-direction:row;align-items:flex-start}.garageUnifiedHeader h1,.recordPageHeader .sectionTitle{font-size:22.4px;line-height:30px}.checklistGrid,.formGrid.triple,.garageDetails,.vehiclePhotoPicker{grid-template-columns:1fr}.vehiclePhotoPicker img,.vehiclePhotoPicker>div{width:100%;height:150px}}.vehiclePageBody .clientHeaderAction,.vehiclePageBody .pageActionRow{position:static;right:auto;top:auto}.recordPageHeader .button{margin:0}.garagePage .recordPageHeader{margin-bottom:26px}.garageVehicleCard{cursor:-webkit-grab;cursor:grab;transition:opacity .14s ease,transform .14s ease}.garageVehicleCard:active{cursor:-webkit-grabbing;cursor:grabbing}.garageVehicleCard.isDragging{opacity:.55;transform:scale(.985)}.garageVehicleVisual{background-repeat:no-repeat!important;background-size:cover!important;background-position:50%!important}.garageVehicleName{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.garageVehicleName small{font-size:9.6px;font-weight:650;line-height:1.15}.garageVehicleName strong{font-size:16px;line-height:1.12}.garageVehicleIdentity h2{margin:0 0 8px;font-size:14.4px}.garageVehicleIdentity p{margin:3px 0;color:var(--muted);font-size:9.6px;overflow-wrap:anywhere}.garageDetailsOrdered{display:block}.garageDetailsOrdered .fullSpec,.garageDetailsOrdered .specPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:11px}.garageDetailsOrdered .fullSpec>div{grid-column:1/-1}.garageDetailsOrdered .fullSpec:empty,.garageDetailsOrdered .specPair:empty{display:none}.garageAux{font-size:8.8px;color:var(--muted);border-top:1px solid var(--line);padding-top:11px;margin-top:3px}@media(max-width:650px){.garageDetailsOrdered .fullSpec,.garageDetailsOrdered .specPair{grid-template-columns:1fr 1fr}}.recordControls{gap:12px;margin:4px 0 22px}.filterSelect,.recordControls{display:flex;align-items:center}.filterSelect{gap:8px;font-size:9.6px;font-weight:700;color:var(--muted)}.filterSelect select{height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 30px 0 10px;font:inherit;font-size:9.6px;color:var(--text)}.vehicleHero,.vehicleHeroGeneric,.vehicleHeroPorsche{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.heroEditButton{display:none!important}.calendarToolbar{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 20px}.calendarToolbar h2{min-width:190px;text-align:center;font-size:17.6px}.panelButton{border:1px solid var(--line);background:#fff}.calendarLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:16px;gap:16px;align-items:start}.calendarGrid{padding:0;overflow:hidden}.calendarWeekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);background:#f7f8f9}.calendarWeekdays b{padding:10px 12px;font-size:8.8px;color:var(--muted);text-align:center}.calendarCells{display:grid;grid-template-columns:repeat(7,1fr)}.calendarCell{min-height:124px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;min-width:0}.calendarCell:nth-child(7n){border-right:0}.calendarCell.today{background:#f5f9ff}.calendarDay{display:block;font-size:9.6px;font-weight:700;margin-bottom:6px}.calendarEvent{display:block;width:100%;text-align:left;border:0;background:#edf3fa;color:#273d59;border-radius:5px;padding:5px 6px;margin:0 0 4px;font-size:8px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.calendarEvent small{font-weight:800;margin-right:4px}.calendarSources{padding:16px}.calendarSources .panelHead{margin-bottom:8px}.calendarSources .panelHead span{font-size:8.8px;color:var(--muted)}.calendarSource{display:grid;grid-template-columns:28px 1fr 28px;grid-gap:8px;gap:8px;align-items:start;padding:11px 0;border-top:1px solid var(--line)}.calendarSource:first-of-type{border-top:0}.calendarSource b{display:block;font-size:9.6px}.calendarSource small{display:block;color:var(--muted);font-size:8px;line-height:1.35;margin-top:3px;overflow-wrap:anywhere}.sourceToggle,.sourceTrash{width:28px;height:28px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.sourceTrash:hover{color:var(--danger)}.calendarImportDivider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:8.8px;margin:2px 0 14px}.calendarImportDivider:after,.calendarImportDivider:before{content:"";height:1px;background:var(--line);flex:1 1}.wideButton{width:100%;justify-content:center}.eventDescription{line-height:1.55;white-space:pre-wrap}.eventModal p{font-size:10.4px;line-height:1.5}@media(max-width:980px){.calendarLayout{grid-template-columns:1fr}.calendarSources{order:-1}.calendarCell{min-height:100px}.calendarEvent{font-size:7.2px}}@media(max-width:650px){.recordControls{justify-content:space-between}.filterSelect{font-size:0}.calendarGrid{overflow:auto}.calendarCells,.calendarWeekdays{min-width:700px}}.calendarPage{max-width:none}.calendarPage .recordPageHeader{align-items:flex-start}.calendarTopRow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:8px 0 16px}.calendarTopRow .calendarToolbar{margin:0}.calendarTopSpacer{min-width:150px}.weekToggle{justify-self:start}.calendarGridFull{width:100%}.calendarEvent{border-left:4px solid;padding-left:6px}.calendarManageModal{width:min(720px,calc(100vw - 32px));max-height:88vh;overflow:auto}.calendarManageList{border:1px solid var(--line);border-radius:10px;overflow:hidden}.calendarManageRow{display:grid;grid-template-columns:42px minmax(0,1fr) 70px 34px;grid-gap:10px;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.calendarManageRow:last-child{border-bottom:0}.calendarEnabledToggle{width:38px;height:22px;border:0;border-radius:99px;background:#c9cdd2;padding:3px;cursor:pointer}.calendarEnabledToggle span{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.calendarEnabledToggle.on{background:var(--accent)}.calendarEnabledToggle.on span{transform:translateX(16px)}.calendarManageName{min-width:0}.calendarManageName b{display:block;font-size:10.4px}.calendarManageName small{display:block;color:var(--muted);font-size:8px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendarColor{display:flex;align-items:center;gap:6px;color:var(--muted)}.calendarColor input{width:36px;height:28px;padding:1px;border:1px solid var(--line);border-radius:6px;background:transparent}.calendarManageAdd{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.calendarManageAdd h3{margin:0 0 12px;font-size:11.2px}.calendarAddButton{margin-top:10px}.eventSource{display:flex;align-items:center;gap:7px;font-size:9.6px;color:var(--muted)}.eventSource span{width:9px;height:9px;border-radius:50%}.settingsPage{max-width:900px}.settingsPanel{display:flex;align-items:center;justify-content:space-between;gap:24px}.settingsPanel p{margin:6px 0 0;font-size:10.4px}html[data-theme=dark]{--bg:#111315;--surface:#1a1d20;--text:#f1f2f3;--muted:#9aa1aa;--line:#34393f;--accent:#e6e8eb;--soft:#25292e;--danger:#e77770;--sidebar-active:#30353b}html[data-theme=dark] body{background:var(--bg);color:var(--text)}html[data-theme=dark] .sidebar{background:#171a1d}html[data-theme=dark] .navRow,html[data-theme=dark] .sidebarSettings{color:#d8dce1}html[data-theme=dark] .navRow:hover,html[data-theme=dark] .sidebarSettings:hover{background:#22262b}html[data-theme=dark] .navRowActive{background:#2b3036}html[data-theme=dark] .garageCarLink{color:#bac0c7!important}html[data-theme=dark] .garageCarLink:hover{background:#252a30!important}html[data-theme=dark] .garageCarActive{background:#30363d!important}html[data-theme=dark] .button{background:#eceef0;color:#14171a}html[data-theme=dark] .button.secondary{background:#292e34;color:#f1f2f3}html[data-theme=dark] .filterSelect select,html[data-theme=dark] .panelButton,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#202429!important;color:var(--text)!important;border-color:var(--line)!important;color-scheme:dark}html[data-theme=dark] .calendarWeekdays{background:#202429}html[data-theme=dark] .calendarCell.today{background:#202a35}html[data-theme=dark] .viewToggle{background:#202429;border-color:var(--line)}html[data-theme=dark] .viewToggle button{color:var(--muted)}html[data-theme=dark] .viewToggle button.active{background:#373d44;color:#fff}html[data-theme=dark] .modal{background:#1a1d20;color:var(--text)}html[data-theme=dark] .modalBackdrop{background:rgba(0,0,0,.7)}html[data-theme=dark] .iconButton{color:var(--text)}html[data-theme=dark] .calendarEnabledToggle:not(.on){background:#555b62}@media(max-width:700px){.calendarTopRow{grid-template-columns:1fr auto}.calendarTopSpacer{display:none}.calendarTopRow .calendarToolbar{justify-self:end}.settingsPanel{align-items:flex-start;flex-direction:column}.calendarManageRow{grid-template-columns:42px minmax(0,1fr) 62px 30px}}.garageVehicleBody{padding-top:18px}.garageVehicleBody>.garageDetails{margin-top:0}.garageVin{display:flex;flex-direction:column;gap:4px;margin-top:2px}.garageVehicleFooter span,.garageVin span{font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:400}.garageVehicleFooter strong,.garageVin strong{font-size:9.6px;line-height:1.4;overflow-wrap:anywhere}.garageVehicleFooter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.garageVehicleFooter>div{display:flex;flex-direction:column;gap:4px}.garageNotes{margin-top:13px}.appearanceToggle,.weekToggle{border:0}.appearanceToggle button,.weekToggle button{display:inline-flex;align-items:center;gap:6px}html[data-theme=dark]{--bg:#121212;--surface:#1b1b1b;--text:#f2f2f2;--muted:#b2b2b2;--line:#393939;--accent:#eeeeee;--soft:#292929;--danger:#e08a8a;--sidebar-active:#303030}html[data-theme=dark],html[data-theme=dark] body{background:#121212;color:#f2f2f2}html[data-theme=dark] .sidebar{background:#181818;border-color:#393939}html[data-theme=dark] .brand,html[data-theme=dark] b,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong{color:#f2f2f2}html[data-theme=dark] .eyebrow,html[data-theme=dark] .garageDetails span,html[data-theme=dark] .garageVehicleFooter span,html[data-theme=dark] .garageVin span,html[data-theme=dark] .muted,html[data-theme=dark] small{color:#b2b2b2}html[data-theme=dark] .formCard,html[data-theme=dark] .garageVehicleCard,html[data-theme=dark] .panel,html[data-theme=dark] .partCard,html[data-theme=dark] .partsSummary>div{background:#1b1b1b;border-color:#393939}html[data-theme=dark] .garageVehicleCard:hover,html[data-theme=dark] .interactiveCard:hover{border-color:#555;box-shadow:0 18px 40px rgba(0,0,0,.3)}html[data-theme=dark] .navRow,html[data-theme=dark] .sidebarSettings{color:#d5d5d5}html[data-theme=dark] .navRow:hover,html[data-theme=dark] .sidebarSettings:hover{background:#242424}html[data-theme=dark] .navRowActive{background:#303030;color:#fff}html[data-theme=dark] .garageCarLink{color:#c7c7c7!important}html[data-theme=dark] .garageCarLink:hover{background:#252525!important;color:#fff!important}html[data-theme=dark] .garageCarActive{background:#333!important;color:#fff!important}html[data-theme=dark] .button{background:#ededed;color:#171717}html[data-theme=dark] .button:hover{background:#fff}html[data-theme=dark] .button.secondary{background:#2d2d2d;color:#ededed;border-color:#474747}html[data-theme=dark] .button.secondary:hover{background:#383838}html[data-theme=dark] .addTask input,html[data-theme=dark] .fieldLabel input,html[data-theme=dark] .fieldLabel select,html[data-theme=dark] .filterSelect select,html[data-theme=dark] .modal input,html[data-theme=dark] .modal select,html[data-theme=dark] .modal textarea,html[data-theme=dark] .statusSelect,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#222!important;color:#f2f2f2!important;border-color:#454545!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#858585}html[data-theme=dark] .modal{background:#1c1c1c;color:#f2f2f2;border-color:#444;box-shadow:0 30px 80px rgba(0,0,0,.65)}html[data-theme=dark] .modalBackdrop{background:rgba(0,0,0,.76)}html[data-theme=dark] .editIconButton,html[data-theme=dark] .iconButton,html[data-theme=dark] .sourceToggle,html[data-theme=dark] .sourceTrash{color:#c9c9c9}html[data-theme=dark] .editIconButton:hover,html[data-theme=dark] .iconButton:hover{background:#2d2d2d;color:#fff}html[data-theme=dark] .segmented{background:#292929;border:1px solid #3b3b3b}html[data-theme=dark] .segmented button{color:#bcbcbc}html[data-theme=dark] .segmented button:hover{color:#fff}html[data-theme=dark] .segmented button.active{background:#444;border:1px solid #5a5a5a}html[data-theme=dark] .calendarWeekdays{background:#242424;border-color:#393939}html[data-theme=dark] .calendarCell{background:#1b1b1b;border-color:#393939}html[data-theme=dark] .calendarCell.today{background:#292929}html[data-theme=dark] .calendarDay{color:#e6e6e6}html[data-theme=dark] .calendarEvent{background:#303030!important;color:#ededed!important}html[data-theme=dark] .panelButton{background:#252525!important;color:#e8e8e8!important;border-color:#444!important}html[data-theme=dark] .calendarManageList{border-color:#444;background:#1b1b1b}html[data-theme=dark] .calendarManageRow{border-color:#3b3b3b}html[data-theme=dark] .calendarEnabledToggle:not(.on){background:#555}html[data-theme=dark] .calendarEnabledToggle.on{background:#e4e4e4}html[data-theme=dark] .calendarEnabledToggle.on span{background:#202020}html[data-theme=dark] .calendarColor input{background:#252525!important;border-color:#4a4a4a!important}html[data-theme=dark] .partsColumn{background:#202020;border-color:#393939}html[data-theme=dark] .partsColumnHead span{background:#303030;border-color:#444;color:#ccc}html[data-theme=dark] .partCard code,html[data-theme=dark] .projectPartSummary{background:#292929;color:#d7d7d7}html[data-theme=dark] .partsTable td,html[data-theme=dark] .partsTable th,html[data-theme=dark] .recordsTable td,html[data-theme=dark] .recordsTable th{border-color:#393939}html[data-theme=dark] .clickableRow:hover,html[data-theme=dark] .partsTable tbody tr:hover,html[data-theme=dark] .recordsTable tbody tr:hover{background:#232323}html[data-theme=dark] .comingBadge,html[data-theme=dark] .pill{background:#303030;color:#dedede}html[data-theme=dark] .progress{background:#303030}html[data-theme=dark] .progress i{background:#d0d0d0}html[data-theme=dark] .checkButton{border-color:#666}html[data-theme=dark] .taskDone .checkButton{background:#e5e5e5;border-color:#e5e5e5;color:#151515}html[data-theme=dark] .committedSpend,html[data-theme=dark] .headerMetric{background:#1d1d1d!important;border-color:#3f3f3f!important;color:#ededed!important}html[data-theme=dark] .garageAux,html[data-theme=dark] .garageDetails,html[data-theme=dark] .garageVehicleFooter{border-color:#393939}@media(max-width:650px){.garageVehicleFooter{grid-template-columns:1fr 1fr}}.vehicleHero{height:115px!important;min-height:115px}.vehicleHeroCopy h1{font-size:24px;margin-bottom:6px}.vehicleHeroCopy p{font-size:11.2px}.vehicleChrome{background:var(--surface)}.taskAddRow{display:flex;justify-content:flex-end;padding:0 20px 14px;border-bottom:1px solid var(--line)}.taskItem{grid-template-columns:28px minmax(0,1fr) 34px}.taskReorderable{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.taskReorderable:active{cursor:-webkit-grabbing;cursor:grabbing}.taskDragging{opacity:.52;background:var(--soft)}.taskEditButton{justify-self:end;opacity:1!important}.taskModalActions{align-items:center}.modalActionSpacer{flex:1 1}.dangerButton{background:var(--danger)!important;color:#fff!important}.projectAddPartButton,.projectPartStatus{width:122px;justify-content:center}.projectPartStatus{min-width:122px}.projectPartsPanel .panelHead{align-items:center}.projectPartsPanel .projectPartsList{border-top:1px solid var(--line)}.calendarMonthPickerWrap{position:relative}.calendarMonthButton{border:0;background:transparent;color:var(--text);font:inherit;font-size:16px;font-weight:750;letter-spacing:-.02em;cursor:pointer;padding:7px 10px;border-radius:8px;min-width:170px}.calendarMonthButton:hover{background:var(--soft)}.monthPickerPopover{position:absolute;z-index:30;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:330px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.monthPickerColumns{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:8px;gap:8px}.monthScroll,.yearScroll{height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:5px;background:var(--bg)}.monthScroll button,.yearScroll button{display:block;width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:8px 10px;border-radius:6px;font:inherit;font-size:9.6px;cursor:pointer}.monthScroll button:hover,.yearScroll button:hover{background:var(--soft)}.monthScroll button.active,.yearScroll button.active{background:var(--accent);color:#fff}.monthPickerDone{width:100%;justify-content:center;margin-top:8px}.projectCalendarEvent{font-weight:700}html[data-theme=dark]{--bg:#0b1115;--surface:#111a20;--text:#f3f6f8;--muted:#9aa7b1;--line:#2a3740;--accent:#2f80ed;--soft:#1a252d;--danger:#d96666;--sidebar-active:#173a5e}html[data-theme=dark],html[data-theme=dark] body{background:var(--bg);color:var(--text);color-scheme:dark}html[data-theme=dark] .sidebar{background:#0d151b;border-color:var(--line)}html[data-theme=dark] .formCard,html[data-theme=dark] .garageVehicleCard,html[data-theme=dark] .modal,html[data-theme=dark] .panel,html[data-theme=dark] .partCard{background:var(--surface);border-color:var(--line)}html[data-theme=dark] .recordsTable th{background:#162129;color:#a9b5be}html[data-theme=dark] .calendarWeekdays,html[data-theme=dark] .partsColumn{background:#142029;border-color:var(--line)}html[data-theme=dark] .calendarCell{background:#111a20;border-color:var(--line)}html[data-theme=dark] .calendarCell.today{background:#172938}html[data-theme=dark] .button{background:#2f80ed;color:#fff}html[data-theme=dark] .button:hover{background:#3d8df5}html[data-theme=dark] .button.secondary{background:#1a252d;color:#e8edf1;border:1px solid #30414d}html[data-theme=dark] .button.secondary:hover{background:#22313b}html[data-theme=dark] .segmented{background:#151f26;border:1px solid #2a3740;padding:3px}html[data-theme=dark] .segmented button{color:#9eabb5}html[data-theme=dark] .segmented button.active{background:#24333e;color:#fff;border:1px solid #3b4d59;box-shadow:none}html[data-theme=dark] .fieldLabel input,html[data-theme=dark] .fieldLabel select,html[data-theme=dark] .filterSelect select,html[data-theme=dark] .modal input,html[data-theme=dark] .modal select,html[data-theme=dark] .modal textarea,html[data-theme=dark] .statusSelect,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#121d24!important;color:#f3f6f8!important;border-color:#30414d!important}html[data-theme=dark] .headerMetric{background:#111a20!important;border-color:#2a3740!important;color:#f3f6f8!important}html[data-theme=dark] .progress{background:#25333d}html[data-theme=dark] .progress i{background:#2f80ed}html[data-theme=dark] .garageCarLink:hover,html[data-theme=dark] .navRow:hover,html[data-theme=dark] .sidebarSettings:hover{background:#14212a!important}html[data-theme=dark] .garageCarActive,html[data-theme=dark] .navRowActive{background:#173a5e!important;color:#fff!important}html[data-theme=dark] .calendarEvent{color:#dce8f4!important;background:#162532!important}html[data-theme=dark] .panelButton{background:#15212a!important;color:#eef4f8!important;border-color:#30414d!important}html[data-theme=dark] .monthPickerPopover{background:#111a20;border-color:#30414d}.monthPickerPopover html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] .monthScroll,html[data-theme=dark] .yearScroll{background:#0d151b;border-color:#2a3740}html[data-theme=dark] .monthScroll button.active,html[data-theme=dark] .yearScroll button.active{background:#2f80ed;color:#fff}html[data-theme=dark] .checkButton{border-color:#60717d}html[data-theme=dark] .taskDone .checkButton{background:#2f80ed;border-color:#2f80ed;color:#fff}html[data-theme=coffee]{--bg:#dbc1ac;--text:#38220f;--muted:#634832;--line:#967259;--accent:#634832;--danger:#634832;--sidebar-active:#634832}html[data-theme=coffee],html[data-theme=coffee] body{background:#dbc1ac;color:#38220f;color-scheme:light}html[data-theme=coffee] .sidebar{background:#38220f;border-color:#634832;color:#ece0d1}html[data-theme=coffee] .brand,html[data-theme=coffee] .garageCarLink,html[data-theme=coffee] .sidebar .navRow,html[data-theme=coffee] .sidebarSettings{color:#ece0d1!important}html[data-theme=coffee] .garageCarLink:hover,html[data-theme=coffee] .navRow:hover,html[data-theme=coffee] .sidebarSettings:hover{background:#634832!important;color:#ece0d1!important}html[data-theme=coffee] .garageCarActive,html[data-theme=coffee] .navRowActive{background:#967259!important;color:#ece0d1!important}html[data-theme=coffee] .formCard,html[data-theme=coffee] .garageVehicleCard,html[data-theme=coffee] .modal,html[data-theme=coffee] .panel,html[data-theme=coffee] .partCard{background:#ece0d1;border-color:#967259;color:#38220f}html[data-theme=coffee] .button{background:#634832;color:#ece0d1}html[data-theme=coffee] .button:hover{background:#38220f}html[data-theme=coffee] .button.secondary{background:#dbc1ac;color:#38220f;border:1px solid #967259}html[data-theme=coffee] .button.secondary:hover{background:#ece0d1}html[data-theme=coffee] .eyebrow,html[data-theme=coffee] .muted,html[data-theme=coffee] small{color:#634832}html[data-theme=coffee] .segmented{background:#dbc1ac;border:1px solid #967259;padding:3px}html[data-theme=coffee] .segmented button{color:#634832}html[data-theme=coffee] .segmented button.active{background:#ece0d1;color:#38220f;border:1px solid #967259;box-shadow:none}html[data-theme=coffee] .fieldLabel input,html[data-theme=coffee] .fieldLabel select,html[data-theme=coffee] .filterSelect select,html[data-theme=coffee] .headerMetric,html[data-theme=coffee] .modal input,html[data-theme=coffee] .modal select,html[data-theme=coffee] .modal textarea,html[data-theme=coffee] .statusSelect,html[data-theme=coffee] input,html[data-theme=coffee] select,html[data-theme=coffee] textarea{background:#ece0d1!important;color:#38220f!important;border-color:#967259!important}html[data-theme=coffee] .calendarWeekdays,html[data-theme=coffee] .recordsTable th{background:#dbc1ac;color:#634832;border-color:#967259}html[data-theme=coffee] .calendarCell{background:#ece0d1;border-color:#967259}html[data-theme=coffee] .calendarCell.today{background:#dbc1ac}html[data-theme=coffee] .calendarEvent{background:#dbc1ac!important;color:#38220f!important}html[data-theme=coffee] .panelButton{background:#ece0d1!important;color:#38220f!important;border-color:#967259!important}html[data-theme=coffee] .monthPickerPopover{background:#ece0d1;border-color:#967259}html[data-theme=coffee] .monthScroll,html[data-theme=coffee] .yearScroll{background:#dbc1ac;border-color:#967259}html[data-theme=coffee] .monthScroll button.active,html[data-theme=coffee] .yearScroll button.active{background:#634832;color:#ece0d1}html[data-theme=coffee] .partsColumn{background:#dbc1ac;border-color:#967259}html[data-theme=coffee] .partCard code,html[data-theme=coffee] .pill{background:#dbc1ac;color:#38220f}html[data-theme=coffee] .progress{background:#dbc1ac}html[data-theme=coffee] .progress i{background:#634832}html[data-theme=coffee] .checkButton{border-color:#967259}html[data-theme=coffee] .taskDone .checkButton{background:#634832;border-color:#634832;color:#ece0d1}html[data-theme=coffee] .garageAux,html[data-theme=coffee] .garageDetails,html[data-theme=coffee] .garageVehicleFooter{border-color:#967259}@media(max-width:800px){.vehicleHero{height:110px!important;min-height:110px}.vehicleHeroCopy h1{font-size:19.2px}.vehicleHeroCopy p{font-size:9.6px}.monthPickerPopover{width:min(330px,calc(100vw - 28px))}.projectAddPartButton,.projectPartStatus{width:110px;min-width:110px}}.headerControl{width:126px;justify-content:center}.documentGrid,.maintenanceBoard,.projectLandingCards{grid-template-columns:repeat(3,minmax(0,1fr))}.partsBoard{grid-template-columns:repeat(7,minmax(300px,1fr))}.cardIconActions{display:flex;align-items:center;gap:5px}.deleteIconButton{color:#d13b42!important}.deleteIconButton:hover{background:#fde9ea!important;border-color:#efb9bc!important}.taskHeadActions,.taskPanelHead{align-items:center}.taskHeadActions{display:flex;gap:12px}.taskHeadActions .button{white-space:nowrap}.taskAddRow{display:none!important}.deleteProjectButton{width:100%;margin-top:10px;justify-content:center}.statusBadge{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:6px 10px;font-size:8.8px;font-weight:750;line-height:1.2;min-height:26px}.statusBadge.status-research,.statusBadge.status-upcoming{background:#edf3fb!important;color:#365070!important}.statusBadge.status-due-soon,.statusBadge.status-need,.statusBadge.status-ordered{background:#fff1da!important;color:#7a5012!important}.statusBadge.status-on-the-shelf{background:#eeeafd!important;color:#55458a!important}.statusBadge.status-completed,.statusBadge.status-installed{background:#e9f5ee!important;color:#246342!important}.statusBadge.status-discarded,.statusBadge.status-overdue{background:#fde9ea!important;color:#a62e36!important}.partCard .statusBadge{width:100%;margin-top:10px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.documentCoverButton{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:inherit}.documentCoverButton:hover .documentIcon,.documentCoverButton:hover .documentPreview{filter:brightness(.96)}.documentViewerBackdrop{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:22px}.documentViewer{position:relative;width:min(1100px,96vw);height:min(820px,90vh);display:grid;place-items:center}.viewerStage{width:100%;height:calc(100% - 42px);display:grid;place-items:center;overflow:hidden}.viewerStage img{max-width:100%;max-height:100%;object-fit:contain}.viewerStage iframe{width:100%;height:100%;border:0;background:#fff;border-radius:8px}.viewerFallback{background:var(--surface);color:var(--text);border-radius:12px;padding:35px;text-align:center}.viewerFallback svg{width:44px;height:44px}.viewerArrow,.viewerClose{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.3);background:rgba(20,20,20,.72);color:#fff;border-radius:999px;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.viewerPrev{left:8px;top:50%}.viewerNext{right:8px;top:50%}.viewerClose{right:8px;top:0}.viewerCaption{position:absolute;bottom:0;color:#fff;font-size:9.6px;background:rgba(0,0,0,.55);padding:7px 11px;border-radius:8px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-theme=coffee]{--bg:#f5ede4;--surface:#ece0d1;--soft:#dbc1ac}html[data-theme=coffee],html[data-theme=coffee] .content,html[data-theme=coffee] .garagePage,html[data-theme=coffee] .simplePage,html[data-theme=coffee] .vehiclePageBody,html[data-theme=coffee] body{background:#f5ede4!important}html[data-theme=coffee] .documentCard,html[data-theme=coffee] .recordsTableWrap,html[data-theme=coffee] .tabs.vehicleTabs,html[data-theme=coffee] .vehicleChrome{background:#ece0d1!important}html[data-theme=coffee] .navRowActive,html[data-theme=coffee] .navRowActive .navChevron,html[data-theme=coffee] .navRowActive .navMain{color:#ece0d1!important}html[data-theme=coffee] .garageVehicleName small{color:#fff!important;opacity:1}html[data-theme=dark] .content,html[data-theme=dark] .garagePage,html[data-theme=dark] .simplePage,html[data-theme=dark] .vehiclePageBody{background:#0b1115!important}html[data-theme=dark] .documentCard,html[data-theme=dark] .recordsTableWrap,html[data-theme=dark] .tabs.vehicleTabs,html[data-theme=dark] .vehicleChrome{background:#111a20!important}html[data-theme=dark] .deleteIconButton:hover{background:#382127!important;border-color:#70404a!important}html[data-theme=dark] .statusBadge.status-research,html[data-theme=dark] .statusBadge.status-upcoming{background:#18314a!important;color:#9dccff!important}html[data-theme=dark] .statusBadge.status-due-soon,html[data-theme=dark] .statusBadge.status-need,html[data-theme=dark] .statusBadge.status-ordered{background:#3b2c18!important;color:#ffd58b!important}html[data-theme=dark] .statusBadge.status-on-the-shelf{background:#2e2945!important;color:#c9bfff!important}html[data-theme=dark] .statusBadge.status-completed,html[data-theme=dark] .statusBadge.status-installed{background:#18372b!important;color:#9ee2bd!important}html[data-theme=dark] .statusBadge.status-discarded,html[data-theme=dark] .statusBadge.status-overdue{background:#402126!important;color:#ffabb1!important}@media(max-width:1100px){.documentGrid,.maintenanceBoard,.projectLandingCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.documentGrid,.maintenanceBoard,.projectLandingCards{grid-template-columns:1fr}.taskPanelHead{align-items:flex-start}.taskHeadActions{gap:8px}.taskHeadActions .muted{font-size:8.8px}.headerControl{width:126px}.documentViewerBackdrop{padding:8px}.viewerArrow{width:40px;height:40px}}.sidebar .globalNav .navRow .navChevron,.sidebar .globalNav .navRow .navMain{color:inherit!important}.pageHead:has(>div>p.muted),.recordPageHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column-gap:24px;column-gap:24px;grid-row-gap:0;row-gap:0;align-items:start}.pageHead:has(>div>p.muted)>div:first-child,.recordPageHeader>div:first-child{display:contents}:is(.recordPageHeader,.pageHead)>div:first-child>h1{grid-column:1;grid-row:1}:is(.recordPageHeader,.pageHead)>div:first-child>p.muted{grid-column:1/-1;grid-row:3;width:100%;max-width:none;margin:5px 0 0;overflow-wrap:anywhere}:is(.recordPageHeader,.pageHead)>:is(.headerActions,.headerControl,.projectPercent){grid-column:2;grid-row:1}:is(.recordPageHeader,.pageHead):has(>div>.eyebrow)>div:first-child>.eyebrow{grid-column:1/-1;grid-row:1}:is(.recordPageHeader,.pageHead):has(>div>.eyebrow)>.projectPercent,:is(.recordPageHeader,.pageHead):has(>div>.eyebrow)>div:first-child>h1{grid-row:2}@media(max-width:650px){.pageHead:has(>div>p.muted),.recordPageHeader{grid-template-columns:minmax(0,1fr)}:is(.recordPageHeader,.pageHead)>:is(.headerActions,.headerControl,.projectPercent){grid-column:1;grid-row:4;margin-top:12px}.headerActions{justify-content:flex-start;max-width:100%;flex-wrap:wrap}}.calendarPage,.garagePage,.gloveboxPage{padding-top:24px}.calendarPage .sectionTitle,.garagePage .sectionTitle,.gloveboxPage .sectionTitle,.vehiclePageBody .sectionTitle{font-size:24px;line-height:32px;letter-spacing:-.035em;font-weight:700;margin:0 0 5px}.calendarFooter{display:flex;justify-content:flex-start;margin-top:16px}.headerControl svg{flex-shrink:0}.calendarPage .headerActions .headerControl{width:auto;min-width:126px}.gloveboxNotes{margin-top:28px}.gloveboxNotes .noteCard p{white-space:pre-wrap}.gloveboxNotes .noteComposer input,.gloveboxNotes .noteComposer textarea{color:var(--text);background:var(--surface)}@media(max-width:650px){.calendarPage .sectionTitle,.garagePage .sectionTitle,.gloveboxPage .sectionTitle,.vehiclePageBody .sectionTitle{font-size:22.4px;line-height:30px}}.documentNotes{margin:18px 0 24px}.documentNotes>h2{margin-bottom:12px}.documentNoteRow{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.documentNoteContent{min-width:0;flex:1 1}.documentNoteContent h3{margin:0 0 8px}.documentNoteContent p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px;line-height:1.5}.documentNoteRow>.cardIconActions{flex-shrink:0}.sidebar .globalNav .navRow:focus-visible,.sidebar .globalNav .navRow:hover{background:#eceff3!important}html[data-theme=dark] .sidebar .globalNav .navRow:focus-visible,html[data-theme=dark] .sidebar .globalNav .navRow:hover{background:#14212a!important}html[data-theme=coffee] .sidebar .globalNav .navRow:focus-visible,html[data-theme=coffee] .sidebar .globalNav .navRow:hover{background:#634832!important}.noteCard{padding-right:0}.noteHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.noteHeader .noteTitle{min-width:0;flex:1 1;margin:0;overflow-wrap:anywhere}.noteActions{display:flex;align-items:center;gap:5px;flex-shrink:0}.noteActions time{color:var(--muted);margin-right:7px;white-space:nowrap}.documentNoteContent>.noteHeader+p{margin-top:9px}.tableActions{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;width:max-content}.tableActions>*{flex-shrink:0}.maintenanceCardHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.maintenanceCardHeading .eyebrow{margin:0}.maintenanceCardHeading .projectStatus{flex-shrink:0}.maintenanceStatus-upcoming{background:#edf3fb;color:#365070}.maintenanceStatus-due-soon{background:#fff1da;color:#7a5012}.maintenanceStatus-overdue{background:#fce8e6;color:#9b3028}.maintenanceStatus-completed{background:#e8f5ef;color:#226145}.maintenanceMeta{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.noteHeader{gap:6px}.noteActions{gap:3px}.noteActions time{white-space:normal;max-width:110px;margin-right:3px}.maintenanceMeta{grid-template-columns:1fr 1fr}}.cardFieldLabel{text-transform:uppercase;font-size:8px;font-weight:400;letter-spacing:.05em;color:var(--muted)}.maintenanceCardHeading .cardIconActions{flex-wrap:nowrap;flex-shrink:0}.maintenanceMeta b{overflow-wrap:anywhere}.garageEditPhoto{color:#18202c!important;background:#fff!important;border-color:#d7dce2;box-shadow:0 1px 5px #0003}.garageEditPhoto:focus-visible,.garageEditPhoto:hover{background:#eceff3!important}html[data-theme=dark] .editIconButton:not(.deleteIconButton){color:#18202c!important;background:#fff!important;border-color:#d7dce2!important;box-shadow:0 1px 5px #0003}html[data-theme=dark] .editIconButton:not(.deleteIconButton):focus-visible,html[data-theme=dark] .editIconButton:not(.deleteIconButton):hover{background:#eceff3!important}.formGrid.carCoreFields{grid-template-columns:repeat(4,minmax(0,1fr))}.vehiclePhotoUpload{margin-bottom:18px}.vehiclePhotoUploadButton{position:relative;width:100%;height:180px;border:1px dashed var(--line);border-radius:10px;background:var(--soft);color:var(--text);overflow:hidden;cursor:pointer;display:grid;place-items:center}.vehiclePhotoUploadButton img{position:absolute;width:100%;height:100%;object-fit:cover}.vehiclePhotoUploadButton span{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;padding:10px 16px;background:var(--surface);border-radius:8px}.carMoreDetails{margin:4px 0 20px}.carMoreDetails summary{cursor:pointer;padding:12px 0;font-weight:600;border-bottom:1px solid var(--line);margin-bottom:16px}.specsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;margin:0}.specsGrid dt{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.specsGrid dd{margin:0;font-size:11.2px;overflow-wrap:anywhere}.specsNotes{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.specsNotes h2{font-size:12.8px}.specsNotes p{white-space:pre-wrap;overflow-wrap:anywhere}.vehicleTabs.tabs{gap:8px;padding-top:8px;padding-bottom:8px;overflow-x:auto}.vehicleTabs.tabs>a{border:0!important;border-radius:9px;padding:12px 16px;white-space:nowrap;transition:background .15s ease;color:var(--text)!important}.vehicleTabs.tabs>a:after{display:none!important}.vehicleTabs.tabs>a.vehicleTabActive{background:var(--sidebar-active)!important}.vehicleTabs.tabs>a:focus-visible,.vehicleTabs.tabs>a:hover{background:#eceff3!important}html[data-theme=dark] .vehicleTabs.tabs>a.vehicleTabActive{background:#173a5e!important;color:#fff!important}html[data-theme=dark] .vehicleTabs.tabs>a:focus-visible,html[data-theme=dark] .vehicleTabs.tabs>a:hover{background:#14212a!important;color:#fff!important}html[data-theme=coffee] .vehicleTabs.tabs>a.vehicleTabActive{background:#967259!important;color:#ece0d1!important}html[data-theme=coffee] .vehicleTabs.tabs>a:focus-visible,html[data-theme=coffee] .vehicleTabs.tabs>a:hover{background:#634832!important;color:#ece0d1!important}@media(max-width:650px){.formGrid.carCoreFields,.specsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicleTabs.tabs>a{padding:10px 12px}.vehiclePhotoUploadButton{height:160px}}.specsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.specsColors{margin-top:20px}.specsColors summary{margin-bottom:16px;cursor:pointer}.creationToggle{margin-bottom:20px}.maintenanceBoard,.maintenanceList{margin-top:16px}.timelineEvent{color:inherit;text-decoration:none}.timelineEvent:focus-visible .timelineCard,.timelineEvent:hover .timelineCard{background:var(--soft);border-color:var(--accent)}html[data-theme=coffee]{--bg:#211813;--surface:#30231c;--text:#f4e8d8;--muted:#c5ad96;--line:#66503e;--soft:#423126;--accent:#dbc1ac;--danger:#ee9990;--sidebar-active:#76553e;color-scheme:dark}html[data-theme=coffee] .content,html[data-theme=coffee] .garagePage,html[data-theme=coffee] .simplePage,html[data-theme=coffee] .vehiclePageBody,html[data-theme=coffee] body{background:#211813!important;color:#f4e8d8!important}html[data-theme=coffee] .sidebar{background:#19120e!important;border-color:#66503e!important}html[data-theme=coffee] :is(.panel,.modal,.projectCard,.maintenanceRecord,.documentCard,.timelineCard,.calendarCell,.settingsPanel){background:#30231c!important;color:#f4e8d8!important;border-color:#66503e!important}html[data-theme=coffee] :is(h1,h2,h3,strong,b,.sectionTitle,.noteTitle,.specsGrid dd){color:inherit}html[data-theme=coffee] :is(.muted,.eyebrow,small,.cardFieldLabel,.specsGrid dt,.fieldHint,.noteActions time){color:#c5ad96!important}html[data-theme=coffee] :is(input,select,textarea){background:#261b15!important;color:#f4e8d8!important;border-color:#765b45!important;color-scheme:dark}html[data-theme=coffee] :is(.recordNotes,.segmented,.viewToggle,.vehiclePhotoUploadButton,.documentIcon,.vehiclePhotoUploadButton span,.calendarWeekdays,.vehicleTabs,.headerMetric){background:#423126!important;color:#f4e8d8!important;border-color:#66503e!important}html[data-theme=coffee] :is(.recordsTable th,.recordsTable td){background:#30231c!important;color:#f4e8d8!important;border-color:#66503e!important}html[data-theme=coffee] :is(.segmented button,.viewToggle button,.unitToggle button){color:#dbc1ac!important;background:transparent!important}html[data-theme=coffee] :is(.segmented button.active,.viewToggle button.active,.unitToggle button.active){background:#76553e!important;color:#fff1e0!important}html[data-theme=coffee] .button{background:#dbc1ac!important;color:#2a1d15!important;border-color:#dbc1ac!important}html[data-theme=coffee] .button.secondary{background:#4a3528!important;color:#f4e8d8!important;border-color:#80634b!important}html[data-theme=coffee] .button.dangerButton{background:#5b2e28!important;color:#ffd5cb!important;border-color:#9e5b4c!important}html[data-theme=coffee] .iconButton{color:#f4e8d8!important}html[data-theme=coffee] .editIconButton:not(.deleteIconButton){background:#dbc1ac!important;color:#2a1d15!important}html[data-theme=coffee] .deleteIconButton{background:#5b2e28!important;color:#ffd5cb!important}html[data-theme=coffee] .vehicleTabs.tabs>a{color:#f4e8d8!important}html[data-theme=coffee] .vehicleTabs.tabs>a.vehicleTabActive{background:#76553e!important;color:#fff1e0!important}html[data-theme=coffee] :is(.projectStatus,.priority){color:#2a1d15}html[data-theme=coffee] .modalBackdrop{background:rgba(12,7,4,.75)!important}html[data-theme=coffee] .calendarCell.today{background:#4a3528!important}html[data-theme=coffee] .calendarEvent{background:#654a37!important;color:#fff1e0!important}html[data-theme=coffee] body .vehicleTabs.tabs{background:#30231c!important;border-color:#66503e!important}html[data-theme=coffee] body .filterSelect select,html[data-theme=coffee] body :is(input,select,textarea){background:#261b15!important;color:#f4e8d8!important;border-color:#765b45!important}html[data-theme=coffee] body .recordNotes{background:#423126!important;color:#f4e8d8!important}html[data-theme=coffee] body .priority{color:#e6c39b!important}html[data-theme=coffee] body .projectProgressRow span{color:#c5ad96!important}.specsTimeline{margin-top:40px}.specsTimeline .recordPageHeader>div:first-child>h2{grid-column:1;grid-row:1;margin:0}.maintenanceSection{margin-top:32px}.maintenanceNoStatus{justify-content:flex-end}.sortHeading{font:inherit;color:inherit;border:0;background:transparent;padding:0;text-transform:inherit;letter-spacing:inherit;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}.sortHeading:focus-visible,.sortHeading:hover{color:var(--text);text-decoration:underline}.headerMetric select{max-width:290px;border:0;background:transparent;color:var(--text);font-size:8.8px;padding:4px}.projectStatus-idea{background:#edf3fb!important;color:#365070!important}.projectStatus-active,.projectStatus-completed{background:#e8f5ef!important;color:#226145!important}.projectStatus-on-hold{background:#fff1da!important;color:#7a5012!important}.projectStatus-abandoned{background:#fce8e6!important;color:#9b3028!important}.maintenanceSection{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.maintenanceSection.maintenanceHidden{border:0;padding:0;margin:0}.hideCompleted{display:inline-flex;align-items:center;gap:7px;font-size:9.6px;color:var(--muted);white-space:nowrap;cursor:pointer}.hideCompleted input{width:14px;height:14px;margin:0;accent-color:var(--accent)}html[data-theme=coffee] body .headerMetric select{background:inherit!important;color:inherit!important;border:0!important}html[data-theme=coffee] body .headerMetric select option{background:#423126;color:#f4e8d8}.documentNoteRow,.noteCard{padding:10px 0}.noteHeader{gap:8px}.noteHeader .noteTitle{font-size:11.2px;font-weight:700;line-height:1.35}.documentNoteContent>.noteHeader+p,.noteCard p{font-size:9.6px;line-height:1.45;margin:4px 0 0}.noteActions .editIconButton{width:25px;height:25px;min-width:25px;padding:4px}.noteActions time{font-size:8px;margin-right:4px}.notesList{margin-top:10px}.documentNotes{margin:18px 0}.documentNotes>h2{font-size:14.4px;margin-bottom:6px}.noteComposer{gap:6px}.noteComposer input,.noteComposer textarea{font-size:10.4px;padding:8px}.recordNotes{padding:8px;margin-top:8px;font-size:9.6px;line-height:1.45}.specsNotes{margin-top:16px;padding-top:12px}.specsNotes h2{font-size:11.2px}.specsNotes p{font-size:9.6px;line-height:1.45;margin:4px 0 0}.maintenanceSection{margin-top:0;padding-top:0}.appearanceToggle,.recordControls .segmented{height:32px;min-height:32px;padding:2px!important;align-items:stretch;box-sizing:border-box}.appearanceToggle button,.recordControls .segmented button{height:26px;min-height:0;padding:0 12px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.filterSelect select{height:32px;min-height:32px;box-sizing:border-box}.headerMetric select,.headerMetric span,.headerMetric strong{font-size:10.4px}html[data-theme=coffee] .progress{background:#634832}html[data-theme=coffee] .progress i{background:#dbc1ac}html[data-theme=coffee] body .partsColumn{background:#261b15!important;color:#f4e8d8!important;border-color:#66503e!important}html[data-theme=coffee] body .partCard{background:#30231c!important;color:#f4e8d8!important;border-color:#80634b!important}html[data-theme=coffee] body .partCard :is(h3,b){color:#f4e8d8!important}html[data-theme=coffee] body .partCard :is(p,.partMaker,.partMeta span){color:#c5ad96!important}html[data-theme=coffee] body .partCard code{background:#423126!important;color:#f4e8d8!important}html[data-theme=coffee] body .partsColumnHead{color:#f4e8d8!important;border-color:#66503e!important}html[data-theme=coffee] body .partsColumnHead span{background:#423126!important;color:#f4e8d8!important}html[data-theme=coffee] body .statusBadge.status-need{background:#594020!important;color:#ffe0a6!important}html[data-theme=coffee] body .statusBadge.status-on-the-shelf{background:#453953!important;color:#e4d4f5!important}html[data-theme=coffee] body .statusBadge.status-installed{background:#294536!important;color:#c0edcf!important}html[data-theme=coffee] body .statusBadge.status-discarded{background:#582f2b!important;color:#ffd1c9!important}@media(min-width:801px){.shell{grid-template-columns:184.8px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.sidebar .navRow{gap:8px;padding-left:8px;padding-right:8px}.sidebar .brand{font-size:10.4px}.sidebarSettings{left:12px;right:12px}}.brand span{display:block}.maintenanceSection{margin-top:20px;padding-top:20px}html[data-theme=coffee] body .calendarToolbar .panelButton{background:#423126!important;color:#f4e8d8!important;border-color:#80634b!important}html[data-theme=coffee] body .calendarToolbar .panelButton:hover{background:#76553e!important;color:#fff1e0!important}.partBoardCard{padding:22px;border-radius:12px;display:flex;flex-direction:column;min-width:0;cursor:pointer}.partBoardCard .partCardTop{gap:12px;align-items:center}.partBoardCard .partCardTop .cardFieldLabel{min-width:0;overflow-wrap:anywhere}.partBoardCard .partCardTop .statusSelect{width:auto;max-width:145px;flex-shrink:0;margin:0;padding:6px 10px;font-weight:750;border-radius:7px;cursor:pointer}.partCardMain{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;font-size:17.6px;font-weight:700;line-height:1.3;margin:18px 0 8px;padding:0;cursor:pointer;overflow-wrap:anywhere}.partCardMain:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.partBoardCard .partMeta{margin-top:auto}.sidebar .brand{font-size:22.952px;letter-spacing:.04em;line-height:1.15;margin-left:0;margin-right:0;font-weight:800}.alignedWorkTable{table-layout:fixed;width:100%;min-width:720px}.alignedWorkTable td,.alignedWorkTable th{width:14%;overflow-wrap:anywhere}.alignedWorkTable td:first-child,.alignedWorkTable th:first-child{width:30%}.noteComposer>input{grid-column:1/-1}.noteComposer>input,.noteComposer>textarea{width:100%;min-width:0}html body :is(.projectStatus,.statusBadge,.statusSelect){font-size:8px!important;line-height:16px!important;padding:3px 6px!important;border-radius:5px!important;white-space:nowrap!important;min-height:24px;max-width:100%;width:auto;border:0!important;letter-spacing:0;font-weight:650}html body :is(.projectStatus-completed,.status-installed){background:#e6e7ea!important;color:#484d58!important}html body :is(.projectStatus-abandoned,.status-need){background:#fbe3e0!important;color:#96372e!important}html body .projectStatus-active{background:#e1f1e7!important;color:#286044!important}html body .projectStatus-idea{background:#e4edf8!important;color:#355d86!important}html body .status-on-the-shelf{background:#eee5f7!important;color:#694787!important}html:is([data-theme=dark],[data-theme=coffee]) body :is(.projectStatus,.statusBadge,.statusSelect):is(.projectStatus-completed,.status-installed){background:#393d44!important;color:#d8dce3!important}html:is([data-theme=dark],[data-theme=coffee]) body :is(.projectStatus,.statusBadge,.statusSelect):is(.projectStatus-abandoned,.status-need){background:#542c28!important;color:#ffc1b9!important}html:is([data-theme=dark],[data-theme=coffee]) body :is(.projectStatus,.statusBadge,.statusSelect).projectStatus-active{background:#254333!important;color:#b5e7c9!important}html:is([data-theme=dark],[data-theme=coffee]) body :is(.projectStatus,.statusBadge,.statusSelect).projectStatus-idea{background:#263c53!important;color:#c0ddff!important}html:is([data-theme=dark],[data-theme=coffee]) body :is(.projectStatus,.statusBadge,.statusSelect).status-on-the-shelf{background:#42334f!important;color:#e2c6fa!important}.locationClamp{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.4;max-height:2.8em}.editableRecord{cursor:pointer}.recordTextButton{border:0;background:transparent;color:inherit;padding:0;font:inherit;font-weight:700;text-align:left;cursor:pointer}.recordTextButton:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.maintenanceWorkTable td:last-child,.maintenanceWorkTable th:last-child{width:28%}.sidebar .brand{letter-spacing:normal}.maintenanceWorkTable td:nth-child(2),.maintenanceWorkTable th:nth-child(2){width:28%}.maintenanceWorkTable td:last-child,.maintenanceWorkTable th:last-child{width:14%}.headerMetric select{font-family:inherit;font-weight:400;color:var(--muted)}html[data-theme=coffee] body .headerMetric select{color:#c5ad96!important}html[data-theme=dark] body .headerMetric select{color:var(--muted)!important}.projectPartsPanel{min-width:0;overflow:hidden}.projectPartRow{grid-template-columns:minmax(0,1fr) 32px 80px 105px 28px}.projectPartRow>*{min-width:0}@media(max-width:1100px){.projectPartRow{grid-template-columns:minmax(0,1fr) 32px 80px}.projectPartRow .statusSelect{grid-column:1;max-width:100%}.projectPartRow .trashButton{grid-column:3;justify-self:end}}.modal input::placeholder,.modal textarea::placeholder{color:var(--muted);opacity:.75}.calendarDayButton{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.calendarCell:has(.calendarDayButton){cursor:pointer}html[data-theme=coffee] body :is(.vehicleHeroCopy,.vehicleHeroCopy h1,.vehicleHeroCopy p,.garageVehicleName,.garageVehicleName strong,.garageVehicleName small){color:#ece0d1!important}.calendarAddForm .modalActions .calendarAddButton{margin:0;width:auto}[data-board-id]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.boardDragging{opacity:.55;outline:2px solid var(--accent)}.mobileNavigation{display:none}@media(max-width:800px){.shell{display:block;position:relative;min-height:100dvh}.sidebar{display:none}.content{width:100%;min-width:0;padding:0}.mobileNavigation{display:block;position:relative;z-index:30}.mobileBanner{height:calc(110px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));display:flex;align-items:center;gap:14px;background:var(--sidebar,var(--surface));border-bottom:1px solid var(--line)}.mobileMenuButton{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;pointer-events:auto}.mobileBrand{font-size:clamp(14.4px,4.16vw,20px);font-weight:800;letter-spacing:-.045em;white-space:nowrap}.mobileNavigationVehicle{position:absolute;top:0;left:0;right:0;pointer-events:none}.mobileNavigationVehicle .mobileBanner{background:transparent;border:0}.mobileNavigationVehicle .mobileMenuButton{background:#ece0d1;color:#38220f;border-color:#ece0d1}.mobileDropdown{position:absolute;top:100%;left:12px;right:12px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 14px 32px #0004;pointer-events:auto}.mobileDropdown a{display:flex;align-items:center;gap:14px;min-height:48px;padding:12px 16px;border-radius:9px;font-size:12px}.mobileDropdown a:hover,.mobileDropdown a[aria-current=page]{background:var(--soft)}.mobileDropdown a:focus-visible,.mobileMenuButton:focus-visible{outline:2px solid var(--text);outline-offset:3px}.vehicleHero{height:calc(110px + env(safe-area-inset-top))!important;min-height:110px;padding-top:env(safe-area-inset-top)}.vehicleHeroCopy{padding:0 16px 0 calc(74px + env(safe-area-inset-left));max-width:100%;width:100%}.vehicleHeroCopy h1{font-size:clamp(15.2px,4.4vw,20px);line-height:1.12;overflow-wrap:anywhere}.vehicleHeroCopy p{font-size:9.6px}.tabs.vehicleTabs{height:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;padding:0 10px;margin:0;width:100%;overflow:visible}.tabs.vehicleTabs>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;font-size:10.4px;white-space:nowrap}.garagePage,.simplePage,.vehiclePageBody{padding:22px max(16px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.documentGrid,.garageVehicleGrid,.maintenanceBoard,.projectCards,.projectLandingCards,.vehicleGrid{grid-template-columns:minmax(0,1fr)}.pageHead,.projectToolbar,.projectToolbarTop,.recordControls,.recordPageHeader{min-width:0;max-width:100%}.projectToolbarTop,.recordControls,.taskHeadActions{flex-wrap:wrap;gap:10px}.headerActions{flex-wrap:wrap}.button,.projectAddPartButton,.smallButton{min-height:44px;display:inline-flex}.iconButton,.trashButton.always{min-width:44px;min-height:44px}.segmented button{min-height:40px}.filterSelect{font-size:10.4px;max-width:100%}.modalBackdrop{padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.modal{max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:20px}.fieldLabel input,.fieldLabel select,.modal input,.modal select,.modal textarea,.noteComposer input,.noteComposer textarea{font-size:12.8px;min-width:0;max-width:100%}.formGrid,.formGrid.triple{grid-template-columns:minmax(0,1fr)}.modalActions{flex-wrap:wrap}.partsTableWrap,.recordsTableWrap{max-width:100%;overflow-x:auto}.calendarTopRow{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.calendarTopSpacer{display:none}.calendarCells,.calendarWeekdays{min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}.calendarCell{min-width:0;min-height:94px;padding:4px 2px}.calendarEvent{font-size:7.2px;padding:4px 2px;border-left-width:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px;max-width:100%}.calendarDayButton{min-width:32px;min-height:32px}.calendarWeekdays>div{padding:8px 0;font-size:8px;text-align:center}.settingsPanel{align-items:stretch;gap:18px}.appearanceToggle{flex-wrap:wrap}.projectPartRow{grid-template-columns:minmax(0,1fr) 32px 70px}.projectPartRow .trashButton{grid-column:3}.noteHeader{flex-wrap:wrap}.noteTitle,.panelHead>div,.taskText{min-width:0;overflow-wrap:anywhere}}html[data-theme=coffee] .mobileBanner{background:#38220f;color:#ece0d1}html[data-theme=coffee] .mobileNavigationVehicle .mobileBanner{background:transparent}@media(max-width:800px){.shell{background:var(--bg)}html[data-theme=coffee] .shell{background:#211813}html[data-theme=dark] .shell{background:#0b1115}.settingsPage .sectionTitle{font-size:22.4px;line-height:30px}}body,html{font-size:12.8px}@media(max-width:800px){.mobileBanner,.vehicleHero{height:calc(55px + env(safe-area-inset-top))!important;min-height:55px}.mobileMenuButton{flex-basis:32px;width:32px;height:32px}.mobileMenuButton svg{width:18px;height:18px}.mobileBanner{gap:10px}.vehicleHeroCopy{padding-left:calc(58px + env(safe-area-inset-left))}.vehicleHeroCopy h1{margin-bottom:2px}.vehiclePageBody{padding-top:16px}html body .button,html body .projectAddPartButton,html body .smallButton{height:32px;min-height:32px;padding:0 10px;gap:5px;line-height:1.1;justify-content:center}.button svg{width:12px;height:12px;flex-shrink:0}html body .headerControl{width:auto;min-width:0;font-size:10.4px}html body .segmented{height:32px;min-height:32px;padding:2px!important;align-items:stretch;flex-wrap:nowrap}html body .segmented button{height:26px;min-height:0;padding:0 10px!important;line-height:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}html body .appearanceToggle{display:flex;width:100%;max-width:100%}html body .appearanceToggle button{flex:1 1;min-width:0;gap:5px;padding:0 6px!important}.appearanceToggle svg{width:11px;height:11px;flex-shrink:0}.recordPageHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px 12px;gap:10px 12px;align-items:start;margin-bottom:14px}.recordPageHeader>.headerActions,.recordPageHeader>div:first-child{display:contents}.recordPageHeader>div:first-child>:is(h1,h2){grid-column:1/-1;grid-row:1;margin:0}.recordPageHeader>div:first-child>p.muted{grid-column:1;grid-row:2;margin:0;line-height:1.4}.recordPageHeader>.headerActions>.headerControl,.recordPageHeader>.headerControl{grid-column:2;grid-row:2;margin:0;align-self:start}.recordPageHeader>.headerActions>.headerMetric{grid-column:1/-1;grid-row:3;width:100%;max-width:none;justify-content:space-between;margin:0;height:32px;min-width:0}.headerMetric select{min-width:0;max-width:80%}.projectsPageHeader>div:first-child>h1{display:none}.projectsPageHeader>.headerActions>.headerControl,.projectsPageHeader>div:first-child>p.muted{grid-row:1}.projectsPageHeader>.headerActions>.headerMetric{grid-row:2}.calendarPage .recordPageHeader>.headerActions{display:flex;flex-direction:column;grid-column:2;grid-row:2;gap:6px;margin:0}.calendarPage .headerActions .headerControl{min-width:0;width:100%}.recordPageHeader:not(:has(.headerControl))>div:first-child>p.muted{grid-column:1/-1}.recordControls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:8px 12px;gap:8px 12px;align-items:start}.recordControls>.segmented{grid-column:1;grid-row:1;justify-self:start;width:auto;max-width:100%}.recordControls>.filterSelect{grid-column:2;grid-row:1;width:100%;min-width:0;margin:0}.recordControls>.filterSelect select{width:100%;height:32px;min-width:0;padding:0 20px 0 8px}.recordControls>.hideCompleted{grid-column:2;grid-row:2;width:100%;justify-content:flex-start;margin:0;gap:5px}.hideCompleted input{width:12px;height:12px}html[data-theme=light] .mobileBanner{background:#f4f6f8;color:#151922}html[data-theme=dark] .mobileBanner{background:#111a20;color:#f3f6f8}html[data-theme=coffee] .mobileBanner{background:#38220f;color:#ece0d1}html body .mobileBrand{color:inherit}html[data-theme=light] .mobileMenuButton{background:#fff;color:#243044;border-color:#cbd3dc}html[data-theme=dark] .mobileMenuButton{background:#24333e;color:#f3f6f8;border-color:#536573}html[data-theme=coffee] .mobileMenuButton{background:#ece0d1;color:#38220f;border-color:#967259}html body .mobileNavigationVehicle .mobileBanner{background:transparent;border:0}}}