@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-400:#ff8b1a;--color-emerald-400:#00d294;--color-sky-400:#00bcfe;--color-violet-400:#a685ff;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-sky-400:lab(70.687% -23.6078 -45.9483);--color-violet-400:lab(62.8239% 34.9159 -60.0512)}}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.visible{visibility:visible}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-violet-400{background-color:var(--color-violet-400)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#10283f;--muted:#718096;--line:#e8edf2;--mint:#dff6ef;--green:#3a9d7c}*{box-sizing:border-box}html,body{min-height:100%;color:var(--navy);background:#f7f9fb;margin:0;font-family:Arial,Noto Sans JP,sans-serif}button,input,select{font:inherit}button:not(:disabled),a[href],[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:#10283f24;transition:transform .1s,filter .1s}button:not(:disabled):active,a[href]:active,[role=button]:active{filter:brightness(.92);transform:scale(.97)}@media (prefers-reduced-motion:reduce){button:not(:disabled),a[href],[role=button]{transition:none}}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:246px;padding:31px 18px 22px;display:flex}.brand{align-items:center;gap:10px;padding:0 12px 52px;display:flex}.brand-mark{background:var(--navy);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:19px;font-weight:700;display:grid}.brand strong{letter-spacing:.04em;font-size:16px;display:block}.brand small{color:#a1adb9;letter-spacing:.14em;margin-top:3px;font-size:8px;display:block}.side-label{color:#a8b3bd;letter-spacing:.15em;padding:0 15px 13px;font-size:10px}.nav-item{color:#7d8b99;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;width:100%;margin-bottom:3px;padding:12px 15px;font-size:13px;display:flex}.nav-item.active,.nav-item:hover{color:#238b6a;background:#edf8f5;font-weight:700}.nav-icon{text-align:center;width:18px;font-size:17px}.settings-label{margin-top:40px}.sidebar-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:20px 8px 0;font-size:12px;display:flex}.sidebar-bottom strong{display:block}.sidebar-bottom small{color:#9ca9b3;font-size:10px}.avatar,.profile-dot{color:#b87535;background:#ffe4c9;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.dots{color:#9aa7b2;margin-left:auto}.app-shell{min-height:calc(100vh - 60px);display:flex}.content{width:calc(100% - 246px);max-width:1360px;margin:auto;padding-bottom:35px}.topbar{border-bottom:1px solid var(--line);color:#9aa6b1;align-items:center;height:60px;padding:0 52px;font-size:12px;display:flex}.global-dashboard-header{width:min(1360px,100%);margin:0 auto}.global-dashboard-header .mobile-brand{color:var(--navy);font-size:16px;font-weight:700;text-decoration:none;display:block}.global-dashboard-header .mobile-menu-button{border:1px solid var(--line);width:40px;height:40px;color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;place-items:center;padding:8px;display:none}.global-dashboard-header .mobile-menu-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:22px;height:22px}.global-loading-overlay{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#ffffffad;justify-content:center;align-items:center;animation:.18s ease-out both global-loading-overlay-in;display:flex;position:fixed;inset:0}.global-loading-modal{background:#fff;border:1px solid #10283f12;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:140px;min-height:112px;padding:20px 16px;animation:.18s ease-out both global-loading-modal-in;display:flex;box-shadow:0 8px 28px #10283f1f}.global-loading-spinner{border:3px solid #3a9d7c33;border-top-color:#3a9d7c;border-radius:50%;flex:none;width:24px;height:24px;animation:.7s linear infinite global-loading-spin}.global-loading-message{color:#10283f;text-align:center;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.4}@keyframes global-loading-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes global-loading-modal-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes global-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.global-loading-overlay,.global-loading-modal{animation-duration:.01ms}.global-loading-spinner{animation-duration:1.5s}}[data-global-loading-pending] button[type=submit],[data-global-loading-pending] input[type=submit]{pointer-events:none}.breadcrumb span{color:#d2d9df;margin:0 11px}.header-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.icon-button{color:#93a0aa;background:0 0;border:0;font-size:22px}.profile-dot{color:#328970;background:#dff0eb;width:30px;height:30px;font-size:12px}.page-heading{justify-content:space-between;align-items:end;padding:40px 52px 27px;display:flex}.eyebrow{letter-spacing:.15em;color:#a0aeb9;margin:0 0 9px;font-size:10px}.page-heading h1{letter-spacing:-.04em;margin:0 0 9px;font-size:25px}.subheading{color:#8795a2;margin:0;font-size:13px}.primary-button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:700;box-shadow:0 4px 10px #132a3b1c}.primary-button:hover{background:#1c415f}.primary-button span{vertical-align:-1px;margin-right:3px;font-size:18px}.vehicle-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;margin:0 52px 22px;padding:12px 16px;display:flex;box-shadow:0 3px 12px #1e3b4e05}.vehicle-info{flex:1;padding-left:17px}.vehicle-info h2{letter-spacing:.03em;margin:3px 0;font-size:16px}.vehicle-info h2 b{margin-left:5px;font-weight:400}.vehicle-info p{color:#97a4af;margin:0;font-size:10px}.vehicle-purchase-row{white-space:nowrap;align-items:center;line-height:1;display:flex}.vehicle-purchase-row p{margin:0}.vehicle-purchase-row .vehicle-more{flex-shrink:0;margin-left:auto}.vehicle-photo{aspect-ratio:4/3;cursor:pointer;background:linear-gradient(135deg,#d9e5e8,#8babb3);border:0;border-radius:8px;place-items:center;width:48%;min-width:220px;height:auto;padding-top:8px;display:grid;position:relative;overflow:hidden}.vehicle-photo img{object-fit:cover;width:100%;height:100%}.vehicle-photo:focus-visible{outline-offset:3px;outline:3px solid #55a98b}.car-silhouette{filter:grayscale()brightness(.7);font-size:42px}.vehicle-info-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.tag{color:#298c6d;background:#e5f6f0;border-radius:4px;padding:4px 7px;font-size:9px}.vehicle-stat{margin-left:auto;padding-right:5px}.vehicle-stat small{color:#a2adb7;margin-bottom:6px;font-size:10px;display:block}.vehicle-stat strong{font-size:19px}.vehicle-stat em{color:#96a3ae;font-size:11px;font-style:normal;font-weight:400}.vehicle-more,.close-button{color:#9aa7b2;cursor:pointer;background:0 0;border:0;font-size:14px}.vehicle-expense-button{white-space:nowrap;margin-left:auto}.vehicle-more{margin-left:auto;padding:0}.vehicle-switcher,.history-year-select select{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:7px;padding:7px 9px;font-size:11px}.vehicle-add-button{color:#238b6a;cursor:pointer;background:0 0;border:0;font-size:11px}.vehicle-empty{color:#71808d;justify-content:space-between;align-items:center;width:100%;padding:14px 5px;font-size:12px;display:flex}.vehicle-form-error .text-button{margin-top:8px}.vehicle-edit-page{background:#f4f8fa;min-height:100dvh;padding:32px 20px 48px;overflow-y:auto}.vehicle-edit-shell{width:min(640px,100%);margin:0 auto}.vehicle-back-button{margin-bottom:16px}.vehicle-edit-form{width:100%}.vehicle-edit-form h1{margin:0;font-size:22px}.vehicle-catalog-notice,.vehicle-catalog-request{color:#526371;background:#f4fbf8;border:1px solid #d7eee6;border-radius:9px;margin:0;padding:12px 14px;font-size:12px;line-height:1.7}.vehicle-catalog-request p{margin:0}.vehicle-catalog-request .text-button{margin-top:8px}.vehicle-photo-page{background:#f7f9fa;min-height:100vh;padding:32px 20px}.vehicle-photo-container{width:min(560px,100%);margin:0 auto}.vehicle-photo-container h1{color:#24323a;margin:24px 0 8px;font-size:22px}.vehicle-photo-description{color:#8a979f;margin:0 0 24px;font-size:13px}.vehicle-photo-preview{aspect-ratio:4/3;background:#e8eef0;border-radius:12px;width:100%;margin-bottom:20px;overflow:hidden}.vehicle-photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.vehicle-photo-placeholder{color:#9aa7b2;align-content:center;place-items:center;width:100%;height:100%;display:grid}.vehicle-photo-placeholder span{margin-bottom:8px;font-size:48px}.vehicle-photo-placeholder p{margin:0;font-size:13px}.vehicle-photo-error{color:#d9534f;margin:0 0 16px;font-size:13px}.vehicle-photo-select-button,.vehicle-photo-upload-button,.vehicle-photo-change-button{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:48px;font-size:14px;display:flex}.vehicle-photo-select-button,.vehicle-photo-upload-button{color:#fff;background:#2f8f70}.vehicle-photo-change-button{color:#5f6d75;background:#fff;border:1px solid #d6dfe3}.vehicle-photo-actions{gap:10px;margin-top:16px;display:grid}.vehicle-photo-note{text-align:center;color:#a0abb2;margin:16px 0 0;font-size:11px;line-height:1.6}.vehicle-photo-upload-button:disabled,.vehicle-photo-change-button:disabled{opacity:.5;cursor:not-allowed}.vehicle-page{min-height:100vh;padding:32px 20px}.vehicle-page-container{width:100%;max-width:720px;margin:0 auto}.vehicle-action-buttons{gap:10px;width:calc(50% - 52px);margin:0 52px 17px auto;display:flex}.vehicle-action-buttons .vehicle-expense-button,.vehicle-action-buttons .vehicle-fuel-button{flex:1;margin:0}.back-button{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:28px;padding:0;font-size:15px;display:inline-flex}.vehicle-page-header{margin-bottom:32px}.vehicle-page-header h1{margin:0;font-size:30px;font-weight:700}.vehicle-page-header p{color:#777;margin:8px 0 0;font-size:14px}.vehicle-page-content{width:100%}.community-page{background:#f7f9fb;min-height:100vh;padding:32px 20px 56px}.community-container{width:min(760px,100%);margin:0 auto}.community-header{margin-bottom:24px}.community-header>span,.ranking-board header>div>span{color:#8393a0;letter-spacing:.14em;font-size:9px;font-weight:700}.community-header h1{color:var(--navy);margin:5px 0;font-size:28px}.community-header p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.ranking-tabs,.ranking-scope-tabs{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.ranking-tabs a,.ranking-scope-tabs a{border:1px solid var(--line);color:#71808d;background:#fff;border-radius:9px;flex:none;padding:10px 16px;font-size:12px;font-weight:700;text-decoration:none}.ranking-tabs a.is-active,.ranking-scope-tabs a.is-active{color:#238b6a;background:#edf8f5;border-color:#b7e0d2}.ranking-car-form{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;margin:0 0 14px;padding:14px;display:flex}.ranking-car-form label{color:#526371;flex:none;font-size:12px;font-weight:700}.ranking-car-form select{min-width:0;min-height:40px;color:var(--navy);background:#fff;border:1px solid #d8e2e8;border-radius:7px;flex:1;padding:0 10px}.ranking-car-form button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700}.ranking-own-rank,.ranking-board,.public-profile-card,.public-vehicle-card{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 4px 18px #1e3b4e08}.ranking-own-rank{flex-wrap:wrap;align-items:center;gap:7px 14px;margin-bottom:16px;padding:15px 18px;display:flex}.ranking-own-rank>span{color:#82909a;font-size:11px}.ranking-own-rank strong{color:var(--navy);font-size:13px}.ranking-own-rank a,.profile-edit-link{color:#238b6a;font-size:12px;font-weight:700}.ranking-board{overflow:hidden}.ranking-board>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.ranking-board header h2{color:var(--navy);margin:3px 0 0;font-size:17px}.ranking-board header>small{color:#82909a;flex:none;font-size:11px}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{border-bottom:1px solid #f0f3f5;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px 20px;display:grid}.ranking-list li.is-current-user{background:#f2faf7}.ranking-position{color:#61717e;text-align:center;font-size:13px;font-weight:700}.ranking-user{min-width:0;color:var(--navy);gap:3px;text-decoration:none;display:grid}.ranking-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ranking-user small{color:#82909a;font-size:10px}.ranking-score{color:#238b6a;text-align:right;white-space:nowrap;font-size:14px}.ranking-criteria,.community-privacy-note{color:#82909a;margin:12px 2px 0;font-size:10px;line-height:1.7}.community-empty{color:#71808d;text-align:center;margin:0;padding:28px 20px;font-size:12px;line-height:1.8}.profile-form{gap:18px;display:grid}.profile-avatar-edit{justify-items:center;gap:10px;padding:4px 0 8px;display:grid}.profile-avatar-edit>img,.public-profile-avatar{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;border-radius:50%;flex:0 0 88px;width:88px;height:88px;display:block}.profile-avatar-edit>img{flex-basis:96px;width:96px;height:96px}.profile-avatar-edit>span{color:#238b6a;background:#edf8f5;border-radius:50%;place-items:center;width:96px;height:96px;font-size:32px;font-weight:700;display:grid}.profile-image-picker,.profile-text-button{color:#238b6a;cursor:pointer;font-size:12px;font-weight:700}.profile-image-picker input{color:#71808d;max-width:100%;margin-top:6px;font-size:11px;font-weight:400;display:block}.profile-text-button{background:0 0;border:0}.profile-crop-backdrop{z-index:1000;background:#0c1b2bad;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.profile-crop-dialog{background:#fff;border-radius:14px;gap:16px;width:min(100%,440px);padding:22px;display:grid;box-shadow:0 18px 60px #0000003d}.profile-crop-dialog h2{color:var(--navy);margin:0;font-size:17px}.profile-crop-area{aspect-ratio:1;background:#152536;border-radius:10px;width:100%;position:relative;overflow:hidden}.profile-crop-zoom{color:#526371;gap:8px;font-size:12px;display:grid}.profile-crop-zoom input{accent-color:#238b6a;width:100%}.profile-crop-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.profile-field{color:#526371;gap:7px;font-size:12px;font-weight:700;display:grid}.profile-field>span,.profile-field>small{color:#82909a;font-size:10px;font-weight:400;display:inline}.profile-field input,.profile-field select,.profile-field textarea{width:100%;min-height:44px;color:var(--navy);background:#fff;border:1px solid #d8e2e8;border-radius:8px;padding:10px 12px;font-size:13px}.profile-field textarea{resize:vertical;min-height:100px}.profile-ranking-option{background:#f5fbf8;border:1px solid #d7eee6;border-radius:9px;align-items:flex-start;gap:10px;padding:14px;display:flex}.profile-ranking-option input{width:18px;height:18px;accent-color:var(--green);flex:none;margin:1px 0 0}.profile-ranking-option span{gap:5px;display:grid}.profile-ranking-option strong{color:var(--navy);font-size:12px}.profile-ranking-option small{color:#71808d;font-size:10px;line-height:1.7}.profile-save-button{width:100%}.public-profile-card{padding:22px}.public-profile-heading{align-items:center;gap:16px;display:flex}.profile-avatar-placeholder{color:#238b6a;background:#edf8f5;flex:none;place-items:center;font-size:28px;font-weight:700;display:inline-grid}.public-profile-heading h2{color:var(--navy);margin:0;font-size:20px}.public-profile-heading p{color:#82909a;margin:5px 0 0;font-size:12px}.public-profile-bio{color:#526371;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 0;font-size:13px;line-height:1.8}.profile-edit-link{margin-top:18px;display:inline-block}.public-vehicles-section{margin-top:26px}.public-vehicles-section>h2{color:var(--navy);margin:0 0 12px;font-size:16px}.public-vehicle-list{gap:10px;display:grid}.public-vehicle-card{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.public-vehicle-card h3{color:var(--navy);margin:0;font-size:13px}.public-vehicle-card p{color:#82909a;margin:4px 0 0;font-size:10px}.public-vehicle-card>strong{color:#238b6a;white-space:nowrap;font-size:13px}.hero-grid{grid-template-columns:1.5fr 1fr 1fr;gap:17px;padding:0 52px;display:grid}.total-card,.metric-card,.panel{border:1px solid var(--line);background:#fff;border-radius:12px}.total-card{background:var(--navy);color:#fff;padding:15px 25px;position:relative}.card-title{align-items:center;gap:11px;display:flex}.card-title small{color:#a6b5c0;margin-bottom:4px;font-size:10px;display:block}.card-title h3{margin:0;font-size:14px}.monthly-category-totals{color:#b7c6d0;gap:5px;margin-top:10px;font-size:10px;display:grid}.monthly-category-row{grid-template-columns:1fr auto;align-items:baseline;gap:12px;display:grid}.monthly-category-totals b{text-align:right;color:#fff;font-weight:600}.title-icon{color:#9be0c9;background:#29445a;border-radius:50%;place-items:center;width:31px;height:31px;font-size:16px;display:grid}.total-value{letter-spacing:.02em;margin:10px 0 3px;font-size:31px;font-weight:700}.total-footer{color:#8fa1af;border-top:1px solid #375064;justify-content:flex-end;margin-top:10px;padding-top:14px;font-size:9px;display:flex}.total-footer a{color:#a3dfcd;text-decoration:none}.metric-card{padding:23px 22px}.metric-head{color:#7d8a96;align-items:center;gap:9px;font-size:11px;display:flex}.metric-icon{border-radius:8px;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.metric-icon.green{color:#43a481;background:#e0f6ed}.metric-icon.purple{color:#9571d0;background:#eee8fb}.trend{color:#41a27f;margin-left:auto;font-size:9px}.metric-card>strong{margin:21px 0 8px;font-size:25px;display:block}.metric-card p{color:#99a5af;margin:0;font-size:10px}.metric-card p b{color:#607180;margin-left:5px;font-weight:400}.mini-bars{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:2px;height:49px;margin-top:12px;display:grid}.mini-bar-item{grid-template-rows:minmax(0,1fr) 10px;justify-items:center;gap:3px;min-width:0;display:grid}.mini-bar-item i{background:#c8e9dc;border-radius:2px;align-self:end;width:65%;min-height:0}.mini-bar-item .current{background:#4aaf8b}.mini-bar-item .empty{visibility:hidden}.mini-bar-item span{color:#8997a2;white-space:nowrap;max-width:100%;font-size:7px;line-height:10px;overflow:hidden}.progress{background:#edf0f4;border-radius:4px;height:5px;margin-top:22px}.progress span{background:#a88ce1;border-radius:4px;width:64%;height:100%;display:block}.lower-grid{grid-template-columns:1.35fr 1fr;gap:17px;padding:23px 52px 0;display:grid}.panel{padding:22px 24px}.panel-heading{justify-content:space-between;align-items:start;display:flex}.panel-heading h3{margin:0 0 6px;font-size:14px}.panel-heading p{color:#9ca8b2;margin:0;font-size:10px}.text-button,.select-button{color:#318f72;cursor:pointer;background:0 0;border:0;font-size:10px}.select-button{border:1px solid var(--line);color:#71808d;border-radius:5px;padding:6px 8px}.expense-list{margin-top:15px}.expense-row{border-top:1px solid #f0f2f4;align-items:center;gap:11px;padding:13px 0;display:flex}.expense-dot{color:#fff;border-radius:8px;place-items:center;width:31px;height:31px;font-size:15px;display:grid}.expense-name{flex:1}.expense-name strong{font-size:11px;display:block}.expense-name small{color:#9ca8b2;margin-top:5px;font-size:9px;display:block}.expense-row>b{font-size:12px}.row-arrow{color:#b5c0c8;margin-left:5px}.row-action{cursor:pointer;background:0 0;border:0;font-size:16px}.row-action:disabled{cursor:wait;opacity:.5}.empty-state{color:#9ca8b2;padding:20px 0 8px;font-size:11px}.donut-wrap{align-items:center;gap:23px;margin-top:21px;display:flex}.donut{background:conic-gradient(#f3a05b 0 31%, #a88ce1 31% 55%, #63c5a2 55% 73%, #73b9db 73% 100%);border-radius:50%;place-items:center;width:142px;height:142px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:98px;height:98px;position:absolute}.donut>div{z-index:1;text-align:center}.donut strong{font-size:14px;display:block}.donut small{color:#9aa6b0;font-size:9px}.legend{flex-direction:column;flex:1;gap:14px;display:flex}.legend span{color:#71808c;font-size:10px}.legend i{border-radius:2px;width:7px;height:7px;margin-right:7px;display:inline-block}.legend b{float:right;color:#a0acb5;font-weight:400}.expense-form{box-sizing:border-box;background:#fff;border-radius:14px;width:min(530px,100%);padding:27px;box-shadow:0 20px 50px #10283f40}.expense-form label{color:#687987;margin-bottom:15px;font-size:11px;font-weight:700;display:block}.required-mark{color:#c94d3d;vertical-align:1px;background:#fff0ed;border-radius:3px;margin-left:4px;padding:2px 5px;font-size:9px;line-height:1.2;display:inline-block}.expense-form input,.expense-form select{box-sizing:border-box;width:100%;color:var(--navy);background:#fff;border:1px solid #dce4e9;border-radius:6px;margin-top:7px;padding:11px;font-size:16px;display:block}.landing-footer a{color:inherit;margin:27px 52px}.modal-backdrop{z-index:2;background:#10283f99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-header{justify-content:space-between;margin-bottom:23px;display:flex}.modal-header h2{margin:0;font-size:22px}.close-button{align-self:start;font-size:25px}.form-row{grid-template-columns:1fr;gap:0;display:grid}.submit-button{width:100%;margin-top:7px}.danger-button{color:#ba5d5d;cursor:pointer;background:#fff1f1;border:0;border-radius:8px;width:100%;margin-top:10px;padding:10px;font-size:11px}.danger-button:disabled{opacity:.5;cursor:wait}.mobile-brand{display:none}.auth-shell{background:linear-gradient(135deg,#edf4f8 0%,#f7fbff 100%);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.auth-card{background:#fffffff5;border:1px solid #8693a033;border-radius:22px;width:min(440px,100%);padding:28px 28px 32px;box-shadow:0 20px 45px #10283f14}.auth-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.auth-brand span{background:var(--navy);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.auth-brand strong{font-size:18px;display:block}.auth-brand small{color:#9ca8b2;letter-spacing:.14em;font-size:8px;display:block}.auth-toggle{background:#eef3f8;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:6px;display:grid}.auth-toggle button{color:#6b7d8c;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-weight:700}.auth-toggle button.active{color:var(--navy);background:#fff;box-shadow:0 2px 8px #10283f0f}.auth-intro{margin-bottom:24px}.auth-eyebrow{color:#8ba0ae;letter-spacing:.12em;margin:0 0 10px;font-size:10px}.auth-card h1{margin:0;font-size:30px}.auth-copy{color:#667786;margin:10px 0 22px;font-size:14px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form label{color:#516676;font-size:12px;font-weight:700;display:block}.auth-form input{width:100%;color:var(--navy);background:#fff;border:1px solid #dfe7ef;border-radius:10px;margin-top:8px;padding:12px 14px;font-size:16px}.auth-submit{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:14px 16px;font-weight:700}.auth-switch{justify-content:center;margin-top:24px;display:flex}.auth-switch-link{color:#147957;text-underline-offset:3px;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:#1479572e;background:#f0fbf7;border:1px solid #b8dfd1;border-radius:999px;min-height:44px;padding:12px 16px;font-weight:700;text-decoration:underline;display:inline-block}.auth-switch-link:hover,.auth-switch-link:focus-visible{color:#0d6045;background:#dff6ef;border-color:#80c9b2}.crop-area{aspect-ratio:4/3;background:#e8eef0;border-radius:12px;width:100%;position:relative;overflow:hidden}.dashboard-message{margin:-8px 52px 16px}.form-message{border-radius:8px;margin:0;padding:10px 12px;font-size:12px}.form-message.error{color:#b8535b;background:#fff0f1}.form-message.success{color:#1d7a5f;background:#edfdf5}.billing-page{background:#f7f9fb;min-height:100dvh;padding:28px 20px 48px}.billing-container{width:min(620px,100%);margin:0 auto}.billing-page .back-button{margin-bottom:24px}.billing-header{margin-bottom:22px}.billing-header>small{color:#8393a0;letter-spacing:.12em;font-size:9px}.billing-header h1{margin:7px 0;font-size:24px}.billing-header p,.billing-note{color:var(--muted);font-size:12px;line-height:1.7}.billing-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px;box-shadow:0 4px 18px #1e3b4e08}.billing-checkout-message{justify-content:space-between;align-items:center;gap:10px;display:flex}.billing-checkout-message button{color:#1d7a5f;cursor:pointer;background:0 0;border:0;flex:none;font-size:11px;font-weight:700}.billing-plan-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-plan-heading h2{margin:10px 0 0;font-size:20px}.billing-badge{color:#536371;background:#edf0f2;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.billing-badge.premium{color:#238b6a;background:#e5f6f0}.billing-price{color:var(--navy);font-size:23px}.billing-price span{color:var(--muted);font-size:11px;font-weight:400}.billing-features{color:#405261;gap:12px;margin:24px 0;padding:0;font-size:13px;list-style:none;display:grid}.billing-features li{gap:9px;display:flex}.premium-promo{background:linear-gradient(110deg,#f0faf6,#fff);border:1px solid #d7eee6;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:0 52px 22px;padding:18px 22px;display:flex}.premium-promo-label{color:#238b6a;letter-spacing:.08em;font-size:9px;font-weight:700}.premium-promo h2{color:var(--navy);margin:5px 0 3px;font-size:16px}.premium-promo p{color:#718096;margin:0;font-size:11px;line-height:1.6}.premium-promo-button{color:#fff;background:#238b6a;border-radius:8px;flex:none;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.premium-promo-button:hover{background:#197657}.billing-features li span{color:#238b6a;font-weight:700}.billing-status{color:#596a77;background:#f5f8fa;border-radius:8px;padding:12px;font-size:11px}.billing-action{width:100%;min-height:44px}.billing-note{margin-top:14px}.history-filters{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.history-year-select select{color:#fff;background:#17344d;border-color:#627587}.history-premium-promo{background:#f0faf6;border:1px solid #d7eee6;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:15px 18px;display:flex}.history-premium-promo strong{color:var(--navy);font-size:12px}.history-premium-promo p{color:#718096;margin:4px 0 0;font-size:10px;line-height:1.6}.history-premium-link{color:#238b6a;cursor:pointer;background:0 0;border:0;flex:none;font-size:11px;font-weight:700}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.adsense-unit{text-align:center;width:min(100% - 104px,728px);min-height:110px;margin:18px auto;overflow:hidden}.adsense-label{color:#9aa6b1;margin-bottom:5px;font-size:9px;display:block}.privacy-page{background:#fff;min-height:100dvh;padding:32px 20px 56px}.privacy-content{color:#344553;width:min(760px,100%);margin:0 auto;font-size:14px;line-height:1.9}.privacy-content h1{color:var(--navy);margin:28px 0 18px;font-size:26px}.privacy-content h2{color:var(--navy);margin:30px 0 8px;font-size:18px}.privacy-content a{color:#238b6a}.legal-page-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 20px;margin-top:40px;padding-top:20px;display:flex}.commercial-list{margin:24px 0}.commercial-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.35fr) 1fr;gap:12px;padding:14px 0;display:grid}.commercial-item dt{color:var(--navy);font-weight:700}.commercial-item dd{margin:0}.mobile-menu-button,.mobile-sidebar-backdrop{display:none}.back-button{color:#6f7d86;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.ranking-car-form{flex-direction:column;gap:16px;display:flex}.ranking-car-field{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.ranking-car-field label{font-size:14px;font-weight:600}.ranking-car-field select{width:100%}.ranking-car-form button{align-self:flex-end}.fuel-success-backdrop{z-index:100;background:#10283f8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.fuel-success-modal{background:#fff;border-radius:18px;width:min(430px,100%);padding:30px;box-shadow:0 20px 60px #10283f33}.fuel-success-icon{color:#298c6d;background:#e5f6f0;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:24px;font-weight:700;display:grid}.fuel-success-modal h2{text-align:center;color:var(--navy);margin:0;font-size:20px}.fuel-success-message{text-align:center;color:#8795a2;margin:8px 0 24px;font-size:12px}.fuel-result-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fuel-result-list>div{border-bottom:1px solid #f0f2f4;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.fuel-result-list>div:last-child{border-bottom:0}.fuel-result-list span{color:#8795a2;font-size:12px}.fuel-result-list strong{color:var(--navy);text-align:right;font-size:13px}.fuel-efficiency-card{text-align:center;background:#edf8f5;border-radius:10px;margin-top:18px;padding:17px}.fuel-efficiency-card>span{color:#5f887b;margin-bottom:5px;font-size:11px;display:block}.fuel-efficiency-card>strong{color:#238b6a;font-size:28px}.fuel-efficiency-card>strong small{font-size:13px;font-weight:400}.fuel-efficiency-card p{color:#7d958e;margin:6px 0 0;font-size:10px;line-height:1.5}.fuel-success-button{width:100%;margin-top:18px}.expense-history{width:100%}.history-chart-card{background:var(--navy);color:#fff;border-radius:14px;padding:22px 22px 18px;overflow:hidden}.history-chart-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:0;display:flex}.history-chart-header small{color:#91a5b4;letter-spacing:.08em;margin-bottom:4px;font-size:9px;display:block}.history-chart-header h2{margin:0;font-size:17px}.history-chart-header>span{color:#8ed7be;padding-top:3px;font-size:11px}.history-chart-scroll{width:100%;padding-bottom:2px;overflow:auto hidden}.history-chart{border-bottom:1px solid #40586a;align-items:stretch;gap:10px;min-width:max-content;height:240px;padding:3px 3px 0;display:flex}.history-bar-item{width:54px;min-width:54px;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;display:flex;position:relative}.history-bar-item:focus-visible{outline-offset:3px;border-radius:5px;outline:2px solid #8ed7be}.history-bar-value{color:#a9bac5;white-space:nowrap;opacity:0;min-height:15px;margin-bottom:5px;font-size:8px;transition:opacity .15s}.history-bar-item.selected .history-bar-value{opacity:1}@media (hover:hover) and (pointer:fine){.history-bar-item:hover .history-bar-value{opacity:1}}.history-bar-area{justify-content:center;align-items:flex-end;width:34px;height:165px;display:flex}.history-bar{background:#49667b;border-radius:6px 6px 0 0;width:34px;min-height:7px;transition:height .2s,background .2s,transform .2s;display:block}.history-bar-item:hover .history-bar{background:#5b7890}.history-bar-item.selected .history-bar{background:#3a9d7c;transform:scaleX(1.08)}.history-bar-label{color:#8fa1af;height:28px;padding-top:9px;font-size:10px}.history-bar-item.selected .history-bar-label{color:#9be0c9;font-weight:700}.history-month-section{margin-top:3px}.history-month-summary{border:1px solid var(--line);background:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 20px;display:flex}.history-month-summary small{color:#8795a2;margin-bottom:4px;font-size:11px;display:block}.history-month-summary h2{color:var(--navy);margin:0;font-size:27px}.history-month-summary>span{color:#8795a2;padding-bottom:4px;font-size:11px}.history-expense-list{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.history-expense-item{border-top:1px solid #eef1f3;align-items:center;gap:13px;padding:15px 18px;display:flex}.history-expense-item:first-child{border-top:0}.history-expense-icon{border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid}.history-expense-icon.fuel{color:#d78a35;background:#fff0dc}.history-expense-icon.driving{color:#78a82d;background:#edf4dc}.history-expense-icon.washing{color:#2e9bb8;background:#e2f4f8}.history-expense-icon.tire{color:#8063b3;background:#eee7fa}.history-expense-icon.maintenance{color:#3a9d7c;background:#e2f3ec}.history-expense-icon.custom{color:#a85c88;background:#f5e4ef}.history-expense-icon.other{color:#71808d;background:#edf0f2}.history-expense-main{flex:1;min-width:0}.history-expense-date{color:#a0aab2;margin-bottom:3px;font-size:9px}.history-expense-main strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;display:block;overflow:hidden}.history-expense-main small{color:#9aa6af;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.history-expense-amount{color:var(--navy);white-space:nowrap;flex:none;font-size:14px;font-weight:700}.history-empty{text-align:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:50px 20px}.history-empty strong{color:var(--navy);font-size:15px;display:block}.history-empty p{color:#8795a2;margin:8px 0 0;font-size:12px}.landing-page{min-height:100vh;color:var(--navy);background:#f7f9fb}.landing-header{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);height:72px;margin:0 auto;display:flex}.landing-logo{letter-spacing:.04em;font-size:18px;font-weight:700}.landing-login{min-width:92px;color:var(--navy);background:#fff;border:1px solid #d8e2e8;border-radius:8px;justify-content:center;align-items:center;padding:9px 17px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.landing-login:hover{color:#238b6a;background:#f0f8f5;border-color:#a9c7bd}.hero{color:#fff;background:radial-gradient(circle at 82% 25%,#3a9d7c38,#0000 28%),linear-gradient(135deg,#10283f 0%,#173a55 60%,#20536a 100%);border-radius:20px;align-items:center;width:min(1120px,100% - 40px);min-height:540px;margin:0 auto;display:flex;position:relative;overflow:hidden}.hero:after{content:"🚗";opacity:.08;filter:grayscale();font-size:190px;position:absolute;bottom:4%;right:8%}.hero-content{z-index:1;max-width:680px;padding:70px;position:relative}.hero-label{color:#8ed7be;letter-spacing:.12em;margin:0 0 18px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5vw,62px);line-height:1.15}.hero-description{color:#c2d0d9;margin:25px 0 32px;font-size:15px;line-height:2}.hero-button{background:var(--green);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:190px;padding:14px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 8px 20px #00000024}.hero-button:hover{background:#48ab8a;transform:translateY(-2px)}.features{padding:100px 20px}.section-inner{width:min(1050px,100%);margin:0 auto}.section-label{color:#3a9d7c;letter-spacing:.16em;margin:0 0 10px;font-size:10px;font-weight:700}.features h2{letter-spacing:-.04em;margin:0 0 38px;font-size:30px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:28px}.feature-icon{color:#298c6d;background:#e5f6f0;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:20px;font-size:20px;font-weight:700;display:grid}.feature-card h3{margin:0 0 10px;font-size:15px}.feature-card p{color:#7d8b96;margin:0;font-size:12px;line-height:1.9}.landing-logo{color:inherit;text-decoration:none}.landing-section{padding:82px 20px}.landing-section h2{color:var(--navy);letter-spacing:-.04em;margin:0 0 28px;font-size:30px}.landing-about{background:#fff}.landing-prose{color:#657582;max-width:820px;font-size:14px;line-height:2}.landing-prose p{margin:0 0 16px}.landing-prose p:last-child{margin-bottom:0}.landing-prose strong{color:var(--navy)}.landing-recommendations{background:#f7f9fb}.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;padding:0;list-style:none;display:grid}.recommendation-grid li{border:1px solid var(--line);color:#526371;background:#fff;border-radius:10px;align-items:flex-start;gap:10px;padding:15px 17px;font-size:12px;line-height:1.7;display:flex}.recommendation-grid li span{color:var(--green);font-weight:700}.landing-how-to,.landing-faq{background:#fff}.step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.step-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px}.step-number{color:var(--green);letter-spacing:.12em;font-size:10px;font-weight:700}.step-card h3{color:var(--navy);margin:14px 0 8px;font-size:16px}.step-card p{color:#7d8b96;margin:0;font-size:12px;line-height:1.9}.landing-pricing{background:#f7f9fb}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:800px;display:grid}.pricing-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;padding:27px;display:flex}.pricing-card.premium{border-color:#a9d9c8;box-shadow:0 8px 24px #238b6a14}.pricing-name{color:#61717e;margin:0 0 9px;font-size:12px;font-weight:700}.pricing-card.premium .pricing-name{color:#238b6a}.pricing-price{color:var(--navy);margin:0;font-size:29px;font-weight:700}.pricing-price span{color:#82909a;font-size:12px;font-weight:400}.pricing-card ul{color:#526371;gap:12px;margin:22px 0;padding-left:19px;font-size:12px;line-height:1.7;display:grid}.pricing-button{background:var(--green);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:auto;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.pricing-button:hover{background:#2e876b}.pricing-button.secondary{color:var(--navy);background:#fff;border:1px solid #d8e2e8}.pricing-button.secondary:hover{background:#f0f8f5}.pricing-card>small{color:#82909a;margin-top:9px;font-size:10px;line-height:1.6}.faq-list{gap:10px;max-width:850px;display:grid}.faq-item{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px 18px}.faq-item summary{color:var(--navy);cursor:pointer;font-size:13px;font-weight:700}.faq-item p{color:#657582;margin:12px 0 0;font-size:12px;line-height:1.9}.cta{text-align:center;background:#edf8f5;padding:85px 20px}.cta h2{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:30px}.cta p{color:#71808d;margin:14px 0 25px;font-size:13px;line-height:1.8}.landing-footer{text-align:center;border-top:1px solid var(--line);background:#fff;padding:30px 20px}.landing-footer p{color:#a0acb5;margin:0;font-size:10px}.landing-footer a{color:#71808d}.landing-footer-links{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:16px;font-size:12px;display:flex}.landing-footer-links a{margin:0}@media (max-width:900px){.sidebar{width:190px}.content{width:calc(100% - 190px)}.hero-grid,.lower-grid{grid-template-columns:1fr}.page-heading,.topbar,.hero-grid,.lower-grid{padding-left:25px;padding-right:25px}.vehicle-card,.premium-promo{margin-left:25px;margin-right:25px}.vehicle-stat{display:none}}@media (max-width:640px){.community-page{padding:24px 16px 40px}.community-header h1{font-size:24px}.ranking-tabs a,.ranking-scope-tabs a{padding:9px 13px}.ranking-list li{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:11px 12px}.ranking-score{font-size:12px}.ranking-board>header{padding:15px 13px}.ranking-board header h2{font-size:15px}.ranking-car-form{gap:7px;padding:10px}.ranking-car-form label{font-size:11px}.ranking-car-form button{padding:0 11px}.public-profile-card{padding:17px}.public-profile-heading{gap:12px}.public-profile-heading h2{font-size:18px}.public-vehicle-card{flex-direction:column;align-items:flex-start}.sidebar{display:none}.sidebar.is-open{z-index:120;width:min(300px,100vw - 52px);height:100dvh;padding:25px 18px 22px;animation:.18s ease-out sidebar-slide-in;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-12px 0 32px #10283f33}.sidebar.is-open .brand{padding-bottom:35px}.mobile-sidebar-backdrop{z-index:119;background:#10283f6b;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.billing-page{padding:20px 16px 36px}.adsense-unit{width:calc(100% - 36px)}.billing-card{padding:19px}.billing-header h1{font-size:21px}.history-chart-header{align-items:flex-start}.premium-promo{flex-direction:column;align-items:stretch;gap:13px;margin-left:18px;margin-right:18px;padding:16px}.premium-promo-button{justify-content:center}.history-premium-promo{flex-direction:column;align-items:flex-start;padding:14px}.history-premium-link{padding:6px 0 0}.history-filters{max-width:58%}.history-year-select select{max-width:100%;padding:7px 5px;font-size:10px}.fuel-success-modal{padding:24px 20px}.content{width:100%}.topbar{padding:0 3%}.mobile-brand{color:var(--navy);font-size:22px;font-weight:700;line-height:1;display:block}.breadcrumb{display:none}.mobile-menu-button{border:1px solid var(--line);width:44px;height:44px;color:var(--navy);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:10px;place-items:center;padding:9px;display:inline-grid}.global-dashboard-header .mobile-menu-button{display:inline-grid}.mobile-menu-button:active{background:#edf8f5;transform:scale(.96)}.mobile-menu-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:24px;height:24px}@keyframes sidebar-slide-in{0%{opacity:.7;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.page-heading{padding:27px 18px 20px;display:block}.page-heading h1{font-size:21px}.primary-button{margin-top:20px}.vehicle-card{margin:0 18px 17px;padding:12px 16px}.vehicle-photo{aspect-ratio:4/3;width:100%;min-width:0;height:auto;margin-top:10px}.vehicle-info{padding-top:0;padding-left:0}.vehicle-expense-button{box-sizing:border-box;width:calc(100% - 36px);margin:0 18px 17px}.vehicle-more{margin-left:auto}.vehicle-info h2{margin:5px 0 2px;font-size:14px;line-height:1}.vehicle-info p{padding-top:3px;font-size:12px}.hero-grid,.lower-grid{padding-left:18px;padding-right:18px}.total-value{font-size:27px}.lower-grid{padding-top:17px}.donut-wrap{gap:12px}.donut{width:125px;height:125px}.donut:after{width:86px;height:86px}.form-row{grid-template-columns:1fr}.vehicle-photo-page{padding:24px 18px}.vehicle-photo-container h1{font-size:20px}.vehicle-action-buttons{width:calc(100% - 36px);margin:0 18px 17px}.vehicle-action-buttons .vehicle-expense-button,.vehicle-action-buttons .vehicle-fuel-button{flex:1}.expense-form{box-sizing:border-box;width:100%}.expense-form input,.expense-form select{box-sizing:border-box;width:100%;max-width:100%}.expense-form input[type=date]{box-sizing:border-box;appearance:none;width:100%;min-width:0;max-width:100%}.history-chart-card{border-radius:12px;padding:19px 15px 16px}.history-chart{gap:8px;padding-left:4px;padding-right:4px}.history-bar-item{width:48px;min-width:48px}.history-bar-area,.history-bar{width:30px}.history-month-summary{padding:16px}.history-month-summary h2{font-size:24px}.history-expense-item{gap:10px;padding:14px}.history-expense-icon{flex-basis:36px;width:36px;height:36px}.history-expense-main strong{font-size:12px}.history-expense-amount{font-size:13px}.landing-header{width:calc(100% - 32px);height:64px}.landing-logo{font-size:16px}.landing-login{min-width:78px;padding:8px 13px}.hero{border-radius:16px;width:calc(100% - 24px);min-height:500px}.hero-content{padding:45px 28px}.hero h1{font-size:40px}.hero-description{font-size:13px;line-height:1.9}.hero:after{font-size:130px;bottom:5%;right:-5%}.features{padding:70px 18px}.landing-section{padding:64px 18px}.landing-section h2{margin-bottom:22px;font-size:25px}.features h2{font-size:25px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:24px}.recommendation-grid,.step-grid,.pricing-grid{grid-template-columns:1fr}.recommendation-grid{gap:9px}.recommendation-grid li{padding:12px 14px}.step-grid,.pricing-grid{gap:12px}.pricing-card{padding:23px}.landing-prose{font-size:13px}.cta{padding:65px 20px}.cta h2{font-size:25px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}