:root{--accent:#aa3bff;--accent-light:#aa3bff1f;--accent-border:#aa3bff66;--bg:#fff;--surface:#f8f7fc;--border:#e5e3ec;--text:#3c3748;--text-muted:#7a7488;--danger:#e53e3e;--danger-light:#e53e3e1a;--warn:#d97706;--warn-light:#d977061a;--ok:#16a34a;--ok-light:#16a34a1a;--radius:12px;--radius-sm:8px;--shadow:0 1px 4px #00000014, 0 4px 16px #0000000f;--sans:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--accent:#c084fc;--accent-light:#c084fc26;--accent-border:#c084fc66;--bg:#111117;--surface:#1c1c24;--border:#2e2d3a;--text:#e4e0f0;--text-muted:#8a849a;--danger:#fc8181;--danger-light:#fc81811f;--warn:#fbbf24;--warn-light:#fbbf241f;--ok:#4ade80;--ok-light:#4ade801f}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}#root{flex-direction:column;max-width:600px;min-height:100svh;margin:0 auto;display:flex}h1{color:var(--text);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}h2{color:var(--text);font-size:1.1rem;font-weight:600}p{color:var(--text-muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page-container{flex-direction:column;flex:1;gap:16px;padding:16px 16px 32px;display:flex}.page-container.loading{color:var(--text-muted);justify-content:center;align-items:center}.page-header{flex-direction:column;gap:4px;display:flex}.page-sub{color:var(--text-muted);font-size:.9rem}.page-action{display:flex}.page-actions{gap:8px;padding-top:8px;display:flex}button,.btn-primary,.btn-secondary,.btn-outline,.btn-back,.btn-link{font-family:var(--sans);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .15s,box-shadow .15s;display:inline-flex}button:disabled,.disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--accent);color:#fff;padding:10px 18px}.btn-primary:hover{opacity:.88;color:#fff;text-decoration:none}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:10px 18px}.btn-secondary:hover{background:var(--border);color:var(--text);text-decoration:none}.btn-outline{color:var(--accent);border:1.5px solid var(--accent-border);background:0 0;padding:10px 18px}.btn-outline:hover{background:var(--accent-light);text-decoration:none}.btn-back{color:var(--text-muted);background:0 0;border:none;padding:4px 0;font-size:.9rem}.btn-back:hover{color:var(--text);text-decoration:none}.btn-link{color:var(--accent);background:0 0;border:none;padding:4px 0;font-size:.85rem}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid #0000}.btn-danger:hover{opacity:.8}.btn-block{width:100%}.alert{border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem;font-weight:500}.alert-error{background:var(--danger-light);color:var(--danger)}.alert-success{background:var(--ok-light);color:var(--ok)}.badge{white-space:nowrap;border-radius:100px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.badge-overdue{background:var(--danger-light);color:var(--danger)}.badge-soon{background:var(--warn-light);color:var(--warn)}.badge-ok{background:var(--ok-light);color:var(--ok)}.badge-neutral{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:16px;display:flex}.form-body{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--text);font-size:.85rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{font-family:var(--sans);color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);appearance:auto;width:100%;padding:10px 12px;font-size:1rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-hint{color:var(--text-muted);font-size:.8rem}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{gap:8px;padding-top:4px;display:flex}.file-input-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.dashboard-top{padding:8px 0 4px}.app-title{background:linear-gradient(135deg, var(--accent), #7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem}.app-subtitle{color:var(--text-muted);margin-top:2px;font-size:.9rem}.vehicles-grid{flex-direction:column;gap:12px;display:flex}.vehicle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:flex-end;gap:12px;padding:16px;display:flex}.vehicle-card-body{flex-direction:column;gap:3px;min-width:0;display:flex}.vehicle-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.vehicle-card-sub,.vehicle-card-mileage{color:var(--text-muted);font-size:.82rem}.vehicle-card-status{margin-top:6px}.vehicle-card-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.dashboard-footer{flex-wrap:wrap;gap:8px;padding-top:8px;display:flex;position:relative}.list-items{flex-direction:column;gap:8px;list-style:none;display:flex}.list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.list-item-body{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;min-width:0;padding:0;display:flex}.list-item-title{color:var(--text);font-size:1rem;font-weight:600}.list-item-sub,.list-item-meta{color:var(--text-muted);font-size:.82rem}.list-item-actions{flex-shrink:0;gap:6px;display:flex}.empty-state-card{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:32px 16px;display:flex}.empty-hint{color:var(--text-muted);padding:8px 0;font-size:.9rem}.detail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.alerts-section{border-color:var(--danger);background:var(--danger-light)}.mileage-display{align-items:center;gap:12px;display:flex}.mileage-value{color:var(--text);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.mileage-edit{align-items:center;gap:8px;display:flex}.mileage-input{font-family:var(--sans);color:var(--text);background:var(--bg);border:1.5px solid var(--accent);border-radius:var(--radius-sm);width:140px;padding:8px 12px;font-size:1rem}.mileage-input:focus{outline:none}.schedule-list{flex-direction:column;gap:8px;display:flex}.schedule-item{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.schedule-item--overdue{border-color:var(--danger);background:var(--danger-light)}.schedule-item--due-soon{border-color:var(--warn);background:var(--warn-light)}.schedule-info{flex-direction:column;gap:2px;min-width:0;display:flex}.schedule-label{color:var(--text);font-size:.9rem;font-weight:600}.schedule-meta{color:var(--text-muted);font-size:.78rem}.service-list{flex-direction:column;gap:8px;display:flex}.service-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:flex-start;gap:8px;padding:12px;display:flex}.service-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.service-item-type{color:var(--text);font-size:.95rem;font-weight:600}.service-item-date,.service-item-mileage,.service-item-cost{color:var(--text-muted);font-size:.82rem}.service-item-cost{color:var(--ok);font-weight:500}.service-item-notes{color:var(--text-muted);font-size:.8rem;font-style:italic}.stats-row{gap:12px;display:flex}.stat-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.stat-value{color:var(--text);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.receipt-section{border-top:1px solid var(--border);padding-top:12px}