@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:"Aptos","Segoe UI",system-ui,sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Aptos","Segoe UI",system-ui,sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mx-auto{margin-inline:auto}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.flex{display:flex}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.bg-background{background-color:var(--background)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media (min-width:40rem){.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:py-8{padding-block:calc(var(--spacing) * 8)}}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:#07110e;--foreground:#f4f7f5;--card:#0d1b17;--card-foreground:#f4f7f5;--popover:#10211c;--popover-foreground:#f4f7f5;--primary:#b7ff5c;--primary-foreground:#0b150f;--secondary:#162621;--secondary-foreground:#eef5f1;--muted:#14231e;--muted-foreground:#91a69e;--accent:#1c3029;--accent-foreground:#f4f7f5;--destructive:#ff6b6b;--border:#20352e;--input:#294239;--ring:#b7ff5c;--radius:.9rem}*{border-color:var(--border)}body{color:var(--foreground);font-family:var(--font-sans);background:radial-gradient(circle at 80% -10%,#b7ff5c1c,transparent 34rem),var(--background);margin:0}.login-page{place-items:center;min-height:100dvh;padding:1.25rem;display:grid}.login-card{border:1px solid var(--border);background:#0d1b17f5;border-radius:1.35rem;gap:1rem;width:min(100%,25rem);padding:1.5rem;display:grid;box-shadow:0 24px 80px #00000059}.login-card h1{margin-top:-.8rem;font-size:2.2rem}.login-card label{color:#a7b8b1;margin:0 0 .4rem .1rem;font-size:.8rem;display:block}.login-card input{background:#0a1713}.login-card button{width:100%;margin-top:.25rem;font-weight:750}.login-icon{color:#0b150f;background:#b7ff5c;border-radius:1rem;place-items:center;width:3rem;height:3rem;display:grid}.login-icon svg{width:1.4rem}.login-description{color:#82978f;margin:-.6rem 0 .2rem;font-size:.85rem}.login-error{color:#ff8c8c;margin:0;font-size:.8rem}h1{letter-spacing:-.055em;margin:.15rem 0 0;font-size:clamp(2rem,5vw,3.4rem);font-weight:720}h2{letter-spacing:-.025em;margin:.15rem 0 0;font-size:1.35rem;font-weight:680}.eyebrow{color:#8ca199;letter-spacing:.18em;margin:0;font-size:.73rem;font-weight:750}.live-pill{border:1px solid var(--border);color:#b3c4bd;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .8rem;font-size:.83rem;display:flex}.live-pill span{background:#b7ff5c;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #b7ff5c1c}.header-actions{align-items:center;gap:.55rem;display:flex}.trip-link,.back-link{color:#d9e8e1;background:#b7ff5c14;border:1px solid #b7ff5c4d;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.82rem;font-weight:700;text-decoration:none;display:flex}.trip-link svg,.back-link svg{color:#b7ff5c;width:1rem}.odometer-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:.8rem;display:grid}.odometer-card{border:1px solid var(--border);background:#0d1b17e6;border-radius:1.3rem;align-items:flex-start;gap:.9rem;min-height:6.5rem;padding:1.15rem;display:flex;box-shadow:0 18px 55px #00000026}.odometer-card>svg{color:#b7ff5c;width:1.2rem}.odometer-card span,.odometer-card strong{display:block}.odometer-card span{color:#8fa39b;font-size:.8rem}.odometer-card strong{letter-spacing:-.035em;margin-top:.45rem;font-size:1.55rem}.odometer-card.driven{background:linear-gradient(135deg,#b7ff5c21,#0d1b17e6);border-color:#b7ff5c59}.reading-status{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:.8rem;display:grid}.reading-status>div{border:1px solid var(--border);background:#0a1713bf;border-radius:1rem;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.reading-status .status-dot{background:#b7ff5c;border-radius:50%;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #b7ff5c1a}.reading-status .diesel-dot{background:#f5b942;box-shadow:0 0 0 4px #f5b9421a}.reading-status small,.reading-status strong,.reading-status em{display:block}.reading-status small{color:#7f968d;font-size:.7rem}.reading-status strong{color:#d9e4df;margin-top:.15rem;font-size:.88rem}.reading-status em{color:#8fa39b;margin-top:.1rem;font-size:.72rem;font-style:normal}.reading-status .next-price{color:#f5b942}.summary-grid{grid-template-columns:1.55fr repeat(3,1fr);gap:.8rem;margin-bottom:.8rem;display:grid}.saving-card,.metric-card,.panel{border:1px solid var(--border);background:#0d1b17e6;box-shadow:0 18px 55px #00000026}.saving-card{color:#0b150f;background:linear-gradient(135deg,#b7ff5c,#7ee787);border-radius:1.3rem;min-height:9rem;padding:1.2rem 1.35rem}.saving-card p,.saving-card small{opacity:.72;margin:0;font-weight:650;display:block}.saving-card strong{letter-spacing:-.055em;margin:.25rem 0 .3rem;font-size:2.45rem;display:block}.metric-card{border-radius:1.3rem;align-items:flex-start;gap:.9rem;min-height:9rem;padding:1.15rem;display:flex}.metric-card>svg{color:#b7ff5c;width:1.15rem}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#8fa39b;font-size:.8rem}.metric-card strong{letter-spacing:-.03em;margin-top:.6rem;font-size:1.35rem}.metric-card small{color:#71877e;margin-top:.35rem;font-size:.68rem}.insights-grid{grid-template-columns:repeat(4,1fr) 1.7fr;gap:.8rem;margin-bottom:.8rem;display:grid}.insights-grid>article{border:1px solid var(--border);background:#0d1b17e6;border-radius:1.05rem;min-height:5.7rem;padding:1rem}.insights-grid span,.insights-grid strong{display:block}.insights-grid span{color:#8fa39b;font-size:.75rem}.insights-grid strong{margin-top:.45rem;font-size:1.15rem}.insights-grid .projection{border-color:#f5b94259;align-items:flex-start;gap:.8rem;display:flex}.insights-grid .projection>svg{color:#f5b942;flex:none;width:1.1rem}.content-stack{gap:.8rem;display:grid}.panel{border-radius:1.35rem;padding:1.3rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.month-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:10rem}.entry-details{padding:0;overflow:hidden}.entry-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.3rem;list-style:none;display:flex}.entry-summary::-webkit-details-marker{display:none}.entry-summary-action{color:#91a69e;align-items:center;gap:.65rem;font-size:.82rem;display:flex}.entry-summary-action svg{color:#b7ff5c;width:1.1rem;transition:transform .2s}.entry-details[open] .entry-summary-action svg{transform:rotate(180deg)}.entry-details[open] .entry-summary{border-bottom:1px solid var(--border)}.entry-body{padding:1.3rem}.auto-banner{color:#b9c9c2;background:#b7ff5c12;border:1px solid #b7ff5c40;border-radius:.8rem;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.75rem .9rem;font-size:.8rem;display:flex}.auto-banner svg{color:#b7ff5c;flex:none;width:1rem}.input-shell input:disabled{color:#b7ff5c;opacity:1;cursor:not-allowed}.electricity-body{gap:1rem;display:grid}.electricity-bill-form{grid-template-columns:1fr 1.2fr 1.2fr 1fr auto;align-items:end;gap:.8rem;display:grid}.electricity-bill-form label{color:#a7b8b1;margin:0 0 .4rem .1rem;font-size:.8rem;display:block}.electricity-bill-form>div>input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.bill-preview{background:#b7ff5c12;border:1px solid #b7ff5c4d;border-radius:.8rem;min-height:2.5rem;padding:.45rem .7rem}.bill-preview span,.bill-preview strong{display:block}.bill-preview span{color:#7f968d;font-size:.65rem}.bill-preview strong{color:#b7ff5c;margin-top:.12rem;font-size:.86rem}.bill-help{color:#71877e;margin:0;font-size:.72rem}.electricity-bill-list{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.55rem;padding-top:1rem;display:grid}.electricity-bill-list>div{border:1px solid var(--border);background:#0a1713;border-radius:.8rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem;display:flex}.electricity-bill-list strong,.electricity-bill-list span,.electricity-bill-list em{display:block}.electricity-bill-list strong{font-size:.82rem}.electricity-bill-list span{color:#7f968d;margin-top:.15rem;font-size:.68rem}.electricity-bill-list em{color:#b7ff5c;margin-top:.15rem;font-size:.7rem;font-style:normal}.bill-actions{flex:none;gap:.35rem;display:flex}.bill-actions button{width:2rem;height:2rem}.bill-actions svg{width:.85rem}.bill-actions .danger-button{color:#ff8b8b;border-color:#ff6b6b4d}.diesel-body{gap:1rem;display:grid}.diesel-price-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:.8rem;display:grid}.diesel-price-form label{color:#a7b8b1;margin:0 0 .4rem .1rem;font-size:.8rem;display:block}.diesel-price-form>div>input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.diesel-price-form button{min-width:9rem}.diesel-price-list{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:.5rem;padding-top:1rem;display:grid}.diesel-price-list>div{border:1px solid var(--border);background:#0a1713;border-radius:.75rem;padding:.7rem}.diesel-price-list span,.diesel-price-list strong,.diesel-price-list em{display:block}.diesel-price-list span{color:#7f968d;font-size:.7rem}.diesel-price-list strong{margin-top:.15rem;font-size:.9rem}.diesel-price-list em{color:#667b73;text-transform:uppercase;margin-top:.15rem;font-size:.62rem;font-style:normal}.tank-summary{text-align:right;grid-template-columns:auto auto 1.2rem;align-items:center;gap:.65rem;display:grid}.tank-summary>strong{color:#b7ff5c;font-size:1.05rem}.tank-summary>span{color:#7f968d;font-size:.72rem}.tank-summary svg{color:#b7ff5c;width:1.1rem;transition:transform .2s}.tank-details[open] .tank-summary svg{transform:rotate(180deg)}.tank-grid{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid}.tank-card{border:1px solid var(--border);background:#0a1713;border-radius:.9rem;padding:.9rem}.tank-card.partial{background:#b7ff5c12;border-color:#b7ff5c6b}.tank-title{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tank-title>strong{font-size:.85rem}.tank-title>span{color:#8fa39b;text-transform:uppercase;background:#14231e;border-radius:999px;padding:.15rem .38rem;font-size:.58rem}.tank-card.partial .tank-title>span{color:#0b150f;background:#b7ff5c}.tank-card p{color:#71877e;margin:.45rem 0;font-size:.68rem}.tank-card>div:nth-of-type(2){color:#a7b8b1;gap:.6rem;font-size:.76rem;display:flex}.tank-card small{color:#71877e;margin-top:.45rem;display:block}.tank-card .tank-cost{color:#b7ff5c;margin-top:.2rem;font-size:1.1rem;display:block}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem .8rem;margin-top:.4rem;display:grid}.form-grid label{color:#a7b8b1;margin:0 0 .4rem .1rem;font-size:.8rem;display:block}.field-span{grid-column:1/-1}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row button{color:#b7ff5c;font-size:.77rem}.input-shell{border:1px solid var(--input);background:#0a1713;border-radius:.8rem;align-items:center;display:flex;overflow:hidden}.input-shell:focus-within{border-color:#b7ff5c;box-shadow:0 0 0 3px #b7ff5c1a}.input-shell input{background:0 0;border:0;min-width:0;font-size:1rem;box-shadow:none!important}.input-shell>svg{color:#779087;width:1rem;margin-left:.8rem}.input-shell span{white-space:nowrap;color:#779087;padding:0 .75rem;font-size:.76rem}.cost-divider{border-top:1px solid var(--border);color:#8ca199;letter-spacing:.16em;margin-top:.35rem;padding-top:1rem;font-size:.7rem;font-weight:750}.cost-divider small{color:#71877e;letter-spacing:0;margin-top:.35rem;font-size:.7rem;font-weight:500;display:block}.preview-row{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:1.2rem;padding-top:1.1rem;display:grid}.preview-row div{background:#0a1713;border-radius:.8rem;padding:.75rem}.preview-row span,.preview-row strong{display:block}.preview-row span{color:#7f968d;font-size:.72rem}.preview-row strong{margin-top:.25rem;font-size:1rem}.preview-row .positive strong{color:#b7ff5c}.message{color:#a9bbb4;margin:1rem 0 0;font-size:.83rem;line-height:1.5}.save-button{width:100%;margin-top:1rem;font-weight:750}.chart-panel{min-height:23rem}.chart-wrap{width:100%;height:18rem}.chart-legend{color:#7f968d;font-size:.75rem}.active-month-panel{background:linear-gradient(135deg,#b7ff5c14,#0d1b17f0);border-color:#b7ff5c61}.active-month-panel .month-row.active{border-color:#b7ff5c47;min-height:11.5rem;box-shadow:inset 3px 0 #b7ff5c}.current-badge{color:#0b150f;text-transform:uppercase;background:#b7ff5c;border-radius:999px;margin:0;padding:.22rem .5rem;font-size:.62rem;font-weight:800}.history-count{border:1px solid var(--border);color:#a9bbb4;border-radius:999px;place-items:center;min-width:2rem;height:2rem;font-size:.78rem;display:grid}.history-panel{min-height:28rem}.month-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.month-row{border:1px solid var(--border);background:#0a1713;border-radius:1rem;justify-content:space-between;align-items:center;gap:1.4rem;min-height:10.5rem;padding:1.2rem;display:flex}.month-row strong,.month-row span{display:block}.month-row strong{font-size:.98rem}.month-row span{color:#7f968d;margin-top:.3rem;font-size:.78rem;line-height:1.4}.month-row .diesel-detail{color:#a5b6af;margin-top:.6rem}.month-row .common-cost{color:#657a72;font-size:.7rem}.month-title{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.month-title .current-badge{margin:0}.source-chip{color:#9eb2aa;vertical-align:middle;border:1px solid #294239;border-radius:999px;margin-left:.25rem;padding:.08rem .35rem;font-size:.62rem;font-style:normal;display:inline-block}.month-distance{min-width:12rem}.month-money{text-align:right}.month-money>strong{color:#b7ff5c;font-size:1.02rem}.month-money .tesla-total{color:#cbd8d3;margin-top:.55rem;font-size:.83rem;font-weight:700}.empty{text-align:center;color:#71877e;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:20rem;display:flex}.empty.compact{min-height:12rem}.empty svg{color:#b7ff5c}.empty strong{color:#c9d7d1}.empty span{max-width:14rem;font-size:.83rem;line-height:1.45}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.trips-page{min-height:100dvh;padding:1.5rem}.trips-shell{gap:.8rem;width:min(100%,72rem);margin:0 auto;display:grid}.trips-header{align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.trips-header h1{font-size:2.5rem}.back-link{align-self:center}.trip-live-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.trip-live-grid article{border:1px solid var(--border);background:#0d1b17e6;border-radius:1.25rem;min-height:8.5rem;padding:1.2rem}.trip-live-grid svg{color:#b7ff5c;width:1.15rem}.trip-live-grid span,.trip-live-grid strong,.trip-live-grid small{display:block}.trip-live-grid span{color:#8fa39b;margin-top:.55rem;font-size:.78rem}.trip-live-grid strong{margin-top:.2rem;font-size:1.5rem}.trip-live-grid small{color:#71877e;margin-top:.3rem}.active-trip-card,.start-trip-card,.trip-history{border:1px solid var(--border);background:#0d1b17eb;border-radius:1.35rem;padding:1.3rem}.active-trip-card{background:linear-gradient(135deg,#b7ff5c1a,#0d1b17f0);border-color:#b7ff5c66}.active-trip-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.active-trip-top h2{align-items:center;gap:.5rem;display:flex}.active-trip-top h2 svg{color:#b7ff5c;width:1.15rem}.trip-pulse{color:#0b150f;text-transform:uppercase;background:#b7ff5c;border-radius:999px;padding:.25rem .55rem;font-size:.65rem;font-weight:800}.active-trip-stats{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0;display:grid}.active-trip-stats>div{border:1px solid var(--border);background:#0a1713;border-radius:.9rem;padding:.9rem}.active-trip-stats svg{color:#b7ff5c;width:1rem}.active-trip-stats span,.active-trip-stats strong{display:block}.active-trip-stats span{color:#7f968d;margin-top:.35rem;font-size:.7rem}.active-trip-stats strong{margin-top:.2rem;font-size:.92rem}.trip-route{border:1px solid var(--border);background:#0a1713;border-radius:1rem;margin:1rem 0;padding:1rem}.route-point{gap:.8rem;padding:0 0 1rem;display:flex;position:relative}.route-point:last-child{padding-bottom:0}.route-point:before{content:"";background:#294239;width:1px;position:absolute;top:.72rem;bottom:-.05rem;left:.32rem}.route-point:last-child:before{display:none}.route-point>span{z-index:1;background:#0a1713;border:2px solid #6f897f;border-radius:50%;flex:none;width:.7rem;height:.7rem;margin-top:.25rem;position:relative}.route-point.start>span{background:#b7ff5c;border-color:#b7ff5c}.route-point.current>span{border-color:#b7ff5c;box-shadow:0 0 0 4px #b7ff5c1a}.route-point strong,.route-point small{display:block}.route-point strong{font-size:.85rem}.route-point small{color:#71877e;margin-top:.15rem;font-size:.68rem}.trip-note{color:#8fa39b;font-size:.78rem;line-height:1.5}.finish-trip,.start-trip,.continue-trip{width:100%;font-weight:800}.finish-trip{color:#160a09;background:#ff766e}.trip-form,.trip-next-grid{grid-template-columns:2fr 1fr;gap:.8rem;margin:1rem 0;display:grid}.trip-form label,.trip-next-grid label{color:#a7b8b1;margin:0 0 .4rem .1rem;font-size:.8rem;display:block}.trip-actions{grid-template-columns:1.4fr 1fr;gap:.7rem;display:grid}.trip-message{color:#b9c9c2;background:#b7ff5c12;border:1px solid #b7ff5c40;border-radius:.85rem;margin:0;padding:.8rem 1rem;font-size:.8rem}.trip-list{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.trip-list>article{border:1px solid var(--border);background:#0a1713;border-radius:1rem;padding:1rem}.trip-row-title{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.trip-row-title span{color:#71877e;margin-top:.2rem;font-size:.68rem;display:block}.trip-row-title>strong{color:#b7ff5c;font-size:1.1rem}.trip-result-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.8rem;display:grid}.trip-result-grid>div{background:#10211c;border-radius:.7rem;padding:.65rem}.trip-result-grid span,.trip-result-grid strong{display:block}.trip-result-grid span{color:#71877e;font-size:.65rem}.trip-result-grid strong{margin-top:.2rem;font-size:.82rem}.estimate-label{color:#f5b942;margin-top:.65rem;font-size:.65rem;display:block}.trip-supercharger{margin:1rem 0}.trip-supercharger label{color:#a7b8b1;margin:0 0 .4rem .1rem;font-size:.8rem;display:block}.trip-supercharger small{color:#71877e;margin:.35rem 0 0 .1rem;font-size:.68rem;display:block}.supercharger-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.supercharger-detail{color:#b7ff5c!important}.daily-drives{background:#0d1b17eb;border:1px solid #b7ff5c47;border-radius:1.35rem;padding:1.3rem}.daily-drives .panel-heading small{color:#71877e;margin-top:.3rem;font-size:.7rem;display:block}.daily-drive-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.daily-drive-list>article{border:1px solid var(--border);background:#0a1713;border-radius:1rem;padding:1rem}.daily-drive-title,.daily-drive-title>div{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.daily-drive-title>div{justify-content:flex-start}.daily-drive-title svg{color:#b7ff5c;width:1rem}.daily-drive-title span{color:#71877e;margin-top:.15rem;font-size:.68rem;display:block}.daily-drive-title>strong{color:#b7ff5c;white-space:nowrap;font-size:1.1rem}.daily-charge-notice{color:#8bcaff;background:#55b2ff14;border:1px solid #55b2ff4d;border-radius:.7rem;align-items:center;gap:.4rem;margin-top:.75rem;padding:.55rem .7rem;font-size:.7rem;font-weight:800;display:flex}.daily-charge-notice svg{width:.9rem}.active-trip-stats small{color:#62776f;margin-top:.2rem;font-size:.62rem;display:block}.route-point em{color:#f5b942;margin-top:.35rem;font-size:.7rem;font-style:normal;font-weight:700;display:block}.route-leg-time{color:#91a69e;align-items:center;gap:.4rem;margin:-.35rem 0 .65rem 1.45rem;font-size:.68rem;font-weight:700;display:flex}.route-leg-time svg{color:#b7ff5c;width:.8rem}.route-leg-time.active{color:#b7ff5c}.arrive-trip{color:#0b150f;background:#b7ff5c;width:100%;font-weight:800}.charging-comparison{background:linear-gradient(135deg,#55b2ff1c,#0d1b17f0);border:1px solid #55b2ff59;border-radius:1.35rem;padding:1.3rem}.charging-comparison>div:first-child>small{color:#78928a;margin-top:.35rem;font-size:.72rem;display:block}.charging-compare-grid{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:1rem;display:grid}.charging-compare-grid>div{border:1px solid var(--border);background:#0a1713;border-radius:.85rem;padding:.8rem}.charging-compare-grid span,.charging-compare-grid strong,.charging-compare-grid small{display:block}.charging-compare-grid span{color:#7f968d;font-size:.68rem}.charging-compare-grid strong{margin-top:.25rem;font-size:.95rem}.charging-compare-grid small{color:#61776e;margin-top:.2rem;font-size:.62rem}.waiting-banner{background:#f5b94217;border:1px solid #f5b94266;border-radius:1rem;align-items:flex-start;gap:.8rem;margin:1rem 0;padding:1rem;display:flex}.waiting-banner>svg{color:#f5b942;flex:none;width:1.2rem}.waiting-banner span,.waiting-banner strong,.waiting-banner small{display:block}.waiting-banner span{color:#f5b942;letter-spacing:.12em;font-size:.65rem;font-weight:800}.waiting-banner strong{margin-top:.2rem;font-size:1.05rem}.waiting-banner small{color:#8fa39b;margin-top:.25rem;font-size:.68rem}.edit-destination{border:1px solid var(--border);color:#91a69e;vertical-align:middle;cursor:pointer;background:#0a1713;border-radius:.5rem;place-items:center;width:1.7rem;height:1.7rem;margin-left:.35rem;display:inline-grid}.edit-destination svg{width:.8rem!important}.destination-editor{align-items:center;gap:.4rem;margin-top:.35rem;display:flex}.destination-editor input{background:#0a1713;min-width:12rem}.destination-editor button{flex:none}.destination-editor button svg{width:1rem}.destination-editor.compact{margin:0 0 .25rem}@media (max-width:1000px){.electricity-bill-form{grid-template-columns:repeat(2,1fr)}.electricity-bill-form button{grid-column:1/-1}.insights-grid{grid-template-columns:repeat(2,1fr)}.insights-grid .projection{grid-column:1/-1}.diesel-price-list,.tank-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.odometer-grid{grid-template-columns:1fr 1fr}.odometer-card.driven{grid-column:1/-1}.reading-status{grid-template-columns:1fr 1fr}.reading-status>div:last-child{grid-column:1/-1}.summary-grid{grid-template-columns:1fr 1fr}.saving-card{grid-column:1/-1}.metric-card:last-child{grid-column:1/-1;min-height:auto}.month-list{grid-template-columns:1fr}.tank-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.electricity-bill-form,.electricity-bill-list{grid-template-columns:1fr}main{padding:1rem!important}.live-pill{display:none}.odometer-grid{grid-template-columns:1fr 1fr}.odometer-card{min-height:6rem;padding:.9rem}.odometer-card strong{font-size:1.25rem}.odometer-card.driven{grid-column:1/-1}.reading-status{grid-template-columns:1fr;gap:.55rem}.summary-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:7rem;padding:.9rem}.metric-card:nth-child(4){grid-column:1/-1}.insights-grid{grid-template-columns:1fr 1fr;gap:.55rem}.insights-grid>article{min-height:5.2rem;padding:.8rem}.insights-grid .projection{grid-column:1/-1}.panel{padding:1rem}.entry-details{padding:0}.entry-summary,.entry-body{padding:1rem}.entry-summary-action span,.chart-legend{display:none}.form-grid{gap:.9rem .55rem}.preview-row{grid-template-columns:1fr}.month-input{width:9.2rem}.diesel-price-form{grid-template-columns:1fr 1fr}.diesel-price-form button{grid-column:1/-1}.diesel-price-list{grid-template-columns:1fr 1fr}.chart-panel{min-height:20rem}.chart-wrap{height:15rem}.month-row{flex-direction:column;align-items:flex-start;gap:.8rem;min-height:auto}.month-money{text-align:left;border-top:1px solid var(--border);width:100%;padding-top:.75rem}}@media (max-width:620px){.trips-page{padding:1rem}.trips-header{flex-direction:column;align-items:flex-start}.trips-header h1{font-size:2.2rem}.trip-live-grid,.active-trip-stats,.trip-form,.trip-next-grid,.trip-actions,.trip-list,.charging-compare-grid,.supercharger-input-grid,.daily-drive-list{grid-template-columns:1fr}.trip-live-grid article{min-height:7rem}.active-trip-card,.start-trip-card,.trip-history,.charging-comparison,.daily-drives{padding:1rem}.header-actions .trip-link{padding:.5rem .65rem}.header-actions .trip-link svg{display:none}.destination-editor input{min-width:0}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}