:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f6;--border:#e4e7ec;--text:#1f2430;--text-dim:#6b7280;--primary:#4f46e5;--primary-soft:#eef0fe;--accent:#0d9488;--danger:#dc2626;--ok:#059669;--shadow:0 1px 2px #1018280a,0 6px 20px #1018280f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:10px;padding:14px 18px;display:flex;position:sticky;top:0}.topbar .logo{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.topbar h1{margin:0;font-size:16px;font-weight:650}.topbar .sub{color:var(--text-dim);font-size:12px}.topbar .spacer{flex:1}.topbar button{font-size:13px}.wrap{max-width:760px;margin:0 auto;padding:18px 14px 56px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;margin-bottom:14px;padding:16px}.stat-row{flex-wrap:wrap;gap:12px;display:flex}.stat{background:var(--surface);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow);border-radius:16px;flex:1;padding:16px}.stat .label{color:var(--text-dim);font-size:12px}.stat .value{margin-top:6px;font-size:22px;font-weight:700}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filters input,.filters select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;padding:10px 12px;font-size:14px}.filters label{color:var(--text-dim);font-size:12px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--primary)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.ghost{background:0 0}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.row{flex-wrap:wrap;gap:10px;display:flex}.row.center{justify-content:center}.spacer{height:16px}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500}.chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.bar-row{align-items:center;gap:10px;margin:6px 0;display:flex}.bar-label{width:90px;color:var(--text-dim);font-size:13px}.bar-track{background:var(--surface-2);border-radius:999px;flex:1;height:10px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:999px;height:100%}.bar-val{text-align:right;width:90px;font-size:13px}.list{flex-direction:column;gap:8px;display:flex}.item{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.item .amount{min-width:110px;font-size:15px;font-weight:700}.item .desc{flex:1;font-size:14px}.item .cat{color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:11px}.item .date{color:var(--text-dim);min-width:84px;font-size:12px}.item .del{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:4px}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:18px;padding:24px}.login-card h2{margin:0 0 4px;font-size:18px}.login-card p{color:var(--text-dim);margin:0 0 18px;font-size:13px}.login-card input{border:1px solid var(--border);border-radius:12px;width:100%;margin-bottom:12px;padding:12px 14px;font-size:15px}.err{color:var(--danger);margin-bottom:10px;font-size:13px}.empty{text-align:center;color:var(--text-dim);padding:30px;font-size:14px}.acct-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.acct{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.acct-name{color:var(--text-dim);font-size:12px}.acct-bal{margin-top:4px;font-size:16px;font-weight:700}.inp{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;min-width:130px;padding:11px 13px;font-size:14px}@media (max-width:520px){.wrap{padding:14px 12px 64px}.btn{padding:13px 16px;font-size:15px}.item .date{display:none}}