:root{color-scheme:light;--navy:#17233c;--ink:#202a3b;--muted:#6e788a;--line:#e5e9ef;--surface:#fff;--canvas:#f5f7fa;--mint:#4ac7a2;--mint-soft:#e4f8f2;--shadow:0 12px 35px rgba(23,35,60,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#f9fbfc,#f3f6f9);min-width:320px}button,select{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:99;background:var(--navy);color:#fff;padding:.8rem 1rem;border-radius:.7rem}.skip-link:focus{top:1rem}.app-shell{max-width:1100px;margin:auto;min-height:100vh;padding-bottom:6.5rem}.topbar{height:76px;display:flex;align-items:center;gap:.7rem;padding:0 clamp(1rem,4vw,2.5rem)}.brand{display:flex;align-items:center;gap:.65rem;margin-right:auto;text-decoration:none;color:var(--navy)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--navy);border-radius:14px}.brand strong,.brand small{display:block;line-height:1}.brand small{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.25rem}.icon-button,.avatar-button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}.avatar-button{background:var(--mint-soft);border:0;font-weight:800}.hero{margin:0 clamp(1rem,4vw,2.5rem);padding:clamp(1.5rem,5vw,3.2rem);border-radius:28px;background:var(--navy);color:#fff;display:flex;gap:1rem;align-items:flex-end;justify-content:space-between;box-shadow:var(--shadow)}.hero h1{font-size:clamp(1.8rem,5vw,3.1rem);margin:.2rem 0 .65rem}.hero p{margin:.25rem 0;color:#cbd3df}.eyebrow{font-size:.72rem!important;font-weight:800;letter-spacing:.14em;color:var(--mint)!important}.privacy-pill{border:1px solid #ffffff2e;background:#ffffff14;border-radius:999px;padding:.7rem 1rem;white-space:nowrap}.summary-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1rem clamp(1rem,4vw,2.5rem)}.summary-card{min-height:145px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.25rem}.summary-card.balance{background:var(--mint-soft);border-color:transparent}.summary-card p{color:var(--muted);margin:.7rem 0 .35rem}.summary-card strong{display:block;font-size:clamp(1.35rem,3vw,2rem);color:var(--navy)}.summary-card small,.action-card small,.form-help{color:var(--muted)}.card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;font-weight:900}.card-icon.income{background:var(--mint-soft);color:#138768}.card-icon.expense{background:#fff0ee;color:#c74f42}.section-block{padding:1rem clamp(1rem,4vw,2.5rem)}.section-heading h2,.settings-panel h2{margin:.2rem 0 1rem}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-card{min-height:130px;text-align:left;padding:1.15rem;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);text-decoration:none;cursor:pointer}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.action-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#f1f4f8;font-size:1.35rem}.action-card strong,.action-card small{display:block;margin-top:.65rem}.action-card small{margin-top:.2rem}.action-card.accent{background:var(--navy);color:#fff}.action-card.accent>span{background:var(--mint);color:var(--navy)}.action-card.accent small{color:#cbd3df}.settings-panel{margin:1rem clamp(1rem,4vw,2.5rem);padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label span{display:block;font-size:.85rem;font-weight:700;margin-bottom:.45rem}.form-grid select{width:100%;height:48px;padding:0 .8rem;border:1px solid #ccd3dd;border-radius:12px;background:#fff}.form-help{font-size:.86rem;margin-bottom:0}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1100px);height:76px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#fffffff0;border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;color:var(--muted);font-size:.72rem}.bottom-nav a>span:first-child{font-size:1.25rem}.bottom-nav a.active{color:var(--navy);font-weight:800}.main-action{width:56px;height:56px;margin:-28px auto 0;border:6px solid var(--canvas);border-radius:19px;background:var(--mint);color:var(--navy);font-size:1.8rem}.toast{position:fixed;z-index:50;left:50%;bottom:94px;transform:translateX(-50%);max-width:calc(100% - 2rem);background:var(--navy);color:#fff;padding:.8rem 1rem;border-radius:12px}:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}@media(max-width:760px){.hero{display:block}.privacy-pill{display:inline-block;margin-top:1rem}.summary-grid{grid-template-columns:1fr 1fr}.summary-card.balance{grid-column:1/-1}.action-grid{grid-template-columns:1fr 1fr}.settings-panel{margin-inline:1rem}.form-grid{grid-template-columns:1fr}}@media(max-width:380px){.action-grid{grid-template-columns:1fr}.bottom-nav{height:72px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}