:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface-soft:#f1f5f9;--surface-muted:#e2e8f0;--ink:#020618;--ink-soft:#0f172b;--muted:#62748e;--line:#e2e8f0;--line-strong:#90a1b9;--accent:#0f172b;--accent-ink:#fff;--ok:#00714a;--warning:#f05100;--danger:#e40014;--shadow:0 8px 26px #0f172a14;--radius:10px}@supports (color:lab(0% 0 0)){:root{--bg:lab(100% 0 0);--surface:lab(100% 0 0);--surface-soft:lab(96.286% -.852436 -2.46847);--surface-muted:lab(91.7353% -.998765 -4.76968);--ink:lab(1.76974% 1.32743 -9.28855);--ink-soft:lab(7.78673% 1.82345 -15.0537);--muted:lab(48.0876% -2.03595 -16.5814);--line:lab(91.7353% -.998765 -4.76968);--line-strong:lab(65.5349% -2.25151 -14.5072);--accent:lab(7.78673% 1.82345 -15.0537);--ok:lab(41.3874% -44.9139 15.0072);--warning:lab(57.1026% 64.2584 89.8886);--danger:lab(48.4493% 77.4328 61.5452)}}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-shell{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--surface-soft) 72%, transparent), transparent 30rem), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:var(--surface);width:min(100%,420px);box-shadow:var(--shadow);border-radius:18px;padding:34px}.login-brand-mark,.app-mark{background:var(--ink);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:820;display:grid}.login-panel h1{margin:18px 0 8px;font-size:32px;line-height:1.12}.login-copy,.login-step-note,.field span,.status-text,.error-text,.metric-card small,.page-head p{color:var(--muted)}.login-flow{gap:14px;margin-top:24px;display:grid}.field{gap:7px;font-size:13px;font-weight:740;display:grid}.field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);outline:none;padding:12px 13px}.field input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--surface-muted) 65%, transparent)}.login-step-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);padding:12px;line-height:1.45}.error-text{color:var(--danger)}.primary-button,.secondary-button,.text-button,.icon-row-button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:10px 13px;font-size:13px;font-weight:780;display:inline-flex}.primary-button{background:var(--accent);color:var(--accent-ink)}.secondary-button{border-color:var(--line);background:var(--surface);color:var(--ink)}.text-button,.icon-row-button{color:var(--muted);background:0 0}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;height:100vh;padding:18px;display:flex;position:sticky;top:0}.sidebar-header{align-items:center;gap:12px;padding-bottom:22px;display:flex}.sidebar-header strong,.user-chip strong{font-weight:820;display:block}.sidebar-header span,.user-chip small,.nav-group-label,.shell-header p,.table-heading span{color:var(--muted);font-size:12px;font-weight:720}.nav-list{gap:8px;display:grid}.nav-group-label{text-transform:uppercase;margin:12px 8px 4px}.nav-item{border-radius:var(--radius);color:var(--muted);align-items:center;gap:10px;padding:10px 11px;font-weight:760;display:flex}.nav-item.active{background:var(--surface-soft);color:var(--ink)}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.user-chip{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;padding:10px;display:flex}.user-chip>span{background:var(--surface-soft);border-radius:9px;place-items:center;width:34px;height:34px;font-weight:820;display:grid}.app-content{background:var(--surface-soft);min-width:0}.shell-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.shell-header h1{margin:2px 0 0;font-size:24px}.shell-header p{margin:0}.header-pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-weight:780;display:inline-flex}.main{gap:18px;padding:28px;display:grid}.page-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.page-head h2{margin:0 0 6px;font-size:28px}.page-head p{margin:0}.action-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card,.table-panel,.settings-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-card{gap:7px;padding:18px;display:grid}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.metric-card strong{font-size:26px}.table-panel{overflow:hidden}.table-heading{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 18px;display:flex}.table-heading h3{margin:0}.expense-table{display:grid}.expense-row{border-bottom:1px solid var(--line);grid-template-columns:120px minmax(180px,1.5fr) minmax(140px,1fr) minmax(140px,1fr) 110px;align-items:center;gap:16px;padding:13px 18px;display:grid}.expense-row:last-child{border-bottom:0}.expense-header{background:var(--surface-soft);color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:820}.amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:820}.empty-state{padding:28px 18px}.empty-state p{color:var(--muted);margin:6px 0 0}.settings-card{gap:16px;max-width:680px;padding:20px;display:grid}.settings-card h2{margin:0 0 6px}.settings-card p{color:var(--muted);margin:0}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.page-head,.shell-header{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.expense-row{grid-template-columns:92px minmax(0,1fr) 96px}.expense-row span:nth-child(3),.expense-row span:nth-child(4){display:none}}