﻿/* Source preserved from: styles-v55.css */
:root{--bg:#050a13;--panel:rgba(12,22,38,.88);--line:rgba(151,176,215,.13);--text:#f5f8ff;--muted:#8091aa;--blue:#1f78ff;--blue2:#52a4ff;--green:#62e54d;--red:#ff5f72;--amber:#ffbd4a;--shadow:0 24px 70px rgba(0,0,0,.32)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 60% -10%,#122a55 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.a1{width:320px;height:320px;background:#1677ff;top:20%;left:14%}.a2{width:260px;height:260px;background:#4fe548;bottom:2%;right:8%;opacity:.08}.app-shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{padding:26px 18px;border-right:1px solid var(--line);background:rgba(4,10,19,.82);backdrop-filter:blur(18px);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;box-shadow:0 0 26px rgba(32,119,255,.35)}.brand div{display:flex;align-items:baseline;gap:5px}.brand b{font-size:21px;letter-spacing:.08em}.brand span{font-size:17px;color:var(--green)}nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#7f90a9;padding:13px 15px;border-radius:13px;text-align:left;font-size:15px;cursor:pointer;transition:.2s}.nav-item span{margin-left:10px}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(31,120,255,.2),rgba(31,120,255,.05));box-shadow:inset 3px 0 var(--blue)}.side-card{margin-top:auto;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:16px;padding:14px;display:flex;gap:10px;align-items:center}.side-card span{color:var(--green)}.side-card b,.side-card small{display:block}.side-card b{font-size:12px}.side-card small{font-size:10px;color:var(--muted);margin-top:3px}main{padding:34px clamp(20px,3vw,48px);min-width:0}.topbar{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:26px}.eyebrow,.section-label{font-size:10px;letter-spacing:.18em;color:var(--blue2);font-weight:800;margin:0 0 7px}.topbar h1{font-size:30px;margin:0}.subtitle{color:var(--muted);margin:6px 0 0;font-size:13px}.top-actions{display:flex;gap:10px;flex-wrap:wrap}button,select,input,textarea{font:inherit}button,select{cursor:pointer}.primary,.secondary{border:0;border-radius:12px;padding:12px 17px;color:white;font-weight:750}.primary{background:linear-gradient(135deg,#1c83ff,#155be7);box-shadow:0 10px 28px rgba(24,108,255,.26)}.secondary{background:#10213a;border:1px solid var(--line)}.top-actions select,.filters select{border:1px solid var(--line);background:#0a1525;color:#dce7f8;border-radius:12px;padding:11px 14px}.view{display:none}.view.active{display:block}.hero{border:1px solid rgba(65,137,255,.2);border-radius:24px;padding:26px 30px;background:linear-gradient(115deg,rgba(23,93,202,.48),rgba(11,26,47,.88) 55%,rgba(21,48,42,.7));display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"$";position:absolute;right:19%;top:-60px;font-size:190px;font-weight:900;color:rgba(255,255,255,.025)}.hero-tag{font-size:10px;letter-spacing:.16em;color:#9bc8ff}.hero h2{font-size:42px;margin:9px 0 4px}.hero p{margin:0;color:#b2c2d7;font-size:13px}.hero-progress{display:flex;align-items:center;gap:15px;z-index:1}.hero-progress b,.hero-progress small{display:block}.hero-progress small{color:#9dafc6;margin-top:5px;font-size:11px}.ring{--pct:0deg;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--pct),rgba(255,255,255,.1) 0);position:relative}.ring:before{content:"";position:absolute;inset:7px;background:#10223a;border-radius:50%}.ring span{position:relative;font-weight:800;font-size:15px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.kpis article{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(17,30,50,.9),rgba(9,17,29,.86));padding:18px;display:flex;gap:13px;align-items:center}.kpi-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.05)}.kpi-icon.paid{color:var(--green);background:rgba(98,229,77,.1)}.kpi-icon.unpaid{color:var(--red);background:rgba(255,95,114,.1)}.kpi-icon.pending{color:var(--amber);background:rgba(255,189,74,.1)}.kpi-icon.total{color:var(--blue2);background:rgba(31,120,255,.12)}.kpis small,.kpis strong,.kpis em{display:block}.kpis small{color:var(--muted);font-size:11px}.kpis strong{font-size:21px;margin:4px 0}.kpis em{font-size:10px;color:#657791;font-style:normal}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);backdrop-filter:blur(15px);box-shadow:0 16px 45px rgba(0,0,0,.16)}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:21px 22px 16px}.panel-head h3,.settings-card h3{margin:0}.panel-head p{color:var(--muted);font-size:11px;margin:5px 0 0}.filters{display:flex;gap:8px}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#091422;border-radius:12px;padding:0 12px;color:#60738f}.search input{border:0;background:transparent;color:white;outline:none;padding:11px 0;width:215px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 16px;border-top:1px solid var(--line);text-align:left;font-size:12px}th{color:#6f819b;font-size:10px;text-transform:uppercase;letter-spacing:.09em}td{color:#b7c5d8}td strong{color:#f5f8ff}.right{text-align:right}.date-pill{width:30px;height:30px;border-radius:9px;background:#10213a;display:grid;place-items:center;color:#9dc6ff}.note{color:#647793;font-size:10px;margin-top:4px}.status{border:1px solid transparent;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.status.pagado{color:var(--green);background:rgba(98,229,77,.09);border-color:rgba(98,229,77,.17)}.status.no-pagado{color:var(--red);background:rgba(255,95,114,.09);border-color:rgba(255,95,114,.17)}.status.pendiente{color:var(--amber);background:rgba(255,189,74,.09);border-color:rgba(255,189,74,.17)}.status.cancelada{color:#929fb2;background:rgba(146,159,178,.09)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.icon-btn{border:1px solid var(--line);background:#0a1626;color:#9babc0;width:29px;height:29px;border-radius:9px}.empty{padding:32px;text-align:center;color:#6e8098}.right-column{display:grid;gap:16px;align-content:start}.account-list{padding:0 18px 18px}.account{padding:14px 0;border-top:1px solid var(--line)}.account-top,.account-numbers{display:flex;justify-content:space-between;gap:10px}.account-top{font-size:12px}.account-numbers{margin-top:8px;color:#73859d;font-size:10px}.account-numbers b{color:#b7c5d8}.mini-progress{height:5px;background:#18253a;border-radius:99px;margin-top:11px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:99px}.quick{padding:18px}.quick h3{margin:0 0 13px}.quick button,.import-label,.settings-card button,.history-top button{width:100%;display:block;text-align:left;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#0a1626;color:#aebdd1;margin-top:8px;font-size:11px}.import-label input{display:none}.danger-soft{color:#ff8391!important}.mobile-menu{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#12233b;border:1px solid #2c568c;color:#fff;padding:12px 16px;border-radius:12px;transform:translateY(90px);opacity:0;transition:.25s;z-index:20}.toast.show{transform:translateY(0);opacity:1}.standalone{overflow:hidden}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.history-card{padding:20px}.history-card.current{border-color:rgba(98,229,77,.35);box-shadow:0 0 0 1px rgba(98,229,77,.08),0 16px 45px rgba(0,0,0,.16)}.history-top{display:flex;justify-content:space-between;align-items:flex-start}.history-top h3{margin:0}.history-top button{width:auto;margin:0;padding:8px 12px}.history-total{display:block;font-size:28px;margin:20px 0}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.history-stats span{font-size:10px;color:var(--muted)}.history-stats b{display:block;color:#dce7f8;margin-top:4px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.settings-card{padding:22px}.settings-card p{color:var(--muted);font-size:12px;line-height:1.6}.ready-badge{display:inline-block;margin-top:12px;padding:7px 11px;border-radius:99px;background:rgba(98,229,77,.1);color:var(--green);font-size:11px;font-weight:800}.empty-card{padding:18px;color:var(--muted);font-size:11px}dialog{border:1px solid rgba(90,144,226,.25);border-radius:22px;padding:0;background:#081321;color:#fff;width:min(560px,calc(100% - 24px));box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,4,10,.78);backdrop-filter:blur(7px)}dialog form{padding:23px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h3{margin:0}.dialog-head button{border:0;background:transparent;color:#94a4ba;font-size:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.form-grid label{font-size:11px;color:#90a1b7}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;border:1px solid var(--line);background:#0d1b2e;color:#fff;border-radius:11px;padding:11px;outline:none}.check-row{display:flex;gap:10px;align-items:center}.check-row input{width:auto!important;margin:0!important}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.ghost{border:1px solid var(--line);background:transparent;color:#aab9cc;border-radius:11px;padding:11px 15px}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,1fr)}.history-grid,.settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:238px;transition:.25s}.sidebar.open{left:0}.mobile-menu{display:block;border:1px solid var(--line);background:#0c1727;color:#fff;border-radius:10px;padding:8px 10px}.topbar{align-items:flex-start;display:grid;grid-template-columns:auto 1fr}.top-actions{width:100%;grid-column:1/-1}.top-actions select,.top-actions button{flex:1}.hero{align-items:flex-start}.hero h2{font-size:34px}.hero-progress div:last-child{display:none}.kpis{grid-template-columns:1fr 1fr}.workspace,.right-column{display:block}.right-column>*{margin-top:16px}.panel-head{align-items:flex-start;flex-direction:column}.filters{width:100%;flex-direction:column}.search input,.search{width:100%}main{padding:20px 14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.history-grid,.settings-grid{grid-template-columns:1fr}}@media(max-width:470px){.kpis{grid-template-columns:1fr}.hero{padding:21px}.ring{width:64px;height:64px}.top-actions{flex-direction:column}}

@media print{body{background:#fff;color:#000}.ambient,.sidebar,.top-actions,.filters,.right-column,.row-actions,.mobile-menu,.toast{display:none!important}.app-shell{display:block}.view{display:none!important}#dashboardView{display:block!important}main{padding:0}.hero,.panel,.kpis article{background:#fff!important;color:#000!important;box-shadow:none;border:1px solid #bbb}.hero *,.kpis *,.panel *{color:#000!important}.workspace{display:block}.bills-panel{width:100%}table{min-width:0}th,td{border-color:#ccc}}

.settings-card label{display:block;color:var(--muted);font-size:11px;margin-top:10px}.settings-card input{width:100%;margin-top:6px;border:1px solid var(--line);background:#0d1b2e;color:#fff;border-radius:11px;padding:11px}

/* Lote 6 â€” UI premium y seguridad local */
.brand img{object-fit:contain}.lock-screen{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 20%,#0d2d68 0,#050b16 38%,#02050b 100%);display:grid;place-items:center;padding:24px}.lock-screen.hidden{display:none}.lock-card{width:min(390px,100%);padding:34px;border:1px solid rgba(77,142,255,.28);border-radius:28px;background:rgba(7,15,31,.92);box-shadow:0 30px 90px #000;text-align:center;backdrop-filter:blur(22px)}.lock-card img{width:170px;height:170px;object-fit:contain}.lock-card h2{font-size:30px;margin:8px 0}.lock-card p{color:var(--muted)}.lock-card input{width:100%;margin:18px 0 10px;text-align:center;letter-spacing:8px;font-size:22px}.lock-card button{width:100%}.lock-card small{display:block;color:#ff8080;min-height:20px;margin-top:10px}.theme-black{--bg:#000;--panel:#070707;--panel2:#0c0c0c}.theme-black body,.theme-black{background:#000}.settings-grid{align-items:stretch}.settings-card{position:relative;overflow:hidden}.settings-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,#1675ff,#54e14c,transparent);opacity:.7}.topbar{backdrop-filter:blur(18px)}

/* Lote 8 â€” actividad y producciÃ³n */
.audit-list{display:grid;gap:10px}.audit-item{display:grid;grid-template-columns:145px 1fr;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.audit-item time{color:var(--muted);font-size:12px}.audit-item b{display:block;margin-bottom:3px}.audit-item small{color:var(--muted)}@media(max-width:650px){.audit-item{grid-template-columns:1fr}}

/* Lote 9 â€” usuarios y roles */
.team-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.team-side{padding:22px}.member-list{padding:0 22px 22px;display:grid;gap:10px}.member-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#1f78ff,#0f3d93);font-weight:900}.member-main b,.member-main small{display:block}.member-main small{color:var(--muted);margin-top:3px}.role-pill{font-size:10px;font-weight:900;padding:6px 9px;border-radius:99px}.role-pill.admin{color:#62e54d;background:rgba(98,229,77,.1)}.role-pill.editor{color:#52a4ff;background:rgba(82,164,255,.1)}.role-pill.viewer{color:#ffbd4a;background:rgba(255,189,74,.1)}.member-status{font-size:10px;color:var(--muted)}.role-card{padding:14px;margin-top:10px;border:1px solid var(--line);border-radius:14px}.role-card small{display:block;color:var(--muted);line-height:1.5;margin-top:5px}.team-note{color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:900px){.team-layout{grid-template-columns:1fr}.member-row{grid-template-columns:44px 1fr auto}.member-status{grid-column:2}.remove-member{grid-column:3;grid-row:1/3}}

/* Lote 10 â€” espacios compartidos y permisos */
.workspace-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.workspace-cards{padding:0 22px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.workspace-card.active{border-color:rgba(98,229,77,.35);box-shadow:inset 0 0 0 1px rgba(98,229,77,.08)}.workspace-card b,.workspace-card small{display:block}.workspace-card small{color:var(--muted);margin-top:5px}.workspace-card button{border:1px solid var(--line);background:#0a1626;color:#9dc6ff;border-radius:10px;padding:8px 10px}.invite-code{display:block;margin-top:12px;padding:12px;border:1px dashed rgba(82,164,255,.4);border-radius:12px;color:#9dc6ff;letter-spacing:.08em;word-break:break-all}button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:900px){.workspace-admin-grid{grid-template-columns:1fr}.workspace-cards{grid-template-columns:1fr}}

/* Lote 11 â€” alertas, vencimientos y cierre de producciÃ³n */
.alerts-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.alert-list{padding:0 22px 22px;display:grid;gap:10px}.alert-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.alert-day{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,189,74,.12);color:var(--amber);font-size:18px;font-weight:900}.alert-row b,.alert-row small{display:block}.alert-row small{color:var(--muted);margin-top:4px}.alert-row strong{color:#fff}@media(max-width:900px){.alerts-grid{grid-template-columns:1fr}}

/* Lote 13 â€” datos personales por usuario, comparaciÃ³n y Gmail */
.owner-switch-wrap{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.owner-switch-wrap.hidden{display:none}.owner-switch-wrap select{min-width:210px}
.comparison-panel{padding:0;margin-bottom:16px;overflow:hidden}.comparison-panel .panel-head{padding:22px}
.compare-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px 18px}
.compare-summary article{padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.compare-summary small,.compare-summary strong,.compare-summary em{display:block}.compare-summary small{color:var(--muted)}
.compare-summary strong{font-size:22px;margin-top:7px}.compare-summary em{font-style:normal;margin-top:5px;font-size:11px}
.compare-list{display:grid;gap:8px;padding:0 22px 22px}.compare-row{display:grid;grid-template-columns:1fr auto 120px;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:13px}
.compare-row span{color:var(--muted);font-size:11px}.compare-row strong{text-align:right}.up{color:var(--red)!important}.down{color:var(--green)!important}
.gmail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.gmail-list{padding:0 22px 22px;display:grid;gap:12px}
.gmail-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.gmail-card h3{margin:4px 0}.gmail-card p,.gmail-card small{color:var(--muted)}.gmail-amount{font-weight:900;font-size:18px}
.gmail-actions{display:flex;gap:7px}.gmail-actions button{border:1px solid var(--line);background:#0a1626;color:#aebdd1;border-radius:10px;padding:9px 11px}
@media(max-width:900px){.gmail-layout{grid-template-columns:1fr}.gmail-card{grid-template-columns:1fr}.gmail-actions{flex-wrap:wrap}.compare-summary{grid-template-columns:1fr}.compare-row{grid-template-columns:1fr}.compare-row strong{text-align:left}.owner-switch-wrap{width:100%}.owner-switch-wrap select{flex:1}}

/* Lote 15: login limpio y estado Cancelada real */
.hidden{display:none!important}
body.auth-required{overflow:hidden}
.auth-gate{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:
radial-gradient(circle at 18% 18%,rgba(25,113,255,.24),transparent 34%),
radial-gradient(circle at 84% 82%,rgba(85,255,70,.13),transparent 30%),
linear-gradient(135deg,#020711,#061226 58%,#020711)}
.auth-card{width:min(470px,100%);background:rgba(6,17,33,.97);border:1px solid rgba(92,145,205,.26);border-radius:28px;padding:28px;box-shadow:0 35px 110px rgba(0,0,0,.68)}
.auth-brand{display:flex;align-items:center;gap:17px;margin-bottom:24px}.auth-brand img{width:88px;height:88px;object-fit:contain;border-radius:18px}
.auth-brand span{font-size:10px;letter-spacing:.18em;font-weight:900;color:#55a8ff}.auth-brand h1{margin:4px 0;color:#fff;font-size:29px}.auth-brand h1 b{color:#5bf154}.auth-brand p{margin:0;color:#8195ad;font-size:12px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #18314a;border-radius:14px;background:#071321;margin-bottom:17px}
.auth-tab{border:0;background:transparent;color:#8194aa;padding:12px;border-radius:10px;font-weight:800;cursor:pointer}.auth-tab.active{background:#10243b;color:#fff}
.auth-form,.auth-config{display:grid;gap:13px}.auth-form label,.auth-config label{display:grid;gap:7px;color:#91a5bc;font-size:11px;font-weight:700}
.auth-form input,.auth-config input{width:100%;box-sizing:border-box;border:1px solid #1a3653;background:#09182a;color:#f4f8ff;padding:14px;border-radius:12px;outline:none}
.auth-primary,.auth-secondary{border:0;border-radius:12px;padding:14px;font-weight:900;cursor:pointer}.auth-primary{background:linear-gradient(135deg,#076cff,#2a8dff);color:#fff}.auth-secondary{background:#10243b;color:#dce9f8;border:1px solid #244764}
.auth-link{display:block;margin:6px auto 0;border:0;background:transparent;color:#7da7d6;padding:7px;cursor:pointer}
.auth-message{min-height:18px;margin-top:10px;text-align:center;color:#8ea2ba;font-size:12px}.auth-message.error{color:#ff7480}.auth-message.success{color:#62ef70}
.auth-config{margin-top:12px;padding:14px;border:1px solid #19344e;border-radius:14px;background:#061321}
.status-select{min-width:112px;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;border:1px solid transparent;cursor:pointer;outline:none}
.status-select.pagado{background:#102d22;color:#5bf05d;border-color:#1f5b38}
.status-select.pendiente{background:#332814;color:#ffc35f;border-color:#665020}
.status-select.no-pagado{background:#351823;color:#ff7885;border-color:#6d2b3a}
.status-select.cancelada{background:#202938;color:#b6c2d1;border-color:#3e4d61}

/* Lote 16 â€” Gmail Ãºtil al 100% y historial real */
.gmail-head{align-items:center}
.gmail-filterbar{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 16px}
.gmail-filter{border:1px solid var(--line);background:#09182a;color:#8fa3ba;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800;cursor:pointer}
.gmail-filter.active{background:#1777f2;color:#fff;border-color:#2688ff}
.gmail-list{min-width:0}
.gmail-card{display:grid;grid-template-columns:minmax(0,1fr) 125px auto;gap:18px;align-items:center;min-width:0}
.gmail-main{min-width:0}
.gmail-kicker{font-size:9px;letter-spacing:.17em;color:#58aaff;font-weight:900;margin-bottom:5px}
.gmail-main h3{font-size:16px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gmail-subject{font-weight:800;color:#e8f0fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}
.gmail-main p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;margin:0 0 8px;color:#8fa3ba}
.gmail-meta{display:flex;gap:12px;flex-wrap:wrap;color:#6f859f;font-size:10px}
.gmail-amount{text-align:right;white-space:nowrap;font-size:17px}
.gmail-actions{justify-content:flex-end;flex-wrap:wrap}
.gmail-duplicate{padding:8px 10px;border-radius:9px;background:rgba(80,235,96,.1);color:#5eed62;font-size:10px;font-weight:900}
.gmail-ignored{opacity:.72}
@media(max-width:1050px){
  .gmail-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .gmail-card{grid-template-columns:1fr}
  .gmail-amount{text-align:left}
  .gmail-actions{justify-content:flex-start}
}

/* Lote 17 â€” Gmail limpio y legible */
.gmail-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}
.gmail-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  gap:22px;
  align-items:center;
  padding:18px 20px;
  min-width:0;
}
.gmail-main{min-width:0}
.gmail-main h3{
  font-size:17px;
  margin:0 0 4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gmail-subject{
  font-size:13px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:8px;
}
.gmail-main p{
  font-size:12px;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0 0 9px;
}
.gmail-side{
  display:grid;
  justify-items:end;
  gap:12px;
  min-width:0;
}
.gmail-amount{
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
  text-align:right;
}
.gmail-amount.missing{font-size:12px;color:#8ea2b9}
.gmail-actions{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.gmail-actions button{
  white-space:nowrap;
  padding:9px 11px;
}
.gmail-meta .due-date{
  color:#ffc35e;
  font-weight:800;
}
@media(max-width:1200px){
  .gmail-layout{grid-template-columns:1fr}
}
@media(max-width:820px){
  .gmail-card{grid-template-columns:1fr}
  .gmail-side{justify-items:start}
  .gmail-actions{justify-content:flex-start}
  .gmail-amount{text-align:left}
}

/* Lote 18 â€” estado visual sincronizado */
.status-select{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.status-select.pagado{background-color:#102d22!important;color:#5bf05d!important;border-color:#1f5b38!important}
.status-select.pendiente{background-color:#332814!important;color:#ffc35f!important;border-color:#665020!important}
.status-select.no-pagado{background-color:#351823!important;color:#ff7885!important;border-color:#6d2b3a!important}
.status-select.cancelada{background-color:#202938!important;color:#b6c2d1!important;border-color:#3e4d61!important}
/* Lote 20 â€” conexiÃ³n automÃ¡tica */
#toggleConnectionBtn,
#connectionBox,
#saveConnectionBtn,
#supabaseUrl,
#supabaseKey,
#saveCloudBtn {
  display: none !important;
}

/* Lote 21 â€” Ajustes limpios */
.account-card{display:grid;gap:18px}
.account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.account-card-head h3{margin-bottom:0}
.account-user{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.account-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#0a6fff,#55ef58);color:#fff;font-weight:900;box-shadow:0 8px 24px rgba(16,108,255,.2)}
.account-user div:last-child{display:grid;gap:3px;min-width:0}
.account-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-user small,.account-sync-row small{color:var(--muted)}
.account-sync-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);border-radius:15px}
.account-sync-row>div{display:grid;gap:4px}
.account-sync-row strong{font-size:12px}
.compact-check{margin:0}
.account-signout{width:100%}
@media(max-width:600px){
  .account-sync-row{align-items:stretch;flex-direction:column}
  .account-sync-row button{width:100%}
}

/* Lote 22 â€” Gmail limpio */
.gmail-account-card{display:grid;gap:16px}
.gmail-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.gmail-account-head h3{margin-bottom:0}
.gmail-account-user{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.gmail-account-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;font-weight:900}
.gmail-account-user>div:last-child{display:grid;gap:3px;min-width:0}
.gmail-account-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gmail-account-user small{color:var(--muted);line-height:1.4}
.ready-badge.connected{background:rgba(72,230,85,.12);color:#59ee60;border-color:rgba(72,230,85,.25)}
#googleClientId{display:none!important}

/* Lote 24 â€” controles administrativos */
body[data-role="user"] [data-admin-only="true"],
body[data-role="viewer"] [data-admin-only="true"]{
  display:none!important;
}

/* Lote 25 â€” pulido final */
.nav-item{display:flex;align-items:center;gap:13px}
.nav-item span{margin-left:0}
.nav-icon{width:19px;height:19px;flex:0 0 19px}
.notification-card{margin:0 22px 18px;padding:15px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;background:linear-gradient(135deg,rgba(31,120,255,.08),rgba(98,229,77,.04))}
.notification-icon,.all-clear-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(98,229,77,.12);color:var(--green);font-weight:900}
.notification-card b{display:block;margin-bottom:4px}
.notification-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.alert-list{padding:0 22px 22px}
.alert-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.alert-day{width:45px;height:45px;border-radius:13px;background:#10233b;display:grid;place-items:center;align-content:center}
.alert-day small{font-size:7px;letter-spacing:.12em;color:var(--muted)}
.alert-day b{font-size:17px}
.alert-info{display:grid;gap:4px;min-width:0}
.alert-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alert-info small{color:var(--muted);font-size:10px}
.all-clear{text-align:center;padding:34px 20px}
.all-clear-icon{margin:0 auto 12px}
.all-clear h3{margin:0 0 6px}
.all-clear p{margin:0;color:var(--muted);font-size:12px}
.reminder-card{display:grid;gap:13px;align-content:start}
.reminder-card h3{margin-bottom:4px}
.inline-message{min-height:17px;margin:0;text-align:center;font-size:11px}
.inline-message.success{color:var(--green)}
.inline-message.error{color:var(--red)}
.auth-form input:-webkit-autofill,
.auth-form input:-webkit-autofill:hover,
.auth-form input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f4f8ff!important;
  -webkit-box-shadow:0 0 0 1000px #09182a inset!important;
  transition:background-color 9999s ease-out 0s;
}
@media(max-width:760px){
  .topbar{margin-bottom:18px}
  .topbar h1{font-size:28px}
  .top-actions{gap:8px}
  .top-actions select,.top-actions button{width:100%;flex:none}
  .alerts-grid{display:block}
  .reminder-card{margin-top:14px}
  .notification-card{grid-template-columns:auto 1fr;margin:0 16px 14px}
  .notification-card button{grid-column:1/-1;width:100%}
  .alert-list{padding:0 16px 16px}
  .alert-row{grid-template-columns:48px minmax(0,1fr)}
  .alert-row>strong{grid-column:2;text-align:left}
}

/* Lote 28 â€” selector de fecha del mes activo */
#dayField{color-scheme:dark}
#dayField::-webkit-calendar-picker-indicator{
  cursor:pointer;
  opacity:.85;
  filter:invert(1);
}

/* Lote 29 â€” sincronizaciÃ³n automÃ¡tica entre dispositivos */
.autosave-status{
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(98,229,77,.05);
}
.autosave-status>div{display:grid;gap:2px}
.autosave-status b{font-size:12px}
.autosave-status small{font-size:10px;color:var(--muted)}
.autosave-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px rgba(98,229,77,.1);
}

/* Lote 30 â€” pagos parciales y enlaces de pago */
.status-select.pago-parcial{
  color:#ffd166;
  border-color:rgba(255,209,102,.4);
  background:rgba(255,209,102,.08);
}
.payment-inline{
  margin-top:5px;
  font-size:10px;
  color:var(--muted);
}
.pay-link{
  display:inline-flex;
  margin-top:6px;
  font-size:10px;
  font-weight:800;
  color:#6fc8ff;
  text-decoration:none;
}
.pay-link:hover{text-decoration:underline}
.payment-btn{
  color:#7cf77c;
  font-weight:900;
}
.payment-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.payment-summary>div{
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  display:grid;
  gap:4px;
}
.payment-summary span{
  font-size:9px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.1em;
}
.payment-summary b{font-size:15px}
@media(max-width:760px){
  .payment-summary{grid-template-columns:1fr 1fr}
}

/* Lote 32 â€” aislamiento de sesiÃ³n y privacidad */
body.auth-pending .app-shell{
  visibility:hidden!important;
  pointer-events:none!important;
}
body.auth-required .app-shell{
  filter:none!important;
}
body.auth-pending .auth-card::after{
  content:"Verificando cuenta y cargando datosâ€¦";
  display:block;
  margin-top:14px;
  padding:12px;
  border:1px solid rgba(70,145,255,.25);
  border-radius:12px;
  color:#9fc4ff;
  text-align:center;
  font-size:12px;
}

/* Lote 41 Â· mÃ³dulo aislado Cuentas y tarjetas */
.financial-panel{min-height:420px}.financial-security-note{margin:0 0 18px;padding:13px 15px;border:1px solid rgba(71,220,127,.22);background:rgba(71,220,127,.07);border-radius:14px;color:var(--muted);font-size:13px}.financial-security-note b{color:#70e49a}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.financial-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(18,34,55,.92),rgba(10,22,38,.96));display:flex;flex-direction:column;gap:14px}.financial-card-head,.financial-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.financial-card-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(44,139,255,.15);font-size:20px}.financial-card h4{margin:0;font-size:17px}.financial-card small{color:var(--muted)}.financial-number{font-size:18px;letter-spacing:2px;font-weight:800}.financial-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.financial-meta div{padding:10px;border-radius:12px;background:rgba(255,255,255,.025)}.financial-meta span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.financial-card-actions button{flex:1}.financial-empty{grid-column:1/-1;text-align:center;padding:56px 20px;color:var(--muted)}.financial-secret{font-family:monospace;letter-spacing:1px;word-break:break-all}.hidden{display:none!important}

/* Lote 44: canales y fuentes de pago */
.financial-brand{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:15px;letter-spacing:-.5px;background:#f4f7fb;color:#111827;border:1px solid rgba(255,255,255,.14)}
.brand-td{background:#fff;color:#168447}.brand-wf{background:#c41230;color:#ffd34e}.brand-chase{background:#fff;color:#126bc5}.brand-boa{background:#fff;color:#d71920}.brand-capitalone{background:#fff;color:#154a8a}.brand-citi{background:#fff;color:#056dae}.brand-discover{background:#fff;color:#f36f21}.brand-paypal{background:#fff;color:#003087}.brand-venmo{background:#3d95ce;color:#fff}.brand-zelle{background:#6d1ed4;color:#fff}
.financial-channel-list{display:flex;flex-wrap:wrap;gap:7px}.financial-channel-list span{padding:5px 9px;border-radius:999px;background:rgba(44,139,255,.12);border:1px solid rgba(44,139,255,.22);font-size:11px;font-weight:700;color:#acd0ff}
.financial-channels{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-wrap:wrap;gap:10px}.financial-channels legend{padding:0 7px;color:var(--muted);font-size:12px}.financial-channels label{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.03);padding:8px 10px;border-radius:10px}.financial-channels input{width:auto}
#fundingSourceField option{color:#111}

/* Lote 45 cache-proof channels */
.financial-channels{grid-column:1/-1!important;display:flex!important;visibility:visible!important;opacity:1!important}.financial-channels label{display:flex!important}.financial-channels input{display:inline-block!important}

/* Lote 46 â€” canales de pago con marcas visuales */
.financial-channels{display:block!important;padding:14px!important;background:rgba(7,15,29,.48)}
.payment-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.payment-channel-card{position:relative;display:grid!important;grid-template-columns:52px 1fr 28px;align-items:center;gap:12px;min-height:70px;padding:10px 12px!important;border:1px solid var(--line);border-radius:15px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;cursor:pointer;transition:.18s ease;overflow:hidden}
.payment-channel-card:hover{transform:translateY(-1px);border-color:rgba(74,151,255,.55)}
.payment-channel-card.selected{border-color:#3187ff;box-shadow:0 0 0 1px rgba(49,135,255,.35),0 10px 28px rgba(0,78,190,.18);background:linear-gradient(145deg,rgba(29,100,210,.18),rgba(255,255,255,.025))!important}
.payment-channel-card>input{position:absolute!important;opacity:0!important;pointer-events:none;width:1px!important;height:1px!important}
.payment-channel-logo{width:50px;height:42px;border-radius:11px;background:#fff;display:grid;place-items:center;padding:5px;color:#080f1b;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.payment-channel-logo svg{width:100%;height:100%;display:block}
.payment-channel-copy{display:flex;flex-direction:column;min-width:0}.payment-channel-copy b{font-size:14px;color:var(--text)}.payment-channel-copy small{font-size:11px;color:var(--muted);line-height:1.25;margin-top:3px}
.payment-channel-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);color:transparent;font-weight:900;background:rgba(255,255,255,.035)}
.payment-channel-card.selected .payment-channel-check{background:#2c8bff;border-color:#2c8bff;color:white}
@media(max-width:700px){.payment-channel-grid{grid-template-columns:1fr}.payment-channel-card{min-height:66px}}

/* Lote 48 Wallet seguro */
.wallet-card{position:relative;overflow:hidden;min-height:220px;border-radius:24px;padding:22px;background:linear-gradient(135deg,#17233d 0%,#0d1425 58%,#141b2e 100%);box-shadow:0 18px 45px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.09)}
.wallet-card::after{content:"";position:absolute;right:-55px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.045)}
.wallet-card>*{position:relative;z-index:1}.wallet-brand-logo{width:52px;height:38px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;padding:5px;box-shadow:0 5px 16px rgba(0,0,0,.2)}.wallet-brand-logo img{width:100%;height:100%;object-fit:contain}.wallet-eye{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;padding:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.financial-secret{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.22);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.6;word-break:break-word}.security-toggle{display:flex!important;align-items:center;gap:10px;margin:14px 0}.security-toggle input{width:auto}.security-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Lote 53 â€” restauraciÃ³n visual Wallet sobre la base estable del Lote 48 */
.wallet-card{min-height:245px;padding:22px 22px 18px;background:linear-gradient(135deg,#17243f 0%,#0c1528 62%,#101a31 100%)}
.wallet-brand-block{display:flex;align-items:center;gap:12px;min-width:0}
.wallet-tools{display:flex;align-items:center;gap:12px}
.wallet-icon-btn{appearance:none;border:0!important;background:transparent!important;box-shadow:none!important;padding:2px!important;width:28px!important;height:28px!important;color:#dbe7ff;display:grid!important;place-items:center;cursor:pointer;opacity:.86}
.wallet-icon-btn:hover{opacity:1;transform:scale(1.06)}
.wallet-icon-btn svg{width:22px;height:22px;display:block}
.wallet-favorite{color:#ffd166}
.wallet-eye{border-radius:0!important;font-size:0!important}
.wallet-card.is-favorite{border-color:rgba(255,209,102,.45);box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 0 1px rgba(255,209,102,.12)}
.wallet-network-badge{position:absolute;right:22px;top:74px;padding:5px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.wallet-card .financial-number{margin-top:22px;font-size:20px;letter-spacing:2.8px}
.wallet-card .financial-card-actions{margin-top:auto}
.wallet-brand-logo{width:58px;height:42px}
@media(max-width:700px){.wallet-network-badge{top:78px}.wallet-card{min-height:232px}}

/* Source preserved from: styles-v76.css */
/* Lote 60 â€” PIN bancario + OCR por zonas */
.pin-hidden-input{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.pin-dots{display:flex;justify-content:center;gap:14px;margin:22px 0 18px;min-height:20px}.pin-dots span{width:18px;height:18px;border-radius:50%;border:2px solid rgba(148,180,255,.48);background:rgba(12,25,52,.85);transition:.16s}.pin-dots span.filled{background:linear-gradient(135deg,#2e7cff,#63a0ff);border-color:#7bb0ff;box-shadow:0 0 16px rgba(46,124,255,.58);transform:scale(1.08)}.pin-dots.shake{animation:pinShake .32s ease}
.pin-keypad{display:grid;grid-template-columns:repeat(3,72px);justify-content:center;gap:12px;margin:14px auto 20px}.pin-keypad button{width:72px;height:58px;border-radius:18px;border:1px solid rgba(112,151,205,.28);background:rgba(13,29,49,.92);color:#f4f8ff;font-size:22px;font-weight:700;cursor:pointer;transition:.15s}.pin-keypad button:hover,.pin-keypad button:active{border-color:#398cff;background:#15365d;transform:scale(.97)}.pin-keypad .pin-key-empty{visibility:hidden}.pin-setup-label{display:block;text-align:center;color:var(--muted)}.settings-card #pinSetupPanel{display:flex;flex-direction:column}.settings-card #pinSetupPanel.hidden{display:none}.lock-card #unlockBtn.hidden{display:none!important}
@keyframes pinShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}

@media(max-width:520px){.pin-keypad{grid-template-columns:repeat(3,64px);gap:10px}.pin-keypad button{width:64px;height:54px}.pin-dots{gap:11px}.pin-dots span{width:16px;height:16px}}

/* Lote 61 â€” entrada manual inteligente */
.field-status{display:block;margin-top:7px;color:#8fa6bf;font-size:12px;line-height:1.35}.field-status.valid{color:#65d99b}.field-status.invalid{color:#ff8e9d}#financialCardNumber{font-variant-numeric:tabular-nums;letter-spacing:.04em}


/* Lote 63 â€” Wallet visual para todos los mÃ©todos */
.financial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.wallet-shell{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;min-height:0!important;gap:10px!important}
.wallet-shell::after{display:none!important}.wallet-shell>*{position:relative;z-index:1}
.wallet-visual{position:relative;overflow:hidden;min-height:205px;border-radius:24px;padding:20px;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#263552,#10182a 70%)}
.wallet-visual::before,.wallet-visual::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.wallet-visual::before{width:240px;height:240px;right:-120px;bottom:-145px;background:rgba(255,255,255,.08)}.wallet-visual::after{width:150px;height:150px;left:-90px;top:-95px;background:rgba(255,255,255,.05)}
.wallet-top,.wallet-identity,.card-hardware,.card-bottom,.bank-bottom{display:flex;align-items:center}.wallet-top{justify-content:space-between;gap:12px}.wallet-identity{gap:11px;min-width:0}.wallet-identity h4{margin:0;font-size:16px;line-height:1.05;color:#fff}.wallet-identity small{color:rgba(255,255,255,.72);font-size:12px}.wallet-brand-logo{width:44px;height:34px;border-radius:9px}.wallet-tools{display:flex;gap:6px}.wallet-icon-btn{width:34px;height:34px!important;min-height:34px;padding:0!important;border-radius:50%!important;background:rgba(0,0,0,.18)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;display:grid!important;place-items:center}.wallet-icon-btn svg{width:18px;height:18px}.wallet-favorite{color:#ffd66b!important}
.card-hardware{gap:10px;margin-top:25px}.wallet-chip{width:43px;height:32px;border-radius:8px;background:linear-gradient(135deg,#f2d68a,#b18d38);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;border:1px solid rgba(75,53,5,.45)}.wallet-chip i{border:1px solid rgba(89,64,8,.38)}.wallet-contactless{font-size:18px;font-weight:800;letter-spacing:-5px;transform:rotate(90deg);opacity:.8}
.card-number,.bank-account-number{margin-top:18px;font-size:20px;font-weight:800;letter-spacing:2.4px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.card-bottom,.bank-bottom{justify-content:space-between;gap:12px;margin-top:18px}.card-bottom>div,.bank-bottom>div{min-width:0}.card-bottom span,.bank-bottom span{display:block;font-size:9px;letter-spacing:1px;color:rgba(255,255,255,.66);margin-bottom:3px}.card-bottom b,.bank-bottom b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px;color:#fff}
.network-logo{margin-left:auto;font-weight:900;font-style:italic}.network-logo.visa{font-size:24px;letter-spacing:-1px}.network-logo.amex{padding:5px 6px;background:#fff;color:#1976a7;font-size:11px;border-radius:3px}.network-logo.discover{font-size:11px}.network-logo.generic{font-size:10px;opacity:.7}.network-logo.mastercard{position:relative;width:48px;height:28px}.network-logo.mastercard i{position:absolute;width:28px;height:28px;border-radius:50%;top:0}.network-logo.mastercard i:first-child{left:0;background:#eb001b}.network-logo.mastercard i:last-child{right:0;background:#f79e1b;mix-blend-mode:screen}
.bank-account-type{margin-top:28px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.72)}.bank-account-number{font-size:23px;margin-top:8px}.bank-symbol{font-size:30px;margin-left:auto}
.financial-channel-list{display:flex;gap:7px;flex-wrap:wrap;padding:0 3px}.financial-channel-list span{padding:6px 10px;border-radius:999px;background:rgba(43,126,246,.14);border:1px solid rgba(64,145,255,.3);color:#a9ccff;font-size:11px;font-weight:700}.wallet-note{padding:0 4px;color:var(--muted)}.wallet-actions{gap:10px;padding:0 3px}.wallet-actions button{min-height:40px;border-radius:12px}.wallet-shell.is-favorite .wallet-visual{box-shadow:0 18px 40px rgba(0,0,0,.30),0 0 0 2px rgba(255,210,90,.45),inset 0 1px rgba(255,255,255,.18)}
.card-paypal{background:linear-gradient(135deg,#08326f,#0b61a4 58%,#009cde)}.card-wf,.bank-wf{background:linear-gradient(135deg,#b20d24,#6d0716 70%,#32010a)}.card-td,.bank-td{background:linear-gradient(135deg,#177a43,#0a4f2c 68%,#06331e)}.card-chase,.bank-chase{background:linear-gradient(135deg,#195b9c,#0d3766 65%,#071f3c)}.card-boa,.bank-boa{background:linear-gradient(135deg,#d7193f,#7c0e28 52%,#143b72)}.card-capitalone,.bank-capitalone{background:linear-gradient(135deg,#113f74,#0a274a 68%,#061a32)}.card-citi,.bank-citi{background:linear-gradient(135deg,#145a9e,#0b3764 65%,#071f39)}.card-amex{background:linear-gradient(135deg,#287ca8,#174b6e 62%,#0a2b45)}.card-discover{background:linear-gradient(135deg,#242424,#111 58%,#6f3a00)}.card-visa{background:linear-gradient(135deg,#233f88,#13275b 64%,#0c1737)}.card-mastercard{background:linear-gradient(135deg,#242733,#11131a 62%,#3f1d18)}.card-generic,.bank-bank{background:linear-gradient(135deg,#263552,#10182a 70%)}
@media(max-width:560px){.financial-grid{grid-template-columns:1fr}.wallet-visual{min-height:198px;padding:18px}.card-number,.bank-account-number{font-size:18px;letter-spacing:1.9px}.wallet-identity h4{font-size:15px}.wallet-brand-logo{width:42px;height:32px}}


/* LOTE 64 Â· Wallet con logos oficiales proporcionados por el usuario */
.wallet-visual.card-wf,.wallet-visual.bank-wf{background:linear-gradient(145deg,#d71920 0%,#a50008 60%,#680006 100%)!important}
.wallet-visual.card-chase,.wallet-visual.bank-chase{background:linear-gradient(145deg,#0a3768 0%,#08284c 55%,#031629 100%)!important}
.wallet-visual.card-td,.wallet-visual.bank-td{background:linear-gradient(145deg,#54b948 0%,#218838 56%,#0b5226 100%)!important}
.wallet-visual.card-paypal,.wallet-visual.bank-paypal{background:linear-gradient(145deg,#003087 0%,#005ea6 50%,#009cde 100%)!important}
.wallet-visual.card-wf::after,.wallet-visual.bank-wf::after{background:radial-gradient(circle,rgba(255,215,120,.22),transparent 68%)!important}
.wallet-visual.card-chase::after,.wallet-visual.bank-chase::after{background:linear-gradient(135deg,transparent 20%,rgba(67,166,238,.20) 50%,transparent 75%)!important;transform:rotate(-18deg)}
.wallet-visual.card-td::after,.wallet-visual.bank-td::after{background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%)!important}
.wallet-visual.card-paypal::after,.wallet-visual.bank-paypal::after{background:linear-gradient(130deg,rgba(255,255,255,.13),transparent 55%)!important}
.official-bank-logo{display:flex!important;align-items:center;justify-content:center;overflow:hidden;background:transparent!important;border-radius:0!important;box-shadow:none!important;width:auto!important;max-width:138px;height:44px!important;flex:0 0 auto}
.official-bank-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.brand-logo-wf{width:82px!important;height:44px!important}.brand-logo-wf img{border-radius:5px}
.brand-logo-chase{width:126px!important;height:34px!important}.brand-logo-td{width:132px!important;height:39px!important}.brand-logo-paypal{width:116px!important;height:38px!important}
.official-network{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:76px!important;height:34px!important;background:transparent!important;border:0!important;padding:0!important}
.official-network img{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:none!important}
.card-wf .official-network img,.card-chase .official-network img,.card-paypal .official-network img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))!important}
.card-visual{isolation:isolate}.card-visual>*{position:relative;z-index:2}
@media(max-width:560px){.official-bank-logo{max-width:118px}.brand-logo-chase{width:108px!important}.brand-logo-td{width:112px!important}.brand-logo-paypal{width:102px!important}.official-network{width:68px!important}}


/* LOTE 65 Â· Wallet V2 limpia */
.financial-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px!important;align-items:start}
.wallet-shell-v2{position:relative!important;margin:0!important}
.wallet-shell-v2 .wallet-visual{aspect-ratio:1.586/1;min-height:0!important;padding:22px 24px!important;border-radius:22px!important;transition:transform .22s ease,box-shadow .22s ease;cursor:default}
.wallet-shell-v2:hover .wallet-visual{transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.18)}
.wallet-v2::before{width:280px!important;height:280px!important;right:-150px!important;bottom:-170px!important;opacity:.72}
.wallet-v2-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:44px}
.wallet-v2-brand{display:flex;align-items:center;min-width:0}.wallet-v2-brand .official-bank-logo{justify-content:flex-start!important;max-width:150px!important;height:40px!important}.wallet-v2-brand .financial-brand{width:auto;min-width:44px;padding:0 8px;border-radius:8px;background:rgba(255,255,255,.13);font-size:15px;font-weight:800}
.wallet-v2-network{display:flex;align-items:center;justify-content:flex-end}.wallet-v2-network .official-network{width:68px!important;height:30px!important}.wallet-v2-network .network-logo.visa{font-size:21px}
.wallet-more{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(0,0,0,.18)!important;color:#fff!important;display:grid!important;place-items:center;box-shadow:none!important}.wallet-more:hover{background:rgba(0,0,0,.32)!important}.wallet-more svg{width:20px;height:20px}
.wallet-v2-hardware{display:flex;align-items:center;gap:12px;margin-top:26px}.wallet-v2-hardware .wallet-chip{width:46px;height:34px}.wallet-v2-hardware .wallet-contactless{font-size:17px;opacity:.9}
.wallet-v2-number{margin-top:23px;font-size:21px;font-weight:700;letter-spacing:2.2px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.28);font-variant-numeric:tabular-nums}.wallet-v2-number.bank-number{font-size:25px;margin-top:12px}
.wallet-v2-account-kind{margin-top:34px;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.72)}
.wallet-v2-foot{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(70px,.65fr) auto;align-items:end;gap:16px;margin-top:22px}.wallet-v2-foot span{display:block;margin-bottom:4px;font-size:8.5px;font-weight:700;letter-spacing:1.25px;color:rgba(255,255,255,.64)}.wallet-v2-foot b{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:#fff}.wallet-bank-glyph{width:28px;height:28px;color:rgba(255,255,255,.58)}
.wallet-menu{position:absolute;z-index:20;right:12px;top:48px;width:190px;padding:7px;border-radius:14px;background:rgba(8,18,34,.97);border:1px solid rgba(123,164,222,.24);box-shadow:0 18px 45px rgba(0,0,0,.48);backdrop-filter:blur(18px)}.wallet-menu[hidden]{display:none!important}.wallet-menu button{width:100%;min-height:38px!important;padding:8px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#eaf2ff!important;display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;font-size:13px!important;text-align:left!important}.wallet-menu button:hover{background:rgba(62,130,230,.17)!important}.wallet-menu button svg{width:17px;height:17px;flex:none}.wallet-menu-symbol{width:17px;text-align:center;font-size:18px}.wallet-menu .wallet-menu-danger{color:#ff8290!important}.wallet-menu .wallet-menu-danger:hover{background:rgba(255,73,91,.12)!important}
.wallet-shell-v2.is-favorite .wallet-visual{box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 0 1px rgba(255,211,90,.58),inset 0 1px rgba(255,255,255,.18)!important}
.wallet-shell-v2 .financial-channel-list,.wallet-shell-v2 .wallet-actions,.wallet-shell-v2 .wallet-note{display:none!important}
@media(max-width:700px){.financial-grid{grid-template-columns:1fr}.wallet-shell-v2 .wallet-visual{padding:19px 20px!important}.wallet-v2-number{font-size:18px;letter-spacing:1.7px}.wallet-v2-foot{gap:10px}.wallet-v2-brand .official-bank-logo{max-width:125px!important}.wallet-menu{right:8px;top:44px}}


/* Lote 66 Â· Resumen por cuenta con vibra y lectura completa */
.account-v66{position:relative;overflow:hidden;isolation:isolate;animation:accountV66In .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--account-delay,0ms);border:1px solid rgba(255,255,255,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:linear-gradient(145deg,rgba(19,27,42,.94),rgba(8,15,27,.97))}
.account-v66:hover{transform:translateY(-3px);border-color:rgba(90,255,170,.26);box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 24px rgba(40,220,140,.07)}
.account-v66 .account-glow{position:absolute;z-index:-1;width:150px;height:150px;border-radius:50%;right:-65px;top:-80px;filter:blur(4px);opacity:.22;background:radial-gradient(circle,rgba(67,255,164,.62),transparent 68%);animation:accountGlowV66 4.4s ease-in-out infinite}
.account-watch .account-glow{background:radial-gradient(circle,rgba(255,193,75,.64),transparent 68%)}
.account-attention .account-glow{background:radial-gradient(circle,rgba(255,94,94,.62),transparent 68%)}
.account-numbers-v66{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:14px}
.account-numbers-v66 span{display:flex!important;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.045)}
.account-numbers-v66 span b{font-variant-numeric:tabular-nums;color:#f5f7fb}
.account-progress-row{display:flex;justify-content:space-between;gap:12px;margin:14px 1px 7px;color:var(--muted,#9ba7b8);font-size:.76rem}
.mini-progress-v66{height:8px!important;border-radius:99px!important;background:rgba(255,255,255,.065)!important;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.mini-progress-v66 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#20bd75,#6cf3ad);box-shadow:0 0 14px rgba(66,237,154,.42);transform-origin:left;animation:accountBarV66 .85s cubic-bezier(.2,.75,.2,1) both}
.account-watch .mini-progress-v66 i{background:linear-gradient(90deg,#f0a52d,#ffd369);box-shadow:0 0 14px rgba(255,194,73,.34)}
.account-attention .mini-progress-v66 i{background:linear-gradient(90deg,#e14d57,#ff8b75);box-shadow:0 0 14px rgba(255,95,95,.32)}
@keyframes accountV66In{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes accountBarV66{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes accountGlowV66{0%,100%{transform:scale(.9);opacity:.16}50%{transform:scale(1.14);opacity:.3}}
@media(max-width:520px){.account-numbers-v66{grid-template-columns:1fr}.account-v66:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.account-v66,.account-v66 .account-glow,.mini-progress-v66 i{animation:none!important;transition:none!important}}


/* Lote 67 Â· Logos de red en posiciÃ³n real + resumen por cuenta desahogado */
.wallet-v2{position:relative}
.wallet-v2-head{padding-right:44px}
.wallet-v2-network{position:absolute!important;right:20px!important;bottom:18px!important;top:auto!important;z-index:4;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;pointer-events:none}
.wallet-v2-network .official-network{width:72px!important;height:34px!important;justify-content:flex-end!important}
.wallet-v2-network .official-network img{max-width:72px!important;max-height:34px!important;object-fit:contain!important;object-position:right bottom!important}
.wallet-v2-network .network-logo.visa{font-size:25px!important}
.wallet-v2-network .network-logo.mastercard{transform:scale(.88);transform-origin:right bottom}
.wallet-v2-foot{padding-right:90px!important}
.wallet-v2-foot>div:last-of-type{min-width:62px}

.account-v66{padding:20px 20px 18px!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;animation:accountV67In .7s cubic-bezier(.16,1,.3,1) both!important;animation-delay:var(--account-delay,0ms)!important}
.account-v66::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.22) 42%,transparent 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.36;transform:translateX(-65%);animation:accountSweepV67 4.8s ease-in-out infinite;pointer-events:none}
.account-v66:hover{transform:translateY(-5px) scale(1.012)!important;box-shadow:0 22px 52px rgba(0,0,0,.34),0 0 34px rgba(57,239,154,.12)!important}
.account-v66 .account-glow{width:210px!important;height:210px!important;right:-78px!important;top:-112px!important;opacity:.34!important;filter:blur(10px)!important;animation:accountGlowV67 3.2s ease-in-out infinite!important}
.account-v66 .account-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px!important}
.account-v66 .account-top strong:first-child{font-size:1rem;letter-spacing:.2px}
.account-v66 .account-total{font-size:1.18rem;line-height:1;white-space:nowrap;text-shadow:0 0 18px rgba(89,255,174,.18)}
.account-numbers-v66{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:0!important}
.account-numbers-v66 span{min-height:58px;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;padding:12px 14px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.account-numbers-v66 span b{font-size:1rem!important;line-height:1.1!important}
.account-progress-row{margin:18px 2px 9px!important;font-size:.8rem!important}
.mini-progress-v66{height:10px!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025)!important}
.mini-progress-v66 i{animation:accountBarV67 1.25s cubic-bezier(.16,1,.3,1) both!important;position:relative;overflow:hidden}
.mini-progress-v66 i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-120%);animation:accountBarShineV67 2.8s ease-in-out infinite 1.1s}
.account-attention{animation:accountV67In .7s cubic-bezier(.16,1,.3,1) both,accountAttentionPulseV67 2.4s ease-in-out infinite 1.2s!important}
@keyframes accountV67In{from{opacity:0;transform:translateY(22px) scale(.965);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes accountBarV67{from{transform:scaleX(0);filter:brightness(1.5)}to{transform:scaleX(1);filter:brightness(1)}}
@keyframes accountBarShineV67{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(160%)}}
@keyframes accountGlowV67{0%,100%{transform:scale(.88);opacity:.22}50%{transform:scale(1.2);opacity:.46}}
@keyframes accountSweepV67{0%,55%{transform:translateX(-75%);opacity:0}70%{opacity:.46}100%{transform:translateX(75%);opacity:0}}
@keyframes accountAttentionPulseV67{0%,100%{box-shadow:0 10px 28px rgba(0,0,0,.18),0 0 0 rgba(255,87,87,0)}50%{box-shadow:0 16px 40px rgba(0,0,0,.28),0 0 28px rgba(255,87,87,.16)}}
@media(max-width:560px){.wallet-v2-network{right:17px!important;bottom:16px!important}.wallet-v2-foot{padding-right:78px!important}.account-v66{padding:18px!important}.account-numbers-v66{grid-template-columns:1fr 1fr!important;gap:10px!important}.account-numbers-v66 span{min-height:54px;padding:10px 12px!important}}
@media(max-width:380px){.account-numbers-v66{grid-template-columns:1fr!important}.wallet-v2-foot{padding-right:74px!important}}


/* Lote 68 Â· posiciones definitivas y chip premium */
.wallet-v2{position:relative!important;overflow:hidden!important}
.wallet-v2-head{display:block!important;min-height:42px!important;padding:0 46px 0 0!important}
.wallet-v2-brand{position:relative!important;z-index:3!important;max-width:calc(100% - 8px)!important}
.wallet-more{position:absolute!important;top:12px!important;right:12px!important;z-index:12!important;width:32px!important;height:32px!important;min-height:32px!important;border:0!important;background:rgba(2,8,18,.18)!important;backdrop-filter:blur(8px)!important;box-shadow:0 1px 0 rgba(255,255,255,.09) inset!important}
.wallet-more:hover,.wallet-more:focus-visible{background:rgba(2,8,18,.38)!important;transform:scale(1.05)!important}
.wallet-more svg{width:19px!important;height:19px!important}
.wallet-menu{right:12px!important;top:50px!important}
.wallet-v2-network{position:absolute!important;right:18px!important;bottom:16px!important;top:auto!important;left:auto!important;z-index:8!important;width:auto!important;height:auto!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;pointer-events:none!important;margin:0!important}
.wallet-v2-network .official-network{display:flex!important;width:74px!important;height:34px!important;align-items:flex-end!important;justify-content:flex-end!important;margin:0!important}
.wallet-v2-network .official-network img{display:block!important;width:auto!important;height:auto!important;max-width:74px!important;max-height:34px!important;object-fit:contain!important;object-position:right bottom!important;margin:0!important}
.wallet-v2-foot{padding-right:92px!important}
.wallet-chip-v68{position:relative!important;display:block!important;width:49px!important;height:37px!important;border:0!important;border-radius:9px!important;background:transparent!important;overflow:visible!important;box-shadow:0 5px 12px rgba(0,0,0,.28),0 0 0 1px rgba(255,242,180,.18)!important}
.wallet-chip-v68 svg{display:block!important;width:100%!important;height:100%!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.28))!important}
.wallet-chip-v68 i{display:none!important}
@media(max-width:560px){
 .wallet-more{top:10px!important;right:10px!important}
 .wallet-v2-network{right:15px!important;bottom:14px!important}
 .wallet-v2-network .official-network{width:68px!important;height:31px!important}
 .wallet-v2-network .official-network img{max-width:68px!important;max-height:31px!important}
 .wallet-v2-foot{padding-right:84px!important}
 .wallet-menu{right:8px!important;top:46px!important}
}


/* Lote 69 Â· anclajes estructurales reales */
.wallet-v2.card-visual{position:relative!important}
.wallet-v2-head{position:relative!important;display:block!important;padding:0 52px 0 0!important;min-height:42px!important}
.wallet-more{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  margin:0!important;
  z-index:30!important;
  width:32px!important;
  height:32px!important;
  transform:none!important;
}
.wallet-v2-network{
  position:absolute!important;
  right:16px!important;
  bottom:14px!important;
  top:auto!important;
  left:auto!important;
  margin:0!important;
  z-index:20!important;
  display:flex!important;
  width:78px!important;
  height:38px!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  pointer-events:none!important;
}
.wallet-v2-network .official-network,
.wallet-v2-network .network-logo{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  width:78px!important;
  height:38px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
}
.wallet-v2-network img{
  display:block!important;
  max-width:78px!important;
  max-height:38px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:right bottom!important;
}
.wallet-v2-foot{padding-right:104px!important}
.wallet-menu{right:8px!important;top:46px!important}
@media(max-width:560px){
  .wallet-more{top:7px!important;right:7px!important}
  .wallet-v2-network{right:13px!important;bottom:12px!important;width:70px!important;height:34px!important}
  .wallet-v2-network .official-network,.wallet-v2-network .network-logo{width:70px!important;height:34px!important}
  .wallet-v2-network img{max-width:70px!important;max-height:34px!important}
  .wallet-v2-foot{padding-right:92px!important}
  .wallet-menu{right:7px!important;top:43px!important}
}


/* Lote 70: resumen por cuenta mÃ¡s legible */
.account-v66{padding:22px 22px 20px;gap:14px;overflow:hidden}
.account-v66 .account-top{align-items:flex-start;gap:18px}
.account-v66 .account-top>strong:first-child{font-size:1.02rem;letter-spacing:.01em}
.account-v66 .account-total{font-size:1.18rem}
.account-numbers-v66{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.account-numbers-v66 span{padding:11px 13px;border-radius:13px;background:color-mix(in srgb,var(--panel,#fff) 72%,transparent);border:1px solid rgba(148,163,184,.18)}
.account-numbers-v66 span b{font-size:1.05rem}
.account-numbers-v66 span:nth-child(2) b{color:#16a34a}
.account-numbers-v66 span:nth-child(4){border-color:rgba(245,158,11,.42);box-shadow:0 0 20px rgba(245,158,11,.10)}
.account-numbers-v66 span:nth-child(4) b{font-size:1.2rem;color:#f59e0b}
.account-progress-row{align-items:end;margin-top:2px}
.account-progress-row small:first-child{font-size:1.12rem;font-weight:900;color:var(--text,#0f172a)}
.account-progress-row small:last-child{font-size:.98rem;font-weight:850;color:#f59e0b}
.mini-progress-v66{height:13px;border-radius:999px;box-shadow:inset 0 1px 3px rgba(15,23,42,.18)}
.mini-progress-v66 i{position:relative;overflow:hidden}
.mini-progress-v66 i:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 36%,rgba(255,255,255,.7) 48%,transparent 60%);animation:accountShine 2.1s ease-in-out infinite}
@keyframes accountShine{0%{transform:translateX(-120%)}70%,100%{transform:translateX(140%)}}
.account-review-alert{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 17px;border:1px solid rgba(245,158,11,.5);background:rgba(245,158,11,.10);border-radius:15px;color:#92400e}
.account-review-alert strong{font-weight:900}.account-review-alert span{font-weight:800}
#defaultSourceWrap small{display:block;margin-top:6px;color:var(--muted,#64748b)}
@media(max-width:620px){.account-numbers-v66{grid-template-columns:1fr}.account-review-alert{align-items:flex-start;flex-direction:column}}

/* Lote 71: categorÃ­as independientes del resumen */
.account-v66.account-cash,.account-v66.account-zelle{position:relative;overflow:hidden}
.account-v66 strong:first-child{letter-spacing:.01em}
/* KAEL Bills Lote 74 â€” panel superior premium, basado en Lote 71 */
.kpis{perspective:1100px}
.kpis article{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:104px;
  padding:20px 20px;
  border-color:rgba(143,173,215,.19);
  background:
    linear-gradient(145deg,rgba(19,34,57,.96),rgba(8,17,30,.93));
  box-shadow:0 15px 36px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035);
  transform:translateY(12px);
  opacity:0;
  animation:kpi74Enter .55s cubic-bezier(.2,.75,.25,1) forwards;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.kpis article:nth-child(2){animation-delay:.07s}
.kpis article:nth-child(3){animation-delay:.14s}
.kpis article:nth-child(4){animation-delay:.21s}
.kpis article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:18px 0 0 18px;
  background:var(--kpi-accent,#52a4ff);
  box-shadow:0 0 18px var(--kpi-glow,rgba(82,164,255,.35));
}
.kpis article::after{
  content:"";
  position:absolute;
  width:125px;height:125px;
  right:-54px;top:-72px;
  border-radius:50%;
  background:radial-gradient(circle,var(--kpi-halo,rgba(82,164,255,.15)),transparent 70%);
  pointer-events:none;
  z-index:-1;
}
.kpis article:nth-child(1){--kpi-accent:#62e54d;--kpi-glow:rgba(98,229,77,.42);--kpi-halo:rgba(98,229,77,.16)}
.kpis article:nth-child(2){--kpi-accent:#ff5f72;--kpi-glow:rgba(255,95,114,.42);--kpi-halo:rgba(255,95,114,.16)}
.kpis article:nth-child(3){--kpi-accent:#ffbd4a;--kpi-glow:rgba(255,189,74,.42);--kpi-halo:rgba(255,189,74,.16)}
.kpis article:nth-child(4){--kpi-accent:#52a4ff;--kpi-glow:rgba(82,164,255,.46);--kpi-halo:rgba(82,164,255,.18);border-color:rgba(82,164,255,.28)}
.kpis article:hover{
  transform:translateY(-4px) scale(1.012);
  border-color:color-mix(in srgb,var(--kpi-accent) 42%,transparent);
  box-shadow:0 22px 44px rgba(0,0,0,.27),0 0 22px var(--kpi-glow),inset 0 1px 0 rgba(255,255,255,.055);
}
.kpi-icon{
  width:46px;height:46px;
  border-radius:14px;
  font-size:19px;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 18px rgba(0,0,0,.22);
}
.kpi-icon.paid{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 20px rgba(98,229,77,.12)}
.kpi-icon.unpaid{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 20px rgba(255,95,114,.12)}
.kpi-icon.pending{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 20px rgba(255,189,74,.12)}
.kpi-icon.total{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(82,164,255,.16)}
.kpis article>div{min-width:0}
.kpis small{
  color:#9eb0c7;
  font-size:10px;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.kpis strong{
  font-size:clamp(22px,2vw,29px);
  line-height:1.08;
  margin:7px 0 6px;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
  text-shadow:0 2px 16px rgba(0,0,0,.28);
}
.kpis article:nth-child(1) strong{color:#dfffd9}
.kpis article:nth-child(2) strong{color:#ffe1e6}
.kpis article:nth-child(3) strong{color:#fff0c8}
.kpis article:nth-child(4) strong{color:#e4f1ff}
.kpis em{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.055);
  color:#8194ae;
  font-size:10px;
}
.kpis article:nth-child(4){transform-origin:center}
@keyframes kpi74Enter{to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.kpis article{animation:none;opacity:1;transform:none}.kpis article:hover{transform:none}}
@media(max-width:760px){.kpis article{min-height:96px;padding:17px}.kpi-icon{width:42px;height:42px}.kpis strong{font-size:23px}}

/* Ajuste visible Lote 74 */
.kpis{gap:16px!important}
.kpis article{
  min-height:126px!important;
  border-radius:22px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.kpis article:nth-child(1){background:linear-gradient(145deg,rgba(20,60,35,.96),rgba(9,27,19,.96))!important}
.kpis article:nth-child(2){background:linear-gradient(145deg,rgba(71,24,35,.96),rgba(31,12,19,.96))!important}
.kpis article:nth-child(3){background:linear-gradient(145deg,rgba(78,54,18,.96),rgba(35,24,9,.96))!important}
.kpis article:nth-child(4){background:linear-gradient(145deg,rgba(22,48,83,.98),rgba(9,23,43,.98))!important;box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 24px rgba(82,164,255,.16)!important}
.kpis small{font-size:11px!important;color:rgba(255,255,255,.72)!important}
.kpis strong{font-size:clamp(27px,2.5vw,36px)!important;margin:9px 0 8px!important}
.kpi-icon{width:52px!important;height:52px!important;border-radius:16px!important;font-size:22px!important}
.kpis em{font-size:11px!important;color:rgba(255,255,255,.58)!important;background:rgba(255,255,255,.07)!important}
@media(max-width:760px){.kpis{gap:12px!important}.kpis article{min-height:112px!important;padding:18px!important}.kpis strong{font-size:27px!important}}

/* LOTE 76 â€” restaura Wallet aprobada y separa lectura del resumen */
.account-progress-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:4px!important;
}
.account-progress-row small:first-child{
  display:block!important;
  white-space:nowrap!important;
  font-size:1.05rem!important;
  font-weight:900!important;
  line-height:1.15!important;
}
.account-progress-row small:last-child{
  display:block!important;
  white-space:nowrap!important;
  text-align:right!important;
  font-size:.94rem!important;
  font-weight:850!important;
  line-height:1.15!important;
}
@media(max-width:520px){
  .account-progress-row{grid-template-columns:1fr!important;gap:7px!important;align-items:start!important}
  .account-progress-row small:last-child{text-align:left!important}
}

/* Source preserved from: styles-v84.css */
/* Lote 80: estabilizaciÃ³n de Espacios, Meses y GestiÃ³n. No toca dashboard, tarjetas ni cÃ¡lculos. */
.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.management-card{display:flex;flex-direction:column;gap:12px;align-items:stretch}.management-card h3,.management-card p{margin:0}.management-card button,.management-card .import-label{width:100%}.workspace-identity,.workspace-actions{display:flex;align-items:center;gap:12px}.workspace-card{justify-content:space-between}.workspace-emoji{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.09);font-size:22px}.workspace-actions{margin-left:auto}.workspace-delete{width:38px!important;min-width:38px;padding:8px!important}.workspace-card.active{outline:2px solid rgba(74,222,128,.45)}
@media(max-width:760px){.management-grid{grid-template-columns:1fr}.workspace-card{align-items:center}.workspace-actions{gap:6px}.workspace-card button{padding:8px 10px}}


.active-space-badge{display:inline-flex;align-items:center;gap:8px;margin-top:9px;padding:7px 11px;border:1px solid rgba(82,164,255,.26);border-radius:999px;background:rgba(31,120,255,.09);width:max-content;max-width:100%}.active-space-badge span{font-size:8px;letter-spacing:.16em;color:#79b7ff;font-weight:900}.active-space-badge b{font-size:11px;color:#eef6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.top-actions>#monthSelect,.top-actions>#newMonthBtn,.top-actions>#addBtn,.top-actions>.month-menu-wrap{display:block!important}.month-menu-wrap{position:relative}.month-menu-btn{min-width:44px;padding-inline:13px!important;font-size:20px;line-height:1}.month-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:210px;padding:8px;border:1px solid rgba(151,176,215,.18);border-radius:14px;background:#091525;box-shadow:0 20px 60px rgba(0,0,0,.5)}.month-menu.hidden{display:none!important}.month-menu button{width:100%;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:#c9d8eb;text-align:left;font-size:12px}.month-menu button:hover{background:rgba(82,164,255,.11);color:#fff}.month-menu button.danger-soft{color:#ff7f8f!important}.management-grid{align-items:stretch}.management-card{padding:24px!important;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(15,29,49,.96),rgba(7,15,27,.93))!important}.management-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,rgba(31,120,255,.16),transparent 68%);pointer-events:none}.management-card h3{font-size:19px}.management-card p{min-height:38px;line-height:1.5}.management-card button,.management-card .import-label{min-height:46px;border-radius:12px!important;margin-top:0!important;display:flex!important;align-items:center;justify-content:center;text-align:center!important;font-weight:750}.management-card .management-action,.management-card button:not(.primary):not(.danger-soft),.management-card .import-label{background:#0b192b!important;border:1px solid rgba(151,176,215,.14)!important;color:#c6d5e8!important}.management-card.advanced{border-color:rgba(255,95,114,.18)}.workspace-card{padding:16px 18px!important}.workspace-card.active{background:linear-gradient(135deg,rgba(31,120,255,.12),rgba(98,229,77,.07))!important}.workspace-card.active .workspace-emoji{box-shadow:0 0 0 1px rgba(98,229,77,.25),0 0 22px rgba(98,229,77,.13)}
@media(max-width:760px){.active-space-badge{margin-top:7px}.active-space-badge b{max-width:180px}.month-menu{left:0;right:auto}.top-actions>.month-menu-wrap{flex:0 0 auto!important}.month-menu-btn{width:48px!important}.management-card{padding:20px!important}}

/* Lote 81: menÃº de mes por encima de todo + GestiÃ³n compacta. */
.topbar{position:relative!important;z-index:500!important;overflow:visible!important}.top-actions{position:relative!important;z-index:520!important;overflow:visible!important}.month-menu-wrap{position:relative!important;z-index:530!important}.month-menu{z-index:9999!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;opacity:1!important;pointer-events:auto!important}.view,.hero,.workspace,.kpis,.panel{position:relative;z-index:auto}.hero{overflow:hidden}.management-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.management-group,.management-advanced{border:1px solid rgba(151,176,215,.14);border-radius:18px;background:linear-gradient(145deg,rgba(13,27,47,.97),rgba(7,16,29,.96));box-shadow:0 12px 34px rgba(0,0,0,.18)}.management-group{padding:18px}.management-group-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:14px}.management-group-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,rgba(38,132,255,.22),rgba(20,71,142,.13));border:1px solid rgba(84,160,255,.2);font-size:20px;color:#8fc4ff}.management-group-head h3{margin:2px 0 3px;font-size:18px}.management-group-head p{margin:0;color:#8fa1b8;font-size:12px}.management-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.management-actions-three{grid-template-columns:repeat(3,minmax(0,1fr))}.management-tile{width:100%;min-height:76px;padding:13px!important;border:1px solid rgba(151,176,215,.14)!important;border-radius:14px!important;background:#0a182a!important;color:#eaf2ff!important;display:grid!important;grid-template-columns:38px 1fr 16px;align-items:center;gap:10px;text-align:left!important;cursor:pointer;transition:.18s ease}.management-tile:hover{transform:translateY(-2px);border-color:rgba(76,153,255,.38)!important;background:#0d1d32!important;box-shadow:0 12px 28px rgba(0,0,0,.22)}.management-tile .tile-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(39,127,255,.13);color:#79b7ff;font-size:15px;font-weight:900}.management-tile b{display:block;font-size:13px}.management-tile small{display:block;margin-top:3px;color:#8396ae;font-size:10px;line-height:1.3}.tile-arrow{color:#71849d;font-size:22px}.file-tile input{display:none}.management-advanced{grid-column:1/-1;overflow:hidden}.management-advanced summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;color:#dce8f8}.management-advanced summary::-webkit-details-marker{display:none}.management-advanced summary b{display:block;font-size:13px}.management-advanced summary small{display:block;margin-top:2px;color:#8294aa;font-size:10px}.advanced-body{padding:0 18px 18px}.danger-management{width:auto!important;min-width:250px;padding:11px 16px!important;border-radius:11px!important;border:1px solid rgba(255,91,111,.25)!important;background:rgba(255,72,96,.08)!important;color:#ff8797!important}.danger-management:hover{background:rgba(255,72,96,.14)!important}@media(max-width:900px){.management-hub{grid-template-columns:1fr}.management-actions-three{grid-template-columns:1fr}.management-actions{grid-template-columns:1fr}}@media(max-width:760px){.month-menu{position:fixed!important;top:112px!important;right:14px!important;left:14px!important;width:auto!important}.management-group{padding:15px}.management-tile{min-height:68px}}


/* LOTE 82 â€” correcciones mÃ³viles y Ajustes sin GestiÃ³n duplicada */
.sidebar-backdrop{display:none;border:0;padding:0;margin:0;background:rgba(0,5,13,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:fixed;inset:0;z-index:899}
@media(max-width:760px){
  body.sidebar-open{overflow:hidden;touch-action:none}
  .sidebar{z-index:900!important;box-shadow:24px 0 60px rgba(0,0,0,.55);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .sidebar.open~.sidebar-backdrop,.sidebar-open .sidebar-backdrop{display:block}
  .topbar{grid-template-columns:auto minmax(0,1fr)!important;gap:12px 10px!important;align-items:start!important}
  .top-title{min-width:0}
  .top-title h1{font-size:24px;line-height:1.1}
  .top-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:9px!important;width:100%!important;align-items:stretch!important}
  .top-actions>#monthSelect{grid-column:1/2!important;width:100%!important;min-width:0!important}
  .top-actions>.month-menu-wrap{grid-column:2/3!important;width:48px!important}
  .top-actions>#newMonthBtn,.top-actions>#addBtn{grid-column:auto!important;width:100%!important;min-width:0!important;white-space:nowrap}
  .top-actions>#newMonthBtn{grid-column:1/2!important}
  .top-actions>#addBtn{grid-column:2/3!important;padding-left:10px!important;padding-right:10px!important;font-size:12px!important}
  .month-menu-btn{width:48px!important;height:100%!important;min-height:44px!important}
  .month-menu{position:fixed!important;top:104px!important;right:14px!important;left:14px!important;width:auto!important;max-height:calc(100dvh - 130px);overflow:auto;z-index:10050!important}
}
@media(max-width:430px){
  .top-actions{grid-template-columns:minmax(0,1fr) 46px!important}
  .top-actions>#newMonthBtn,.top-actions>#addBtn{font-size:11px!important;padding:11px 8px!important}
}

/* LOTE 83 â€” encabezado mÃ³vil estable para Samsung/iPhone. Solo responsive. */
@media (max-width:760px){
  .topbar{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:14px!important;
    align-items:start!important;
    padding-left:16px!important;
    padding-right:16px!important;
    overflow:visible!important;
  }
  .menu-toggle{grid-column:1!important;grid-row:1!important;width:58px!important;height:58px!important;min-width:58px!important;margin:0!important}
  .top-title{grid-column:2!important;grid-row:1!important;min-width:0!important;padding-top:2px!important}
  .top-title .eyebrow{font-size:10px!important;letter-spacing:.18em!important;white-space:normal!important}
  .top-title h1{font-size:25px!important;line-height:1.08!important;overflow-wrap:anywhere!important;margin-top:7px!important}
  .top-title .subtitle{font-size:13px!important;line-height:1.4!important;margin-top:8px!important}
  .active-space-badge{margin-top:10px!important;max-width:100%!important}

  .top-actions{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
  }
  .owner-switch-wrap{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
  .owner-switch-wrap.hidden{display:none!important}
  .owner-switch-wrap select{width:100%!important;min-width:0!important;height:54px!important}
  .top-actions>#monthSelect{grid-column:1/2!important;width:100%!important;min-width:0!important;height:54px!important}
  .top-actions>.month-menu-wrap{grid-column:2/3!important;width:58px!important;min-width:58px!important}
  .month-menu-btn{width:58px!important;height:54px!important;min-width:58px!important;min-height:54px!important;padding:0!important}
  .top-actions>#newMonthBtn,.top-actions>#addBtn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:52px!important;
    padding:10px 8px!important;
    font-size:13px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .top-actions>#newMonthBtn{grid-column:1/2!important}
  .top-actions>#addBtn{grid-column:2/3!important}
  .month-menu{top:calc(54px + env(safe-area-inset-top,0px))!important;right:12px!important;left:12px!important;max-width:none!important}
}
@media (max-width:390px){
  .topbar{grid-template-columns:56px minmax(0,1fr)!important;padding-left:12px!important;padding-right:12px!important;column-gap:10px!important}
  .menu-toggle{width:52px!important;height:52px!important;min-width:52px!important}
  .top-title h1{font-size:22px!important}
  .top-actions{grid-template-columns:minmax(0,1fr) 52px!important;gap:8px!important}
  .top-actions>.month-menu-wrap,.month-menu-btn{width:52px!important;min-width:52px!important}
  .top-actions>#newMonthBtn,.top-actions>#addBtn{font-size:11px!important;padding-inline:6px!important}
}
/* LOTE 84 â€” layout mÃ³vil dedicado del encabezado. No modifica escritorio ni lÃ³gica. */
@media (max-width:760px){
  .top-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 58px!important;
    grid-template-rows:auto 54px 52px 52px!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  .top-actions>.owner-switch-wrap{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
  }
  .top-actions>#monthSelect{
    grid-column:1/2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:54px!important;
  }
  .top-actions>.month-menu-wrap{
    grid-column:2/3!important;
    grid-row:2!important;
    width:58px!important;
    min-width:58px!important;
  }
  .top-actions>#addBtn{
    grid-column:1/-1!important;
    grid-row:3!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    padding:10px 14px!important;
    font-size:14px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .top-actions>#newMonthBtn{
    grid-column:1/-1!important;
    grid-row:4!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    padding:10px 14px!important;
    font-size:14px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media (max-width:390px){
  .top-actions{
    grid-template-columns:minmax(0,1fr) 52px!important;
    grid-template-rows:auto 52px 50px 50px!important;
  }
  .top-actions>#monthSelect,.month-menu-btn{height:52px!important;min-height:52px!important}
  .top-actions>#addBtn,.top-actions>#newMonthBtn{height:50px!important;font-size:13px!important}
}

/* Source preserved from: styles-v91.css */

/* Lote 88 Â· Biblioteca de Bills y renovaciÃ³n inteligente */
.library-panel{display:grid;gap:18px}.library-filters{display:flex;gap:10px;align-items:center}.library-filters input,.library-filters select{min-width:170px}.library-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.library-stats>div{padding:14px 16px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);display:grid;gap:3px}.library-stats b{font-size:1.45rem}.library-stats span{font-size:.78rem;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}.library-card{border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 12px 30px rgba(0,0,0,.16);display:grid;gap:15px}.library-card.paused{opacity:.78}.library-card.finished{opacity:.62}.library-card-head{display:flex;justify-content:space-between;gap:12px}.library-card h4{margin:6px 0 2px;font-size:1.08rem}.library-card small{color:var(--muted)}.series-badge,.auto-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800;letter-spacing:.05em;background:rgba(50,190,255,.14);color:#8bdcff;border:1px solid rgba(78,198,255,.25)}.auto-badge{margin-left:6px;background:rgba(77,221,134,.14);color:#7ff0a9;border-color:rgba(77,221,134,.25)}.series-state{font-size:.72rem;font-weight:800;padding:5px 9px;border-radius:999px;background:rgba(77,221,134,.13);color:#7ff0a9;height:max-content}.paused .series-state{background:rgba(255,184,77,.13);color:#ffc66b}.finished .series-state{background:rgba(255,95,95,.13);color:#ff8e8e}.library-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-card-body>div{display:grid;gap:3px;padding:10px;border-radius:12px;background:rgba(0,0,0,.14)}.library-card-body span{font-size:.72rem;color:var(--muted)}.library-card-body b{font-size:.9rem}.library-card-actions{display:flex;gap:8px;flex-wrap:wrap}.library-card-actions button{flex:1;min-width:92px}.library-empty{grid-column:1/-1}.recurrence-next-control{display:flex;gap:8px;align-items:center}.recurrence-next-control input{flex:1}.compact{padding:10px 12px!important;white-space:nowrap}@media(max-width:700px){.library-stats{grid-template-columns:repeat(2,1fr)}.library-filters{width:100%;display:grid;grid-template-columns:1fr}.library-filters input,.library-filters select{min-width:0;width:100%}.recurrence-next-control{align-items:stretch;flex-direction:column}}


/* Lote 89 Â· Bills Inteligentes completo */
.library-filters input,.library-filters select{background:linear-gradient(180deg,rgba(15,34,58,.98),rgba(9,24,43,.98))!important;color:#eef7ff!important;border:1px solid rgba(61,166,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12)!important}
.library-filters input:focus,.library-filters select:focus{border-color:#39a9ff!important;box-shadow:0 0 0 3px rgba(57,169,255,.14),0 10px 28px rgba(0,0,0,.18)!important;outline:none}
.library-filters input::placeholder{color:#8ba3ba}
.library-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.library-card-actions .series-action{min-width:0!important;min-height:42px;border:1px solid transparent;border-radius:12px;font-weight:800;color:#fff;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.library-card-actions .series-action:hover{transform:translateY(-1px);filter:brightness(1.08)}
.series-edit{background:linear-gradient(135deg,#1677ff,#1255d8);box-shadow:0 7px 18px rgba(22,119,255,.22)}
.series-history{background:linear-gradient(135deg,#7655ff,#5a38d0)}
.series-stats{background:linear-gradient(135deg,#00a8c8,#087caa)}
.series-pause{background:linear-gradient(135deg,#d98b13,#b56508)}
.series-resume{background:linear-gradient(135deg,#25a95b,#157d40)}
.series-finish{background:linear-gradient(135deg,#d94251,#a92836)}
.series-dialog{width:min(720px,calc(100vw - 24px));max-height:84vh;background:#0c1b2d;color:#eef7ff;border:1px solid rgba(82,180,255,.25);border-radius:20px;padding:20px;overflow:auto}
.series-timeline{display:grid;gap:12px;margin-top:14px}.series-timeline-item{padding:14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.series-timeline-item>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.status-dot{padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:800}.series-history-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.series-history-grid span{display:grid;gap:3px;color:var(--muted);font-size:.75rem}.series-history-grid b{color:#f4f9ff;font-size:.86rem;word-break:break-word}.series-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.series-stats-grid>div{display:grid;gap:5px;padding:14px;border-radius:15px;background:linear-gradient(145deg,rgba(38,108,174,.15),rgba(255,255,255,.025));border:1px solid rgba(82,180,255,.15)}.series-stats-grid span{font-size:.74rem;color:var(--muted)}.series-stats-grid b{font-size:1rem}.smart-convert-btn{color:#7bdcff!important}.smart-convert-note{color:var(--muted);font-size:.84rem;line-height:1.45;margin:0}.smart-convert-note::before{content:'â†» ';color:#60c8ff;font-weight:900}
@media(max-width:700px){.library-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.series-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-history-grid{grid-template-columns:1fr}.library-filters{grid-template-columns:1fr!important}}

/* Lote 91: Bills Inteligentes â€” pulido de escritorio */
.library-card-actions .series-stats{
  background:linear-gradient(135deg,rgba(31,91,145,.96),rgba(19,66,112,.96))!important;
  border-color:rgba(103,188,255,.34)!important;
  color:#eef8ff!important;
  box-shadow:0 8px 18px rgba(7,45,82,.18)!important;
}
.library-card-actions .series-stats:hover{
  box-shadow:0 10px 24px rgba(35,142,226,.24)!important;
}
@media (min-width: 901px){
  #seriesStatsDialog.series-dialog{width:min(940px,calc(100vw - 72px));padding:24px}
  #seriesStatsDialog .series-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  #seriesStatsDialog .series-stats-grid>div{min-height:92px;padding:17px 18px;align-content:center}
  #seriesStatsDialog .series-stats-grid span{font-size:.78rem}
  #seriesStatsDialog .series-stats-grid b{font-size:1.12rem}
}

/* Source preserved from: styles-v101.css */

/* Lote 101: estabilizaciÃ³n visual y controles seguros */
.account-sync-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.sync-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #203a5b;border-radius:14px;background:#09182a}.sync-toggle-row span{display:flex;flex-direction:column}.sync-toggle-row small{color:#89a1bd;margin-top:4px}.sync-switch{position:relative;width:54px;height:30px;flex:0 0 auto}.sync-switch input{opacity:0;width:0;height:0}.sync-switch i{position:absolute;inset:0;border-radius:999px;background:#25364d;border:1px solid #3a506d;transition:.2s}.sync-switch i:before{content:'';position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#d7e3f4;transition:.2s}.sync-switch input:checked+i{background:#0e7a48;border-color:#31d47d}.sync-switch input:checked+i:before{transform:translateX(24px);background:#fff}.cloud-download-btn{background:#0b1b2e!important;border:1px solid #284b73!important;color:#b9d7ff!important}.library-filters input,.library-filters select,#themeField{background:#09182a!important;color:#eef6ff!important;border:1px solid #2b5f91!important;border-radius:10px!important;min-height:44px!important;padding:0 13px!important;color-scheme:dark}.library-filters select option,#themeField option{background:#09182a!important;color:#eef6ff!important}.library-filters input:focus,.library-filters select:focus,#themeField:focus{outline:none!important;border-color:#268cff!important;box-shadow:0 0 0 3px rgba(38,140,255,.18)!important}.series-action.series-stats{background:#153a61!important;border:1px solid #2c73ad!important;color:#eaf6ff!important}.library-card-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.library-card-actions .series-action{min-width:0!important;width:100%!important;white-space:normal!important;line-height:1.1!important}.settings-card select,.settings-card input,.settings-card button:not(.primary):not(.danger-soft){background:#09182a;color:#eef6ff;border:1px solid #203a5b;border-radius:10px}.july-master-tile{margin-top:12px}.july-master-tile b{display:block}.july-master-tile small{display:block;color:#8ba4c2;margin-top:4px}@media(max-width:700px){.account-sync-controls{grid-template-columns:1fr}.library-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

