:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-elevated: #21262d;--bg-inverse: #24292f;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-disabled: #6e7681;--border-default: #30363d;--border-muted: #21262d;--accent-primary: #4a4458;--accent-primary-light: #a29bb2;--accent-hover: #3f3a4a;--accent-success: #3fb950;--accent-warning: #d29922;--accent-danger: #f85149;--bg-hover: #262c36;--bg-active: #30363d;--bg-selected: #4a445833;--focus-ring: #4a445880;--color-primary: #4a4458;--color-primary-light: #a29bb2;--color-primary-hover: #3f3a4a;--color-primary-active: #332f3d;--color-primary-muted: #e7e6eb;--color-secondary: #2e2a38;--color-secondary-hover: #262232;--color-secondary-muted: #e6e5ea;--color-success: #1f883d;--color-success-hover: #1a7f37;--color-success-muted: #dafbe1;--color-warning: #bf8700;--color-warning-hover: #9a6700;--color-warning-muted: #fff8c5;--color-danger: #d1242f;--color-danger-hover: #a40e26;--color-danger-muted: #ffebe9;--color-favorite: #f2c94c;--color-favorite-hover: #e0b93c;--color-favorite-muted: #f2c94c66;--color-focus: #4a4458;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--nav-height: 72px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-round: 999px;--font-family-base: system-ui, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 10px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}a,button,.icon-label-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.icon-label-button:active{transform:scale(.95);filter:brightness(1.15)}a:active>.icon-label-button{transform:scale(.95);filter:brightness(1.15)}.icon-label-button{transition:transform .1s ease,filter .1s ease}button{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none;border:0;padding:0}body{background-color:var(--bg-primary);font-family:Open Sans,sans-serif}p,b,i,a,h1,h2,h3,img,span,label{color:var(--text-primary)}.material-fill{font-variation-settings:"FILL" 1}.icon-label-button[data-v-05d5f437]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.inline[data-v-05d5f437]{flex-direction:row;gap:var(--space-sm)}.elevated[data-v-05d5f437]{background-color:var(--color-primary);padding:var(--space-sm);border-radius:var(--radius-lg)}.app-layout[data-v-fc44cffb]{display:flex;flex-direction:row;min-height:100vh;width:100%;background-color:var(--bg-primary)}.main-container[data-v-fc44cffb]{flex:1;display:flex;flex-direction:column;min-width:0}header[data-v-fc44cffb]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:var(--space-md)}.settings-link[data-v-fc44cffb]{display:flex;justify-content:center;align-items:center;text-decoration:none}@media(min-width:768px){.settings-link[data-v-fc44cffb]{display:none}}.mobile-nav[data-v-fc44cffb]{position:fixed;bottom:0;width:100vw;display:flex;gap:var(--space-xxl);justify-content:center;align-items:center;background-color:var(--bg-primary);border-color:var(--bg-secondary);border-style:solid hidden hidden hidden;padding:var(--space-md);border-radius:var(--radius-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));z-index:100}@media(min-width:768px){.mobile-nav[data-v-fc44cffb]{display:none!important}}.mobile-nav[data-v-fc44cffb] a.router-link-active .icon-label-button{opacity:1}.mobile-nav[data-v-fc44cffb] a .icon-label-button{opacity:.6;transition:opacity .15s}.mobile-nav a[data-v-fc44cffb],header a[data-v-fc44cffb]{text-decoration:none;display:flex;justify-content:center;align-items:center}header a[data-v-fc44cffb] .material-symbols-outlined{font-size:3rem}main[data-v-fc44cffb]{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-md))}@media(min-width:768px){main[data-v-fc44cffb]{padding-bottom:var(--space-xl)}}.page-content[data-v-fc44cffb]{width:100%;max-width:1200px;margin:0 auto}.desktop-sidebar[data-v-fc44cffb]{display:none}@media(min-width:768px){.desktop-sidebar[data-v-fc44cffb]{display:flex;flex-direction:column;width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-default);padding:var(--space-xl) var(--space-md);height:100vh;position:sticky;top:0;justify-content:space-between;z-index:10}}.sidebar-brand[data-v-fc44cffb]{display:flex;align-items:center;gap:var(--space-sm);padding-left:var(--space-sm);margin-bottom:var(--space-xl)}.sidebar-brand .brand-icon[data-v-fc44cffb]{font-size:2.25rem;color:var(--color-primary-light)}.sidebar-brand .brand-name[data-v-fc44cffb]{font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.sidebar-nav[data-v-fc44cffb]{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.sidebar-item[data-v-fc44cffb]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:600;transition:all .15s ease}.sidebar-item .material-symbols-outlined[data-v-fc44cffb]{font-size:1.5rem;font-variation-settings:"FILL" 0;transition:color .15s ease}.sidebar-item[data-v-fc44cffb]:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-item.router-link-active[data-v-fc44cffb]{background-color:var(--bg-selected);color:var(--text-primary);border-left:4px solid var(--color-primary-light);padding-left:calc(var(--space-md) - 4px)}.sidebar-item.router-link-active .material-symbols-outlined[data-v-fc44cffb]{color:var(--color-primary-light);font-variation-settings:"FILL" 1}.sidebar-footer[data-v-fc44cffb]{border-top:1px solid var(--border-muted);padding-top:var(--space-md)}@media(min-width:768px){header[data-v-fc44cffb]{margin:var(--space-xl) var(--space-md) var(--space-lg) var(--space-md)}header h1[data-v-fc44cffb]{font-size:2.25rem;font-weight:800;letter-spacing:-.03em}}.stat-card[data-v-9baf0235]{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-elevated);border-radius:var(--radius-md);padding:var(--space-md)}.stat-card .title[data-v-9baf0235]{font-size:var(--font-size-xl)}.stat-card .label[data-v-9baf0235]{text-align:center}.alerts-loading[data-v-4dc2fd76]{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.9rem;padding:var(--space-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-default);margin-top:var(--space-md);margin-bottom:var(--space-md)}.alerts-loading .spin[data-v-4dc2fd76]{animation:spin-4dc2fd76 1.5s linear infinite}@keyframes spin-4dc2fd76{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.service-alerts-container[data-v-4dc2fd76]{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);margin-bottom:var(--space-md)}.alert-card[data-v-4dc2fd76]{display:flex;align-items:center;padding:.85rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-default);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;background-color:var(--bg-secondary);gap:var(--space-md)}.alert-card[data-v-4dc2fd76]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.alert-card.overdue[data-v-4dc2fd76]{border-left:4px solid #f85149;border-color:rgba(248,81,73,.2) rgba(248,81,73,.2) rgba(248,81,73,.2) #f85149;background-color:#f8514908}.alert-card.overdue .alert-icon[data-v-4dc2fd76]{color:#f85149}.alert-card.overdue .alert-title[data-v-4dc2fd76]{color:#ff7b72}.alert-card.warning[data-v-4dc2fd76]{border-left:4px solid #d29922;border-color:rgba(210,153,34,.2) rgba(210,153,34,.2) rgba(210,153,34,.2) #d29922;background-color:#d2992208}.alert-card.warning .alert-icon[data-v-4dc2fd76],.alert-card.warning .alert-title[data-v-4dc2fd76]{color:#d29922}.alert-card .alert-icon-wrp[data-v-4dc2fd76]{display:flex;align-items:center;justify-content:center}.alert-card .alert-icon-wrp .alert-icon[data-v-4dc2fd76]{font-size:1.6rem;font-variation-settings:"FILL" 1}.alert-card .alert-content[data-v-4dc2fd76]{flex:1;display:flex;flex-direction:column;gap:2px}.alert-card .alert-content .alert-title[data-v-4dc2fd76]{margin:0;font-weight:600;font-size:.95rem;text-align:left}.alert-card .alert-content .alert-details[data-v-4dc2fd76]{margin:0;font-size:.825rem;color:var(--text-secondary);text-align:left}.alert-card .btn-action[data-v-4dc2fd76]{display:flex;align-items:center;gap:var(--space-xs);background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-default);padding:.4rem .85rem;border-radius:var(--radius-md);font-size:.825rem;font-weight:600;cursor:pointer;transition:background-color .15s,border-color .15s}.alert-card .btn-action[data-v-4dc2fd76]:hover{background-color:var(--border-default);border-color:var(--text-muted)}.alert-card .btn-action .material-symbols-outlined[data-v-4dc2fd76]{font-size:1rem}@media(max-width:640px){.alert-card[data-v-4dc2fd76]{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.alert-card .alert-icon-wrp[data-v-4dc2fd76]{margin-right:0}.alert-card .btn-action[data-v-4dc2fd76]{width:100%;justify-content:center}}.service-overview-card[data-v-2fa2c84b]{background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.overview-header[data-v-2fa2c84b]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-muted);padding-bottom:var(--space-sm)}.overview-header .header-icon[data-v-2fa2c84b]{font-size:1.5rem;color:var(--color-primary-light)}.overview-header h2[data-v-2fa2c84b]{font-size:1.2rem;font-weight:700;margin:0;color:var(--text-primary)}.overview-loading[data-v-2fa2c84b]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-muted);padding:var(--space-lg) 0}.overview-loading .spin[data-v-2fa2c84b]{animation:spin-2fa2c84b 1.5s linear infinite}@keyframes spin-2fa2c84b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overview-empty[data-v-2fa2c84b]{text-align:center;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--text-muted)}.overview-empty .empty-icon[data-v-2fa2c84b]{font-size:3rem;color:var(--border-default)}.overview-empty p[data-v-2fa2c84b]{margin:0;font-size:.9rem}.overview-empty .btn-setup[data-v-2fa2c84b]{margin-top:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--text-primary);background-color:var(--color-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);text-decoration:none;transition:background-color .15s ease}.overview-empty .btn-setup[data-v-2fa2c84b]:hover{background-color:var(--color-primary-hover)}.services-list[data-v-2fa2c84b]{display:flex;flex-direction:column;gap:var(--space-md)}.service-item[data-v-2fa2c84b]{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-muted)}.service-item[data-v-2fa2c84b]:last-child{border-bottom:none;padding-bottom:0}.item-main[data-v-2fa2c84b]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.item-info[data-v-2fa2c84b]{text-align:left}.item-info .service-name[data-v-2fa2c84b]{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.item-info .service-due[data-v-2fa2c84b]{margin:2px 0 0;font-size:.8rem;color:var(--text-secondary)}.item-info .service-due .due-val[data-v-2fa2c84b]{color:var(--text-primary);font-weight:600}.item-badge-wrp[data-v-2fa2c84b]{display:flex;align-items:center;gap:var(--space-sm)}.status-badge[data-v-2fa2c84b]{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.status-badge.ok[data-v-2fa2c84b]{background-color:#3fb9501a;color:#58a6ff}.status-badge.warning[data-v-2fa2c84b]{background-color:#d299221a;color:#d29922}.status-badge.overdue[data-v-2fa2c84b]{background-color:#f851491a;color:#ff7b72}.btn-record[data-v-2fa2c84b]{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:all .15s ease}.btn-record[data-v-2fa2c84b]:hover{color:var(--text-primary);border-color:var(--color-primary-light);background-color:#ffffff0d}.btn-record .material-symbols-outlined[data-v-2fa2c84b]{font-size:1.1rem}.progress-container[data-v-2fa2c84b]{height:6px;background-color:var(--bg-primary);border-radius:var(--radius-sm);overflow:hidden;margin-top:4px;border:1px solid var(--border-muted)}.progress-bar[data-v-2fa2c84b]{height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.progress-bar.ok[data-v-2fa2c84b]{background-color:var(--color-primary-light)}.progress-bar.warning[data-v-2fa2c84b]{background-color:#d29922}.progress-bar.overdue[data-v-2fa2c84b]{background-color:#f85149}.progress-labels[data-v-2fa2c84b]{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:2px}h2[data-v-a890cc2a],.card-grid[data-v-a890cc2a],#default-car-card[data-v-a890cc2a],.linechart[data-v-a890cc2a],.info-card[data-v-a890cc2a],.service-alerts-wrapper[data-v-a890cc2a]{margin:0 var(--space-md)}h1[data-v-a890cc2a],h2[data-v-a890cc2a]{margin-top:var(--space-md);margin-bottom:var(--space-sm)}#default-car-card[data-v-a890cc2a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--color-primary);border-radius:var(--radius-md);padding:var(--space-md)}#default-car-card .left-wrp[data-v-a890cc2a]{display:flex;flex-direction:row;align-items:center;gap:var(--space-md)}#default-car-card .icon-car[data-v-a890cc2a]{font-size:2.25rem}#icon-favorite[data-v-a890cc2a]{color:var(--color-favorite)}.card-grid[data-v-a890cc2a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:stretch;gap:var(--space-md)}.card-grid[data-v-a890cc2a]>*{width:100%;min-width:0}.loading-state[data-v-a890cc2a],.empty-state[data-v-a890cc2a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl) var(--space-md);text-align:center;background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default);margin:var(--space-xl) var(--space-md)}.loading-state span[data-v-a890cc2a],.empty-state span[data-v-a890cc2a]{font-size:3rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.loading-state h3[data-v-a890cc2a],.empty-state h3[data-v-a890cc2a]{margin-bottom:var(--space-xs);font-size:var(--font-size-lg)}.loading-state p[data-v-a890cc2a],.empty-state p[data-v-a890cc2a]{color:var(--text-secondary);margin-bottom:var(--space-lg)}.spin[data-v-a890cc2a]{animation:spin-a890cc2a 1s linear infinite}@keyframes spin-a890cc2a{to{transform:rotate(-360deg)}}.btn-primary[data-v-a890cc2a]{display:inline-flex;align-items:center;gap:var(--space-xs);background-color:var(--color-primary);color:var(--text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-round);text-decoration:none;font-weight:600;transition:background-color .15s ease}.btn-primary span[data-v-a890cc2a]{font-size:1.25rem;margin:0;color:inherit}.btn-primary[data-v-a890cc2a]:hover{background-color:var(--color-primary-hover)}.btn-primary.mini[data-v-a890cc2a]{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.btn-primary.mini span[data-v-a890cc2a]{font-size:1.1rem}#refuels-status-card[data-v-a890cc2a]{margin-top:var(--space-xl)}.info-card[data-v-a890cc2a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px dashed var(--border-default);text-align:center;gap:var(--space-xs)}.info-card span[data-v-a890cc2a]{font-size:2rem;color:var(--text-secondary)}.info-card h3[data-v-a890cc2a]{font-size:var(--font-size-base);font-weight:600}.info-card p[data-v-a890cc2a]{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.charts-grid[data-v-a890cc2a]{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.charts-grid[data-v-a890cc2a]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin:0 var(--space-md)}.charts-grid section[data-v-a890cc2a]{margin:0}.charts-grid section h2[data-v-a890cc2a],.charts-grid section .linechart[data-v-a890cc2a]{margin-left:0;margin-right:0}}