:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--border: #2a2f3a;--text: #e8eaef;--muted: #8b93a3;--accent: #3ddc97;--accent-ink: #062016;--danger: #ff6b6b;--income: #3ddc97;--fixed: #f5a524;--daily: #5aa9ff;--radius: 14px;--font: "Manrope", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}body{min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,#1a2a24 0%,transparent 60%),var(--bg)}h1{font-size:1.8rem;font-weight:800;margin:0;letter-spacing:-.02em}h2{font-size:1.05rem;margin:0 0 .75rem;font-weight:700}a{color:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85rem}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.shell{max-width:1100px;margin:0 auto;padding:0 1rem 3rem}.topbar{display:flex;align-items:center;gap:1rem;padding:1rem 0;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;flex-wrap:wrap}.topbar nav{display:flex;gap:.25rem;flex:1}.topbar nav a{text-decoration:none;padding:.5rem .85rem;border-radius:999px;color:var(--muted);font-weight:600}.topbar nav a.active{background:var(--surface-2);color:var(--text)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:800}.brand.big{font-size:1.5rem}.dot{width:12px;height:12px;border-radius:4px;background:var(--accent);box-shadow:0 0 16px var(--accent)}.stack{display:flex;flex-direction:column;gap:1.25rem;padding-top:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.row.wrap{flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--muted);font-weight:700}button,.button{font:inherit;cursor:pointer;border-radius:10px;padding:.65rem 1.1rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-decoration:none;display:inline-block;text-align:center}button.primary,.button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:800}button.ghost{background:transparent}button.icon{padding:.2rem .6rem;font-size:1.2rem;line-height:1}button:disabled{opacity:.6}input,select{font:inherit;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.65rem .8rem}input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);border-color:transparent}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted);font-weight:600}label.check{flex-direction:row;align-items:center;gap:.5rem}label.check input{width:auto;accent-color:var(--accent)}.error{color:var(--danger);font-size:.9rem}.login{width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.login p{margin:0}.hero{display:flex;flex-direction:column;gap:.9rem;border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface))}.hero .button{align-self:flex-start}.hero-text{font-size:clamp(1.15rem,3vw,1.7rem);margin:0;line-height:1.4;font-weight:600}.pill{color:var(--accent);white-space:nowrap}.hero.neg{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 12%,var(--surface)),var(--surface))}.hero.neg .pill{color:var(--danger)}.bar{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .4s}.neg .bar span{background:var(--danger)}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.stat{display:flex;flex-direction:column;gap:.5rem}.big-num{font-size:1.9rem;font-weight:500}.stat.pos .big-num{color:var(--accent)}.stat.neg .big-num{color:var(--danger)}.rows{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem}.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.cat{display:flex;flex-direction:column;gap:.4rem;padding:.85rem;background:var(--surface-2);border-radius:10px}.cat.neg .mono{color:var(--danger)}.month-nav{display:flex;align-items:center;gap:.5rem;font-weight:700}.month-nav span{min-width:9rem;text-align:center}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;align-items:start}.plan-grid h2{margin:0}.plan-grid .card>.row{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.section-INCOME>.row{border-color:var(--income)!important}.section-FIXED>.row{border-color:var(--fixed)!important}.section-DAILY>.row{border-color:var(--daily)!important}.plan-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem 0}.money-input{display:flex;align-items:center;gap:.35rem;width:8.5rem;flex-shrink:0}.money-input input{text-align:right;font-family:var(--mono);padding:.45rem .6rem}.tag{font-style:normal;font-size:.7rem;margin-left:.4rem;padding:.1rem .4rem;border-radius:6px;background:var(--surface-2);color:var(--fixed)}.tx-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end}.tx-form .full{grid-column:1 / -1}.tx-list{list-style:none;padding:0;margin:.5rem 0 0}.tx-list li{display:grid;grid-template-columns:5.5rem 1fr auto auto;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border)}.tx-list li:last-child{border-bottom:none}@media (max-width: 600px){.topbar nav{order:3;flex-basis:100%;overflow-x:auto}.topbar .brand{flex:1}.tx-list li{grid-template-columns:1fr auto auto}.tx-list li>:first-child{grid-column:1 / -1}}.plan-row .cat-name,.plan-row .name-input{flex:1;min-width:0}.plan-row .name-input{padding:.4rem .6rem}.row-actions{display:flex;gap:.15rem;opacity:.55;transition:opacity .15s}.plan-row:hover .row-actions,.row-actions:focus-within{opacity:1}button.icon{background:transparent;border:none;padding:.3rem .45rem;font-size:.95rem;line-height:1;color:var(--muted)}button.icon:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}button.icon.danger:hover{color:var(--danger)}.add-btn{width:100%;margin-top:.6rem;border-style:dashed;color:var(--muted)}.add-btn:hover{color:var(--text)}.add-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border)}.add-form>input{flex:1 1 10rem}.add-actions{display:flex;gap:.5rem;width:100%}@media (hover: none){.row-actions{opacity:1}}.balance{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800}.pos-text{color:var(--accent)}.neg-text{color:var(--danger)}