:root{color-scheme:light;--ink:#111;--paper:#f5f5f3;--line:#ddd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 "Segoe UI",Arial,sans-serif}header{height:72px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,20px)}.brand{color:white;text-decoration:none;font-size:14px;letter-spacing:.12em}.brand b{font-weight:800}.tag,small{font-size:10px;letter-spacing:.16em;font-weight:750}main{width:min(760px,92%);margin:42px auto}#auth{width:min(430px,100%);margin:8vh auto;background:white;border:1px solid var(--line);padding:32px}.intro{padding-bottom:20px;border-bottom:1px solid var(--line)}h1{font-size:36px;line-height:1.1;letter-spacing:-.05em;margin:10px 0 24px}h2{font-size:20px;letter-spacing:-.03em;margin:0 0 16px}.tab,.outline{background:white;border:1px solid #111;color:#111}nav{display:flex;margin:18px 0}button{cursor:pointer;font:inherit;font-weight:700;padding:11px 15px;border:1px solid #111}.tab{flex:1}.tab.active,.primary{background:#111;color:white}.primary:hover{background:#333}.tab.active{border-color:#111}label{display:grid;gap:6px;font-size:13px;font-weight:650;margin:14px 0}input,select{width:100%;border:1px solid #bbb;padding:11px 12px;border-radius:0;background:white;color:#111;font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #777;outline-offset:2px}#authForm button,.box button{width:100%}.hint{font-size:12px;color:#666;margin:10px 0}.error{color:#9c0000;font-size:13px}.hidden{display:none!important}.topline{display:flex;justify-content:space-between;align-items:center}.topline h1{margin:4px 0 20px}.balance{background:#111;color:#fff;padding:24px;margin-bottom:18px;display:grid;gap:4px}.balance strong{font-size:42px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.balance span{color:#ccc;font-size:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.box{background:white;border:1px solid var(--line);padding:22px;margin:0 0 14px}.box label{margin:10px 0}.box .primary,.box .outline{margin-top:5px}.row{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}.row small{display:block;color:#666;letter-spacing:0}.money{white-space:nowrap;font-weight:750}.pending{border-top:1px solid var(--line);padding:14px 0}.actions{display:flex;gap:8px;margin-top:10px}.actions button{flex:1}.muted{color:#666;font-size:13px}footer{padding:20px 0;color:#666;font-size:12px}#toast{position:sticky;bottom:10px;background:#111;color:white;padding:12px;display:none}#toast.show{display:block}@media(max-width:620px){main{margin:26px auto}#auth{padding:22px;margin:4vh auto}.cards{grid-template-columns:1fr}.balance strong{font-size:34px}.topline h1{font-size:27px}}
:root{--accent:#b21e36}button.primary,.tab.active{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#8f1328}.balance{background:linear-gradient(125deg,#8f142d,#c42540);border-radius:18px;box-shadow:0 12px 30px #530b1b20}.box,#auth{border-radius:16px}.brand b{color:#ef5268}.theme-toggle{background:transparent;color:white;border:1px solid #ffffff80;padding:8px 12px;border-radius:30px}.account-number{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff55;display:grid;gap:2px}.account-number small{color:#ffe1e6}.account-number strong{font:600 20px/1.3 ui-monospace,monospace;letter-spacing:.12em}.fund-row{padding:14px 0;border-top:1px solid var(--line);display:grid;gap:9px}.fund-form{display:flex;gap:8px}.fund-form input{flex:1;min-width:0}.fund-form button{width:auto!important}.fund-form .primary{white-space:nowrap}[data-theme="dark"]{color-scheme:dark;--ink:#f4f4f4;--paper:#111;--line:#353535}body[data-theme="dark"]{background:var(--paper);color:var(--ink)}body[data-theme="dark"] #auth,body[data-theme="dark"] .box,body[data-theme="dark"] .outline,body[data-theme="dark"] input{background:#1c1c1c;color:#f4f4f4;border-color:#444}body[data-theme="dark"] .tab:not(.active){background:#1c1c1c;color:#f4f4f4;border-color:#444}@media(max-width:620px){.fund-form{flex-direction:column}.fund-form button{width:100%!important}.account-number strong{font-size:18px}}