:root{--bg:#f4f7fb;--panel:#fff;--ink:#172033;--muted:#667085;--primary:#16213e;--accent:#0f8b8d;--danger:#c0392b;--line:#e6eaf0;--ok:#05603a;--warn:#9a6700;--shadow:0 14px 35px rgba(17,24,39,.08);--soft:#eef2f7;--bar:#16213e}
body.dark{--bg:#0f172a;--panel:#152033;--ink:#e5e7eb;--muted:#a7b0c0;--primary:#4f7cff;--accent:#48c3c7;--danger:#ff7b72;--line:#263449;--soft:#1e293b;--bar:#4f7cff;--shadow:0 18px 38px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#eef4fb 0%,var(--bg) 40%);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}body.dark{background:linear-gradient(180deg,#0b1220 0%,var(--bg) 42%)}.topbar{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,42px)}body.dark .topbar{background:rgba(15,23,42,.9)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand span{display:block;color:var(--muted);font-size:13px}.logo{width:42px;height:42px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.topbar nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.topbar nav a,.nav-button{color:var(--ink);text-decoration:none;font-weight:800}.nav-button{background:transparent;border:0;cursor:pointer;font:inherit;padding:0}.container{max-width:1180px;margin:0 auto;padding:26px clamp(14px,3vw,30px)}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.hero.compact{align-items:center}.hero h1{margin:0;font-size:clamp(30px,5vw,46px);letter-spacing:-1.2px}.hero p{margin:8px 0 0;color:var(--muted)}.month-picker{display:flex;gap:10px;align-items:end}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.card,.panel,.login-card,.insight{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.card{padding:18px;min-height:106px}.card span,.insight span{display:block;color:var(--muted);font-size:13px}.card strong{font-size:22px;margin-top:8px;display:block}.card small{display:block;color:var(--muted);margin-top:8px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.insight{padding:18px}.insight strong{font-size:25px;display:block;margin:6px 0}.insight p{margin:7px 0;color:var(--muted)}.insight.good{border-color:rgba(5,96,58,.25)}.insight.bad{border-color:rgba(192,57,43,.35)}.progress,.mini-progress{height:10px;border-radius:999px;background:var(--soft);overflow:hidden}.progress i,.mini-progress i{display:block;height:100%;background:var(--bar);border-radius:999px;max-width:100%}.insight.bad .progress i,.week-row.over .mini-progress i{background:var(--danger)}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:20px;margin-bottom:18px}.panel.narrow{max-width:560px}.panel h2{margin:0 0 14px}.panel h3{margin:18px 0 10px;font-size:16px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid.one{grid-template-columns:1fr}.reflection-grid label{min-height:130px}.wide{grid-column:1/-1}label{font-size:13px;font-weight:800;color:var(--ink)}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d6dce6;border-radius:14px;padding:12px 13px;font:inherit;background:#fff;color:#172033}body.dark input,body.dark select,body.dark textarea{background:#0f172a;color:var(--ink);border-color:#334155}textarea{resize:vertical}.btn{border:0;border-radius:14px;padding:12px 16px;background:var(--soft);color:var(--ink);font-weight:900;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary{background:var(--primary);color:white}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}table{width:100%;border-collapse:collapse;background:var(--panel);min-width:920px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{font-size:12px;text-transform:uppercase;color:var(--muted);background:rgba(127,127,127,.06)}.money{text-align:right;font-weight:900}.tag,.flag,.pill{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex;white-space:nowrap}.tag.gasto{background:#fee4e2;color:#912018}.tag.ingreso{background:#dcfae6;color:#05603a}.flag.necesario{background:#dcfae6;color:#05603a}.flag.util{background:#fff3cd;color:#8a6100}.flag.prescindible{background:#fee4e2;color:#912018}.pill{background:var(--soft);color:var(--muted)}.row-actions{display:flex;gap:10px;align-items:center}.row-actions form{margin:0}.link-danger,.link-edit{background:none;border:0;font:inherit;font-weight:900;cursor:pointer;text-decoration:none}.link-danger{color:var(--danger)}.link-edit{color:var(--accent)}.category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category-list div{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--panel)}.empty{color:var(--muted);text-align:center}.flash-wrap{margin-bottom:16px}.flash{padding:12px 14px;border-radius:14px;margin-bottom:8px;font-weight:800}.flash.ok{background:#dcfae6;color:#05603a}.flash.error{background:#fee4e2;color:#912018}.login-card{max-width:420px;margin:60px auto;padding:28px}.login-card h1{margin-top:0}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:22px;background:var(--primary);color:#fff;text-decoration:none;font-size:36px;font-weight:600;display:grid;place-items:center;box-shadow:0 18px 30px rgba(22,33,62,.28);z-index:10;padding-bottom:4px}.week-list{display:grid;gap:10px}.week-row{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(127,127,127,.04)}.week-row span,.week-money small{display:block;color:var(--muted);font-size:12px}.week-money{text-align:right}.week-money b{display:block}.week-row .mini-progress{grid-column:1/-1}.bar-list{display:grid;gap:11px}.bar-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;overflow:hidden;background:rgba(127,127,127,.04)}.bar-row span,.bar-row b{position:relative;z-index:1}.bar-row i{position:absolute;left:0;bottom:0;height:4px;background:var(--bar);border-radius:0 999px 999px 0;max-width:100%}.flag-bars .bar-row i{background:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.58);display:grid;place-items:center;z-index:30;padding:18px}.modal{position:relative;background:var(--panel);color:var(--ink);border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);max-width:520px;width:100%;padding:24px}.modal h2{margin-top:0}.modal-close{position:absolute;top:12px;right:12px;border:0;background:var(--soft);color:var(--ink);border-radius:12px;width:38px;height:38px;font-size:24px;cursor:pointer}.modal ol{padding-left:22px}.modal li{margin:8px 0}
@media(max-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}.grid-two,.insight-grid{grid-template-columns:1fr}.hero{align-items:stretch;flex-direction:column}.month-picker{width:100%}.month-picker select,.month-picker button{flex:1}.panel-head{align-items:flex-start;flex-direction:column}.category-list{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{align-items:flex-start;gap:10px;flex-direction:column}.brand span{display:none}.topbar nav{width:100%;justify-content:space-between;gap:8px}.topbar nav a,.nav-button{font-size:13px}.cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.container{padding:18px 12px 84px}.panel,.card,.login-card,.insight{border-radius:18px}.hero h1{font-size:34px}.quick-actions .btn{flex:1 1 calc(50% - 8px)}.actions .btn{flex:1}.actions{width:100%}.fab{right:14px;bottom:14px}.month-picker{display:grid;grid-template-columns:1fr 1fr}.month-picker button{grid-column:1/-1}.row-actions{flex-direction:column;align-items:flex-start;gap:4px}.card{min-height:96px}.card strong{font-size:19px}.week-row{grid-template-columns:1fr}.week-money{text-align:left}}
@media(max-width:410px){.cards{grid-template-columns:1fr}.quick-actions .btn{flex-basis:100%}}
@media print{.theme-toggle,.install-pwa,.fab,.modal-backdrop{display:none!important}}

/* FIX v1.2.1 - Ocultar correctamente el modal PWA */
.modal-backdrop[hidden] {
    display: none !important;
}