:root{font-family:Bahnschrift,Aptos,Segoe UI,sans-serif;--bg: #0b1016;--surface: #131a22;--surface-alt: #1a2330;--surface-ink: #f4f7fb;--text: #eaf0f7;--muted: #90a0b5;--line: #293444;--navy: #79b8ff;--navy-soft: #1c2939;--sage: #16392f;--sage-ink: #9edbc2;--sand: #35281f;--sand-ink: #f3c997;--danger: #ff8576;--danger-soft: #3a211f;--shadow: 0 20px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(90deg,rgba(121,184,255,.05) 0,rgba(121,184,255,.05) 1px,transparent 1px),linear-gradient(rgba(121,184,255,.05) 0,rgba(121,184,255,.05) 1px,transparent 1px),radial-gradient(circle at top left,rgba(68,117,181,.14),transparent 22%),var(--bg);background-size:28px 28px,28px 28px,auto,auto}.page{max-width:1280px;margin:0 auto;padding:28px 20px 80px}.auth-page{max-width:760px;min-height:100vh;display:grid;place-items:center}.auth-panel{width:100%;display:grid;gap:16px}.auth-panel h1{margin:0;font-size:2.4rem;letter-spacing:-.05em}.auth-form{display:grid;gap:14px}.hero{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch}.hero-aside,.panel,.card,.bank-card,.account-card,.form-card,.transaction{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-aside{padding:22px;border-radius:28px;display:grid;gap:12px;align-content:start;background:linear-gradient(180deg,#0f1620,#152131)}.section-kicker,.aside-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.section-kicker{color:var(--navy)}.aside-label{color:#f4f7fba8}.aside-stat{display:grid;gap:3px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.aside-stat span{color:#f4f7fba8;font-size:.92rem}.aside-stat strong{font-size:2rem;letter-spacing:-.05em;color:#fff}.aside-stat small{color:#f4f7fba8;font-size:.88rem}.hero-summary{grid-column:1 / -1}.summary-grid,.bank-grid,.form-grid,.filter-grid,.chart-grid,.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{padding:20px;border-radius:20px;display:grid;gap:8px}.card span{color:var(--muted);font-weight:700}.card strong{font-size:1.9rem;line-height:1;letter-spacing:-.05em;color:var(--surface-ink)}.accent{background:linear-gradient(135deg,#13263f,#1e4677);border-color:#305380}.accent span,.accent strong{color:#fffaf2}.panel{margin-top:24px;padding:26px;border-radius:28px}.error-panel{color:#ffb4a9;border-color:#5a302d;background:#241614}.section-header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-header h2,.bank-title h3,.form-heading h3{margin:0}.section-header h2{font-size:1.55rem;letter-spacing:-.04em}.section-header p,.row p,.transaction p,.form-heading p{margin:4px 0 0;color:var(--muted)}.status-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--navy-soft);color:#d7e9ff;border:1px solid #30445b;font-weight:700}.section-switcher{display:grid;gap:14px}.section-switcher-header{display:flex;justify-content:space-between;align-items:center}.section-tab-list{display:flex;gap:10px;flex-wrap:wrap}.section-tab{border:1px solid #30445b;background:#101722;color:#d7e9ff;border-radius:999px;padding:11px 16px;cursor:pointer;font:inherit;font-weight:700;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.section-tab:hover{transform:translateY(-1px);border-color:#4d78a3}.section-tab.active{background:linear-gradient(135deg,#79b8ff,#5c90ff);color:#07111d;border-color:transparent}.ghost-button,.primary-button,.danger-button,input,select{font:inherit}.ghost-button,.primary-button,.danger-button{border:1px solid transparent;border-radius:999px;padding:12px 18px;cursor:pointer;font-weight:700;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.ghost-button:hover,.primary-button:hover,.danger-button:hover{transform:translateY(-1px)}.ghost-button{background:var(--navy-soft);color:#d7e9ff;border-color:#30445b}.primary-button{background:linear-gradient(135deg,#79b8ff,#5c90ff);color:#07111d}.danger-button{background:var(--danger-soft);color:var(--danger);border-color:#5a302d}.primary-button:disabled,.danger-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.form-card,.bank-card{padding:20px;border-radius:22px}.form-card{display:grid;gap:14px;background:linear-gradient(180deg,var(--surface) 0%,#18212c 100%)}label{display:grid;gap:8px;color:#c7d4e2;font-weight:700}input,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid #334152;background:#0e141c;color:var(--text)}input:focus,select:focus{outline:none;border-color:#79b8ff;box-shadow:0 0 0 4px #79b8ff24}.bank-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.dot{width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 5px #79b8ff14}.stack,.transactions,.chips{display:grid;gap:12px}.account-card{padding:16px;border-radius:18px;background:var(--surface-alt)}.row,.transaction{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.chips{margin-top:12px}.chip-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:var(--sage);color:var(--sage-ink);font-size:.88rem;font-weight:700}.transaction{padding:18px;border-radius:20px;flex-direction:column}.transaction-main,.button-row,.inline-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.button-row{flex-wrap:wrap}.account-actions{margin-top:14px}.small-button{padding:8px 12px;font-size:.84rem}.positive{color:#6ce0a7}.negative{color:var(--danger)}.filter-grid{margin-bottom:18px;padding:18px;border:1px dashed #33414f;border-radius:20px;background:#111821}.bridge-banner{margin-bottom:18px;padding:16px 18px;border-radius:18px;border:1px solid #30445b;background:#101722}.bridge-banner p{margin:6px 0 0;color:var(--muted)}.bridge-banner a{color:#9fd0ff}.chart-card,.provider-card{padding:20px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.import-note{color:var(--muted);font-size:.92rem}.import-card{gap:18px}.import-panel{display:grid;gap:18px}.import-hero{display:flex;justify-content:space-between;gap:16px;align-items:start;flex-wrap:wrap}.import-badges{display:flex;flex-wrap:wrap;gap:8px}.secondary-badge{background:#162233;color:#b8d4f5}.upload-box{position:relative;padding:20px;border-radius:22px;border:1px dashed #44607c;background:linear-gradient(180deg,#79b8ff14,#79b8ff05)}.upload-box input[type=file]{margin-top:8px;padding:0;border:none;background:transparent}.upload-title{font-size:1rem;color:#eef4fb;font-weight:800}.upload-subtitle{color:var(--muted);font-size:.92rem;font-weight:500}.import-preview{display:grid;gap:16px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(121,184,255,.16)}.import-preview p{margin:4px 0 0;color:var(--muted)}.import-preview-header{display:flex;justify-content:space-between;gap:16px;align-items:end}.import-account-picker{min-width:240px}.import-list{display:grid;gap:10px}.import-list-full{max-height:420px;overflow:auto;padding-right:4px}.import-row{display:grid;grid-template-columns:150px minmax(240px,1.8fr) 140px 180px 140px;gap:12px;align-items:end;padding:16px;border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.04)}.import-row label{min-width:0}.import-row-head{display:grid;gap:8px}.import-type-pill{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:800}.import-type-pill.expense{background:#ff85761f;color:#ffaea3}.import-type-pill.income{background:#6ce0a71f;color:#8be3b7}.import-label-field input{min-width:0}.import-row input,.import-row select,.import-account-picker select{width:100%;min-width:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#070c12b8;display:grid;place-items:center;padding:20px;z-index:60}.modal-card{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border-radius:28px;background:#111923;border:1px solid var(--line);box-shadow:var(--shadow)}.fab-wrap{position:fixed;right:24px;bottom:24px;z-index:50;display:grid;justify-items:end;gap:12px}.fab-menu{display:grid;gap:10px;padding:14px;border-radius:22px;background:#111923f2;border:1px solid var(--line);box-shadow:var(--shadow)}.fab-button{width:62px;height:62px;border:none;border-radius:999px;background:linear-gradient(135deg,#79b8ff,#5c90ff);color:#07111d;font-size:2rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}.budget-list,.rule-list{display:grid;gap:12px}.budget-row,.rule-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:16px;background:var(--surface-alt)}.budget-row p,.rule-row p{margin:4px 0 0;color:var(--muted)}.budget-metrics{display:grid;gap:4px;color:var(--muted);font-size:.92rem}.budget-progress-track{width:100%;height:10px;margin-top:6px;border-radius:999px;background:#0f151d;overflow:hidden}.budget-progress{height:100%;border-radius:999px;background:linear-gradient(90deg,#79b8ff,#5ce1c6)}.budget-progress.over-budget{background:linear-gradient(90deg,#ff8576,#f0ad68)}.budget-row.over-budget{border:1px solid #5a302d}.month-table{display:grid;gap:10px}.month-table-head,.month-row{display:grid;grid-template-columns:minmax(120px,1.2fr) repeat(5,minmax(90px,1fr));gap:12px;align-items:center}.month-table-head{padding:0 8px 8px;color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.month-row{padding:16px;border-radius:18px;background:var(--surface-alt);border:1px solid var(--line)}.month-cell{color:var(--text);font-weight:700}.month-cell-main{display:grid;gap:4px}.month-cell-main small{color:var(--muted);font-weight:500}.chart-card h3{margin:0 0 16px}.chart-list{display:grid;gap:14px}.chart-row{display:grid;gap:8px}.chart-row-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.chart-row-meta strong{color:var(--text)}.chart-bar-track{height:10px;border-radius:999px;background:#0f151d;overflow:hidden}.chart-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#79b8ff,#5ce1c6)}.chart-bar.expense{background:linear-gradient(90deg,#ff8576,#f0ad68)}.balance-chart{display:grid;gap:14px}.balance-chart-meta{display:flex;justify-content:space-between;align-items:end;gap:12px}.balance-chart-meta span,.balance-chart-meta small{color:var(--muted)}.balance-chart-meta strong{display:block;margin-top:4px;font-size:1.45rem;color:var(--surface-ink)}.balance-chart svg{width:100%;height:180px;padding:8px 0;border-radius:18px;background:linear-gradient(180deg,#79b8ff0d,#79b8ff03),#101722;border:1px solid rgba(121,184,255,.1)}.balance-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:10px;align-items:end;min-height:220px}.balance-bar-button{display:grid;gap:8px;padding:10px 8px;border:1px solid rgba(121,184,255,.08);border-radius:18px;background:linear-gradient(180deg,#ffffff08,#ffffff03);color:inherit;cursor:pointer}.balance-bar-button.active{border-color:#5ce1c666;background:linear-gradient(180deg,#5ce1c614,#79b8ff0a)}.balance-bar-track{display:flex;align-items:end;justify-content:center;min-height:136px}.balance-bar-fill{display:block;width:100%;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#79b8ff,#5ce1c6);box-shadow:0 14px 22px #5ce1c61f}.balance-bar-label,.balance-bar-value{font-size:.82rem;text-align:center}.balance-bar-label{color:var(--muted)}.balance-bar-value{color:#dce8f5;font-weight:700}.balance-chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}.chart-empty{color:var(--muted)}.pie-chart-wrap{display:grid;grid-template-columns:minmax(180px,220px) 1fr;gap:18px;align-items:center}.pie-chart{width:100%;max-width:220px;justify-self:center}.pie-legend{display:grid;gap:10px}.pie-legend-item{display:flex;gap:10px;align-items:start;padding:10px 12px;border-radius:14px;background:#ffffff08}.pie-legend-item strong{display:block;color:var(--surface-ink)}.pie-legend-item small{color:var(--muted)}.pie-dot{width:12px;height:12px;margin-top:4px;border-radius:999px;flex:0 0 auto}.provider-card{display:grid;gap:10px}.provider-status{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;background:#17352d;color:#9edbc2;font-size:.86rem;font-weight:700}.category-summary-grid{margin-bottom:18px}.category-form-card{align-content:start}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.category-tile{display:grid;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#ffffff08,#ffffff04),#141c26;border:1px solid rgba(121,184,255,.08)}.category-tile-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.category-state{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.category-state.used{background:#6ce0a724;color:#8be3b7}.category-state.idle{background:#79b8ff1f;color:#b8d4f5}.category-stats{display:flex;flex-wrap:wrap;gap:8px}.category-stats span{display:inline-flex;padding:8px 10px;border-radius:12px;background:#ffffff0a;color:var(--muted);font-size:.84rem;font-weight:700}.empty-state{text-align:center}@media (max-width: 720px){.page{padding-inline:14px}.hero-aside,.panel{padding:20px}.section-header,.row,.transaction,.transaction-main,.button-row,.chip-row,.inline-row,.budget-row,.rule-row,.month-table-head,.month-row{flex-direction:column;align-items:stretch}.month-table-head,.month-row{display:flex}.import-hero,.import-preview-header{flex-direction:column;align-items:stretch}.import-account-picker{min-width:0}.import-list-full{max-height:none;overflow:visible;padding-right:0}.import-row{grid-template-columns:1fr}.balance-chart-meta,.category-tile-head,.category-stats{flex-direction:column;align-items:stretch}.pie-chart-wrap{grid-template-columns:1fr}.ghost-button,.primary-button,.danger-button{width:100%}}