:root{--m3-primary:#6366f1;--m3-on-primary:#fff;--m3-primary-container:#e0e7ff;--m3-on-primary-container:#312e81;--m3-secondary:#6b7280;--m3-on-secondary:#fff;--m3-secondary-container:#e5e7eb;--m3-on-secondary-container:#1f2937;--m3-tertiary:#8b5cf6;--m3-on-tertiary:#fff;--m3-tertiary-container:#ede9fe;--m3-on-tertiary-container:#4c1d95;--m3-error:#dc2626;--m3-on-error:#fff;--m3-error-container:#fee2e2;--m3-on-error-container:#7f1d1d;--m3-background:#fafafa;--m3-on-background:#18181b;--m3-surface:#fafafa;--m3-on-surface:#18181b;--m3-surface-variant:#e4e4e7;--m3-on-surface-variant:#52525b;--m3-outline:#a1a1aa;--m3-outline-variant:#d4d4d8;--m3-inverse-surface:#27272a;--m3-inverse-on-surface:#fafafa;--m3-inverse-primary:#a5b4fc;--m3-scrim:#000;--m3-shadow:#000;--m3-surface-container-lowest:#fff;--m3-surface-container-low:#f5f5f5;--m3-surface-container:#e5e5e5;--m3-surface-container-high:#d4d4d4;--m3-surface-container-highest:#a3a3a3;--action-success:#16a34a;--action-success-on:#fff;--action-danger:#dc2626;--action-danger-on:#fff;--action-neutral:#6b7280;--action-neutral-on:#fff;--action-edit:var(--m3-primary);--action-edit-on:var(--m3-on-primary)}[data-theme=dark]{--m3-primary:#a5b4fc;--m3-on-primary:#312e81;--m3-primary-container:#4338ca;--m3-on-primary-container:#e0e7ff;--m3-secondary:#9ca3af;--m3-on-secondary:#1f2937;--m3-secondary-container:#374151;--m3-on-secondary-container:#e5e7eb;--m3-tertiary:#c4b5fd;--m3-on-tertiary:#4c1d95;--m3-tertiary-container:#5b21b6;--m3-on-tertiary-container:#ede9fe;--m3-error:#fca5a5;--m3-on-error:#7f1d1d;--m3-error-container:#991b1b;--m3-on-error-container:#fee2e2;--m3-background:#09090b;--m3-on-background:#e4e4e7;--m3-surface:#09090b;--m3-on-surface:#e4e4e7;--m3-surface-variant:#27272a;--m3-on-surface-variant:#a1a1aa;--m3-outline:#52525b;--m3-outline-variant:#27272a;--m3-inverse-surface:#e4e4e7;--m3-inverse-on-surface:#18181b;--m3-inverse-primary:#6366f1;--m3-scrim:#000;--m3-shadow:#000;--m3-surface-container-lowest:#0a0a0a;--m3-surface-container-low:#171717;--m3-surface-container:#1c1c1c;--m3-surface-container-high:#262626;--m3-surface-container-highest:#333;--action-success:#4ade80;--action-success-on:#14532d;--action-danger:#f87171;--action-danger-on:#7f1d1d;--action-neutral:#9ca3af;--action-neutral-on:#1f2937;--action-edit:var(--m3-primary);--action-edit-on:var(--m3-on-primary)}:root{--m3-display-large:57px/64px;--m3-display-medium:45px/52px;--m3-display-small:36px/44px;--m3-headline-large:32px/40px;--m3-headline-medium:28px/36px;--m3-headline-small:24px/32px;--m3-title-large:22px/28px;--m3-title-medium:16px/24px;--m3-title-small:14px/20px;--m3-body-large:16px/24px;--m3-body-medium:14px/20px;--m3-body-small:12px/16px;--m3-label-large:14px/20px;--m3-label-medium:12px/16px;--m3-label-small:11px/16px;--m3-shape-none:0;--m3-shape-extra-small:4px;--m3-shape-small:8px;--m3-shape-medium:12px;--m3-shape-large:16px;--m3-shape-extra-large:28px;--m3-shape-full:9999px;--m3-state-hover:#191c1c14;--m3-state-focus:#191c1c1a;--m3-state-pressed:#191c1c1f;--m3-state-dragged:#191c1c29;--m3-state-hover-on-container:#191c1c14;--m3-state-focus-on-container:#191c1c1a;--m3-state-pressed-on-container:#191c1c1f;--m3-duration-short:.2s;--m3-duration-medium:.3s;--m3-duration-long:.5s;--m3-easing-standard:cubic-bezier(.2, 0, 0, 1);--m3-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--m3-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--m3-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--m3-elevation-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--m3-elevation-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--m3-elevation-3:0 1px 3px #0000004d, 0 4px 8px 3px #00000026;--m3-elevation-4:0 2px 3px #0000004d, 0 6px 10px 4px #00000026;--m3-elevation-5:0 4px 4px #0000004d, 0 8px 12px 6px #00000026;--c-bg:var(--m3-background);--c-bg-elev:var(--m3-surface-container-low);--c-bg-inset:var(--m3-surface-container);--c-text:var(--m3-on-surface);--c-text-dim:var(--m3-on-surface-variant);--c-primary:var(--m3-primary);--c-primary-contrast:var(--m3-on-primary);--c-primary-soft:var(--m3-primary-container);--c-border:var(--m3-outline-variant);--c-danger:var(--m3-error);--c-danger-soft:var(--m3-error-container);--c-warning:#b26a00;--c-warning-soft:#fff3e0;--c-success:var(--action-success);--c-success-soft:#e4f2e5;--shadow:var(--m3-elevation-1);--radius:var(--m3-shape-medium);--space:14px;--font:Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif}[data-theme=dark]{--m3-state-hover:#e0e3e214;--m3-state-focus:#e0e3e21a;--m3-state-pressed:#e0e3e21f;--m3-state-dragged:#e0e3e229;--m3-state-hover-on-container:#e0e3e214;--m3-state-focus-on-container:#e0e3e21a;--m3-state-pressed-on-container:#e0e3e21f}@font-face{font-family:Material Symbols Outlined;src:url(/fonts/MaterialSymbolsOutlined.woff2)format("woff2");font-style:normal;font-weight:100 700;font-display:block}@font-face{font-family:Roboto;src:url(/fonts/Roboto-latin-var.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased}.m3-display-large{font-size:57px;font-weight:400;line-height:64px}.m3-display-medium{font-size:45px;font-weight:400;line-height:52px}.m3-display-small{font-size:36px;font-weight:400;line-height:44px}.m3-headline-large{font-size:32px;font-weight:400;line-height:40px}.m3-headline-medium{font-size:28px;font-weight:400;line-height:36px}.m3-headline-small{font-size:24px;font-weight:400;line-height:32px}.m3-title-large{font-size:22px;font-weight:400;line-height:28px}.m3-title-medium{font-size:16px;font-weight:500;line-height:24px}.m3-title-small{font-size:14px;font-weight:500;line-height:20px}.m3-body-large{font-size:16px;font-weight:400;line-height:24px}.m3-body-medium{font-size:14px;font-weight:400;line-height:20px}.m3-body-small{font-size:12px;font-weight:400;line-height:16px}.m3-label-large{font-size:14px;font-weight:500;line-height:20px}.m3-label-medium{font-size:12px;font-weight:500;line-height:16px}.m3-label-small{font-size:11px;font-weight:500;line-height:16px}button{cursor:pointer;border-radius:var(--radius);background:var(--c-primary);color:var(--c-primary-contrast);border:none;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}a.btn{border-radius:var(--radius);background:var(--c-primary);color:var(--c-primary-contrast);border:none;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}input,select{border-radius:var(--radius);border:1px solid var(--c-border,#cfd8df);background:var(--c-bg);width:100%;color:var(--c-text);padding:11px 12px;font-family:inherit;font-size:16px}label{color:var(--c-text-dim);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.card{background:var(--c-bg-elev);border-radius:var(--radius);padding:var(--space)}.error{color:var(--c-danger);margin-top:6px;font-size:13px}h1,h2,h3{margin:0 0 var(--space)}a{color:var(--c-primary)}main,main>*,section>*{min-width:0}[data-testid=consumption-chart] svg,[data-testid=fuel-price-chart] svg,[data-testid=odometer-chart] svg,[data-testid=fullscreen-overlay] svg{max-width:100%;max-height:100%;display:block}.m3-state-layer{transition:background var(--m3-duration-short) var(--m3-easing-standard), box-shadow var(--m3-duration-short) var(--m3-easing-standard);position:relative}.m3-state-layer:before{content:"";border-radius:inherit;pointer-events:none;transition:background var(--m3-duration-short) var(--m3-easing-standard);background:0 0;position:absolute;inset:0}.m3-state-layer:hover:before{background:var(--m3-state-hover)}.m3-state-layer:focus-visible:before{background:var(--m3-state-focus);outline:2px solid var(--m3-primary);outline-offset:-2px}.m3-state-layer:active:before{background:var(--m3-state-pressed)}.m3-elevated{box-shadow:var(--m3-elevation-1)}.crud-row-actions{opacity:0;transition:opacity var(--m3-duration-short) var(--m3-easing-standard), transform var(--m3-duration-short) var(--m3-easing-standard);transform:translate(4px)}li:hover .crud-row-actions,li:focus-within .crud-row-actions{opacity:1;transform:translate(0)}@media (hover:none){.crud-row-actions{opacity:1;transform:none}}@keyframes m3-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes m3-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes m3-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
