:root{--color-page:#f3f4f6;--color-surface:#fff;--color-header:#111827;--color-text:#111827;--color-muted:#475569;--color-border:#e2e8f0;color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;height:100dvh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}#root{height:100dvh;min-height:100svh}.ui-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;box-shadow:0 8px 24px #0f172a0f}.empty-state{border:1px solid var(--color-border);text-align:center;background:#fff;border-radius:8px;flex-direction:column;gap:7px;padding:16px;display:flex;box-shadow:0 8px 24px #0f172a0f}.empty-state-icon{color:#2563eb}.empty-state h3{color:#111827;margin:0;font-size:16px;line-height:1.25}.empty-state p{color:#64748b;margin:0;font-size:14px;line-height:1.4}.empty-state-action{margin-top:4px}.search-field{cursor:text;background:#fff;border:2px solid #94a3b8;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:flex}.search-field svg{color:#475569;flex:none}.search-field input{color:#111827;background:#fff;border:0;outline:none;flex:1;min-width:0;font-size:16px;font-weight:700}.search-field input::placeholder{color:#64748b}.search-field:hover{border-color:#64748b}.search-field:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.customers-page{flex-direction:column;gap:16px;display:flex}.customers-page-header{flex-direction:column;gap:6px;display:flex}.customers-page-header h2{color:var(--color-text);font-size:22px;line-height:1.2}.customers-page-header p{color:var(--color-muted);font-size:15px;line-height:1.45}.new-customer-link{color:#fff;background:#1d4ed8;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;min-height:44px;margin-top:8px;padding:10px 13px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.new-customer-link svg{flex:none}.customer-list{flex-direction:column;gap:12px;display:flex}.customer-card,.empty-state{border:1px solid var(--color-border);background:#fff;border-radius:8px;box-shadow:0 8px 24px #0f172a0f}.customer-card{flex-direction:column;gap:14px;padding:16px;display:flex}.customer-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.customer-card h3{color:#111827;margin-bottom:7px;font-size:18px;line-height:1.25}.customer-phone{color:#475569;align-items:center;gap:6px;font-size:14px;line-height:1.3;display:flex}.customer-phone svg{color:#2563eb;flex:none}.vehicle-count{color:#1d4ed8;background:#eff6ff;border-radius:7px;flex:none;padding:7px 9px;font-size:13px;font-weight:800}.customer-note{color:#475569;background:#f8fafc;border-radius:8px;padding:10px;font-size:14px;line-height:1.45}.customer-add-vehicle-link{color:#1d4ed8;background:#eff6ff;border-radius:7px;justify-content:center;align-self:flex-start;align-items:center;min-height:40px;padding:9px 11px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.vehicle-list{flex-direction:column;gap:10px;display:flex}.vehicle-card{border:1px solid #e8edf4;border-radius:8px;flex-direction:column;gap:12px;padding:12px;display:flex}.vehicle-card-main{align-items:flex-start;gap:10px;display:flex}.vehicle-icon{color:#2563eb;background:#f8fafc;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.vehicle-info{flex-direction:column;gap:5px;min-width:0;display:flex}.vehicle-info strong{color:#111827;font-size:17px;line-height:1.2}.vehicle-info>span{color:#475569;font-size:14px}.vehicle-meta{flex-wrap:wrap;gap:7px;display:flex}.vehicle-meta span{color:#334155;background:#f1f5f9;border-radius:6px;padding:5px 7px;font-size:12px;font-weight:750}.vehicle-detail-button{color:#fff;background:#1d4ed8;border-radius:7px;justify-content:center;align-items:center;min-height:42px;padding:10px 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.empty-state{text-align:center;padding:22px 16px}.empty-state h3{color:#111827;margin-bottom:8px;font-size:18px;line-height:1.25}.empty-state p{color:#64748b;font-size:15px;line-height:1.45}.vehicle-detail-button:focus-visible,.new-customer-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=420px){.vehicle-card{flex-direction:row;justify-content:space-between;align-items:center}.vehicle-detail-button{flex:none}}.info-row{background:#f8fafc;border-radius:7px;flex-direction:column;gap:4px;padding:9px 10px;display:flex}.info-row span{color:#64748b;font-size:12px;font-weight:800;line-height:1.2}.info-row strong{color:#334155;font-size:14px;font-weight:750;line-height:1.35}.message-card{color:#334155;border:1px solid #dbe3ee;border-radius:8px;padding:12px}.message-card h3{color:inherit;margin:0 0 6px;font-size:16px;line-height:1.25}.message-card div{font-size:14px;font-weight:750;line-height:1.35}.message-card-success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.message-card-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.message-card-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.message-card-info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.edit-vehicle-page{flex-direction:column;gap:16px;display:flex}.edit-context-card,.edit-card,.edit-submit-card,.edit-vehicle-success-card,.edit-vehicle-empty{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:16px;box-shadow:0 8px 24px #0f172a0f}.edit-vehicle-header{flex-direction:column;gap:6px;display:flex}.edit-vehicle-header h2,.edit-vehicle-success-card h2{color:var(--color-text);font-size:22px;line-height:1.2}.edit-vehicle-header p{color:var(--color-muted);font-size:15px;line-height:1.45}.edit-section-title svg{color:#2563eb;flex:none}.edit-context-card{flex-direction:column;gap:5px;display:flex}.edit-context-card strong{color:#111827;font-size:22px;line-height:1.15}.edit-context-card span{color:#475569;font-size:14px;font-weight:700;line-height:1.35}.edit-form,.edit-card,.edit-vehicle-success-card{flex-direction:column;gap:14px;display:flex}.edit-title-row,.edit-section-title{align-items:flex-start;gap:10px;display:flex}.edit-title-row.success svg{color:#16a34a;flex:none;margin-top:2px}.edit-section-title{align-items:center}.edit-section-title h3,.edit-preview-block h3{color:#111827;margin:0;font-size:18px;line-height:1.25}.edit-field{flex-direction:column;gap:7px;display:flex}.edit-field span{color:#334155;font-size:14px;font-weight:750}.edit-field strong{color:#dc2626}.edit-field input,.edit-field select,.edit-field textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:48px;padding:11px 12px;font-size:16px}.edit-field textarea{resize:vertical;min-height:96px;line-height:1.45}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.edit-two-column,.edit-preview-grid,.edit-success-actions,.edit-submit-card{gap:10px;display:grid}.edit-submit-card button,.edit-submit-card a,.edit-success-actions a,.edit-success-actions button,.edit-vehicle-empty a{border:0;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:12px 14px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex}.edit-submit-card button,.edit-success-actions a:first-child,.edit-vehicle-empty a{color:#fff;background:#1d4ed8}.edit-submit-card a,.edit-success-actions button,.edit-success-actions a:nth-child(3){color:#1d4ed8;background:#eff6ff}.edit-preview-block{background:#f8fafc;border-radius:8px;flex-direction:column;gap:7px;padding:13px;display:flex}.edit-vehicle-empty{flex-direction:column;gap:12px;display:flex}.edit-vehicle-empty h3{color:#111827;font-size:22px;line-height:1.2}.edit-vehicle-empty p{color:#64748b;font-size:15px;line-height:1.45}.edit-submit-card button:focus-visible,.edit-submit-card a:focus-visible,.edit-success-actions a:focus-visible,.edit-success-actions button:focus-visible,.edit-vehicle-empty a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=420px){.edit-two-column,.edit-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.action-card{border:1px solid var(--color-border);color:#111827;background:#fff;border-radius:8px;align-items:flex-start;gap:12px;min-height:82px;padding:15px;text-decoration:none;display:flex;box-shadow:0 8px 24px #0f172a0f}.action-card-icon{color:#2563eb;background:#f8fafc;border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.action-card span{color:#111827;margin-bottom:5px;font-size:16px;font-weight:850;line-height:1.25;display:block}.action-card p{color:#64748b;margin:0;font-size:14px;line-height:1.35}.action-card:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=420px){.action-card{flex-direction:column}}.home-page{flex-direction:column;gap:20px;display:flex}.compact-summary-card p{color:#64748b;font-size:14px;line-height:1.45}.home-section{flex-direction:column;gap:12px;display:flex}.quick-search-card{flex-direction:column;gap:12px;padding:16px;display:flex}.quick-search-heading h2{color:#111827;margin-bottom:5px;font-size:19px;line-height:1.2}.quick-search-heading p{color:#64748b;font-size:14px;line-height:1.4}.quick-search-empty{box-shadow:none;text-align:left;background:#f8fafc;padding:14px}.quick-search-results{flex-direction:column;gap:10px;display:flex}.quick-search-result-card{background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;flex-direction:column;gap:12px;padding:13px;display:flex}.quick-result-main{align-items:flex-start;gap:10px;display:flex}.quick-result-icon{color:#2563eb;background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.quick-result-main h3{color:#111827;margin-bottom:5px;font-size:18px;line-height:1.15}.quick-result-main p{color:#475569;margin-top:3px;font-size:14px;line-height:1.35}.quick-result-meta{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.quick-result-meta span{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1.2}.quick-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-result-actions a,.quick-search-more-link{border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 12px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.quick-result-actions a:first-child{color:#1d4ed8;background:#eff6ff}.quick-result-actions a:last-child,.quick-search-more-link{color:#fff;background:#1d4ed8}.quick-search-more-link{width:100%}.home-section h2,.compact-summary-card h2{color:var(--color-text);font-size:18px;line-height:1.2}.quick-actions{gap:10px;display:grid}.compact-summary-card{padding:14px}.compact-summary-card h2{margin-bottom:5px}.quick-result-actions a:focus-visible,.quick-search-more-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=420px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.new-customer-page{flex-direction:column;gap:16px;display:flex}.registration-mode-card,.registration-card,.registration-submit-card,.new-customer-success-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:16px;box-shadow:0 8px 24px #0f172a0f}.new-customer-header{flex-direction:column;gap:6px;display:flex}.registration-title-row,.registration-section-title{align-items:flex-start;gap:10px;display:flex}.registration-title-row svg,.registration-section-title svg{color:#2563eb;flex:none;margin-top:2px}.registration-title-row.success svg{color:#16a34a}.new-customer-header h2,.new-customer-success-card h2{color:var(--color-text);font-size:22px;line-height:1.2}.new-customer-header p,.new-customer-success-card p,.registration-submit-card p{color:var(--color-muted);font-size:15px;line-height:1.45}.new-customer-success-card p,.registration-submit-card p{font-size:14px}.registration-form,.registration-mode-card,.registration-card,.new-customer-success-card{flex-direction:column;gap:14px;display:flex}.registration-mode-option{color:#334155;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:5px;width:100%;min-height:72px;padding:12px;display:flex}.registration-mode-option strong{color:#111827;font-size:15px;line-height:1.25}.registration-mode-option span,.customer-selection-helper,.customer-selection-message{color:#64748b;font-size:14px;line-height:1.45}.registration-mode-option.active{background:#eff6ff;border-color:#2563eb}.registration-section-title{align-items:center}.registration-section-title svg{margin-top:0}.registration-section-title h3,.registration-preview-block h3{color:#111827;margin:0;font-size:18px;line-height:1.25}.registration-field{flex-direction:column;gap:7px;display:flex}.registration-field span{color:#334155;font-size:14px;font-weight:750}.registration-field strong{color:#dc2626}.registration-field input,.registration-field select,.registration-field textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:48px;padding:11px 12px;font-size:16px}.registration-field textarea{resize:vertical;min-height:96px;line-height:1.45}.registration-field input:focus,.registration-field select:focus,.registration-field textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.customer-result-list{flex-direction:column;gap:10px;display:flex}.customer-result-card,.selected-customer-card{color:#334155;text-align:left;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;flex-direction:column;gap:6px;width:100%;padding:12px;display:flex}.customer-result-card{min-height:76px}.customer-result-card.selected,.selected-customer-card{background:#eff6ff;border-color:#2563eb}.customer-result-card strong,.selected-customer-card strong{color:#111827;font-size:16px;line-height:1.25}.customer-result-card span,.selected-customer-card span,.customer-result-card p,.selected-customer-card p{color:#475569;font-size:14px;line-height:1.35}.customer-result-card small,.selected-customer-card small{color:#1d4ed8;font-size:13px;font-weight:800;line-height:1.2}.selected-customer-card{gap:12px}.selected-customer-card>div{flex-direction:column;gap:6px;display:flex}.selected-customer-card button{color:#1d4ed8;background:#fff;border:1px solid #bfdbfe;border-radius:7px;justify-content:center;align-self:flex-start;align-items:center;min-height:40px;padding:9px 11px;font-size:14px;font-weight:850;display:inline-flex}.customer-select-empty{box-shadow:none;text-align:left;background:#f8fafc;padding:14px}.registration-two-column{gap:12px;display:grid}.registration-submit-card{flex-direction:column;gap:10px;display:flex}.registration-submit-card button,.registration-success-actions a,.registration-success-actions button,.registration-mode-option,.customer-result-card{border:0;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:12px 14px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex}.registration-mode-option,.customer-result-card{border:1px solid #cbd5e1;justify-content:flex-start;align-items:flex-start}.registration-submit-card button,.registration-success-actions a:first-child{color:#fff;background:#1d4ed8}.registration-success-actions a:nth-child(2),.registration-success-actions button{color:#1d4ed8;background:#eff6ff}.registration-preview-grid,.registration-success-actions{gap:10px;display:grid}.registration-preview-block{background:#f8fafc;border-radius:8px;flex-direction:column;gap:7px;padding:13px;display:flex}.registration-submit-card button:focus-visible,.registration-success-actions a:focus-visible,.registration-success-actions button:focus-visible,.registration-mode-option:focus-visible,.customer-result-card:focus-visible,.selected-customer-card button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=420px){.registration-two-column,.registration-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.new-record-page{flex-direction:column;gap:16px;display:flex}.vehicle-selection-card,.selected-vehicle-context-card,.last-service-card,.form-card,.submit-card,.new-record-success-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:16px;box-shadow:0 8px 24px #0f172a0f}.new-record-header{flex-direction:column;gap:6px;display:flex}.form-card-title,.success-title-row{align-items:flex-start;gap:10px;display:flex}.form-card-title svg,.success-title-row svg{color:#2563eb;flex:none;margin-top:2px}.success-title-row svg{color:#16a34a}.new-record-header h2{color:var(--color-text);font-size:22px;line-height:1.2}.new-record-header p,.success-title-row p,.submit-card p,.vehicle-selection-helper,.muted-service-message{color:var(--color-muted);font-size:14px;line-height:1.45}.new-record-header p{font-size:15px}.vehicle-selection-card,.new-record-form,.form-card,.submit-card,.new-record-success-card,.last-service-card{flex-direction:column;gap:14px;display:flex}.form-card-title{align-items:center}.form-card-title svg{margin-top:0}.form-card-title h3,.success-title-row h3{color:#111827;margin:0;font-size:18px;line-height:1.25}.vehicle-card-list{flex-direction:column;gap:10px;display:flex}.selectable-vehicle-card{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;flex-direction:column;gap:7px;width:100%;min-height:112px;padding:13px;display:flex}.selectable-vehicle-card.selected{background:#eff6ff;border-color:#2563eb}.selectable-vehicle-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.selectable-vehicle-heading strong{color:#111827;font-size:18px;line-height:1.2}.selectable-vehicle-heading span,.context-chip-row span{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex:none;padding:5px 8px;font-size:12px;font-weight:800;line-height:1.2}.selectable-vehicle-card>span{color:#475569;font-size:14px;font-weight:700;line-height:1.35}.vehicle-phone{align-items:center;gap:5px;display:inline-flex}.vehicle-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;gap:4px;padding:14px;display:flex}.selected-vehicle-context-card{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.selected-vehicle-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.selected-vehicle-header h3{color:#111827;white-space:nowrap;margin:0 0 3px;font-size:20px;line-height:1.1}.selected-vehicle-header span{color:#475569;font-size:14px;font-weight:700;line-height:1.35;display:block}.selected-vehicle-header button{color:#1d4ed8;background:#eef2ff;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;min-height:40px;padding:9px 11px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.context-chip-row{flex-wrap:wrap;gap:7px;display:flex}.last-service-content{flex-direction:column;gap:4px;display:flex}.last-service-content strong{color:#111827;font-size:15px;line-height:1.3}.last-service-content>span{color:#64748b;font-size:14px;line-height:1.35}.form-field{flex-direction:column;gap:7px;display:flex}.form-field span{color:#334155;font-size:14px;font-weight:750}.form-field input,.form-field select,.form-field textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:48px;padding:11px 12px;font-size:16px}.form-field textarea{resize:vertical;min-height:116px;line-height:1.45}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.quick-title-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-title-buttons button{color:#334155;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;min-height:44px;padding:9px 10px;font-size:14px;font-weight:800}.quick-title-buttons button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.two-column-fields{gap:12px;display:grid}.total-cost-box{background:#f8fafc;border-radius:8px;flex-direction:column;gap:5px;padding:13px;display:flex}.total-cost-box span{color:#64748b;font-size:13px;font-weight:750}.total-cost-box strong{color:#111827;font-size:20px;line-height:1.2}.submit-card button,.success-actions a,.success-actions button{border:0;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:12px 14px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex}.submit-card button,.success-actions a{color:#fff;background:#1d4ed8}.success-actions button{color:#1d4ed8;background:#eff6ff}.preview-list{flex-direction:column;gap:10px;display:flex}.preview-block{background:#f8fafc;border-radius:7px;flex-direction:column;gap:7px;padding:10px;display:flex}.preview-block h4{color:#111827;margin:0;font-size:14px;line-height:1.25}.success-actions{gap:9px;display:grid}.selectable-vehicle-card:focus-visible,.quick-title-buttons button:focus-visible,.selected-vehicle-header button:focus-visible,.submit-card button:focus-visible,.success-actions a:focus-visible,.success-actions button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=420px){.quick-title-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}.two-column-fields,.success-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.not-found-page{flex-direction:column;display:flex}.not-found-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 8px 24px #0f172a0f}.not-found-card .empty-state{box-shadow:none;text-align:left;background:0 0;padding:0}.not-found-actions{gap:10px;display:grid}.not-found-actions a{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 14px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex}.not-found-actions a:first-child{color:#fff;background:#1d4ed8}.not-found-actions a:last-child{color:#1d4ed8;background:#eff6ff}.not-found-actions a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.overview-page{flex-direction:column;gap:16px;display:flex}.overview-header{flex-direction:column;gap:6px;display:flex}.overview-header h2{color:var(--color-text);font-size:22px;line-height:1.2}.overview-header p{color:var(--color-muted);font-size:15px;line-height:1.45}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.overview-stat-card{flex-direction:column;gap:7px;min-height:112px;padding:14px;display:flex}.overview-stat-card svg{color:#2563eb}.overview-stat-card strong{color:#111827;font-size:24px;line-height:1.08}.overview-stat-card span{color:#64748b;font-size:13px;font-weight:750;line-height:1.25}.overview-note-card{flex-direction:column;gap:7px;padding:16px;display:flex}.overview-note-card h3{color:#111827;font-size:17px;line-height:1.25}.overview-note-card p{color:#64748b;font-size:14px;line-height:1.45}.recent-status-page{flex-direction:column;gap:18px;display:flex}.recent-status-section{flex-direction:column;gap:12px;display:flex}.recent-status-header{flex-direction:column;gap:6px;display:flex}.recent-status-header h2{color:var(--color-text);font-size:22px;line-height:1.2}.recent-status-header p{color:var(--color-muted);font-size:15px;line-height:1.45}.recent-status-section h2,.recent-section-heading h2{color:var(--color-text);font-size:18px;line-height:1.2}.recent-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.recent-section-heading a{color:#2563eb;font-size:14px;font-weight:800;text-decoration:none}.recent-stacked-list{flex-direction:column;gap:10px;display:flex}.recent-preview-card{border:1px solid var(--color-border);color:inherit;background:#fff;border-radius:8px;justify-content:space-between;gap:12px;padding:14px;text-decoration:none;display:flex;box-shadow:0 8px 24px #0f172a0f}.priority-card{flex-direction:column}.recent-preview-card-content{min-width:0}.recent-preview-card h3{color:#111827;margin-bottom:8px;font-size:16px;line-height:1.25}.recent-preview-card p{color:#475569;margin-top:4px;font-size:14px;line-height:1.35}.recent-meta-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.recent-meta-row span{color:#334155;background:#f1f5f9;border-radius:6px;padding:5px 8px;font-size:13px;font-weight:750}.recent-card-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.recent-text-button,.recent-whatsapp-button,.recent-disabled-action{border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 10px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.recent-text-button{color:#1d4ed8;background:#eff6ff}.recent-whatsapp-button{color:#047857;background:#ecfdf5}.recent-disabled-action{color:#94a3b8;background:#f1f5f9}.service-link-card{justify-content:flex-start}.recent-service-icon{color:#2563eb;background:#f8fafc;border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.recent-preview-card:focus-visible,.recent-text-button:focus-visible,.recent-whatsapp-button:focus-visible,.recent-section-heading a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.status-badge{color:#1d4ed8;background:#eff6ff;border-radius:6px;align-items:center;gap:5px;min-height:30px;padding:6px 9px;font-size:13px;font-weight:800;display:inline-flex}.status-badge-ertelendi{color:#c2410c;background:#fff7ed}.status-badge-ulaşıldı{color:#15803d;background:#f0fdf4}.status-badge-tamamlandı{color:#475569;background:#f1f5f9}.reminders-page{flex-direction:column;gap:16px;display:flex}.reminder-summary-card,.reminder-card,.reminder-empty-state{border:1px solid var(--color-border);background:#fff;border-radius:8px;box-shadow:0 8px 24px #0f172a0f}.reminders-header{flex-direction:column;gap:6px;display:flex}.reminder-card,.reminder-empty-state{padding:16px}.reminders-header h2{color:var(--color-text);font-size:22px;line-height:1.2}.reminders-header p,.reminder-empty-state p{color:var(--color-muted);font-size:15px;line-height:1.45}.reminder-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reminder-summary-card{padding:12px}.reminder-summary-card strong{color:#111827;margin-bottom:6px;font-size:24px;line-height:1;display:block}.reminder-summary-card span{color:#64748b;font-size:13px;font-weight:750}.reminder-summary-card.total{background:#f8fafc}.reminder-filter-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.reminder-filter-tabs button{color:#475569;background:#fff;border:1px solid #dbe3ee;border-radius:999px;flex:none;min-height:40px;padding:9px 13px;font-size:14px;font-weight:800}.reminder-filter-tabs button.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.reminder-card-list{flex-direction:column;gap:12px;display:flex}.reminder-card{flex-direction:column;gap:14px;display:flex}.reminder-card-heading h3{color:#111827;margin:0 0 9px;font-size:17px;line-height:1.25}.reminder-badge-row,.reminder-meta-row,.status-action-row{flex-wrap:wrap;gap:8px;display:flex}.type-badge,.reminder-meta-row span{color:#334155;background:#f8fafc;border-radius:6px;align-items:center;gap:5px;min-height:30px;padding:6px 9px;font-size:13px;font-weight:800;display:inline-flex}.reminder-info-grid{gap:10px;display:grid}.reminder-info-item{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:9px;padding:11px;display:flex}.reminder-info-item svg{color:#2563eb;flex:none;margin-top:2px}.reminder-info-item strong{color:#111827;margin-bottom:4px;font-size:15px;line-height:1.25;display:block}.reminder-info-item span{color:#64748b;font-size:14px;line-height:1.35;display:block}.reminder-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reminder-actions a,.disabled-action,.status-action-row button{border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 12px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.reminder-actions a:first-child{color:#047857;background:#ecfdf5;gap:7px}.reminder-actions a:last-child{color:#1d4ed8;background:#eff6ff}.disabled-action{color:#94a3b8;background:#f1f5f9}.status-action-row{border-top:1px solid #e8edf4;padding-top:12px}.status-action-row button{color:#475569;background:#fff;border:1px solid #dbe3ee;flex:94px;gap:6px}.reminder-empty-state{text-align:center}.reminder-empty-state h3{color:#111827;margin:0 0 8px;font-size:18px;line-height:1.25}.reminder-filter-tabs button:focus-visible,.reminder-actions a:focus-visible,.status-action-row button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=420px){.reminder-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.vehicle-detail-page{flex-direction:column;gap:16px;display:flex}.vehicle-hero-card,.vehicle-detail-card,.vehicle-detail-section,.vehicle-detail-empty{border:1px solid var(--color-border);background:#fff;border-radius:8px;box-shadow:0 8px 24px #0f172a0f}.vehicle-hero-card{flex-direction:column;gap:16px;padding:18px;display:flex}.vehicle-card-heading{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vehicle-hero-heading{width:100%}.vehicle-hero-title{flex:auto;align-items:flex-start;gap:12px;min-width:0;display:flex}.vehicle-hero-title svg{color:#2563eb;flex:none;margin-top:4px}.vehicle-hero-title h2{color:#111827;white-space:nowrap;margin:0 0 7px;font-size:30px;line-height:1.05}.vehicle-hero-title p{color:#475569;font-size:17px;font-weight:700;line-height:1.3}.vehicle-hero-meta,.detail-chip-row,.detail-meta-list,.service-detail-grid{flex-wrap:wrap;gap:8px;display:flex}.vehicle-hero-meta span,.detail-chip-row>span:not(.status-badge),.detail-meta-list span,.service-detail-grid span{color:#334155;background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;min-height:30px;padding:6px 9px;font-size:13px;font-weight:750;display:inline-flex}.vehicle-primary-action,.vehicle-secondary-action,.owner-add-vehicle-link,.owner-action-button,.vehicle-detail-empty a{white-space:nowrap;border-radius:7px;flex:none;justify-content:center;align-items:center;min-height:40px;padding:9px 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.vehicle-primary-action{color:#fff;background:#1d4ed8;gap:8px}.vehicle-secondary-action{color:#1d4ed8;background:#eff6ff}.vehicle-hero-actions{gap:8px;width:100%;display:grid}.vehicle-detail-card,.vehicle-detail-section{flex-direction:column;gap:14px;padding:16px;display:flex}.vehicle-section-title{align-items:center;gap:8px;display:flex}.vehicle-section-title svg{color:#2563eb;flex:none}.vehicle-section-title h3{color:#111827;margin:0;font-size:18px;line-height:1.25}.owner-content{flex-direction:column;gap:10px;display:flex}.owner-contact-row{flex-direction:column;gap:12px;display:flex}.owner-contact-info{min-width:0}.owner-contact-info strong{color:#111827;margin-bottom:7px;font-size:18px;line-height:1.25;display:block}.owner-phone{color:#475569;align-items:center;gap:7px;font-size:15px;display:flex}.owner-phone svg{color:#2563eb}.owner-note{color:#475569;background:#f8fafc;border-radius:8px;padding:10px;font-size:14px;line-height:1.45}.owner-add-vehicle-link{color:#1d4ed8;background:#eff6ff;align-self:flex-start}.owner-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.owner-action-button{gap:7px;min-width:0}.call-button{color:#1d4ed8;background:#eff6ff}.whatsapp-button{color:#047857;background:#ecfdf5}.vehicle-detail-list{flex-direction:column;gap:10px;display:flex}.reminder-detail-card{border:1px solid #e8edf4;border-radius:8px;flex-direction:column;gap:12px;padding:13px;display:flex}.reminder-detail-card h4,.service-history-card h4{color:#111827;margin:0 0 9px;font-size:16px;line-height:1.25}.service-timeline{flex-direction:column;gap:12px;display:flex}.service-history-card{grid-template-columns:16px 1fr;gap:10px;display:grid}.timeline-dot{background:#2563eb;border:3px solid #dbeafe;border-radius:999px;width:14px;height:14px;margin-top:5px}.service-history-content{border:1px solid #e8edf4;border-radius:8px;padding:13px}.service-history-heading{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.service-history-heading span{color:#64748b;font-size:13px;font-weight:700}.service-km{color:#475569;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.service-description{color:#475569;margin-bottom:11px;font-size:14px;line-height:1.45}.muted-message{color:#64748b;font-size:15px;line-height:1.45}.vehicle-detail-empty{flex-direction:column;gap:12px;padding:20px 16px;display:flex}.vehicle-detail-empty h2{color:#111827;font-size:22px;line-height:1.2}.vehicle-detail-empty p{color:#64748b;font-size:15px;line-height:1.45}.vehicle-detail-empty a{color:#fff;background:#1d4ed8}.vehicle-primary-action:focus-visible,.vehicle-secondary-action:focus-visible,.owner-add-vehicle-link:focus-visible,.owner-action-button:focus-visible,.whatsapp-button:focus-visible,.vehicle-detail-empty a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=440px){.vehicle-card-heading{flex-direction:row}.vehicle-hero-actions{align-self:flex-start;width:180px;margin-left:auto}.vehicle-primary-action,.vehicle-secondary-action{align-self:flex-start}.owner-contact-row{grid-template-columns:1fr auto;align-items:center;display:grid}.owner-action-row{width:auto;display:flex}}.app-shell{background:var(--color-page);height:100dvh;min-height:100svh;color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.app-header{background:var(--color-header);color:#fff;padding:18px 20px 20px}.app-header h1{color:#fff;margin:0 0 6px;font-size:24px;line-height:1.1}.app-header p{color:#cbd5e1;font-size:14px}.app-main{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:18px 16px;overflow-y:auto}.page-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:18px;box-shadow:0 8px 24px #0f172a0f}.page-card p{color:var(--color-muted);font-size:16px;line-height:1.5}.bottom-navigation{border-top:1px solid var(--color-border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fff;flex:none;grid-template-columns:repeat(4,1fr);display:grid}.bottom-nav-item{color:#64748b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:56px;text-decoration:none;display:flex}.bottom-nav-item span{font-size:12px;font-weight:650;line-height:1.2}.bottom-nav-item.active{color:#1d4ed8;background:#eef2ff}.bottom-nav-item:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width>=720px){.app-shell{border-right:1px solid var(--color-border);border-left:1px solid var(--color-border);max-width:480px;margin:0 auto}}
