@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:#0f4c5c;--bg-page:#f3f6f5;--bg-card:#fff;--bg-subtle:#e8efee;--bg-teal:#0f4c5c;--bg-teal-dark:#0a3540;--bg-teal-tint:#e3eef0;--text-primary:#14232a;--text-secondary:#3d4f55;--text-muted:#52656c;--accent-amber:#e39b0b;--accent-amber-hover:#ce8b06;--accent-amber-ink:#1a1405;--accent-amber-tint:#fcf1d9;--border-subtle:#d6dfdd;--border-input:#c4d0ce;--border-hover:#8fa3a0;--status-ok:#2b7a57;--status-ok-bg:#e6f4ea;--status-warn:#8a5c00;--status-warn-bg:#fcf1d9;--status-danger:#d93025;--status-danger-bg:#fce8e6;--font-sans:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--font-condensed:"Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}::selection{background-color:var(--bg-teal-tint);color:var(--bg-teal-dark)}html{scrollbar-color:#8fa3a0 var(--bg-page)}html,body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:1.45}a{color:var(--bg-teal);text-underline-offset:2px;text-decoration:underline;transition:color .15s}a:hover{color:var(--bg-teal-dark)}button{cursor:pointer;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--bg-teal);outline-offset:2px}dialog{border:1px solid var(--border-subtle);padding:max(22px, calc(16px + env(safe-area-inset-top,0px))) max(24px, calc(16px + env(safe-area-inset-right,0px))) max(22px, calc(16px + env(safe-area-inset-bottom,0px))) max(24px, calc(16px + env(safe-area-inset-left,0px)));max-width:min(540px, calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:18px;box-shadow:0 22px 48px #14232a3d}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overscroll-behavior:contain;background:#14232a85;overflow:hidden}.form-group{margin-block-end:1rem}label.field-label{color:var(--text-secondary);margin-block-end:.35rem;font-size:.92rem;font-weight:600;display:block}.field-hint{color:var(--text-muted);margin-block-end:.35rem;font-size:.84rem;display:block}select.text-input{font-family:inherit;font-size:1rem}input.text-input,textarea.text-input{border:1px solid var(--border-input);background-color:var(--bg-card);width:100%;min-height:46px;color:var(--text-primary);border-radius:11px;padding-block:.65rem;padding-inline:.9rem;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s,background-color .15s}input.text-input:hover,textarea.text-input:hover{border-color:var(--border-hover)}input.text-input:focus,textarea.text-input:focus{border-color:var(--bg-teal);box-shadow:0 0 0 3px #0f4c5c1f}textarea.text-input{resize:vertical}select.select-input,select.select-pill{appearance:none}select.select-input::-ms-expand{display:none}select.select-pill::-ms-expand{display:none}select.select-input{border:1px solid var(--border-input);background-color:var(--bg-card);width:100%;min-height:46px;color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233D4F55' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:16px;border-radius:11px;padding-block:.6rem;padding-inline:.9rem 2.25rem;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s}select.select-pill{box-sizing:border-box;border:1px solid var(--border-subtle);background-color:var(--bg-card);width:auto;max-width:100%;min-height:40px;color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%230F4C5C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:15px;border-radius:999px;align-items:center;padding-block:.35rem;padding-inline:.9rem 2.1rem;font-family:inherit;font-size:.92rem;font-weight:600;transition:border-color .15s,box-shadow .15s,background-color .15s;display:inline-flex;box-shadow:0 1px 2px #14232a0a}[dir=rtl] select.select-input{background-position:.8rem;padding-inline:2.25rem .9rem}[dir=rtl] select.select-pill{background-position:.7rem;padding-inline:2.1rem .9rem}[dir=rtl] .icon-directional,[dir=rtl] .auth-back span[aria-hidden=true],[dir=rtl] .nav-back-arrow,[dir=rtl] [data-direction-flip]{display:inline-block;transform:scaleX(-1)}select.select-input:hover,select.select-pill:hover{border-color:var(--border-hover);background-color:#fafcfc}select.select-input:focus,select.select-pill:focus{border-color:var(--bg-teal);box-shadow:0 0 0 3px #0f4c5c24}select.select-input::picker(select){font-family:var(--font-sans);background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:.4rem;box-shadow:0 14px 34px #14232a29}select.select-pill::picker(select){font-family:var(--font-sans);background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:.4rem;box-shadow:0 14px 34px #14232a29}select.select-input::picker-icon{color:var(--bg-teal)}select.select-pill::picker-icon{color:var(--bg-teal)}select.select-input option::checkmark{color:var(--bg-teal);font-weight:700}select.select-pill option::checkmark{color:var(--bg-teal);font-weight:700}select.select-input option,select.select-pill option{color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.5rem .75rem;font-weight:500}select.select-input option:hover,select.select-pill option:hover{background-color:var(--bg-teal-tint);color:var(--bg-teal-dark)}.error-msg{color:var(--status-danger);margin-block-start:.3rem;font-size:.875rem;display:none}input.user-invalid-fallback{border-color:var(--status-danger);background-color:var(--status-danger-bg)}input:not([type=range]):user-invalid{border-color:var(--status-danger);background-color:var(--status-danger-bg)}input.user-invalid-fallback+.error-msg{display:block}input:not([type=range]):user-invalid+.error-msg{display:block}input:not([type=range]):user-valid{border-color:var(--status-ok)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.odometer-strip{background:var(--bg-teal);color:var(--bg-page);font-family:var(--font-condensed);border-radius:16px;align-items:center;gap:5px;padding-block:16px;padding-inline:18px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.odometer-digit{background:#ffffff1a;border-radius:6px;place-items:center;min-width:34px;height:46px;font-size:36px;line-height:1.05;display:inline-grid}.odometer-digit:last-of-type{color:var(--accent-amber)}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.desktop-sidebar{display:none}.app-topbar-brand{align-items:center;gap:8px;font-size:1.08rem;font-weight:600;display:flex}.topbar-icon-btn{border:1px solid var(--border-subtle);background:var(--bg-card);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:10px;place-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid;position:relative}.topbar-icon-btn:hover{background:var(--bg-teal-tint);border-color:var(--border-hover);color:var(--bg-teal)}.topbar-icon-btn.is-active{background:var(--bg-teal-tint);border-color:var(--bg-teal);color:var(--bg-teal)}.topbar-account-btn{display:inline-grid;overflow:hidden}.topbar-badge{top:-4px;background:var(--status-danger);color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg-card);border-radius:999px;place-items:center;padding-inline:4px;font-size:.68rem;font-weight:700;display:inline-grid;position:absolute;inset-inline-end:-4px}.mobile-tabbar{bottom:0;z-index:40;background:var(--bg-card);border-block-start:1px solid var(--border-subtle);min-height:calc(74px + env(safe-area-inset-bottom,0px));padding-inline:max(4px, env(safe-area-inset-left,0px)) max(4px, env(safe-area-inset-right,0px));grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;padding-block-end:max(8px, calc(8px + env(safe-area-inset-bottom,0px)));display:grid;position:sticky;inset-inline:0;overflow:visible}.mobile-tabbar button.mobile-tabbar-tab{min-width:0;overflow:hidden}.mobile-tabbar button.mobile-tabbar-tab span{-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;text-align:center;-webkit-box-orient:vertical;max-width:100%;font-size:clamp(.68rem,2.5vw,.78rem);line-height:1.15;display:-webkit-box;overflow:hidden}.mobile-tabbar-add-slot{z-index:2;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:relative;overflow:visible!important}.mobile-tabbar-add,.mobile-tabbar-add-btn{cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-width:0;min-height:44px;padding:0 2px 4px;display:flex;position:relative;transform:translateY(-16px);overflow:visible!important}.mobile-tabbar-add-icon{background:var(--accent-amber);width:48px;height:48px;color:var(--accent-amber-ink);border:3px solid var(--bg-card);border-radius:9999px;flex-shrink:0;transition:transform .15s,background-color .15s,box-shadow .15s;box-shadow:0 4px 14px #e39b0b73;justify-content:center!important;align-items:center!important;display:flex!important;overflow:visible!important}.mobile-tabbar-add-icon svg{width:24px;height:24px;display:block}.mobile-tabbar-add:active .mobile-tabbar-add-icon,.mobile-tabbar-add-btn:active .mobile-tabbar-add-icon{background:var(--accent-amber-hover);transform:scale(.92)}.mobile-tabbar-add-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-primary);margin-block-start:2px;font-size:clamp(.68rem,2.5vw,.78rem);font-weight:600;display:block;overflow:hidden}.app-main{width:100%;max-width:1120px;padding-block:max(20px, env(safe-area-inset-top,0px)) max(88px, calc(88px + env(safe-area-inset-bottom,0px)));padding-inline:max(clamp(16px, 3vw, 36px), env(safe-area-inset-left,0px)) max(clamp(16px, 3vw, 36px), env(safe-area-inset-right,0px));flex:1;margin-inline:auto}@media (width>=820px){.app-layout{flex-direction:row;align-items:stretch}.desktop-sidebar{background:var(--bg-card);border-inline-end:1px solid var(--border-subtle);width:264px;padding-block:max(20px, env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-bottom,0px));padding-inline:max(16px, env(safe-area-inset-left,0px)) 16px;flex-direction:column;flex-shrink:0;gap:16px;height:100dvh;transition:width .2s,padding .2s,opacity .2s;display:flex;position:sticky;top:0;overflow-y:auto}.desktop-sidebar.is-collapsed,.app-topbar-brand{display:none}.app-topbar-brand.is-sidebar-collapsed{display:flex}.mobile-tabbar{display:none}.topbar-account-btn{display:none!important}.app-main{padding-block:28px 48px}}.btn-primary{background:var(--accent-amber);min-height:48px;color:var(--accent-amber-ink);border:1px solid #1a140514;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding-inline:22px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 6px #e39b0b40}.btn-primary:hover{background:var(--accent-amber-hover);color:var(--accent-amber-ink);box-shadow:0 4px 12px #e39b0b52}.btn-primary:active{transform:translateY(1px)}.btn-teal{background:var(--bg-teal);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding-inline:22px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 6px #0f4c5c38}.btn-teal:hover{background:var(--bg-teal-dark);color:#fff}.btn-teal:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--border-subtle);background:var(--bg-card);min-height:46px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding-inline:18px;font-size:.96rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex;box-shadow:0 1px 2px #14232a0a}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary);background:#f8fafa}.btn-secondary:active{transform:translateY(1px)}.btn-ghost{min-height:44px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding-inline:14px;font-size:.96rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:#0f4c5c12}.btn-sm{border-radius:10px;min-height:38px;padding-inline:14px;font-size:.9rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:18px 20px;box-shadow:0 1px 3px #14232a08}.chip{border:1px solid var(--border-subtle);background:var(--bg-card);min-height:38px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding-inline:15px;font-size:.92rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.chip:hover{border-color:var(--border-hover);background:#f8fafa}.chip[aria-pressed=true],.chip.chip-active{background:var(--bg-teal);border-color:var(--bg-teal);color:#fff;font-weight:600;box-shadow:0 2px 5px #0f4c5c33}@keyframes fueltrack-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-spin-icon{animation:1s linear infinite fueltrack-spin}.sync-icon-btn{border:1px solid var(--border-subtle);background:var(--bg-card);width:42px;height:42px;color:var(--text-primary);border-radius:12px;place-items:center;padding:0;transition:background-color .15s,border-color .15s,transform .1s;display:inline-grid;position:relative;box-shadow:0 1px 2px #14232a0a}.sync-icon-btn:hover{border-color:var(--border-hover);background:#f8fafa}.sync-status-dot{top:7px;border:1.5px solid #fff;border-radius:999px;width:8px;height:8px;position:absolute;inset-inline-end:7px}.sync-popover-card{border:1px solid var(--border-subtle);width:min(310px,100vw - 32px);color:var(--text-primary);z-index:90;background:#fff;border-radius:16px;padding:16px;box-shadow:0 14px 36px #14232a29}[popover].sync-popover-card:is(:popover-open,.\:popover-open){display:block}@supports (position-area:block-end){[popover].sync-popover-card{position-area:block-end span-inline-start;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin:8px 0 0;inset:auto}}.quick-add-icon-btn{background:var(--accent-amber);width:42px;height:42px;color:var(--accent-amber-ink);border:1px solid #1a14051a;border-radius:12px;place-items:center;padding:0;transition:background-color .15s,transform .1s,box-shadow .15s;display:inline-grid;box-shadow:0 2px 8px #e39b0b47}.quick-add-icon-btn:hover{background:var(--accent-amber-hover);box-shadow:0 4px 12px #e39b0b5c}.quick-add-icon-btn:active{transform:translateY(1px)}@media (width<=819px){.quick-add-icon-btn{display:none!important}}.kpi-hairline-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:16px;gap:1px;display:grid;overflow:hidden}.kpi-hairline-cell{text-align:start;color:var(--text-primary);background:#fff;border:none;padding:14px 16px;transition:background-color .15s}button.kpi-hairline-cell:hover{background:#f8fafa}.settings-list-card{border:1px solid var(--border-subtle);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #14232a08}.settings-row{border-block-end:1px solid #e6eceb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;min-height:58px;padding:12px 18px;display:flex}.settings-row:last-child{border-block-end:none}.segmented-control{background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.segmented-btn{min-height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:7px;padding-inline:11px;font-size:.85rem;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s}.segmented-btn[aria-pressed=true]{background:var(--bg-teal);color:#fff;box-shadow:0 1px 3px #0f4c5c38}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-page{background:var(--bg-page);min-height:100dvh;color:var(--text-primary);padding-inline:max(0px, env(safe-area-inset-left,0px)) max(0px, env(safe-area-inset-right,0px));flex-direction:column;padding-block-end:max(0px, env(safe-area-inset-bottom,0px));display:flex}.auth-header{border-block-end:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f3f6f5eb}.auth-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin-inline:auto;padding:12px 20px;display:flex}.auth-brand{min-height:44px;color:var(--bg-teal);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:1.15rem;font-weight:700;display:inline-flex}.auth-back{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:.9rem;font-weight:600;display:inline-flex}.auth-back:hover{border-color:var(--border-hover)}.auth-shell{flex:1;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;width:100%;max-width:1120px;margin-inline:auto;padding:clamp(20px,4vw,48px) 20px;display:grid}.auth-aside{display:none}@media (width>=900px){.auth-shell{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;gap:48px}.auth-aside{background:linear-gradient(160deg, var(--bg-teal) 0%, var(--bg-teal-dark) 100%);color:#f3f6f5;border-radius:24px;flex-direction:column;justify-content:space-between;gap:32px;padding:36px;display:flex}}.auth-aside h2{font-family:var(--font-condensed);margin:0 0 10px;font-size:2.4rem;font-weight:700;line-height:1.05}.auth-aside p{color:#c9dadd;margin:0;font-size:1rem;line-height:1.5}.auth-aside ul{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.auth-aside li{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:14px;display:grid}.auth-aside li strong{color:#fff;font-weight:600;display:block}.auth-aside li span{color:#c9dadd;font-size:.9rem}.auth-aside-icon{width:36px;height:36px;color:var(--accent-amber);background:#e39b0b2e;border-radius:10px;place-items:center;display:grid}.auth-aside-note{color:#9fbac0;border-block-start:1px solid #ffffff24;padding-block-start:16px;font-size:.82rem}.auth-main{flex-direction:column;align-items:center;gap:20px;min-width:0;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:460px;padding:clamp(20px,4vw,32px);box-shadow:0 10px 28px #14232a0f}.auth-card-head{align-items:center;gap:14px;margin-block-end:20px;display:flex}.auth-card-icon{background:var(--bg-teal);width:48px;height:48px;color:var(--accent-amber);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.auth-card-icon.is-amber{background:var(--accent-amber-tint);color:var(--bg-teal)}.auth-title{margin:0 0 2px;font-size:1.5rem;font-weight:600;line-height:1.2}.auth-sub{color:var(--text-secondary);margin:0;font-size:.92rem}.auth-error{color:var(--status-danger);margin-block-start:6px;font-size:.86rem;font-weight:600}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin-block:20px;font-size:.84rem;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.social-btn{border-radius:12px;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 16px;font-size:.96rem;font-weight:600;display:grid}.social-btn span:nth-child(2){text-align:center}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-btn--apple{color:#fff;background:#000;border:1px solid #000}.social-btn--google{color:#1f1f1f;background:#fff;border:1px solid #747775}.auth-note{background:var(--bg-subtle);color:var(--text-primary);border-radius:12px;grid-template-columns:20px minmax(0,1fr);gap:10px;margin-block-start:20px;padding:12px 14px;font-size:.84rem;display:grid}.auth-note>span:first-child{color:var(--bg-teal);margin-block-start:1px}.auth-link{color:var(--bg-teal);font:inherit;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.auth-link:disabled{color:var(--text-muted);cursor:default;text-decoration:none}.otp-field{position:relative}.otp-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,2vw,10px);display:grid}.otp-box{border:1.5px solid var(--border-input);background:var(--bg-card);min-height:58px;font-family:var(--font-condensed);font-variant-numeric:tabular-nums;color:var(--text-primary);border-radius:12px;place-items:center;font-size:1.9rem;font-weight:700;transition:border-color .12s,box-shadow .12s;display:grid}.otp-box.is-filled{border-color:var(--bg-teal)}.otp-box.is-active{border-color:var(--bg-teal);box-shadow:0 0 0 3px var(--bg-teal-tint)}.otp-field.has-error .otp-box{border-color:var(--status-danger)}.otp-input{opacity:0;cursor:text;border:0;width:100%;height:100%;padding:0;font-size:1.9rem;position:absolute;inset:0}.otp-field:focus-within .otp-boxes{outline:3px solid var(--bg-teal);outline-offset:4px;border-radius:14px}.auth-resend{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-block-start:16px;font-size:.88rem;display:flex}.plan-list{border:none;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.plan-list legend{color:var(--text-secondary);margin-block-end:8px;padding:0;font-size:.88rem;font-weight:600}.plan-card{border:1.5px solid var(--border-input);background:var(--bg-card);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 16px;transition:border-color .12s,background .12s;display:flex;position:relative}.plan-card:hover{border-color:var(--border-hover)}.plan-card:has(input:checked){border-color:var(--bg-teal);background:var(--bg-teal-tint);box-shadow:0 0 0 1px var(--bg-teal)}.plan-card:has(input:focus-visible){outline:3px solid var(--bg-teal);outline-offset:2px}.plan-card input{width:20px;height:20px;accent-color:var(--bg-teal);flex-shrink:0;margin:0}.plan-card-main{align-items:center;gap:12px;min-width:0;display:flex}.plan-card-name{flex-wrap:wrap;align-items:center;gap:6px 8px;font-weight:600;display:flex}.plan-card-detail{color:var(--text-muted);font-size:.84rem;display:block}.plan-badge{background:var(--accent-amber);color:var(--accent-amber-ink);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.plan-price{font-family:var(--font-condensed);white-space:nowrap;font-size:1.5rem;font-weight:600}.feature-list{background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:10px;margin:0 0 18px;padding:14px 16px;font-size:.92rem;list-style:none;display:flex}.feature-list li{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;display:grid}.feature-list li>span:first-child{color:var(--status-ok);margin-block-start:2px}@media (prefers-reduced-motion:reduce){.otp-box,.plan-card{transition:none}}.auth-cta{margin-block-start:18px}@media (width<=640px){.auth-page{background:var(--bg-card)}.auth-header{background:var(--bg-card);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.auth-header-inner{padding:6px 16px}.auth-shell{gap:0;padding:16px 16px 8px}.auth-main{align-items:stretch}.auth-card{max-width:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.auth-title{font-size:1.6rem}.auth-card-head{flex-direction:column;align-items:flex-start;gap:12px;margin-block-end:20px}.auth-card .text-input,.auth-card input{font-size:16px}.auth-card .btn-primary,.auth-card .btn-teal,.social-btn{min-height:52px}.otp-box{min-height:54px;font-size:1.7rem}.auth-cta{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, #fff0, var(--bg-card) 14px);z-index:2;margin-inline:-16px;position:sticky;inset-block-end:0}}.acct-page{flex-direction:column;gap:16px;min-width:0;display:flex}.acct-title{margin:0;font-size:clamp(1.5rem,2.5vw,1.88rem);font-weight:600}.acct-subtitle{color:var(--text-secondary);overflow-wrap:anywhere;margin:2px 0 0;font-size:.9rem}.acct-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width>=900px){.acct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.acct-col{flex-direction:column;gap:16px;min-width:0;display:flex}.acct-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;min-width:0;box-shadow:0 1px 3px #14232a08}.acct-card>header,.acct-card-body{padding:16px 18px}.acct-card-body+.acct-card-body{border-block-start:1px solid #e6eceb}.acct-card h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:700}.acct-card>header{padding-block-end:0}.acct-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;min-width:0;display:flex}.acct-row>div,.acct-identity>div{min-width:0}.acct-label{overflow-wrap:anywhere;font-weight:600}.acct-sub{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.86rem}.acct-avatar{background:var(--bg-teal);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:600;display:grid}.acct-avatar.is-local{background:var(--bg-subtle);color:var(--bg-teal)}.acct-identity{align-items:center;gap:14px;min-width:0;display:flex}.acct-pill{background:var(--bg-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.acct-pill:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.acct-pill--ok{background:var(--status-ok-bg);color:var(--status-ok)}.acct-pill--warn{background:var(--status-warn-bg);color:var(--status-warn)}.acct-pill--danger{background:var(--status-danger-bg);color:#b3261e}.acct-plan-name{font-family:var(--font-condensed);font-size:1.5rem;font-weight:600;line-height:1.15}.acct-actions{flex-wrap:wrap;gap:8px;display:flex}.acct-actions button{min-height:44px}.acct-notice{border-radius:12px;margin-block-start:12px;padding:10px 12px;font-size:.86rem;font-weight:500}.acct-notice--warn{background:var(--status-warn-bg);color:var(--status-warn)}.acct-notice--info{background:var(--bg-teal-tint);color:var(--bg-teal-dark)}.acct-notice--ok{background:var(--status-ok-bg);color:var(--status-ok);font-weight:600}.acct-card select,.acct-card .select-pill{min-height:44px}.acct-meter{background:#d6dfdd;border-radius:4px;height:8px;margin-block:8px 6px;overflow:hidden}.acct-meter>div{background:var(--bg-teal);min-width:2px;height:100%}.acct-meter.is-near>div{background:var(--accent-amber)}.acct-conflicts{background:var(--status-warn-bg);border:1px solid var(--status-warn);border-radius:14px;padding:14px 16px}.acct-conflicts h2{text-transform:none;letter-spacing:0;color:inherit;margin:0 0 8px;font-size:1rem;font-weight:700}.acct-conflict{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-block:8px;display:flex}.acct-conflict+.acct-conflict{border-block-start:1px solid #8a5c0033}.acct-danger{background:#fbefea;border:1px solid #e8c4b8;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.acct-danger h2{text-transform:none;letter-spacing:0;color:#8f2f12;margin:0;font-size:.95rem;font-weight:600}.acct-danger p,.acct-danger label{color:#5c2a1a;margin:0;font-size:.86rem}.acct-danger-btn{color:#8f2f12;background:#fff;border:1px solid #b23e1a;border-radius:10px;min-height:44px;padding:0 16px;font-size:.9rem;font-weight:600}.acct-danger-btn:hover{background:#fff6f2}@media (width>=641px){.acct-danger{flex-direction:row;justify-content:space-between;align-items:center}}.acct-status{background:var(--status-ok-bg);color:var(--status-ok);border:1px solid #2b7a5740;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.acct-status button{color:inherit;background:0 0;border:none;min-width:44px;min-height:44px;font-weight:700}@media (width<=640px){.acct-card>header,.acct-card-body{padding:14px}.acct-actions button,.acct-row>.btn-secondary,.acct-row>.btn-primary{flex:auto}}.acct-dialog-error{background:var(--accent-amber-tint);color:var(--text-primary);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:.92rem}.account-deletion-notice{background:var(--bg-teal-tint);color:var(--text-primary);border-block-end:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:.95rem;display:flex}.acct-dialog-text{color:var(--text-secondary);margin:0 0 12px;font-size:.95rem}.acct-dialog-check{align-items:center;gap:10px;min-height:44px;font-size:.92rem;display:flex}.acct-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-block-start:16px;display:flex}.acct-dialog-actions button{min-height:46px}.acct-danger-solid{color:#fff;background:#b23e1a;border:1px solid #b23e1a;border-radius:10px;padding:0 18px;font-size:.95rem;font-weight:600}.acct-danger-solid:disabled{opacity:.45;cursor:not-allowed}@media (width<=640px){.acct-dialog-actions button{flex:100%}}.logbook-entry-row{border-block-end:1px solid var(--bg-subtle);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-block:10px;display:flex}.logbook-entry-main{flex:auto;min-width:0}.logbook-entry-aside{flex-shrink:0;align-items:center;gap:12px;display:flex}.logbook-entry-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.05rem}.entry-actions-container{position:relative}.entry-actions-trigger{color:var(--text-secondary);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;border-radius:8px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}.entry-actions-trigger:hover,.entry-actions-trigger[aria-expanded=true]{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-subtle)}.entry-actions-dropdown{inset-inline-end:0;z-index:30;background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:4px;min-width:130px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);box-shadow:0 8px 24px #14232a29}.entry-actions-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;transition:background .12s;border-radius:8px!important;justify-content:flex-start!important;min-height:36px!important;padding:6px 12px!important;font-size:.88rem!important;display:flex!important}.entry-actions-item:hover{background:var(--bg-subtle)!important}.entry-actions-item.is-danger{color:var(--status-danger,#ef4444)!important}.entry-actions-item.is-danger:hover{background:var(--status-danger-bg,#fce8e6)!important}@media (width<=480px){.logbook-entry-row{gap:8px;padding-block:8px}.logbook-entry-aside{gap:8px}.logbook-entry-amount{font-size:.95rem}}.page-transition-overlay{z-index:999;-webkit-backdrop-filter:blur(6px);opacity:1;pointer-events:all;background:#f3f6f5eb;justify-content:center;align-items:center;transition:opacity .1s ease-out;display:flex;position:fixed;inset:0}.page-transition-overlay.is-fading-out{opacity:0;pointer-events:none}.page-transition-card{background:var(--bg-card);border:1.5px solid var(--border-subtle);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:16px;min-width:220px;max-width:90vw;padding:24px 32px;animation:.16s cubic-bezier(.16,1,.3,1) card-appear;display:flex;box-shadow:0 16px 40px #0f4c5c1f,0 4px 12px #14232a0f}@keyframes card-appear{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.page-transition-anim-wrap{justify-content:center;align-items:center;width:90px;height:64px;display:flex;position:relative}.page-transition-gauge{overflow:visible}.page-transition-gauge-arc{animation:.28s cubic-bezier(.2,.8,.2,1) forwards gauge-fill}@keyframes gauge-fill{0%{stroke-dashoffset:110px}to{stroke-dashoffset:20px}}.page-transition-needle{transform-origin:50px 60px;animation:.28s cubic-bezier(.2,.8,.2,1) forwards needle-sweep}@keyframes needle-sweep{0%{transform:rotate(-65deg)}60%{transform:rotate(45deg)}85%{transform:rotate(25deg)}to{transform:rotate(30deg)}}.page-transition-icon-bubble{bottom:-4px;background:var(--bg-teal-tint);border:1.5px solid var(--bg-teal);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;animation:1s ease-in-out infinite alternate bubble-pulse;display:flex;position:absolute;inset-inline-end:2px}@keyframes bubble-pulse{0%{transform:scale(.94);box-shadow:0 0 #0f4c5c40}to{transform:scale(1.06);box-shadow:0 0 0 6px #0f4c5c00}}.page-transition-info{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.page-transition-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.92rem;font-weight:600}.page-transition-track{background:var(--bg-subtle);border-radius:999px;width:130px;height:4px;position:relative;overflow:hidden}.page-transition-bar{background:linear-gradient(90deg, var(--bg-teal), var(--accent-amber));border-radius:999px;width:0%;height:100%;animation:.28s cubic-bezier(.2,.8,.2,1) forwards bar-progress}.fillup-scanner-card{border-radius:14px;flex-direction:column;gap:10px;margin-block-end:14px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex}.fillup-scanner-card.is-pro{border:1.5px solid var(--bg-teal-tint);background:linear-gradient(135deg,#0f4c5c0f,#0f4c5c05)}.fillup-scanner-card.is-free{background:linear-gradient(135deg,#e39b0b17,#e39b0b08);border:1.5px solid #e39b0b47}.fillup-scanner-header{align-items:flex-start;gap:12px;display:flex}.fillup-scanner-icon{background:var(--bg-card);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1.25rem;display:grid;box-shadow:0 2px 6px #14232a0f}.fillup-scanner-text{flex:auto;min-width:0}.fillup-scanner-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.pro-pill-badge{background:var(--accent-amber);color:var(--accent-amber-ink);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800}.fillup-scanner-desc{color:var(--text-secondary);margin-top:2px;font-size:.83rem;line-height:1.35}.fillup-upgrade-banner-btn{background:var(--bg-card);color:var(--accent-amber-ink);cursor:pointer;border:1px solid #e39b0b66;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 4px #e39b0b14}.fillup-upgrade-banner-btn:hover{background:var(--accent-amber-tint);border-color:var(--accent-amber);transform:translateY(-1px)}.fillup-card-section{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:14px;flex-direction:column;gap:12px;margin-block-end:14px;padding:14px;display:flex}.fillup-section-title{color:var(--text-primary);align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.auto-computed-badge{background:var(--bg-teal-tint);color:var(--bg-teal-dark);border-radius:6px;margin-inline-start:6px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-block}.fillup-field-computed{border-color:var(--bg-teal)!important;background:var(--bg-teal-tint)!important}.fillup-odo-delta{padding:4px 2px;font-size:.84rem;line-height:1.4}@keyframes bar-progress{0%{width:0%}60%{width:75%}to{width:100%}}@media (pointer:coarse){input.text-input,select.select-input,textarea.text-input{min-height:48px!important;font-size:16px!important}select,select.select-pill,select.text-input{min-height:44px!important;font-size:max(16px,1rem)!important}:is(label:has(input[type=checkbox]),label:has(input[type=radio])){align-items:center;min-height:44px}summary{box-sizing:border-box;min-height:44px;padding-block:10px}.nav-link{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}button,a[role=button],.btn-primary,.btn-secondary,.btn-ghost,.btn-teal,.btn-sm,.chip,.segmented-btn,.icon-button,.entry-actions-trigger,.mobile-tabbar button,.desktop-sidebar button,.topbar-icon-btn,.quick-add-icon-btn{min-width:44px!important;min-height:44px!important}.logbook-entry-row,.document-row,.service-item-row{min-height:44px!important}}.footer-link{min-height:44px;color:var(--text-secondary);align-items:center;text-decoration:none;display:inline-flex}.footer-link:hover,.footer-link:focus-visible{text-decoration:underline}.legal-links{color:var(--text-muted);text-align:center;margin:12px 0 0;font-size:.85rem}.legal-links a{color:var(--text-secondary)}.consent-banner{z-index:60;background:var(--bg-card);max-width:720px;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-inline:auto;padding:14px 16px;display:flex;position:fixed;inset-block-end:calc(12px + env(safe-area-inset-bottom,0px));inset-inline:12px;box-shadow:0 8px 24px #14232a2e}.consent-banner p{color:var(--text-secondary);flex:280px;margin:0;font-size:.92rem}.consent-banner-actions{gap:10px;margin-inline-start:auto;display:flex}.consent-banner-actions button{min-width:96px;min-height:44px}.acct-toggle-row{cursor:pointer;align-items:center}.acct-toggle-row+.acct-toggle-row{margin-block-start:12px}.acct-switch{width:22px;height:22px;accent-color:var(--bg-teal);flex:none;margin:11px}