:root{--bg: #0b0c10;--card: #121317;--text: #e6e6e6;--muted: #9aa0a6;--accent: #4f46e5;--accent-2: #06b6d4;--danger: #ef4444;--ok: #10b981;--border: #2a2d35;--divider: #262a33;--input-bg: #0f1116;--badge-bg: #1c1f27;--segment-bg: #0f1116;--hero-start: #dc2676;--hero-end: #a22cc1}:root[data-theme=light]{--bg: #f8fafc;--card: #ffffff;--text: #0b1020;--muted: #55627a;--accent: #4f46e5;--accent-2: #06b6d4;--danger: #dc2626;--ok: #059669;--border: #e5e7eb;--divider: #e6e8ef;--input-bg: #ffffff;--badge-bg: #f3f4f6;--segment-bg: #f3f4f6;--hero-start: #fda4af;--hero-end: #a78bfa}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.container{max-width:980px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.3px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 6px 24px #00000040}.row{display:flex;gap:12px;flex-wrap:wrap}.col{flex:1 1 280px}input,select,button,textarea{font:inherit;color:inherit}.input,.select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text)}.button{padding:10px 14px;border:1px solid var(--border);background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:10px;color:#fff;cursor:pointer;transition:transform .06s ease}.button.secondary{background:transparent;color:var(--text)}.button:active{transform:translateY(1px)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--divider);text-align:left}.badge{padding:2px 8px;border-radius:999px;background:var(--badge-bg);border:1px solid var(--border);font-size:12px;color:var(--muted)}.footer{margin-top:24px;font-size:12px;color:var(--muted);text-align:center}.subheader{display:flex;align-items:center;justify-content:space-between;gap:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#1c1f27;border:1px solid #2a2d35;font-size:12px;color:var(--muted)}.controls{display:flex;flex-wrap:wrap;gap:8px}.segment{display:inline-flex;border:1px solid var(--border);background:var(--segment-bg);border-radius:10px;overflow:hidden}.segment button{padding:8px 12px;background:transparent;border:none;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.segment button.active{color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:translateY(-1px)}.progress{height:10px;background:var(--badge-bg);border:1px solid var(--border);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.amount.expense{color:var(--danger);font-weight:600}.amount.income{color:var(--ok);font-weight:600}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px}.layout{display:grid;grid-template-columns:320px 1fr;gap:16px}.layout.right{grid-template-columns:1fr 360px}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px;height:fit-content}.content{display:flex;flex-direction:column;gap:12px}.tabs{display:inline-flex;gap:6px;border:1px solid #2a2d35;padding:4px;border-radius:12px;background:#0f1116}.tabs .tab{background:transparent;color:var(--muted);padding:8px 12px;border:none;border-radius:8px;cursor:pointer}.tabs .tab.active{color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.kpi{background:var(--card);border:1px solid #22252b;border-radius:14px;padding:16px}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:28px;font-weight:700}.table thead th{position:sticky;top:0;background:var(--card);z-index:1}.table tbody tr:hover{background:color-mix(in oklab,var(--card) 92%,var(--text) 8%)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.scroll{border:1px solid var(--border);border-radius:12px}.hero{background:linear-gradient(180deg,var(--hero-start),var(--hero-end));border-radius:16px;padding:16px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.hero-top{display:flex;align-items:center;justify-content:space-between}.hero-title{font-weight:700;letter-spacing:.3px}.month-scroller{display:flex;gap:12px;margin-top:12px;overflow-x:hidden;padding-bottom:4px}.month-scroller{scroll-snap-type:x mandatory}.month-scroller>.month-chip{scroll-snap-align:start}.month-scroller::-webkit-scrollbar{display:none}.month-scroller{-ms-overflow-style:none;scrollbar-width:none}.scroller-wrap{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:8px}.nav-arrow{background:#ffffff26;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:12px;height:28px;width:28px;cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 8px #00000026}.nav-arrow:disabled{opacity:.35;cursor:not-allowed}.month-chip{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 12px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}.month-chip.active{background:#fff;color:#111;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.mini-bars{width:44px;height:90px;pointer-events:none}.chip-label{font-size:12px}.chip-label .chip-sub{display:block;font-size:10px;opacity:.8}.legend{display:flex;gap:16px;align-items:center;margin-top:12px}.legend-item{display:inline-flex;gap:6px;align-items:center;opacity:.7;cursor:pointer}.legend-item.active{opacity:1}.dot{width:8px;height:8px;border-radius:999px;display:inline-block}.dot.income{background:#10b981}.dot.spend{background:#2563eb}.metric-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.metric-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}.metric-title{font-size:14px;color:var(--muted)}.metric-value{font-size:22px;font-weight:700}.metric-cta{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between}.metric-sub{color:var(--muted);font-size:12px}.category-list{list-style:none;margin:0;padding:0}.category-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--divider)}.category-name{display:flex;align-items:center;gap:10px}.cat-dot{width:10px;height:10px;border-radius:999px}.category-amount{font-weight:600}