:root{--bg:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#6b7280;--primary:#5b5ce2;--primary-dark:#4748c7;--border:#e5e7eb;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}.topbar{min-height:68px;padding:8px max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;background:#151a2d;color:white}.topbar>div,.topbar-actions{display:flex;gap:12px;align-items:center}.topbar-actions form{margin:0}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#818cf8,#c084fc);font-weight:800}main{max-width:1440px;margin:auto;padding:32px 24px 56px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.hero h1{font-size:34px;margin:4px 0}.hero p{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--primary);margin:0}.month-picker{display:flex;gap:8px;align-items:center}.month-picker label{font-size:13px;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.summary-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 18px #27305a0a}.summary-card span{color:var(--muted);font-size:13px}.summary-card strong{font-size:26px}.summary-card.total{background:linear-gradient(135deg,#5657dc,#7c5ce5);color:white;border:0}.summary-card.total span{color:#e5e7ff}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 4px 18px #27305a0a}.panel h2{margin:4px 0 20px;font-size:20px}.panel-title{display:flex;align-items:center;justify-content:space-between}.count{font-size:12px;color:var(--muted);background:#f1f3f8;padding:6px 10px;border-radius:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:12px 10px;border-bottom:1px solid var(--border)}td{padding:14px 10px;border-bottom:1px solid var(--border)}td small{display:block;color:var(--muted);margin-top:3px}.amount{font-weight:800;white-space:nowrap}.category{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.category:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--category-color)}.empty{text-align:center;color:var(--muted);padding:38px}.form-grid{display:grid;gap:13px}.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#41495d}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}input,select,textarea{width:100%;border:1px solid #d8dce5;border-radius:9px;padding:10px 11px;font:inherit;color:var(--ink);background:white}input:focus,select:focus,textarea:focus{outline:2px solid #c7d2fe;border-color:var(--primary)}.button{border:0;border-radius:9px;padding:11px 16px;background:var(--primary);color:#fff;text-decoration:none;font-weight:800;cursor:pointer;text-align:center}.button:hover{background:var(--primary-dark)}.button.secondary{background:#edf0ff;color:var(--primary-dark)}.topbar .button.secondary{background:#ffffff18;color:white}.icon-button{border:0;background:#fee2e2;color:var(--danger);border-radius:7px;width:26px;height:26px;cursor:pointer;font-size:18px}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.compact{max-width:500px}.flash{padding:13px 16px;border-radius:10px;margin-bottom:18px;background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.login-page{min-height:100vh;background:radial-gradient(circle at top,#272d52 0,#151a2d 35%,#0f1322 100%)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,420px);background:var(--panel);border-radius:22px;padding:34px;box-shadow:0 24px 70px #0007}.login-logo{width:52px;height:52px;margin-bottom:24px;color:white;font-size:20px}.login-panel h1{margin:6px 0 8px;font-size:30px}.login-copy{color:var(--muted);margin:0 0 24px}.login-form .button{margin-top:4px}footer{text-align:center;padding:24px;color:var(--muted);font-size:12px}@media(max-width:980px){.layout{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}.management-grid{grid-template-columns:1fr}}@media(max-width:600px){main{padding:22px 12px}.topbar{padding:8px 12px}.topbar strong{display:none}.topbar-actions{gap:6px}.topbar .button{padding:9px 10px;font-size:12px}.hero{align-items:start;gap:16px}.hero h1{font-size:27px}.two-columns{grid-template-columns:1fr}.panel{padding:16px}.login-panel{padding:26px 20px}}
.management-grid{grid-template-columns:repeat(3,1fr)}.import-preview{margin-bottom:24px}.import-meta{display:flex;flex-wrap:wrap;gap:10px 24px;padding:14px 16px;margin-bottom:16px;background:#f5f7ff;border-radius:10px;color:#41495d;font-size:13px}.import-meta span{display:flex;gap:5px}.import-table{min-width:1180px}.import-table input[type=checkbox]{width:auto}.import-table select{min-width:150px;padding:8px}.import-table td:nth-child(3){min-width:260px}.muted-row{opacity:.55}.already-imported-row{background:#f1f5f9;color:#64748b}.already-imported-row input,.already-imported-row select{opacity:.65}.import-status{display:block;margin-top:6px;color:#2563eb;font-weight:800;white-space:nowrap}.form-help{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.import-confirm{margin-top:16px}.cancel-import{display:inline-block;margin-top:10px}
.month-picker{align-items:end}.month-picker label{display:grid;gap:6px}.month-picker select{min-width:170px}
.secondary-total{font-size:18px!important}.summary-card small{color:var(--muted)}.summary-card.total .secondary-total{color:#e5e7ff}.card-summary{margin-bottom:24px}.card-summary>h2{margin:4px 0 14px;font-size:20px}.card-summary-grid,.settlement-grid{margin-bottom:0}
.bank-card{--bank-from:#2f3748;--bank-to:#111827;--bank-muted:#e5e7eb;background:linear-gradient(135deg,var(--bank-from),var(--bank-to));border:0;color:#fff;isolation:isolate;min-height:150px;overflow:hidden;position:relative}.bank-card:after{background:#ffffff18;border-radius:999px;content:"";height:170px;position:absolute;right:-58px;top:-74px;width:170px;z-index:-1}.bank-card span,.bank-card small{color:var(--bank-muted)}.bank-card strong,.bank-card .secondary-total{color:#fff!important}.bank-card__top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:8px}.bank-card__title{display:grid;gap:4px;min-width:0}.bank-card__logo,.bank-card__badge{align-items:center;background:#fff;border-radius:11px;box-shadow:0 8px 22px #0002;display:flex;flex:0 0 auto;height:34px;justify-content:center;min-width:56px;padding:6px 9px}.bank-card__logo img{display:block;max-height:21px;max-width:62px}.bank-card__badge{color:var(--bank-from);font-size:12px;font-weight:900;letter-spacing:.04em}.bank-card--santander{--bank-from:#ec0000;--bank-to:#8b0000}.bank-card--galicia{--bank-from:#ff7900;--bank-to:#d9480f}.bank-card--bbva{--bank-from:#004481;--bank-to:#043263}.bank-card--icbc{--bank-from:#c20f2f;--bank-to:#7f1022}.bank-card--mercado-pago{--bank-from:#00a5df;--bank-to:#007eb5}.bank-card--naranja{--bank-from:#ff6900;--bank-to:#fb4b14}.bank-card--cuotasgo{--bank-from:#5b5ce2;--bank-to:#22c55e}
.bank-card__dates{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.bank-card__dates small{background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;color:#fff;padding:4px 8px}
.filter-card{cursor:pointer;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.filter-card:hover{box-shadow:0 12px 30px #27305a1f;transform:translateY(-2px)}.filter-card:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}.filter-card--active{box-shadow:0 0 0 3px #111827,0 14px 34px #27305a24}.summary-card.filter-card--active:not(.bank-card):not(.total){border-color:#111827}.bank-card.filter-card--active{box-shadow:0 0 0 3px #111827,0 14px 34px #27305a30}
.detail-stack{display:grid;gap:20px}.list-total{align-items:center;background:#f8fafc;border:1px solid var(--border);border-radius:14px;display:flex;gap:18px;justify-content:flex-end;margin-top:18px;padding:14px 16px}.list-total span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.list-total strong{font-size:22px}.expense-form-panel .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.expense-form-panel .two-columns{grid-column:span 2}.expense-form-panel label:has(textarea),.expense-form-panel .button{grid-column:span 3}.expense-form-panel textarea{min-height:46px}
.empty-card{align-items:center;color:var(--muted);justify-content:center;min-height:120px;text-align:center}
.accounts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.account-card__rows{display:grid;gap:10px}.account-card__rows>div{background:#f8fafc;border:1px solid var(--border);border-radius:12px;display:grid;gap:4px;padding:12px}.account-card__rows strong{font-size:20px}.account-card__rows .positive{background:#ecfdf5;border-color:#bbf7d0}.account-card__rows .negative{background:#fff1f2;border-color:#fecdd3}.account-result{background:linear-gradient(135deg,#111827,#334155);border:0;color:#fff;justify-content:center}.account-result span,.account-result small{color:#dbe4f0}.account-result p{margin:0}.account-result p+p{border-top:1px solid #ffffff26;margin-top:12px;padding-top:12px}.account-result b{display:inline-block;font-size:24px;margin-top:4px}
.charts-section{margin-bottom:24px}.charts-section>h2{font-size:20px;margin:4px 0 14px}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-panel{min-height:280px}.chart-panel h2{margin-bottom:0}.chart-panel--wide{grid-column:1/-1}.bar-list{display:grid;gap:14px;margin-top:18px}.bar-row{display:grid;gap:8px}.bar-row__label{align-items:center;display:grid;gap:4px;grid-template-columns:auto 1fr auto}.bar-row__label strong{font-size:14px}.bar-row__label small{color:var(--muted);font-size:12px;font-weight:800;text-align:right}.category-dot{background:var(--category-color);border-radius:999px;height:10px;width:10px}.bar-track{background:#eef2f7;border-radius:999px;height:11px;overflow:hidden}.bar-track span{background:var(--bar-color,var(--primary));border-radius:inherit;display:block;height:100%;min-width:4px}.bar-track--payer{background:linear-gradient(90deg,#5b5ce2,#22c55e)!important}.empty-chart{color:var(--muted);margin:32px 0;text-align:center}.column-chart{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:18px}.column-chart__item{display:grid;gap:7px;min-width:0;text-align:center}.column-chart__bar{align-items:end;background:#eef2f7;border-radius:14px;display:flex;height:150px;overflow:hidden;padding:5px}.column-chart__bar span{background:linear-gradient(180deg,#7c5ce5,#5657dc);border-radius:10px;display:block;width:100%}.column-chart__item small{color:var(--muted);font-size:11px;font-weight:800}.column-chart__item strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-chart__item em{color:var(--muted);font-size:11px;font-style:normal;font-weight:800}
.inline-category-form{align-items:center;display:flex;gap:8px;margin:0}.inline-category-form select{background:linear-gradient(90deg,var(--category-color) 0 8px,#fff 8px);border-radius:999px;font-size:12px;font-weight:800;min-width:150px;padding:8px 12px 8px 18px;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.inline-category-form.is-saving select{opacity:.72}.inline-category-form.is-saved select{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.inline-category-form.is-error select{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.inline-save-status{color:var(--muted);font-size:11px;font-weight:800;min-width:58px}.inline-category-form.is-saved .inline-save-status{color:#15803d}.inline-category-form.is-error .inline-save-status{color:#b91c1c}
tr[id^=expense-]{scroll-margin-top:18px}

:root{color-scheme:dark;--bg:#070b16;--panel:#111827;--ink:#e5edf8;--muted:#94a3b8;--primary:#8b5cf6;--primary-dark:#7c3aed;--border:#263244;--danger:#f87171;--surface:#0f172a;--surface-soft:#172033;--success-bg:#06351f;--success-ink:#86efac;--error-bg:#3b1014;--error-ink:#fecaca}body{background:radial-gradient(circle at top left,#18213a 0,#070b16 42%,#050816 100%);color:var(--ink)}.topbar{background:#090e1d;border-bottom:1px solid #1f2937;box-shadow:0 12px 34px #0005}.panel,.summary-card{background:linear-gradient(180deg,#111827,#0f172a);border-color:var(--border);box-shadow:0 16px 36px #0004}.summary-card span,.summary-card small,td small,.hero p,.form-help,footer,.empty,.count,.bar-row__label small,.column-chart__item small,.column-chart__item em{color:var(--muted)}.summary-card.total{background:linear-gradient(135deg,#5b5ce2,#7c3aed)}.bank-card{background:linear-gradient(135deg,var(--bank-from),var(--bank-to));border:0}.bank-card span,.bank-card small{color:var(--bank-muted)}.bank-card strong,.bank-card .secondary-total{color:#fff!important}.eyebrow{color:#a78bfa}.count{background:#1f2937}.form-grid label{color:#cbd5e1}input,select,textarea{background:#0b1220;border-color:#334155;color:var(--ink)}input::placeholder,textarea::placeholder{color:#64748b}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;outline-color:#4c1d95}option{background:#0b1220;color:var(--ink)}th,td{border-color:var(--border)}.button.secondary{background:#1f2937;color:#ddd6fe}.topbar .button.secondary{background:#ffffff12;color:#fff}.icon-button{background:#451a1a;color:#fecaca}.flash{background:var(--success-bg);color:var(--success-ink)}.flash.error{background:var(--error-bg);color:var(--error-ink)}.login-panel{background:linear-gradient(180deg,#111827,#0f172a);border:1px solid var(--border)}.import-meta{background:#131c31;color:#cbd5e1}.already-imported-row{background:#172033;color:#94a3b8}.import-status{color:#93c5fd}.bank-card__logo,.bank-card__badge{background:#fff}.filter-card:hover{box-shadow:0 16px 36px #0005}.filter-card--active{box-shadow:0 0 0 3px #c4b5fd,0 14px 34px #0006}.summary-card.filter-card--active:not(.bank-card):not(.total){border-color:#c4b5fd}.bank-card.filter-card--active{box-shadow:0 0 0 3px #c4b5fd,0 14px 34px #0006}.list-total,.account-card__rows>div{background:#111827;border-color:var(--border)}.account-card__rows .positive{background:#052e1a;border-color:#14532d}.account-card__rows .negative{background:#3b1014;border-color:#7f1d1d}.account-result{background:linear-gradient(135deg,#020617,#1e293b)}.bar-track,.column-chart__bar{background:#1f2937}.inline-category-form select{background:linear-gradient(90deg,var(--category-color) 0 8px,#0b1220 8px);border-color:#334155}.inline-category-form.is-saved select{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e24}.inline-category-form.is-error select{border-color:#ef4444;box-shadow:0 0 0 3px #ef444424}.inline-category-form.is-saved .inline-save-status{color:#86efac}.inline-category-form.is-error .inline-save-status{color:#fecaca}