:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e3e6eb;--text: #16191f;--muted: #6b7280;--accent: #0f766e;--accent-text: #ffffff;--danger: #b91c1c;--positive: #15803d;--warning-bg: #fef9c3;--warning-border: #facc15;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--surface: #171a21;--border: #2a2f3a;--text: #e6e8ec;--muted: #9aa3b2;--accent: #2dd4bf;--accent-text: #0f1115;--danger: #f87171;--positive: #4ade80;--warning-bg: #3a2f0b;--warning-border: #a16207;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:1.5rem;margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:0}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn,.btn-ghost{font:inherit;border-radius:8px;padding:8px 14px;cursor:pointer;border:1px solid transparent}.btn{background:var(--accent);color:var(--accent-text)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn:disabled,.btn-ghost:disabled{opacity:.6;cursor:default}input{font:inherit;width:100%;padding:8px 10px;margin-top:4px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.login{width:100%;max-width:360px;display:grid;gap:14px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:16px}.brand{font-weight:700;font-size:1.1rem}.sidebar nav{display:grid;gap:2px}.nav-link{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px}.nav-link:hover{background:var(--bg)}.nav-link.active{background:var(--accent);color:var(--accent-text)}.sidebar-footer{margin-top:auto;display:grid;gap:8px}.content{padding:24px;min-width:0}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tile{display:grid;gap:6px}.tile-value{font-size:1.4rem;font-variant-numeric:tabular-nums}@media (max-width: 720px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.sidebar nav{grid-auto-flow:column;overflow-x:auto}.content{padding:16px}}h2{font-size:1.05rem;margin:0 0 8px}main>h2{margin:24px 0 12px}select,textarea{font:inherit;width:100%;padding:8px 10px;margin-top:4px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}label{display:block;font-size:.9rem}.month-picker,.page-header select{width:auto;margin:0}.row{display:flex;align-items:center;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.gap-sm{gap:8px}.toggle{display:flex;margin:12px 0;cursor:pointer}.toggle input{width:auto;margin:0}.stack{display:grid;gap:12px}.form{display:grid;gap:12px;margin:16px 0}.grid-2,.grid-3,.grid-4,.grid-5{display:grid;gap:12px;align-items:end}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.span-3{grid-column:span 3}.align-end{display:flex;align-items:flex-end}.two-col,.three-col{display:grid;gap:16px;align-items:start}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col>.form{margin:0}.tiles+.form,.tiles+.card,.warning+.card{margin-top:16px}.table-wrap{overflow-x:auto;margin:16px 0}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:8px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-weight:600;color:var(--muted)}.num{text-align:right!important;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}.kind-income{color:var(--positive)}.kind-expense{color:var(--danger)}.warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius);padding:10px 14px;margin:12px 0}.danger{color:var(--danger)}.link{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer}.link.danger{color:var(--danger)}.btn-ghost.small,.link.small{font-size:.8rem}.btn-ghost.small{padding:4px 10px}a.btn-ghost{text-decoration:none;display:inline-block}.archived{opacity:.55}.tabs{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tab{font:inherit;font-size:.85rem;padding:6px 12px;background:transparent;color:var(--text);border:none;cursor:pointer}.tab.active{background:var(--accent);color:var(--accent-text)}.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}fieldset.step{border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin:0;display:grid;gap:10px}fieldset.step legend{font-size:.85rem;color:var(--muted);padding:0 4px}.route summary{cursor:pointer;list-style:none}.route summary::-webkit-details-marker{display:none}.route[open] summary{margin-bottom:12px}.route-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cost{color:var(--danger);font-weight:600}.onboarding{border-color:var(--accent);margin-top:0}@media (max-width: 900px){.grid-4,.grid-5,.three-col,.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3{grid-column:span 2}}@media (max-width: 560px){.grid-2,.grid-3,.grid-4,.grid-5,.three-col,.two-col{grid-template-columns:1fr}.span-3{grid-column:auto}}.status-paid{color:var(--positive)}.status-overdue{color:var(--danger);border-color:var(--danger)}.status-skipped{color:var(--muted)}.pay-form{padding:8px 0}.progress{height:8px;border-radius:999px;background:var(--bg);border:1px solid var(--border);overflow:hidden;margin:12px 0}.progress>div{height:100%;background:var(--accent)}.facts{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.9rem;margin-bottom:8px}.debt .tile-value{font-size:1.2rem}.rule{display:grid;gap:6px;margin:12px 0}.bar{position:relative;height:12px;border-radius:999px;background:var(--bg);border:1px solid var(--border)}.bar-fill{height:100%;border-radius:999px}.bar-fill.ok{background:var(--positive)}.bar-fill.over{background:var(--danger)}.bar-mark{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text)}.goal-card{display:grid;gap:10px}.goal-card .facts{margin-bottom:0}.slider{width:100%;margin:8px 0}.negative{color:var(--danger)}:root{--bg: #f3f6fc;--surface: #ffffff;--surface-2: #f8faff;--border: #e4e9f5;--text: #1d2440;--muted: #6b7697;--accent: #6c5ce7;--accent-2: #00b4d8;--accent-text: #ffffff;--accent-soft: #ece9ff;--positive: #12b76a;--positive-soft: #e7f8ef;--danger: #f04438;--danger-soft: #feeceb;--warning-bg: #fff7de;--warning-border: #f5c542;--radius: 18px;--shadow: 0 6px 22px rgba(40, 52, 110, .08);font-size:16px;line-height:1.5}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #111528;--surface: #1b2140;--surface-2: #222a4d;--border: #2f3862;--text: #eef1ff;--muted: #a3acd0;--accent: #8f83ff;--accent-2: #3fd3ef;--accent-soft: #2a2c5c;--positive: #4ade80;--positive-soft: #163a2a;--danger: #ff7b72;--danger-soft: #431d24;--warning-bg: #3d3414;--warning-border: #a16207;--shadow: 0 6px 22px rgba(0, 0, 0, .35)}}body{background:linear-gradient(160deg,#eef2ff,#f3f6fc 45%,#e9fbff) fixed,var(--bg);min-height:100vh}h1{font-size:1.75rem;font-weight:800;letter-spacing:-.01em}h2{font-size:1.15rem;font-weight:700}.card{background:var(--surface);border:none;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.tile{position:relative;overflow:hidden;padding:18px 18px 18px 22px}.tile:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(var(--accent),var(--accent-2))}.tile-value{font-size:1.5rem;font-weight:800}.tiles{gap:16px}.sidebar{background:linear-gradient(180deg,#2d2a6e,#3b3f9e);color:#f1f3ff;border:none;padding:22px 14px}.sidebar .muted{color:#c9cdf5}.brand{font-size:1.2rem;font-weight:800;padding:0 10px 8px;color:#fff}.nav-link{display:flex;align-items:center;gap:10px;color:#e4e7ff;border-radius:14px;padding:10px 12px;font-weight:600;transition:background .15s,transform .15s}.nav-link:hover{background:#ffffff1f;transform:translate(2px)}.nav-link.active{background:#fff;color:#2d2a6e;box-shadow:0 4px 12px #00000026}.nav-icon{font-size:1.1rem;width:1.5rem;text-align:center}.sidebar-footer .btn-ghost{background:#ffffff24;color:#fff;border-color:transparent}.btn,.btn-ghost{border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s}.btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 16px #6c5ce74d}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #6c5ce761}.btn-ghost{background:var(--accent-soft);color:var(--accent);border-color:transparent}.btn-ghost:hover:not(:disabled){filter:brightness(.97)}.btn-ghost.small,.link.small{font-size:.85rem}.btn-ghost.danger,.link.danger{background:var(--danger-soft);color:var(--danger)}.link{font-weight:600;color:var(--accent)}.link:hover{text-decoration:underline}input,select,textarea{border-radius:12px;border:1.5px solid var(--border);background:var(--surface-2);padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}label{font-weight:600;font-size:.9rem;color:var(--text)}.form{gap:16px}.toggle{font-weight:600}.table-wrap{border-radius:var(--radius)}.table th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);border-bottom:none;padding:10px 12px}.table td{border-bottom:1px solid var(--border);padding:12px}.table tbody tr:hover{background:var(--surface-2)}.badge{border:none;background:var(--accent-soft);color:var(--accent);font-weight:700;padding:3px 10px}.kind-income,.status-paid{background:var(--positive-soft);color:var(--positive)}.kind-expense,.status-overdue{background:var(--danger-soft);color:var(--danger);border-color:transparent}.status-skipped{background:var(--surface-2)}.warning{border:none;border-radius:var(--radius);padding:14px 18px;font-weight:600}.warning:before{content:"⚠️ "}.onboarding{background:linear-gradient(135deg,#fff,#eef0ff);border:2px dashed var(--accent)}.empty,.card.muted{text-align:center;padding:28px}.progress,.bar{height:14px;border-radius:999px;border:none;background:var(--accent-soft)}.progress>div,.bar-fill.ok{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.bar-fill.over{background:linear-gradient(90deg,#f79009,var(--danger))}.bar-mark{background:var(--text);width:3px;opacity:.7}.goal-card,.debt{border:none}.facts span{background:var(--surface-2);border-radius:999px;padding:4px 12px}.route summary{border-radius:12px}fieldset.step{border:1.5px dashed var(--border);border-radius:16px;background:var(--surface-2)}.tabs{border-radius:999px;background:var(--surface-2);border:1px solid var(--border);padding:3px}.tab{border-radius:999px}.tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.page-header{margin-bottom:24px}.page-header>div{display:grid;gap:2px}@media (max-width: 720px){.sidebar{padding:12px}.nav-link{white-space:nowrap;padding:8px 12px}.card{padding:16px}h1{font-size:1.45rem}}