:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f2f5;--text:#1c2330;--muted:#677185;--border:#dde1e7;--primary:#1f5f99;--primary-hover:#194e7e;--primary-soft:#e3edf7;--on-primary:#fff;--danger:#c23b33;--danger-soft:#fbe9e7;--warning:#9a6200;--warning-soft:#fdf1d8;--radius:12px;--shadow:0 1px 2px #1018280f;--bottom-nav-height:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#111418;--surface:#1b1f25;--surface-2:#242a32;--text:#e6e9ee;--muted:#97a0b0;--border:#2e3540;--primary:#5a9fe0;--primary-hover:#7ab2e8;--primary-soft:#1e3247;--on-primary:#0b1520;--danger:#f07167;--danger-soft:#3a1f1d;--warning:#f0b44c;--warning-soft:#3a2e17;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2{margin:0;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.1rem}a{color:var(--primary)}.muted{color:var(--muted)}.center{text-align:center}.app{min-height:100dvh}.topbar{z-index:10;padding:calc(8px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand span{display:none}.car-select{flex:1;min-width:0;max-width:320px}.logout{white-space:nowrap;margin-left:auto}.tabs-top{display:none}.content{max-width:1080px;padding:16px max(16px, env(safe-area-inset-right)) calc(var(--bottom-nav-height) + 88px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}.tabs-bottom{z-index:10;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;inset:auto 0 0}.tabs-bottom a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.tabs-bottom a.active{color:var(--primary);font-weight:600}.fab{right:max(16px, env(safe-area-inset-right));bottom:calc(var(--bottom-nav-height) + 16px + env(safe-area-inset-bottom));z-index:10;width:60px;height:60px;color:var(--on-primary);background:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 14px #00000040}.fab svg:first-child{stroke-width:3px;width:16px;height:16px;margin-right:-2px}@media (width>=768px){.brand span{display:inline}.tabs-top{gap:4px;display:flex}.tabs-top a{color:var(--muted);border-radius:8px;padding:8px 14px;font-weight:500;text-decoration:none}.tabs-top a:hover{color:var(--text);background:var(--surface-2)}.tabs-top a.active{color:var(--primary);background:var(--primary-soft)}.tabs-bottom,.fab{display:none}.content{padding:24px}}.page-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.page-actions{gap:8px;display:flex}.back-link{margin-bottom:4px;font-size:.95rem;text-decoration:none;display:inline-block}.section-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 16px;padding:16px}.columns{gap:0 24px;display:grid}@media (width>=900px){.columns{grid-template-columns:1fr 1fr;align-items:start}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.danger-zone{margin-top:32px}.button{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--surface-2)}.button:disabled{opacity:.6;cursor:default}.button-primary{border-color:var(--primary);color:var(--on-primary);background:var(--primary)}.button-primary:hover{background:var(--primary-hover)}.button-danger{border-color:var(--danger);color:var(--danger);background:0 0}.button-danger:hover{background:var(--danger-soft)}.button-small{min-height:36px;padding:0 12px;font-size:.9rem}.button-link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0}.icon-button{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px}.icon-button:disabled{opacity:.35}input,select,textarea{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:var(--surface);font:inherit;border-radius:10px;padding:10px 12px;font-size:16px}input[type=date]{appearance:none;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:#0000}.car-select{min-height:40px;padding-block:6px;font-weight:600}.form-narrow{max-width:560px;margin:0 auto}.form-grid{gap:16px;display:grid}@media (width>=640px){.form-grid{grid-template-columns:1fr 1fr}.form-grid>:last-child{grid-column:1/-1}}.form-stack{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label,legend{font-size:.9rem;font-weight:600}.field-hint{color:var(--muted);font-size:.85rem;display:block}.field-error,.warning{font-size:.85rem;font-weight:500}.field-error{color:var(--danger)}.warning{color:var(--warning)}.field-invalid input,.field-invalid select,.field-invalid textarea{border-color:var(--danger)}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:10px;margin:0 0 16px;padding:10px 12px}.form-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.button-wide{flex:1}@media (width>=768px){.button-wide{flex:none;min-width:160px}}.form-actions-sticky{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--bg) 12px);padding:12px 0;position:sticky}@media (width>=768px){.form-actions-sticky{bottom:0}}fieldset{min-width:0}legend{float:left;width:100%;padding:0}.checkbox{align-items:center;gap:12px;min-height:36px;display:flex}.checkbox input{width:22px;height:22px;min-height:22px;accent-color:var(--primary);margin:0}.toggle{cursor:pointer;align-items:center;gap:12px;display:flex;position:relative}.toggle input{opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;position:absolute}.toggle-track{background:var(--border);border-radius:15px;flex:none;width:50px;height:30px;transition:background .15s;position:relative}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle input:checked+.toggle-track{background:var(--primary)}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--primary);outline-offset:2px}.toggle-label{font-weight:600;display:block}.more summary{color:var(--primary);cursor:pointer;padding:4px 0}.more[open] summary{margin-bottom:12px}.more>.toggle,.more>.field{margin-bottom:16px}.preview{background:var(--surface-2);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;font-size:.95rem;font-weight:600;display:grid}.preview>div{flex-direction:column;min-width:0;display:flex}.details{gap:12px;margin:0;display:grid}.details div{grid-template-columns:minmax(110px,40%) 1fr;gap:12px;display:grid}.details dt{color:var(--muted)}.details dd{overflow-wrap:anywhere;margin:0}.notes{border-top:1px solid var(--border);white-space:pre-wrap;margin:16px 0 0;padding-top:16px}.plate{color:#111;letter-spacing:.04em;background:#f7c600;border:1px solid #b08a00;border-radius:4px;padding:1px 8px;font-weight:700;display:inline-block}.spec-rows{flex-direction:column;gap:12px;display:flex}.spec-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spec-row-actions{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}@media (width>=640px){.spec-row{grid-template-columns:1fr 1fr auto}.spec-row-actions{grid-column:auto}}.badge{vertical-align:1px;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-warning{color:var(--warning);background:var(--warning-soft)}.badge-type{color:var(--muted);background:var(--surface-2)}.badge-apk{color:var(--primary);background:var(--primary-soft)}.badge-repair{color:var(--warning);background:var(--warning-soft)}.list{padding:0;list-style:none}.list li+li{border-top:1px solid var(--border)}.list-item{color:inherit;justify-content:space-between;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.list-item:hover{background:var(--surface-2)}.list li:first-child .list-item{border-radius:var(--radius) var(--radius) 0 0}.list li:last-child .list-item{border-radius:0 0 var(--radius) var(--radius)}.list li:only-child .list-item{border-radius:var(--radius)}.list-main,.list-side{flex-direction:column;gap:2px;min-width:0;display:flex}.list-main .muted,.list-side{font-size:.9rem}.list-side{text-align:right;white-space:nowrap;align-items:flex-end}.list-side strong{font-size:1rem}.total{text-align:right;margin:-8px 0 16px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width>=768px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:12px 14px;display:flex}.stat-label{color:var(--muted);font-size:.8rem;font-weight:500}.stat-value{font-size:1.3rem;font-weight:700}.stat-value small{color:var(--muted);font-size:.8rem;font-weight:500}.stat-sub{color:var(--muted);font-size:.8rem}.login{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-card{flex-direction:column;gap:16px;width:100%;max-width:360px;padding:24px;display:flex}.login-card img{align-self:center}.login-card h1{text-align:center}
