: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-7db3f090]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.inline[data-v-7db3f090]{flex-direction:row;gap:var(--space-sm)}.elevated[data-v-7db3f090]{background-color:var(--color-primary);padding:var(--space-sm);border-radius:var(--radius-lg)}.app-layout[data-v-495c3665]{display:flex;flex-direction:row;min-height:100vh;width:100%;background-color:var(--bg-primary)}.main-container[data-v-495c3665]{flex:1;display:flex;flex-direction:column;min-width:0}header[data-v-495c3665]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:var(--space-md)}.settings-link[data-v-495c3665]{display:flex;justify-content:center;align-items:center;text-decoration:none}@media(min-width:768px){.settings-link[data-v-495c3665]{display:none}}.mobile-nav[data-v-495c3665]{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-495c3665]{display:none!important}}.mobile-nav[data-v-495c3665] a.router-link-active .icon-label-button{opacity:1}.mobile-nav[data-v-495c3665] a .icon-label-button{opacity:.6;transition:opacity .15s}.mobile-nav a[data-v-495c3665],header a[data-v-495c3665]{text-decoration:none;display:flex;justify-content:center;align-items:center}header a[data-v-495c3665] .material-symbols-outlined{font-size:3rem}main[data-v-495c3665]{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-md))}@media(min-width:768px){main[data-v-495c3665]{padding-bottom:var(--space-xl)}}.page-content[data-v-495c3665]{width:100%;max-width:1200px;margin:0 auto}.desktop-sidebar[data-v-495c3665]{display:none}@media(min-width:768px){.desktop-sidebar[data-v-495c3665]{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-495c3665]{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-495c3665]{font-size:2.25rem;color:var(--color-primary-light)}.sidebar-brand .brand-name[data-v-495c3665]{font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.sidebar-nav[data-v-495c3665]{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.sidebar-item[data-v-495c3665]{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-495c3665]{font-size:1.5rem;font-variation-settings:"FILL" 0;transition:color .15s ease}.sidebar-item[data-v-495c3665]:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-item.router-link-active[data-v-495c3665]{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-495c3665]{color:var(--color-primary-light);font-variation-settings:"FILL" 1}.sidebar-footer[data-v-495c3665]{border-top:1px solid var(--border-muted);padding-top:var(--space-md)}@media(min-width:768px){header[data-v-495c3665]{margin:var(--space-xl) var(--space-md) var(--space-lg) var(--space-md)}header h1[data-v-495c3665]{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}h2[data-v-e96de2b0],.card-grid[data-v-e96de2b0],#default-car-card[data-v-e96de2b0],.linechart[data-v-e96de2b0],.info-card[data-v-e96de2b0]{margin:0 var(--space-md)}h1[data-v-e96de2b0],h2[data-v-e96de2b0]{margin-top:var(--space-md);margin-bottom:var(--space-sm)}#default-car-card[data-v-e96de2b0]{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-e96de2b0]{display:flex;flex-direction:row;align-items:center;gap:var(--space-md)}#default-car-card .icon-car[data-v-e96de2b0]{font-size:2.25rem}#icon-favorite[data-v-e96de2b0]{color:var(--color-favorite)}.card-grid[data-v-e96de2b0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:stretch;gap:var(--space-md)}.card-grid[data-v-e96de2b0]>*{width:100%;min-width:0}.loading-state[data-v-e96de2b0],.empty-state[data-v-e96de2b0]{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-e96de2b0],.empty-state span[data-v-e96de2b0]{font-size:3rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.loading-state h3[data-v-e96de2b0],.empty-state h3[data-v-e96de2b0]{margin-bottom:var(--space-xs);font-size:var(--font-size-lg)}.loading-state p[data-v-e96de2b0],.empty-state p[data-v-e96de2b0]{color:var(--text-secondary);margin-bottom:var(--space-lg)}.spin[data-v-e96de2b0]{animation:spin-e96de2b0 1s linear infinite}@keyframes spin-e96de2b0{to{transform:rotate(-360deg)}}.btn-primary[data-v-e96de2b0]{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-e96de2b0]{font-size:1.25rem;margin:0;color:inherit}.btn-primary[data-v-e96de2b0]:hover{background-color:var(--color-primary-hover)}.btn-primary.mini[data-v-e96de2b0]{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.btn-primary.mini span[data-v-e96de2b0]{font-size:1.1rem}#refuels-status-card[data-v-e96de2b0]{margin-top:var(--space-xl)}.info-card[data-v-e96de2b0]{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-e96de2b0]{font-size:2rem;color:var(--text-secondary)}.info-card h3[data-v-e96de2b0]{font-size:var(--font-size-base);font-weight:600}.info-card p[data-v-e96de2b0]{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.charts-grid[data-v-e96de2b0]{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.charts-grid[data-v-e96de2b0]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin:0 var(--space-md)}.charts-grid section[data-v-e96de2b0]{margin:0}.charts-grid section h2[data-v-e96de2b0],.charts-grid section .linechart[data-v-e96de2b0]{margin-left:0;margin-right:0}}