:root{--bg:#09121f;--panel:#111d2e;--line:#263449;--muted:#99a9bd;--white:#f5f8fc;--mint:#50e4b0;--purple:#777cfb;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 75% -10%,#1b3150 0,transparent 30%),var(--bg);color:var(--white);min-height:100vh}.shell{margin:0 auto;max-width:640px;min-height:100vh;padding:0 18px 108px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0 25px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:41px;height:41px;border-radius:13px;background:linear-gradient(135deg,#56e7c2,#4f8eea);display:flex;align-items:center;justify-content:center;color:#071722;font-size:25px;font-weight:900}.eyebrow{letter-spacing:.16em;color:#8e9fb5;font-weight:800;font-size:9px}.brand-title{font-size:19px;font-weight:820;letter-spacing:-.5px;margin-top:3px}.brand-title span{color:#54dbaf}.chip,.subtle-pill{border-radius:20px;font-size:10px;padding:8px 11px;border:1px solid #385269;background:#152637;color:#b9daed;font-weight:700}.chip.ok{color:#67e1b2;border-color:#285b4d;background:#132e2b}.chip.warning{color:#f6c979;border-color:#765737;background:#362a24}.hidden{display:none!important}.hero{position:relative;overflow:hidden;border-radius:25px;padding:25px;background:linear-gradient(120deg,#164550 0%,#185d65 35%,#28614c 95%);box-shadow:0 17px 38px rgba(0,0,0,.22);margin-bottom:28px}.hero-shine{position:absolute;right:-12%;top:-70%;width:65%;height:260px;background:radial-gradient(circle,#a1fcbd50,transparent 64%);pointer-events:none}.hero-top{display:flex;justify-content:space-between;position:relative;color:#cfebe8;font-size:10px;letter-spacing:.11em;font-weight:750}.hero-amount{position:relative;font-weight:820;font-size:clamp(38px,9vw,56px);letter-spacing:-2px;padding:25px 0 15px}.hero-foot{position:relative;display:flex;justify-content:space-between;font-size:12px;color:#daf6e9}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:24px 2px 13px;gap:10px}.section-heading h2{font-size:17px;margin:0;letter-spacing:-.4px}.section-heading>span{font-size:11px;color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tile{border:1px solid #26364b;background:linear-gradient(145deg,#142237,#111c2b);padding:16px;border-radius:19px;min-height:125px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.tile-icon{width:29px;height:29px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px}.sapphire{background:#203d65;color:#8bc3ff}.violet{background:#3a315e;color:#baaaff}.amber{background:#453926;color:#ffe1a3}.emerald{background:#1b493d;color:#8af0c8}.tile span{font-size:11px;color:var(--muted)}.tile strong{font-size:18px;letter-spacing:-.55px}.card-list{display:grid;gap:10px;margin-bottom:19px}.bank-card{border:1px solid #29384b;border-radius:16px;padding:15px;background:#101c2c;display:flex;justify-content:space-between;align-items:center}.bank-name{display:flex;align-items:center;gap:11px}.bank-name div:last-child{display:grid;gap:3px}.bank-name b{font-size:14px}.bank-name small{font-size:11px;color:var(--muted)}.bank-card>strong{font-size:15px}.bank-icon{width:38px;height:38px;border-radius:13px;font-size:16px;font-weight:900;display:flex;justify-content:center;align-items:center}.blue{background:#ffdb24;color:#090b11}.orange{background:#f5663a;color:#fff}.primary,.secondary{border:0;border-radius:14px;padding:16px 18px;font:inherit;cursor:pointer;font-size:14px;font-weight:750;width:100%}.primary{background:linear-gradient(115deg,#59dba9,#32cda7);color:#082d25;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 22px #1ac59129}.primary:disabled{cursor:default;opacity:.45;box-shadow:none}.secondary{border:1px solid #3e5165;background:#1c2a3c;color:#d9e5f0;margin-top:9px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0}.page-heading h1{font-size:26px;letter-spacing:-.8px;margin:7px 0}.lead{font-size:13px;line-height:1.6;color:#9eb2c6;margin:0 0 22px}.field-card{border:1px solid #2d3b4e;border-radius:19px;padding:18px;margin:11px 0;background:#111e30}.field-top{display:flex;gap:12px;align-items:center}.field-top>div{display:grid;gap:4px}.field-top strong{font-size:14px}.field-top small{color:var(--muted);font-size:11px}.money-input{display:flex;align-items:center;margin:19px 0 8px;gap:8px}.money-input input{background:transparent;border:none;color:#fff;font:800 30px/1.2 inherit;letter-spacing:-1px;font-size:30px;font-weight:780;outline:none;width:100%;min-width:0}.money-input span{color:#7c92a9;font-size:21px}.field-hint{font-size:11px;color:#8ca0b5}.forecast{background:linear-gradient(130deg,#17283d,#1a273b);border:1px solid #334357;border-radius:19px;padding:19px;margin:18px 0}.forecast-label{font-size:10px;letter-spacing:.1em;display:flex;justify-content:space-between;color:#97b0c8}.forecast-label span:last-child{color:#70e2b9}.forecast strong{display:block;color:#74eebf;font-size:32px;letter-spacing:-1.3px;margin:18px 0}.forecast-divider{border-top:1px solid #34445a;margin-bottom:10px}.forecast-line{display:flex;justify-content:space-between;color:#a5b6c9;font-size:12px;padding:5px 0}.forecast-line b{color:#f1f5fc}.fineprint{text-align:center;color:#72899e;line-height:1.5;font-size:11px;margin-top:12px}.warning,.notice{padding:11px 14px;color:#ffd3a1;background:#3b2a20;border:1px solid #775137;border-radius:11px;font-size:12px;margin:15px 0}.notice.success{background:#173a31;color:#a3f2d3;border-color:#2a775c}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);max-width:640px;width:100%;background:rgba(11,20,33,.95);backdrop-filter:blur(16px);border-top:1px solid #26364a;display:flex;justify-content:space-around;padding:12px 12px calc(14px + env(safe-area-inset-bottom))}.nav-item{background:none;border:0;color:#8295ab;display:grid;gap:4px;text-align:center;justify-items:center;min-width:65px;cursor:pointer;font-size:10px}.nav-icon{font-size:23px;line-height:1.15}.nav-item.active{color:#61e6b8}.settings{display:grid;gap:12px}.settings-title{font-size:12px;color:#67ddb4;font-weight:800;margin:16px 0 0;text-transform:uppercase;letter-spacing:.06em}.settings label{display:grid;gap:7px;font-size:12px;color:#a7b8cb}.settings input{background:#122135;border:1px solid #304158;border-radius:12px;padding:13px 14px;color:#fff;font-size:16px;min-width:0}.settings .primary{margin-top:10px}.history-panel{padding:15px;background:#112035;border:1px solid #2c3a4b;border-radius:18px}.history-panel .section-heading{margin:2px 0 12px}.history-chart{min-height:130px;display:grid;place-items:center;color:#71869c;font-size:13px}.history-chart svg{width:100%;height:135px}.history-items{margin-top:14px;display:grid;gap:9px}.history-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #29384d;background:#101d2d;border-radius:13px;padding:13px 15px}.history-item b{font-size:13px}.history-item span{display:block;color:#96acc1;font-size:11px;margin-top:4px}.history-item strong{color:#71e7b5}.overlay{position:fixed;z-index:20;inset:0;background:#02080ee0;display:flex;align-items:end;justify-content:center}.modal{background:#162438;border-radius:26px 26px 0 0;padding:28px 21px 36px;max-width:640px;width:100%;text-align:center}.modal-icon{font-size:28px}.modal h2{font-size:21px;margin:14px 0 10px}.modal p{color:#acc0d2;font-size:13px;line-height:1.55}.modal-balances{text-align:left;background:#0d1a2b;padding:14px 16px;border-radius:13px;margin:20px 0;font-size:13px;line-height:2}@media(min-width:700px){.shell{border-inline:1px solid #253247}.bottom-nav{border-inline:1px solid #26364a}.modal{border-radius:25px;margin-bottom:25px}.overlay{align-items:center}} 
/* v0.2 staging connection diagnostics */
.diag-panel{margin:0 0 18px;padding:18px;border:1px solid #517083;border-radius:18px;background:#172b3c;color:#f5f8fc}
.diag-panel.diag-success{border-color:#28735b;background:#102c28}
.diag-title{font-size:15px;font-weight:800;margin-bottom:7px}
.diag-copy{font-size:12px;line-height:1.55;color:#c5d9e4;margin:0 0 10px}
.diag-code{font:11px monospace;color:#b1c9d7;margin-top:10px}
.diag-retry{border:1px solid #567c84;background:#1f434b;color:#e4fff3;padding:10px 14px;border-radius:12px;font-size:12px;font-weight:700}

/* v0.5 monetary values and bank marks */
.bank-icon img{display:block;width:27px;height:27px;object-fit:contain;border-radius:5px}
.bank-card>strong{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.3px;text-align:right}
.bank-card{gap:8px}
.bank-name{min-width:0}
.bank-name div:last-child{min-width:0}
.money-input input,.settings input[data-money]{font-variant-numeric:tabular-nums}
@media(max-width:380px){.bank-card>strong{font-size:13px}.bank-name b{font-size:13px}}