:root{--bg:#050506;--surface:#0c0b08;--surface-2:#16130b;--panel:linear-gradient(180deg, #f5b81c12, #f5b81c04);--line:#f5b81c21;--line-strong:#f5b81c80;--text:#f4efe2;--muted:#a39a82;--dim:#50493a;--gold:#f5b81c;--gold-light:#ffd75e;--gold-deep:#b07d06;--gold-gradient:linear-gradient(180deg, #ffd75e 0%, #f5b81c 55%, #c98a06 100%);--gold-glow:0 0 18px #f5b81c59;--blue:#1e7bff;--blue-light:#5aa8ff;--blue-glow:0 0 16px #1e7bff73;--accent:var(--gold);--danger:#ff4d4f;--positive:#3ddc84;--row-h:44px;--radius:12px;--font:"Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Oswald", "Barlow", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:15.5px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{opacity:.4;cursor:default}.app{background-color:var(--bg);max-width:480px;height:100%;box-shadow:0 0 0 1px var(--line);background-image:radial-gradient(90% 45% at 85% -8%,#f5b81c29,#0000 70%),radial-gradient(80% 40% at 0 105%,#1e7bff1f,#0000 70%),radial-gradient(1px 1px at 23px 41px,#ffd75e8c,#0000),radial-gradient(1px 1px at 131px 97px,#ffd75e59,#0000),radial-gradient(1.5px 1.5px at 187px 23px,#ffd75e73,#0000),radial-gradient(1px 1px at 77px 163px,#5aa8ff59,#0000),radial-gradient(1px 1px at 211px 181px,#ffd75e4d,#0000);background-size:100% 100%,100% 100%,240px 220px,240px 220px,240px 220px,240px 220px,240px 220px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent;flex:1;min-height:0;overflow-y:auto}.muted{color:var(--muted)}.dim{color:var(--dim)}.neg{color:var(--danger)}.pos{color:var(--positive)}.strong{color:var(--gold);font-weight:700}.small{font-size:13px}.right{text-align:right}.center{text-align:center}.block{display:block}.pad-y{padding:16px 0}.inline{align-items:center;gap:4px;display:inline-flex}.icon-btn{min-width:40px;height:40px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.icon-btn:active{background:#f5b81c1f}.icon-btn.danger{color:var(--danger)}.kind-icon{color:#050506;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 0 8px #f5b81c26}.kind-icon.faded{color:#6b6350;box-shadow:none}.kind-icon.forecast{border:1.5px dashed var(--blue);color:var(--blue-light);box-shadow:none;background:0 0}.dots-icon{color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.month-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px;display:flex}.stepper{justify-content:center;align-items:center;gap:8px;display:flex}.stepper .icon-btn{color:var(--gold)}.month-stepper span{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;text-align:center;background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;min-width:104px;font-size:26px;font-weight:600}.pill-stepper{border:1px solid var(--line-strong);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;background:var(--panel);border-radius:10px;justify-content:space-between;margin:12px 16px;font-size:17px;box-shadow:inset 0 0 14px #f5b81c14}.topbar{border-bottom:1px solid var(--line);align-items:center;min-height:62px;padding:0 8px;display:flex}.topbar>.icon-btn{color:var(--gold)}.topbar-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;flex:1;padding-left:6px;font-size:22px;font-weight:600}.topbar-title.pad{padding-left:14px}.topbar-title .stepper{justify-content:flex-start}.topbar-title .month-stepper span{min-width:84px;font-size:22px}.topbar-right{display:flex}.topbar-right .icon-btn:not(.danger){color:var(--gold)}.saldos-head{border-bottom:1px solid var(--line);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.8px;grid-template-columns:56px 1fr auto;align-items:center;gap:8px;padding:8px 12px 8px 16px;font-size:13px;display:grid}.pill{border:1px solid var(--line-strong);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;background:var(--panel);border-radius:10px;align-items:center;gap:8px;width:max-content;padding:7px 14px;font-size:15px;display:inline-flex;box-shadow:inset 0 0 12px #f5b81c0f}.pill svg{color:var(--gold)}.filter-bar{border-bottom:1px solid var(--line);padding:10px 16px}.filter-bar .pill{width:100%}.filter-bar .pill span:nth-child(2){flex:1}.day-row{width:100%;height:var(--row-h);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:52px 30px 1fr 46%;align-items:stretch;display:grid}.day-row>span{align-items:center;display:flex}.day-num{font-family:var(--font-display);color:var(--muted);border-right:1px solid var(--line);justify-content:center;font-size:16px}.day-row.today .day-num{background:var(--gold-gradient);color:#050506;box-shadow:var(--gold-glow);font-weight:700}.day-row.today{border-bottom-color:var(--line-strong)}.day-icon{justify-content:center}.day-amount{justify-content:flex-end;padding-right:12px;font-weight:500}.day-amount.dim{color:var(--dim)}.day-balance{font-family:var(--font-display);letter-spacing:.3px;justify-content:flex-end;padding-right:12px;font-size:16.5px;font-weight:500}.tone-yellow{color:var(--gold-light);background:linear-gradient(90deg,#f5b81c0d,#f5b81c33);box-shadow:inset 2px 0 #f5b81c73}.tone-green{background:var(--gold-gradient);color:#1a1203;font-weight:600!important}.tone-greenDeep{color:#fff;box-shadow:var(--blue-glow);background:linear-gradient(#4aa3ff 0%,#1e7bff 60%,#1159c9 100%);font-weight:600!important}.tone-red{color:#ff8a8b;background:linear-gradient(90deg,#ff4d4f0f,#ff4d4f3d);box-shadow:inset 2px 0 #ff4d4f99}.tone-redDeep{color:#fff;background:linear-gradient(#d4343d,#8e1c26)}.horizon-head{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.horizon-month{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:10px 0}.horizon-month.first{color:var(--gold-light);box-shadow:inset 0 -2px 0 var(--gold);background:linear-gradient(#0000,#f5b81c24)}.horizon-grid{grid-template-columns:repeat(3,1fr);align-content:start;display:grid}.horizon-col{border-right:1px solid var(--line)}.horizon-cell{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:32px 1fr;height:40px;display:grid}.horizon-day{color:var(--muted);font-family:var(--font-display);justify-content:center;align-items:center;font-size:14px;display:flex}.horizon-cell.today .horizon-day{background:var(--gold-gradient);color:#050506;font-weight:700}.horizon-val{font-family:var(--font-display);justify-content:flex-end;align-items:center;padding-right:8px;font-size:15px;display:flex}.bottom-nav{border-top:1px solid var(--line-strong);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#0b0a07,#050506);grid-template-columns:repeat(5,1fr);align-items:center;display:grid;box-shadow:0 -8px 24px #0009}.tab{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.8px;color:var(--muted);border-top:2px solid #0000;flex-direction:column;align-items:center;gap:3px;margin-top:-1px;padding:10px 0 8px;font-size:12.5px;display:flex}.tab.active{color:var(--gold);border-top-color:var(--gold);text-shadow:0 0 10px #f5b81c80;background:linear-gradient(#f5b81c24,#0000 80%)}.tab.active svg{filter:drop-shadow(0 0 6px #f5b81c99)}.fab{background:var(--gold-gradient);color:#050506;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 0 4px #f5b81c1f,0 0 22px #f5b81c8c}.sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#000000b3;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:absolute;inset:0}.sheet{border:1px solid var(--line-strong);width:100%;max-height:85%;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#13100a,#070706 40%);border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;animation:.2s ease-out rise;display:flex;box-shadow:0 -10px 40px #f5b81c1f}.sheet-head{border-bottom:1px solid var(--line);align-items:center;padding:14px 10px 14px 24px;display:flex}.sheet-head h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;flex:1;margin:0;font-size:22px;font-weight:600}.sheet-head .icon-btn{color:var(--gold)}.sheet-body{overflow-y:auto}.sheet-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;width:100%;padding:15px 24px;display:flex}.sheet-row:active{background:#f5b81c0f}.sheet-row-text{flex-direction:column;flex:1;gap:2px;display:flex}.sheet-row-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4px;flex:1;font-size:17px;font-weight:500}.sheet-row-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:inline-flex}.btn-primary.sheet-btn{width:calc(100% - 48px);margin:16px 24px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.5;transform:translateY(40px)}}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);align-items:center;gap:10px;padding:24px 20px 10px;font-size:14px;font-weight:500;display:flex}.section-label:after{content:"";background:linear-gradient(90deg, var(--line-strong), transparent);flex:1;height:1px}.metric-row{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);justify-content:space-between;align-items:center;width:calc(100% - 32px);margin:0 16px 10px;padding:16px 18px;display:flex;box-shadow:inset 0 0 22px #f5b81c0f,0 0 14px #f5b81c0d}.metric-left,.metric-right{flex-direction:column;gap:6px;display:flex}.metric-right{text-align:right;align-items:flex-end}.metric-right>span:first-child{font-family:var(--font-display);letter-spacing:.3px;font-size:22px;font-weight:600}.metric-right>.muted{font-size:13px}.metric-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;font-size:17px;font-weight:500}.formula{color:var(--muted);align-items:center;gap:2px;display:inline-flex}.formula-part{align-items:center;gap:2px;display:inline-flex}.formula-sep{padding:0 1px}.savings-bar{align-items:center;gap:6px;width:140px;display:inline-flex}.savings-bar .bar{border:1px solid var(--line-strong);background:#0006;border-radius:999px;flex:1;height:10px;position:relative;overflow:hidden}.bar-fill{background:var(--gold-gradient);box-shadow:var(--gold-glow);border-radius:999px;position:absolute;inset:0 auto 0 0}.bar-goal{background:var(--blue-light);width:2px;box-shadow:var(--blue-glow);position:absolute;top:0;bottom:0}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;width:100%;padding:15px 20px;font-weight:500;display:flex}.list-row>span:last-child:not(.list-row-title){font-family:var(--font-display);font-size:17px}.list-row.static{cursor:default}.list-row-title{flex:1}.big-number{font-family:var(--font-display);letter-spacing:.3px;background:var(--gold-gradient);color:#0000;filter:drop-shadow(0 0 12px #f5b81c40);-webkit-background-clip:text;background-clip:text;padding:4px 20px 10px;font-size:46px;font-weight:700}.big-number.neg{background:linear-gradient(#ff8a8b,#d4343d);-webkit-background-clip:text;background-clip:text}.month-row{border-bottom:1px solid var(--line);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:18px 20px;font-size:17px;display:flex}.month-row .muted{font-family:var(--font);text-transform:none;font-size:13.5px}.month-block{border-bottom:1px solid var(--line);padding:16px 20px}.month-block-head{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;margin-bottom:10px;font-size:17px;display:flex}.savings-detail{padding:0 20px 16px}.month-block .savings-detail{padding:0}.savings-detail .savings-bar{width:100%}.savings-legend{justify-content:space-between;margin-top:10px;display:flex}.savings-legend>span{font-family:var(--font-display);flex-direction:column;gap:2px;font-size:16px;display:flex}.savings-legend .muted{font-family:var(--font);font-size:13px}.savings-legend .right{align-items:flex-end}.collapsible{border-bottom:1px solid var(--line)}.collapsible-head{width:100%;color:var(--muted);justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;display:flex}.collapsible-head svg{color:var(--gold);transition:transform .15s}.collapsible.open .collapsible-head svg{transform:rotate(180deg)}.collapsible-body{color:var(--muted);padding:0 20px 16px;line-height:1.5}.form .collapsible{margin:0 -24px}.form .collapsible-head,.form .collapsible-body{padding-left:24px;padding-right:24px}.tx-row{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;width:100%;padding:15px 20px;display:flex}.tx-row:active{background:#f5b81c0d}.tx-line{align-items:center;gap:8px;display:flex}.tx-line.sub{justify-content:space-between;font-size:14px}.tx-title{flex:1;font-size:16px;font-weight:600}.tx-amount{font-family:var(--font-display);color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px}.tx-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{color:#fff;border-radius:6px;padding:3px 9px;font-size:12.5px;font-weight:600;display:inline-block}.tag-chip.big{background:0 0;border:1.5px solid;padding:7px 12px;font-size:14px}.list-total{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin:14px 16px;padding:14px 18px;font-size:18px;display:flex}.list-total>span:last-child{color:var(--gold)}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:18px;padding:64px 40px;line-height:1.5;display:flex}.empty.small{padding:28px 24px}.circle-plus{border:1px solid var(--line-strong);width:64px;height:64px;color:var(--gold);box-shadow:var(--gold-glow);border-radius:50%;justify-content:center;align-items:center;display:flex}.form{flex-direction:column;gap:18px;padding:16px 24px 24px;display:flex}.sheet .form{padding:20px 24px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--gold);font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;font-size:13px}.field-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:17px;font-weight:500}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field input,.field select{border:1px solid var(--line);background:#0c0b08d9;border-radius:10px;outline:none;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f5b81c26}.field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(76%)sepia(60%)saturate(800%)hue-rotate(359deg)}.money-input.big{font-family:var(--font-display);color:var(--gold-light);padding:12px 14px;font-size:32px;font-weight:600}.kind-tabs{scrollbar-width:none;gap:8px;margin:0 -24px;padding:0 24px 2px;display:flex;overflow-x:auto}.kind-tab{border:1px solid var(--line);white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:inline-flex}.kind-tab.active{color:var(--text);background:var(--panel);box-shadow:inset 0 0 12px #f5b81c1a}.toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.toggle-row>span{flex-direction:column;gap:2px;font-size:13px;display:flex}.toggle-title{color:var(--text);font-size:15.5px;font-weight:600}.switch{appearance:none;background:var(--surface-2);border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:46px;height:26px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch:checked{background:#f5b81c40}.switch:checked:after{background:var(--gold-gradient);box-shadow:var(--gold-glow);transform:translate(20px)}.tag-picker{flex-wrap:wrap;gap:8px;display:flex}.form-footer{padding:12px 24px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.btn-primary{background:var(--gold-gradient);color:#120c01;width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;text-align:center;border-radius:10px;padding:14px;font-size:18px;font-weight:600;box-shadow:0 0 22px #f5b81c4d}.btn-primary:disabled{box-shadow:none}.btn-ghost{text-align:center;width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.8px;padding:12px}.btn-ghost.danger{color:var(--danger)}.counter{border:1px solid var(--line-strong);font-family:var(--font-display);background:var(--panel);border-radius:10px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:22px;display:flex}.counter .icon-btn{color:var(--gold)}.search{border:1px solid var(--line);color:var(--gold);background:#0c0b08d9;border-radius:10px;align-items:center;gap:10px;margin:12px 16px 6px;padding:2px 14px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1;padding:10px 0}.tag-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:10px 12px 10px 20px;display:flex}.tag-row>svg:first-child{color:var(--gold)}.tag-swatch{border-radius:3px 6px 6px 3px;flex-shrink:0;width:18px;height:12px}.tag-name{flex:1;font-weight:600}.color-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.color-opt{border:2px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.color-opt.on{border-color:var(--gold);box-shadow:var(--gold-glow)}.profile{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);margin:20px 16px 8px;padding:22px 20px;box-shadow:inset 0 0 26px #f5b81c12}.profile h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:30px;font-weight:600}.badge{color:var(--blue-light);background:#1e7bff24;border:1px solid #1e7bff99;border-radius:6px;margin-top:12px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.menu-row{border-bottom:1px solid var(--line);width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:14px;padding:18px 22px;font-size:17px;display:flex}.menu-row>svg:first-child{color:var(--gold)}.menu-row span{flex:1}.menu-row>svg:last-child{color:var(--dim)}.action-row{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;width:100%;padding:18px 22px;line-height:1.4;display:flex}.action-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;color:var(--gold);font-size:17px}.prose{padding:8px 22px 40px;line-height:1.55}.prose h1{font-family:var(--font-display);text-transform:uppercase;margin:12px 0 18px;font-size:28px;font-weight:700;line-height:1.1}.prose h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;color:var(--gold);margin:0 0 8px;font-size:18px;font-weight:500}.prose p{color:#d9d2bf;margin:0}.prose .dash{background:linear-gradient(90deg, var(--line-strong), transparent);color:#0000;height:1px;margin:18px 0}