:root{--bg: #08080b;--bg2: #0e0e13;--surface: #16161d;--surface-2: #1d1d26;--surface-3: #25252f;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .13);--ink: #f4f3f1;--muted: #8e8d99;--faint: #5b5a66;--brand: #3fcf8a;--brand-press: #34bd7a;--brand-ink: #06281b;--brand-tint: rgba(63, 207, 138, .14);--gold: #e8b85c;--pos: #5fdca0;--pos-tint: rgba(95, 220, 160, .12);--neg: #ff7e6e;--warn: #f0c14b;--r-xs: 9px;--r-sm: 13px;--r: 16px;--r-lg: 20px;--r-xl: 26px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 2px 8px -5px rgba(0, 0, 0, .4);--shadow-lg: 0 14px 34px -20px rgba(0, 0, 0, .55);--glow: 0 1px 3px rgba(0, 0, 0, .25);--nav-h: 70px;--maxw: 540px;--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);background-color:var(--bg);background-image:radial-gradient(55% 38% at 88% 0%,rgba(28,52,40,.5),transparent 60%),radial-gradient(45% 32% at 2% 100%,rgba(22,44,34,.4),transparent 58%);background-attachment:fixed;color:var(--ink);font-feature-settings:"ss01" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em}button{font-family:inherit;cursor:pointer}input,button,select{font-size:16px;font-family:inherit}.tnum{font-variant-numeric:tabular-nums}::placeholder{color:var(--faint)}.splash{min-height:100vh;display:grid;place-items:center;color:var(--brand)}.splash svg{animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(70% 50% at 50% 0%,rgba(63,207,138,.1) 0%,transparent 60%),var(--bg)}.auth-card{background:linear-gradient(165deg,var(--surface) 0%,var(--bg2) 100%);border:1px solid var(--line);width:100%;max-width:380px;border-radius:var(--r-xl);padding:34px 26px;box-shadow:var(--shadow-lg);text-align:center}.auth-logo{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:19px;background:var(--brand);color:var(--brand-ink);box-shadow:var(--glow);margin-bottom:8px}.auth-card h1{margin:8px 0 4px;font-size:30px}.auth-sub{margin:0 0 22px;color:var(--muted)}.auth-card form{text-align:left}label,.field{display:block;margin-bottom:15px;font-size:13px;font-weight:600;color:var(--muted)}label input,.field input,input[type=date],input[type=text],input[type=email],input[type=password],input[type=search],.field select,select{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-weight:500;transition:border-color .15s,box-shadow .15s}input[type=date]{color-scheme:dark;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;min-height:49px}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=date]::-webkit-calendar-picker-indicator{margin-left:auto;opacity:.55;cursor:pointer}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3.5px var(--brand-tint)}.password-field{position:relative}.password-field input{padding-right:46px}.password-toggle{position:absolute;right:4px;top:8px;bottom:0;border:none;background:none;color:var(--muted);display:grid;place-items:center;padding:0 10px}.password-toggle:hover{color:var(--ink)}.btn-primary{width:100%;padding:14px;border:none;border-radius:var(--r-sm);background:var(--brand);color:var(--brand-ink);font-size:15.5px;font-weight:700;letter-spacing:.01em;box-shadow:var(--glow);transition:background .15s,transform .08s}.btn-primary:hover{background:var(--brand-press)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.link-btn{background:none;border:none;color:var(--brand);font-weight:600;margin-top:16px;padding:4px}.link-btn.small{font-size:13px;margin:0}.btn-ghost{flex:0 0 auto;padding:13px 18px;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,background .15s}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.btn-ghost.full{width:100%;justify-content:center}.banner{border-radius:var(--r-xs);padding:11px 13px;font-size:13px;font-weight:500;margin:12px 0}.banner code{background:#ffffff14;padding:1px 5px;border-radius:5px}.banner-error{background:#ff7e6e21;color:#ffb3a8}.banner-ok{background:var(--pos-tint);color:var(--pos)}.banner-warn{background:#f0c14b21;color:var(--warn)}.app{min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;padding-top:max(16px,env(safe-area-inset-top));background:var(--bg)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--brand);color:var(--brand-ink);box-shadow:var(--glow);flex-shrink:0}.brand-name{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.03em}.topbar-back{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--ink);font-weight:600;font-size:15px;padding:6px 8px 6px 2px;border-radius:var(--r-xs)}.topbar-back:hover{color:var(--brand)}.topbar-h{font-family:var(--font-display);font-weight:800;font-size:19px}.container{max-width:var(--maxw);margin:0 auto;padding:8px 18px 18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:24px 2px 12px}.section-title:first-child{margin-top:6px}.ccy-pills{display:inline-flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.ccy-pills.bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;border-radius:var(--r-sm);background:var(--surface-2)}.ccy-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;background:none;color:var(--muted);font-weight:700;font-size:12.5px;padding:7px 9px;border-radius:999px;transition:all .14s}.ccy-pills.bar .ccy-pill{border-radius:var(--r-xs);padding:11px 6px;font-size:13px}.ccy-pill.active{background:var(--brand);color:var(--brand-ink)}.ccy-pills.compact .ccy-pill{padding:7px 11px;letter-spacing:.01em}.hero{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:22px;margin-bottom:16px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(130% 110% at 100% 0%,rgba(63,207,138,.05),transparent 60%),linear-gradient(165deg,#1a1a21,#131318);box-shadow:var(--shadow);color:#f3f4f1;--h-accent: #3fcf8a;--h-faint: rgba(243, 244, 241, .5);--h-muted: rgba(243, 244, 241, .78)}.hero-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-label{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--h-faint)}.hero-vs{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px}.hero-vs.up{color:#ffb3a8;background:#ff7e6e29}.hero-vs.down{color:var(--h-accent);background:#3fcf8a29}.hero-vs.same{color:var(--h-muted);background:#ffffff1a}.hero-total{font-family:var(--font-display);font-size:47px;font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:14px 0 0;font-variant-numeric:tabular-nums}.hero-ccy{color:var(--h-accent);font-size:.38em;font-weight:700;margin-left:9px;letter-spacing:0;vertical-align:middle}.hero-balance{display:flex;gap:10px;margin-top:18px}.hero-stat{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:var(--r);padding:12px 14px}.hero-stat-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--h-faint)}.hero-stat-value{font-family:var(--font-display);font-weight:700;font-size:19px;margin-top:5px;font-variant-numeric:tabular-nums}.hero-stat-value.income,.hero-stat-value.pos{color:var(--h-accent)}.hero-stat-value.neg{color:#ffb3a8}.hero-budget{margin-top:18px}.hero-budget-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:600;margin-bottom:8px;color:var(--h-muted)}.hero-budget-remaining.ok{color:var(--h-accent)}.hero-budget-remaining.warn{color:#ffd98a}.hero-budget-remaining.over{color:#ffb3a8}.hero-track{height:8px;background:#ffffff14;border-radius:99px;overflow:hidden}.hero-fill{height:100%;border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.hero-fill.ok{background:var(--h-accent)}.hero-fill.warn{background:linear-gradient(90deg,#d9a93a,#ffd98a)}.hero-fill.over{background:linear-gradient(90deg,#d9534f,#ff9e8e)}.hero-setbudget{margin-top:18px;width:100%;border:1px dashed rgba(255,255,255,.2);background:#ffffff0d;color:var(--h-accent);font-weight:600;padding:12px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;gap:7px}.breakdown{display:flex;flex-direction:column;gap:14px}.bd-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}.bd-label{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px;min-width:0}.bd-emoji{font-size:16px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.bd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-value{font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums;text-align:right}.bd-value .bd-budget{color:var(--faint);font-weight:500}.bd-value .over{color:var(--neg)}.bd-value .warn{color:var(--warn)}.bd-track{grid-column:1 / -1;height:6px;background:#ffffff12;border-radius:99px;overflow:hidden}.bd-fill{height:100%;border-radius:99px;transition:width .45s ease}.amount-row{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0 18px}.amount-prefix{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--faint)}.amount-input{width:62%;border:none!important;text-align:center;font-family:var(--font-display);font-size:46px!important;font-weight:800;letter-spacing:-.02em;padding:0!important;margin:0!important;background:none!important;color:var(--ink);font-variant-numeric:tabular-nums}.amount-input:focus{box-shadow:none!important}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.cat-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);transition:all .12s}.cat-chip:hover{border-color:var(--line-strong)}.cat-chip .cat-emoji{font-size:22px}.cat-chip .cat-label{font-size:11px;font-weight:600;color:var(--muted);text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-chip.selected{font-weight:700}.cat-chip.selected .cat-label{color:var(--ink)}.list{display:flex;flex-direction:column;gap:18px}.day-group ul{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.day-header{display:flex;justify-content:space-between;align-items:baseline;padding:2px 6px 8px;font-size:12.5px;font-weight:700;color:var(--faint)}.day-total{font-variant-numeric:tabular-nums}.expense-item{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.expense-item:last-child{border-bottom:none}.expense-main{flex:1;display:flex;align-items:center;gap:13px;padding:13px 14px;min-width:0;border:none;background:none;font:inherit;color:inherit;text-align:left;transition:background .12s}.expense-main:hover{background:var(--surface-2)}.expense-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:21px;flex-shrink:0}.expense-body{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.expense-cat{font-weight:600;font-size:15px;display:flex;align-items:center;gap:5px}.expense-desc{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-amount{font-family:var(--font-display);font-weight:700;font-size:15.5px;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;align-items:flex-end}.expense-del{align-self:stretch;border:none;background:none;color:var(--faint);padding:0 14px;display:grid;place-items:center;transition:all .12s}.expense-del:hover{background:#ff7e6e1f;color:var(--neg)}.receipt-clip{color:var(--brand);display:inline-flex;align-items:center;margin:-6px -4px -6px 2px;padding:6px;border-radius:8px}.receipt-clip:hover{background:var(--brand-tint)}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty-mark{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:21px;background:var(--brand-tint);color:var(--brand);margin-bottom:14px}.empty p{margin:4px 0;font-weight:600}.empty-sub{font-size:13px;font-weight:400!important;color:var(--faint)}.loading{text-align:center;color:var(--muted);padding:30px}.form-hint{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0 0 16px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.month-switcher{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px}.month-nav{width:34px;height:34px;border-radius:50%;border:none;background:none;color:var(--ink);display:grid;place-items:center;transition:background .12s}.month-nav:hover:not(:disabled){background:var(--surface-3);color:var(--brand)}.month-nav:disabled{opacity:.3}.month-label{font-family:var(--font-display);font-weight:700;font-size:15px;min-width:120px;text-align:center;text-transform:capitalize}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:all .12s}.icon-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.icon-btn:disabled{opacity:.35}.chart-head{margin-bottom:14px}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:150px}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-value{font-size:10px;font-weight:700;color:var(--muted);height:14px;line-height:14px;font-variant-numeric:tabular-nums}.chart-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:72%;max-width:30px;background:#ffffff17;border-radius:7px 7px 0 0;min-height:4px;transition:height .5s cubic-bezier(.4,0,.2,1)}.chart-bar.anchor{background:var(--brand)}.chart-label{font-size:11px;color:var(--faint);margin-top:7px;text-transform:capitalize}.chart-label.anchor{color:var(--ink);font-weight:700}.filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px}.filter-search-wrap{position:relative;flex:1;min-width:0}.filter-search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.filter-search{width:100%;margin-top:0!important;padding-left:38px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-search::-webkit-search-decoration,.filter-search::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-cat{flex:0 0 auto;max-width:42%;margin-top:0!important}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:16px}.segmented button{border:none;background:none;color:var(--muted);font-weight:600;font-size:14px;padding:10px;border-radius:var(--r-xs);transition:all .14s}.segmented button.active{background:var(--surface-3);color:var(--ink);box-shadow:var(--shadow-sm)}.manage-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.manage-item{display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid var(--line)}.manage-item:last-child{border-bottom:none}.manage-item.inactive{opacity:.5}.manage-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.manage-title{font-weight:700;font-variant-numeric:tabular-nums}.manage-title .muted{font-weight:500;color:var(--muted)}.manage-title.income{color:var(--pos)}.manage-sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-name{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle{flex-shrink:0;border:none;background:none;color:var(--faint);display:grid;place-items:center;padding:6px 3px;margin-left:-3px;border-radius:8px;cursor:grab;touch-action:none;transition:color .12s,background .12s}.drag-handle:hover{color:var(--muted);background:var(--surface-2)}.manage-item.dragging{background:var(--surface-2);opacity:.9}.manage-item.dragging .drag-handle{cursor:grabbing;color:var(--brand)}.icon-action{border:none;background:none;color:var(--muted);display:grid;place-items:center;padding:7px;border-radius:9px;transition:all .12s}.icon-action:hover{background:var(--surface-3);color:var(--brand)}.icon-action.danger:hover{background:#ff7e6e1f;color:var(--neg)}.cat-edit-row{display:flex;gap:10px;margin-bottom:16px;align-items:flex-start}.cat-edit-row .name-input{flex:1;margin-top:0}.color-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1.5px var(--line-strong);transition:transform .1s}.swatch.selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink);transform:scale(1.08)}.emoji-picker{position:relative;flex-shrink:0}.emoji-trigger{width:56px;height:56px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface-2);display:grid;place-items:center;transition:border-color .15s}.emoji-trigger:hover{border-color:var(--brand)}.emoji-trigger-glyph{font-size:28px;line-height:1}.emoji-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:min(320px,80vw);max-height:280px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:12px}.emoji-group+.emoji-group{margin-top:12px}.emoji-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:6px}.emoji-cell{aspect-ratio:1;border:none;background:none;border-radius:8px;font-size:21px;display:grid;place-items:center;transition:background .1s}.emoji-cell:hover{background:var(--surface-3)}.emoji-cell.selected{background:var(--brand-tint)}.form-actions{display:flex;gap:10px}.form-actions .btn-primary{flex:1}.receipt-row{margin-bottom:16px}.receipt-buttons{display:flex;flex-direction:column;gap:8px;align-items:center}.receipt-preview{display:flex;flex-direction:column;gap:10px;align-items:center}.receipt-preview img{max-width:100%;max-height:220px;border-radius:var(--r-sm);border:1px solid var(--line);object-fit:contain}.receipt-actions{display:flex;gap:12px;align-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal-card{background:var(--bg2);border-top:1px solid var(--line-strong);width:100%;max-width:var(--maxw);border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:94vh;overflow-y:auto;padding-bottom:max(16px,env(safe-area-inset-bottom));animation:slideUp .26s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg2);border-bottom:1px solid var(--line);z-index:1}.modal-head h2{margin:0;font-size:18px}.modal-close{border:none;background:var(--surface-2);color:var(--muted);display:grid;place-items:center;padding:8px;border-radius:10px}.modal-close:hover{color:var(--ink)}.modal-body{padding:16px}.modal-body .card{margin-bottom:0;background:var(--surface)}@media(min-width:600px){.modal-backdrop{align-items:center}.modal-card{border-radius:var(--r-xl);border:1px solid var(--line-strong)}}.onb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}.onb-card{width:100%;max-width:380px;background:var(--bg2);border:1px solid var(--line-strong);border-radius:var(--r-xl);padding:14px 22px 24px;text-align:center;animation:slideUp .26s cubic-bezier(.32,.72,0,1)}.onb-skip-row{display:flex;justify-content:flex-end;min-height:30px}.onb-skip{background:none;border:none;color:var(--muted);font-size:14px;font-weight:600;padding:4px 6px}.onb-skip:hover{color:var(--ink)}.onb-icon{width:64px;height:64px;margin:4px auto 18px;display:grid;place-items:center;border-radius:20px;background:var(--brand-tint);color:var(--brand)}.onb-title{margin:0 0 8px;font-size:21px}.onb-text{margin:0 auto;max-width:30ch;color:var(--muted);font-size:14.5px;line-height:1.5}.onb-dots{display:flex;justify-content:center;gap:7px;margin:22px 0}.onb-dot{width:7px;height:7px;border-radius:50%;background:var(--line-strong);transition:width .2s,background .2s}.onb-dot.active{width:20px;border-radius:4px;background:var(--brand)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--line)}.nav-tab{border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--faint);font-size:10.5px;font-weight:600;transition:color .14s}.nav-tab.active{color:var(--brand)}.nav-tab .nav-dot{display:none}.fab{position:fixed;right:18px;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px);z-index:55;width:60px;height:60px;border-radius:21px;border:none;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;box-shadow:var(--glow);transition:transform .12s,filter .15s}.fab:hover{filter:brightness(1.05)}.fab:active{transform:scale(.94)}.settings-group{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:16px}.settings-link{width:100%;display:flex;align-items:center;gap:13px;padding:15px 16px;border:none;background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink);font-weight:600;font-size:15px;text-align:left;transition:background .12s}.settings-link:last-child{border-bottom:none}.settings-link:hover{background:var(--surface-2)}.settings-link .si-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand-tint);color:var(--brand);flex-shrink:0}.settings-link .si-text{flex:1}.settings-link .si-chevron{color:var(--faint)}.settings-link.danger .si-icon{background:#ff7e6e1f;color:var(--neg)}.settings-link.danger{color:var(--neg)}.budget-ccy-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink)}.budget-ccy-row:last-child{border-bottom:none}.budget-ccy-sym{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--brand-tint);color:var(--brand);font-family:var(--font-display);font-weight:700;font-size:14px;flex-shrink:0}.budget-ccy-info{flex:1;min-width:0;display:flex;flex-direction:column}.budget-ccy-code{font-weight:700;font-size:15px}.budget-ccy-name{font-size:12px;color:var(--muted)}.budget-ccy-value{font-weight:700;font-variant-numeric:tabular-nums}.budget-ccy-value.unset{color:var(--faint);font-weight:500;font-size:13px}.readonly-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;background:var(--brand-tint);color:var(--brand);padding:6px 11px;border-radius:999px;white-space:nowrap}.expense-main-static{cursor:default}.expense-main-static:hover{background:none}.signed-as{text-align:center;color:var(--faint);font-size:12px;padding:8px 16px 4px;margin:0}.app-credit{text-align:center;color:var(--faint);font-size:11px;letter-spacing:.02em;padding:0 16px 20px;margin:0}.lang-toggle{display:inline-flex;border-radius:999px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);padding:3px;gap:2px}.lang-toggle button{border:none;padding:6px 13px;font-size:12.5px;font-weight:700;border-radius:999px;background:transparent;color:var(--muted);transition:all .14s}.lang-toggle button.active{background:var(--brand);color:var(--brand-ink)}.auth-lang{display:flex;justify-content:flex-end;margin-bottom:6px}:root[data-theme=light]{--bg: #eef0ea;--bg2: #ffffff;--surface: #ffffff;--surface-2: #f4f5f1;--surface-3: #e8eae3;--line: rgba(20, 23, 16, .09);--line-strong: rgba(20, 23, 16, .15);--ink: #16170f;--muted: #565951;--faint: #6d7065;--brand: #14a86e;--brand-press: #0f8c5b;--brand-ink: #ffffff;--brand-tint: rgba(20, 168, 110, .12);--pos: #1f9e5a;--pos-tint: rgba(31, 158, 90, .12);--neg: #d6452f;--warn: #b07515;--shadow-sm: 0 1px 2px rgba(20, 23, 16, .05);--shadow: 0 2px 8px -5px rgba(20, 23, 16, .12);--shadow-lg: 0 12px 30px -18px rgba(20, 23, 16, .2);--glow: 0 1px 3px rgba(20, 23, 16, .1)}:root[data-theme=light] body{background-image:radial-gradient(60% 40% at 88% 0%,rgba(20,168,110,.06),transparent 60%),radial-gradient(45% 32% at 2% 100%,rgba(20,168,110,.035),transparent 58%)}:root[data-theme=light] input[type=date]{color-scheme:light}:root[data-theme=light] .auth-screen{background:radial-gradient(70% 50% at 50% 0%,rgba(63,207,138,.12) 0%,transparent 60%),var(--bg)}:root[data-theme=light] .auth-card{background:var(--surface)}:root[data-theme=light] .chart-bar{background:#14171014}:root[data-theme=light] .bd-track{background:#14171014}:root[data-theme=light] .segmented{background:var(--surface-2)}:root[data-theme=light] .segmented button.active{background:var(--surface)}:root[data-theme=light] .hero{border:1px solid var(--line-strong);background:radial-gradient(130% 110% at 100% 0%,rgba(20,168,110,.07),transparent 58%),linear-gradient(165deg,#fff,#eef3ef);box-shadow:var(--shadow);color:var(--ink);--h-accent: #14a86e;--h-faint: rgba(20, 23, 16, .6);--h-muted: rgba(20, 23, 16, .72)}:root[data-theme=light] .hero-stat{background:#14171009;border:1px solid var(--line)}:root[data-theme=light] .hero-vs.up,:root[data-theme=light] .hero-stat-value.neg,:root[data-theme=light] .hero-budget-remaining.over{color:var(--neg)}:root[data-theme=light] .hero-vs.up{background:#d6452f1a}:root[data-theme=light] .hero-vs.down{background:#14a86e1f}:root[data-theme=light] .hero-vs.same{background:#1417100f}:root[data-theme=light] .hero-budget-remaining.warn{color:var(--warn)}:root[data-theme=light] .hero-track{background:#14171014}:root[data-theme=light] .hero-setbudget{border-color:#14171033;background:#14171008}:root[data-theme=light] .banner-error{color:#b5331f}.theme-toggle{display:inline-flex;border-radius:999px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);padding:3px;gap:2px}.theme-toggle button{display:inline-flex;align-items:center;gap:5px;border:none;background:none;color:var(--muted);font:700 12.5px var(--font-body);padding:6px 11px;border-radius:999px;transition:all .14s}.theme-toggle button.active{background:var(--brand);color:var(--brand-ink)}