:root{--bg-0:#000;--bg-1:#050608;--ink-0:#f3f5f8;--ink-1:#b7becc;--muted:#8a93a4;--line:#232b36;--accent-apply:#5ad5ae;--accent-red:#ff5a5f;--accent-blue:#4da3ff;--accent-yellow:#ffd84d;--accent-green:#57d47d;--warn-bg:#332915;--warn-ink:#ffd48d}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg-0);color:var(--ink-0);font-family:Avenir Next,Avenir,Nunito,sans-serif}.gate-screen{min-height:100dvh;display:grid;place-items:center;padding:1rem}.gate-card{width:min(420px,100%);border:1px solid var(--line);border-radius:16px;padding:1rem;background:var(--bg-1)}.gate-form{margin-top:.7rem;display:grid;grid-gap:.55rem;gap:.55rem}.gate-error{margin:.5rem 0 0;color:var(--accent-red);font-size:.86rem}.page{max-width:980px;margin:0 auto;padding:1rem .75rem 1.6rem}.hero-row{justify-content:space-between;gap:.7rem;margin-bottom:.9rem}.hero-actions,.hero-row{display:flex;align-items:center}.hero-actions{gap:.45rem}.eyebrow{margin:0;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}h1{margin:.2rem 0 0;font-size:1.45rem}h2{margin:0 0 .7rem;font-size:1.05rem}h3{margin:0;font-size:.9rem}.muted{margin:0;color:var(--muted);font-size:.88rem}.balance-hero{border:1px solid var(--line);border-radius:16px;padding:.9rem;background:var(--bg-1);margin-bottom:.85rem}.balance-hero p{margin:0;color:var(--ink-1);font-size:.82rem}.balance-hero h2{margin:.2rem 0 .45rem;font-size:2rem;line-height:1.1}.quick-stats{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr;margin-bottom:.85rem}.stat-card{border:1px solid var(--line);border-radius:14px;padding:.75rem .85rem;background:var(--bg-1)}.stat-label{margin:0 0 .25rem;color:var(--muted);font-size:.75rem}.stat-value{margin:0;font-size:1.22rem;font-weight:700}.paycheck-dates-panel{margin-bottom:.85rem}.upcoming-paychecks{margin-top:.7rem;display:grid;grid-template-columns:1fr;grid-gap:.55rem;gap:.55rem}.upcoming-paycheck-item{border:1px solid var(--line);border-radius:12px;padding:.62rem .68rem;background:#0b0f16}.debt-progress-panel{margin-bottom:.85rem}.progress-meta{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;color:var(--ink-1);font-size:.78rem;margin-bottom:.45rem}.debt-progress-track{height:10px;border-radius:999px;background:#161d29;overflow:hidden}.debt-progress-fill{height:100%;border-radius:inherit;background:var(--accent-green);transition:width .26s ease}.progress-note{margin-top:.5rem}.credit-cards-grid{margin-top:.7rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}.credit-card-item{border:1px solid var(--line);border-radius:12px;padding:.65rem .7rem;background:#0b0f16}.card-balance{margin:0;font-size:1.02rem;font-weight:700}.trend-card{border:1px solid var(--line);border-radius:16px;padding:.8rem;background:var(--bg-1);margin-bottom:.85rem}.trend-head{margin-bottom:.5rem}.trend-svg{width:100%;height:auto;display:block}.trend-line{stroke:var(--accent-green);stroke-width:2.7}.trend-dot{fill:var(--accent-blue)}.trend-labels{margin-top:.45rem;display:grid;grid-gap:.2rem;gap:.2rem;grid-template-columns:repeat(3,minmax(0,1fr));color:var(--ink-1);font-size:.72rem}.card-grid{display:grid;grid-gap:.8rem;gap:.8rem;margin-bottom:.85rem}.cards-2{grid-template-columns:1fr}.panel{border:1px solid var(--line);border-radius:16px;padding:.85rem;background:var(--bg-1)}.paycheck ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:.45rem;gap:.45rem}.paycheck li{display:flex;justify-content:space-between;gap:.7rem;color:var(--ink-1)}.paycheck li strong{color:var(--ink-0)}.safe{color:var(--accent-yellow)}.field-grid{display:grid;grid-template-columns:1fr;grid-gap:.62rem;gap:.62rem}label{display:grid;grid-gap:.3rem;gap:.3rem;color:var(--ink-1);font-size:.86rem}button,input,select{font:inherit}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.58rem .62rem;background:#0d1118;color:var(--ink-0);font-size:16px}.button-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}button{border:0;border-radius:10px;padding:.62rem .8rem;background:#1d2430;color:var(--ink-0);font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.apply-button{background:var(--accent-apply);color:#0a0a0a;box-shadow:0 0 0 1px rgba(90,213,174,.4)}button.ghost{background:#1b2330}.icon-link,button.icon-btn{padding:.45rem .62rem;border-radius:999px;font-size:.84rem;line-height:1}.icon-link{text-decoration:none;border:1px solid #1f2937;color:var(--ink-0);background:#1b2330}.badge,.icon-link{display:inline-flex;align-items:center;font-weight:700}.badge{border-radius:999px;padding:.2rem .56rem;font-size:.72rem;letter-spacing:.02em}.badge.debt{color:#ffc877;background:#3a2a14}.badge.wealth{color:#95f3ba;background:#1e3325}@media (min-width:760px){.page{padding:1.6rem 1.1rem 2rem}h1{font-size:1.7rem}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.debt-progress-panel .credit-cards-grid{max-width:420px}.cards-2,.upcoming-paychecks{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}