:root{--aqua-600:#61c0bf;--aqua-500:#7bd4d1;--mint-200:#bbded6;--mint-100:#e9f7f3;--peach-100:#fae3d9;--rose-300:#ffb6b9;--rose-500:#e95d91;--lemon-300:#ffe56a;--sky-100:#d8e7f3;--cloud:#f8fbfb;--surface:#fff;--ink:#364d58;--ink-soft:#60747c;--muted:#8aa0a8;--line:#e8f0ef;--line-strong:#d7e6e4;--shadow-soft:0 18px 52px #364d5821;--shadow-card:0 10px 26px #364d5814;--radius-card:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font);letter-spacing:0;background:linear-gradient(135deg,#d4e6f4 0%,#ecf5f4 52%,#fdf3ea 100%);margin:0;line-height:1.45;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.center-screen,.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-card,.auth-panel,.panel,.metric-card{border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fffffff5}.auth-panel{justify-items:start;gap:16px;width:min(430px,100%);padding:28px;display:grid}.auth-panel h1,.topbar h1,.panel h2,.onboarding h2{margin:0}.auth-panel p,.onboarding p,.caption,.empty{color:var(--muted)}.logo-mark{width:48px;height:48px;color:var(--ink);background:var(--lemon-300);border:3px solid #ffffff73;border-radius:50%;place-items:center;font-weight:800;display:grid;box-shadow:0 10px 24px #f4c74047}.product-frame{background:#ffffffe6;grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.rail{color:#fff;background:linear-gradient(#61c0bffa 0%,#61c0bfe6 54%,#88d3cfc7 100%);grid-template-rows:auto auto 1fr;gap:14px;height:100vh;padding:22px 16px;display:grid;position:sticky;top:0;box-shadow:10px 0 30px #364d5814}.rail .logo-mark{color:#fff;justify-self:center}.rail-title{color:#fff;text-align:center;justify-self:center;font-size:17px;font-weight:840;line-height:1.16}.rail-nav{align-content:start;gap:8px;margin-top:14px;display:grid}.rail-link{color:#ffffffe6;border-radius:18px;align-items:center;gap:10px;min-height:40px;padding:10px 12px;text-decoration:none;display:flex}.rail-link.active,.rail-link:hover{color:var(--aqua-600);background:#fff}.content{gap:18px;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.topbar input,.form-grid input,.form-grid select,.account-form input,.account-form select,.category-form input,.category-form select{min-width:0;min-height:38px;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-card);background:#fff;outline:none;padding:8px 10px}.topbar input:focus,.form-grid input:focus,.form-grid select:focus,.account-form input:focus,.account-form select:focus,.category-form input:focus,.category-form select:focus{border-color:var(--aqua-600);box-shadow:0 0 0 3px #61c0bf29}.btn{min-height:38px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:760;text-decoration:none;transition:transform .13s,box-shadow .13s,border-color .13s,background .13s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--aqua-600);box-shadow:var(--shadow-card);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.58}.btn.primary{color:#fff;background:var(--aqua-600);border-color:var(--aqua-600)}.btn.yellow{background:var(--lemon-300);border-color:var(--lemon-300)}.btn.ghost{color:var(--aqua-600);background:0 0}.btn.icon{width:38px;padding:0}.btn.large{min-width:220px}.btn.subtle{color:var(--muted);box-shadow:none;background:0 0;border:0}.message{color:#a8664f;background:var(--peach-100);border-radius:var(--radius-card);margin:0;padding:10px 12px}.google-slot{min-height:0}.google-slot.active{min-height:44px}.message.wide{width:100%}.chip{border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:780;display:inline-flex}.chip.mint{color:#268b89;background:var(--mint-100)}.chip.rose{color:#c44a75;background:#fff0f1}.chip.peach{color:#a8664f;background:var(--peach-100)}.chip.dark{color:#fff;background:var(--ink)}.onboarding{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:center;gap:20px;padding:22px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{gap:8px;min-height:126px;padding:18px;display:grid}.metric-card strong{color:var(--ink);font-size:24px;line-height:1.08}.metric-card.total{color:#fff;background:linear-gradient(160deg, #276b76, var(--aqua-600));border:3px solid var(--ink)}.metric-card.total .caption,.metric-card.total strong{color:#fff}.accounts-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.account-card{border:1px solid var(--line);border-radius:var(--radius-card);min-height:128px;box-shadow:var(--shadow-card);background:#fff;gap:8px;padding:18px;display:grid}.account-card h3{margin:0;font-size:18px}.account-card strong{font-size:22px}.panel{min-width:0;padding:18px}.panel.compact{min-height:128px}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start;gap:18px;display:grid}.dashboard-grid.bottom{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)}.category-bars{gap:12px;display:grid}.category-row{min-height:34px;color:var(--ink-soft);grid-template-columns:16px minmax(90px,150px) minmax(120px,1fr) minmax(90px,auto);align-items:center;gap:10px;font-size:14px;display:grid}.category-dot{border-radius:50%;width:12px;height:12px}.bar-track{background:#edf8f7;border-radius:999px;height:12px;overflow:hidden}.bar-track div{border-radius:999px;height:100%}.category-row strong{color:var(--ink);text-align:right}.form-grid,.account-form{gap:12px;display:grid}.form-grid label,.account-form label{color:var(--ink-soft);gap:6px;font-size:13px;font-weight:700;display:grid}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.segmented{background:var(--mint-100);border-radius:999px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.segmented button{min-height:32px;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;flex:92px;font-weight:780}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 8px 18px #364d5814}.transaction-list{gap:8px;display:grid}.transaction-row{border:1px solid var(--line);border-radius:var(--radius-card);background:#fbfdfd;grid-template-columns:38px minmax(0,1fr) auto 38px;align-items:center;gap:10px;min-height:54px;padding:8px;display:grid}.transaction-row div{gap:2px;min-width:0;display:grid}.transaction-row span,.transaction-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transaction-row div span{color:var(--muted);font-size:12px}.transaction-icon{width:34px;height:34px;color:var(--ink);background:var(--mint-100);border-radius:50%;place-items:center;display:grid}.transaction-icon.expense{color:#c44a75;background:#fff0f1}.transaction-icon.income{color:#268b89;background:var(--mint-100)}.transaction-icon.transfer{color:#a8664f;background:var(--peach-100)}.category-form{grid-template-columns:minmax(0,1fr) 120px 42px 38px;gap:8px;display:grid}.category-form input[type=color]{padding:4px}.chips-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.category-chip{max-width:100%;color:var(--ink-soft);border:1px solid var(--line);background:#fbfdfd;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;font-size:13px;font-weight:700;display:inline-flex}.category-chip i{border-radius:50%;width:10px;height:10px}.category-chip button{width:18px;height:18px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid}.empty{margin:0;padding:12px 0}@media (max-width:1080px){.product-frame{grid-template-columns:78px minmax(0,1fr)}.rail-title,.rail-link{font-size:0}.rail-link{justify-content:center;padding:10px}.dashboard-grid,.dashboard-grid.bottom,.onboarding{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.product-frame{grid-template-columns:1fr}.rail{grid-template-columns:auto 1fr;height:auto;padding:14px;position:static}.rail-title{display:none}.rail-nav{grid-template-columns:repeat(3,1fr);margin:0}.rail-link{min-height:36px}.content{padding:16px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:stretch}.topbar-actions input,.topbar-actions .btn.ghost{flex:auto}.metrics-grid,.two-cols,.category-form{grid-template-columns:1fr}.category-row{grid-template-columns:16px minmax(0,1fr) auto}.category-row .bar-track{grid-column:2/-1}.transaction-row{grid-template-columns:34px minmax(0,1fr) 38px}.transaction-row b{grid-column:2/-1}}