:root{
  --bg:#e9e9e6;--shell:#fbfbfa;--panel:#fff;--panel-soft:#f5f5f3;--text:#111318;--muted:#8a8e95;--line:#ecece8;
  --primary:#111827;--blue:#6daed8;--orange:#f1b56c;--green:#6fc5a8;--red:#df7771;--purple:#8b86d9;--amber:#d99b47;
  --radius:17px;--sidebar:205px;--rail:300px;--shadow:0 18px 55px rgba(38,38,33,.08)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}svg{display:block}input,select{width:100%;border:1px solid #e8e8e4;background:#fff;border-radius:10px;padding:11px 12px;outline:none;transition:.18s}input:focus,select:focus{border-color:#bfc3ca;box-shadow:0 0 0 3px rgba(17,24,39,.05)}label{display:block;font-size:12px;font-weight:650;margin:0 0 7px;color:#555a62}.muted{color:var(--muted)}

.app-frame{position:relative;display:flex;width:100%;min-height:100vh;margin:0;background:var(--shell);border-radius:0;overflow:hidden;box-shadow:none;border:0}
.sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar);background:#fbfbfa;border-right:1px solid var(--line);padding:29px 20px 20px;display:flex;flex-direction:column;z-index:30;border-radius:0}
.side-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:-.03em;margin-bottom:34px}.logo-symbol{position:relative;width:22px;height:22px;display:inline-block;flex:none}.logo-symbol i{position:absolute;width:6px;height:6px;background:#111318;border-radius:2px;transform:rotate(-35deg)}.logo-symbol i:nth-child(1){left:2px;top:8px}.logo-symbol i:nth-child(2){left:7px;top:3px}.logo-symbol i:nth-child(3){left:8px;top:13px}.logo-symbol i:nth-child(4){left:13px;top:8px}
.side-nav{display:grid;gap:8px}.side-nav a{height:40px;display:flex;align-items:center;gap:11px;padding:0 10px;border-radius:10px;color:#81858c;font-size:13px;font-weight:550;transition:.18s}.side-nav a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.side-nav a.active{color:#14161a;font-weight:720;background:#f4f4f1}.side-nav a:hover{color:#14161a;background:#f6f6f3}
.side-insight{margin-top:auto;margin-bottom:24px;background:#f4f4f2;border-radius:13px;padding:14px}.side-insight>span{display:block;font-size:8px;letter-spacing:.12em;font-weight:800;color:#a0a3a8;margin-bottom:7px}.side-insight strong{font-size:12px}.side-insight p{font-size:10px;line-height:1.45;color:#8a8e95;margin:5px 0 12px}.side-insight a{display:block;text-align:center;background:#fff;border:1px solid #e9e9e6;border-radius:9px;padding:8px;font-size:10px;font-weight:700}
.side-help{display:grid;gap:13px}.side-help a{display:flex;align-items:center;gap:9px;color:#777c84;font-size:11px}.circle-icon{width:16px;height:16px;border:1px solid #bfc2c7;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#777c84}

.main{flex:1;min-width:0;margin-left:var(--sidebar);background:#fff}.mobile-topbar{display:none}.content{min-height:100vh}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);min-height:100vh}.dashboard-main{min-width:0;padding:34px 40px 38px}.activity-rail{border-left:1px solid var(--line);background:#fdfdfc;padding:10px 18px 22px;display:flex;flex-direction:column}

.hello-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.hello-row h1{font-size:24px;line-height:1.1;letter-spacing:-.035em;margin:0 0 7px}.hello-row p{font-size:11px;color:#a0a4aa;margin:0}.hello-actions{display:flex;align-items:center;gap:8px}.date-chip{position:relative;width:auto;margin:0}.date-chip input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.date-chip span{font-size:10px;font-weight:650;white-space:nowrap}.date-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px 9px;background:#fff;color:#494d54}.date-chip svg{width:14px;height:14px;fill:none;stroke:#525760;stroke-width:1.7}.round-control{width:31px;height:31px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#747980;font-size:18px;line-height:1}.round-control:hover{background:#f6f6f3}.soft-divider{height:1px;background:var(--line);margin:25px 0 14px}

.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:25px}.metric-item{display:flex;align-items:center;gap:10px;min-width:0;padding:0 18px;border-right:1px solid var(--line)}.metric-item:first-child{padding-left:0}.metric-item:last-child{border-right:0}.metric-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f5f5f3;flex:none}.metric-icon svg{width:15px;height:15px;fill:none;stroke:#4c5158;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.metric-copy{min-width:0}.metric-copy>span{display:block;color:#3e4248;font-size:10px;font-weight:700;margin-bottom:3px}.metric-copy strong{font-size:15px;letter-spacing:-.02em;margin-right:3px;white-space:nowrap}.metric-change{display:block;margin-top:1px;font-size:8px;font-weight:700;white-space:nowrap}.metric-change span{font-weight:500;color:#b0b3b8}.metric-change.good{color:#65b99d}.metric-change.bad{color:#df7771}.metric-change.neutral{color:#8c9097}

.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{margin:0;font-size:15px;letter-spacing:-.02em}.section-heading p{font-size:9px;color:#a3a6ab;margin:3px 0 0}.month-selector{border:1px solid var(--line);border-radius:9px;background:#f8f8f6;padding:7px 10px;font-size:9px;color:#5f646c}.performance-section{margin-bottom:28px}.chart-wrap{height:225px;margin-top:10px}.chart-footer{display:flex;align-items:center;gap:16px;border-top:1px solid #f1f1ee;padding-top:10px;margin-top:3px;font-size:9px;color:#94989f}.chart-footer span:last-child{margin-left:auto;color:#5e636a;font-weight:650}.legend{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend.income{background:var(--blue)}.legend.expense{background:var(--orange)}

.control-section{padding-top:1px}.control-title{margin-bottom:13px}.text-link{font-size:9px;color:#666b72;border:1px solid var(--line);border-radius:8px;padding:7px 9px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.control-card{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}.control-card-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.soft-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f5f5f2;font-size:13px}.control-card-head h3{font-size:11px;margin:0}.control-card-head small{font-size:9px;color:#9c9fa5}.status-dot{margin-left:auto;font-size:8px;border-radius:99px;padding:4px 7px;background:#f4f4f2;color:#898d94}.status-dot.warning{color:#b77b26;background:#fff7e8}.task-list{display:grid}.task-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;border-top:1px solid #f2f2ef;padding:9px 0}.task-icon{width:28px;height:28px;border-radius:50%;background:#f7f7f4;display:grid;place-items:center;font-size:11px}.task-name{min-width:0}.task-name b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-name small{display:block;font-size:8px;color:#a2a5aa;margin-top:2px}.task-state{font-size:7px;border-radius:99px;padding:3px 6px}.task-state.amber{background:#fff5e5;color:#b27321}.task-state.gray{background:#f3f3f1;color:#8e9298}.task-state.red{background:#fff0ef;color:#c65e58}.task-row>strong,.pay-side>strong{font-size:9px;white-space:nowrap}.pay-side{display:flex;align-items:center;gap:5px}.tiny-btn{border:0;background:#f1f3fb;color:#5d64a7;border-radius:6px;padding:4px 6px;font-size:7px;font-weight:800}.tiny-btn:hover{background:#e8ebf8}
.goals-block,.next-section{margin-top:14px;border:1px solid var(--line);border-radius:13px;padding:14px}.mini-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-heading h3{font-size:11px;margin:0}.mini-heading span{font-size:8px;color:#a0a4aa}.goal-list{display:grid;gap:12px;margin-top:11px}.goal>div:first-child{display:flex;justify-content:space-between;gap:12px}.goal strong{font-size:9px}.goal span,.goal>small{font-size:8px;color:#9a9ea4}.goal>small{display:block;margin-top:4px}.progress{height:5px;background:#f0f0ed;border-radius:99px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:#8bc9b6;border-radius:inherit}.next-section{margin-top:13px}

.profile-card{background:#f3f3f1;border-radius:13px;min-height:170px;padding:18px 14px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.avatar-ring{position:relative;margin-bottom:8px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#f0cf9f,#f5e8d6);border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.05);display:grid;place-items:center;font-size:13px;font-weight:800;color:#634f3b}.avatar-ring>span{position:absolute;right:1px;bottom:3px;width:9px;height:9px;background:#eb6f76;border-radius:50%;border:2px solid #fff}.profile-card>strong{font-size:10px}.profile-card>small{font-size:8px;color:#a0a4aa;margin-top:2px}.profile-actions{display:flex;gap:12px;margin-top:13px}.profile-actions a,.profile-actions button{width:28px;height:28px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;font-size:11px;color:#5d6269}.activity-title{display:flex;align-items:center;gap:10px;margin:18px 0 10px}.activity-title span{height:1px;background:var(--line);flex:1}.activity-title b{font-size:9px;color:#555a61}.activity-list{display:grid;gap:2px}.activity-row{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:8px 0}.activity-avatar{width:25px;height:25px;border-radius:50%;background:#f2f2f0;display:grid;place-items:center;font-size:10px}.activity-meta{display:flex;justify-content:space-between;gap:7px}.activity-meta b{font-size:8px}.activity-meta time{font-size:7px;color:#b1b4b9}.activity-row p{font-size:7.5px;color:#999da3;margin:2px 0 5px;line-height:1.35}.activity-row p em{font-style:normal;color:#6fa0c6}.activity-bubble{display:inline-block;min-width:95px;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:700}.activity-bubble.expense{background:#eaf4fb;color:#537a95}.activity-bubble.income{background:#ebf7f1;color:#568a76}
.category-box{border-top:1px solid var(--line);margin-top:9px;padding-top:14px}.category-list{display:grid;gap:10px;margin-top:12px}.category-row{display:grid;grid-template-columns:28px 1fr;gap:8px}.category-icon{width:26px;height:26px;border-radius:8px;background:#f5f5f2;display:grid;place-items:center;font-size:10px}.category-row>div>div:first-child{display:flex;justify-content:space-between;gap:7px}.category-row b,.category-row strong{font-size:8px}.category-row small{font-size:7px;color:#acafb4}.thin-progress{height:3px;background:#f0f0ed;border-radius:99px;overflow:hidden;margin:4px 0 2px}.thin-progress i{display:block;height:100%;border-radius:inherit}.quick-entry{margin-top:auto;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px}.quick-entry>span{grid-row:1/3;width:30px;height:30px;border-radius:8px;background:#111827;color:#fff;display:grid;place-items:center;font-size:15px}.quick-entry b{font-size:9px;align-self:end}.quick-entry small{font-size:7px;color:#a2a5aa;align-self:start}.quick-entry:hover{background:#fafafa}

.modal{position:fixed;inset:0;background:rgba(17,19,24,.36);backdrop-filter:blur(4px);display:none;place-items:center;padding:20px;z-index:70}.modal.show{display:grid}.modal-card{width:min(600px,100%);background:#fff;border-radius:17px;padding:22px;box-shadow:0 35px 90px rgba(17,19,24,.2)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.modal-head span,.eyebrow{display:block;font-size:8px;letter-spacing:.14em;font-weight:800;color:#a0a3a8;margin-bottom:5px}.modal-head h3{font-size:18px;margin:0}.modal-x{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#f7f7f4;font-size:18px;line-height:1}.seg{display:grid;grid-template-columns:1fr 1fr;background:#f4f4f2;border-radius:10px;padding:3px;margin-bottom:14px}.seg label{margin:0}.seg input{display:none}.seg span{display:block;text-align:center;padding:8px;border-radius:8px;cursor:pointer;font-size:11px}.seg input:checked+span{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.07);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.money-input{position:relative}.money-input span{position:absolute;left:12px;top:11px;font-size:12px;color:#8b8f96}.money-input input{padding-left:32px}.btn{border:0;border-radius:10px;padding:11px 14px;font-weight:750;cursor:pointer}.btn.primary{background:#111827;color:#fff}.btn.block{width:100%;margin-top:14px}.btn.primary:hover{background:#20283a}

.page-wrap{padding:36px 40px 42px;max-width:1220px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{font-size:25px;letter-spacing:-.035em;margin:0 0 6px}.page-head p{font-size:11px;color:#969aa1;margin:0}.page-filter{width:180px}.table-card,.panel{border:1px solid var(--line);border-radius:14px;background:#fff}.table-card-head{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.table-card-head strong{font-size:11px}.table-card-head span{font-size:9px;color:#9ba0a6}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid #f1f1ee;white-space:nowrap}th{color:#8f939a;font-size:8px;text-transform:uppercase;letter-spacing:.05em;background:#fcfcfb}tbody tr:hover{background:#fcfcfb}.right{text-align:right}.table-category{display:inline-grid;place-items:center;width:22px;height:22px;background:#f5f5f2;border-radius:6px;margin-right:7px}.badge{border-radius:99px;padding:4px 7px;font-size:8px;font-weight:800}.badge.income{background:#eaf7f1;color:#5a927c}.badge.expense{background:#fff0ef;color:#bb625d}.amount-in{color:#5b9a82}.amount-out{color:#bd6762}.ant-tag{background:#fff5e6;color:#ad762d;border-radius:99px;padding:3px 6px;font-size:7px}.empty{padding:28px;text-align:center;color:#a1a5ab;font-size:10px}.empty.compact{padding:14px 4px}.alert{padding:10px 12px;border-radius:9px;margin-bottom:14px;font-size:11px}.alert.error{background:#fff0ef;color:#a94f4a}.alert.success{background:#eaf7f1;color:#4d806d}

/* Configuración: reutiliza el layout actual, pero con la misma estética */
.grid{display:grid;gap:14px;margin-bottom:14px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.panel{padding:17px}.panel h3{font-size:12px;margin:0 0 14px}.panel hr{border:0;border-top:1px solid var(--line);margin:18px 0}.dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.dash-head h2{font-size:22px;letter-spacing:-.03em;margin:0 0 5px}.chip-list{display:flex;gap:7px;flex-wrap:wrap}.chip-list span{background:#f5f5f2;border-radius:99px;padding:6px 8px;font-size:9px}.mini-list{display:grid;gap:8px}.mini-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f1ee;padding:7px 0;font-size:9px}.mini-row small{display:block;color:#a0a4aa;margin-top:2px}.check{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.check input{width:auto}

.login-bg{min-height:100vh;display:grid;place-items:center;background:#e9e9e6;padding:18px}.login-shell{width:min(430px,100%);background:#fbfbfa;border-radius:22px;border:1px solid rgba(255,255,255,.9);padding:26px;box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:9px;font-size:15px;margin-bottom:38px}.login-card{padding:0 8px}.login-card h1{font-size:27px;letter-spacing:-.04em;margin:0 0 7px}.login-card>p{font-size:11px;color:#969aa1;line-height:1.5;margin:0 0 22px}.login-card form{display:grid;gap:9px}.login-foot{display:block;text-align:center;color:#a4a7ac;font-size:9px;margin-top:32px}
.mobile-overlay{display:none}

@media(max-width:1180px){:root{--rail:270px;--sidebar:190px}.dashboard-main{padding:30px 26px}.metric-item{padding:0 10px}.metric-copy strong{font-size:13px}}
@media(max-width:980px){.dashboard-layout{grid-template-columns:1fr}.activity-rail{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:16px}.activity-title,.category-box,.quick-entry{grid-column:2}.profile-card{grid-row:1/4;min-height:240px}.quick-entry{margin-top:0}.control-grid{grid-template-columns:1fr}.metric-strip{grid-template-columns:repeat(2,1fr);gap:12px;border-bottom:0}.metric-item{border:1px solid var(--line)!important;border-radius:12px;padding:12px!important}}
@media(max-width:760px){.app-frame{width:100%;min-height:100vh;margin:0;border-radius:0}.sidebar{top:0;bottom:0;left:0;border-radius:0;width:230px;transform:translateX(-105%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0}.mobile-topbar{height:58px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:20}.menu-btn{border:0;background:none;font-size:18px}.mobile-brand{font-size:13px;font-weight:800;margin-left:8px}.live-dot{margin-left:auto;font-size:9px;color:#6e9f8c}.live-dot i{display:inline-block;width:6px;height:6px;background:#69b99c;border-radius:50%;margin-right:4px}.menu-open .mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.2);z-index:25}.dashboard-main,.page-wrap{padding:22px 16px}.hello-row,.page-head{align-items:flex-start;flex-direction:column}.hello-actions{width:100%}.date-chip{margin-right:auto}.metric-strip{grid-template-columns:1fr 1fr}.activity-rail{display:block;padding:16px}.profile-card{min-height:160px}.activity-title,.category-box,.quick-entry{margin-top:18px}.chart-wrap{height:200px}.form-grid,.grid.two,.grid.three{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-filter{width:100%}}
@media(max-width:480px){.metric-strip{grid-template-columns:1fr}.metric-item{min-height:64px}.control-grid{grid-template-columns:1fr}.task-row{grid-template-columns:28px minmax(0,1fr) auto}.task-state{display:none}.pay-side{grid-column:3}.hello-actions{flex-wrap:wrap}.activity-rail{padding-bottom:24px}}


/* Modal de pago */
.payment-modal-card{width:min(520px,100%);padding:24px;border:1px solid #ecece7;box-shadow:0 32px 90px rgba(20,24,32,.18)}
.payment-modal-head{margin-bottom:18px}.payment-modal-head p{font-size:10px;color:#92969d;margin:5px 0 0;line-height:1.45}
.payment-concept-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #ecece8;background:#fafaf8;border-radius:14px;margin-bottom:18px}
.payment-concept-icon{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid #ecece8;display:grid;place-items:center;font-size:17px;box-shadow:0 2px 8px rgba(17,24,39,.04)}
.payment-concept-info{min-width:0}.payment-concept-info small,.payment-reference small{display:block;font-size:8px;color:#9da1a7;margin-bottom:3px}.payment-concept-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-concept-info span{display:block;font-size:9px;color:#92969d;margin-top:4px}
.payment-reference{text-align:right;padding-left:10px}.payment-reference strong{font-size:14px;white-space:nowrap}
.payment-amount-block>label,.payment-method-block>label{display:block;font-size:10px;font-weight:750;margin-bottom:7px;color:#30343a}
.payment-money-input{position:relative}.payment-money-input>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:750;color:#91959c;pointer-events:none}.payment-money-input input{height:58px;padding:0 16px 0 48px;border-radius:13px;border:1px solid #dfe1dd;background:#fff;font-size:25px;font-weight:800;letter-spacing:-.03em;outline:none;width:100%;transition:border-color .18s,box-shadow .18s}.payment-money-input input:focus{border-color:#a8adb5;box-shadow:0 0 0 4px rgba(17,24,39,.05)}
.payment-amount-block>p{font-size:9px;color:#9a9ea5;margin:7px 0 16px}.payment-method-block select{height:43px;border-radius:10px;border:1px solid #e2e3df;background:#fff;width:100%;padding:0 11px;font-size:11px;outline:none}
.payment-modal-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-top:20px}.payment-modal-actions .btn{margin:0;height:44px}.payment-cancel{background:#f5f5f2;color:#555b64;border:1px solid #ecece7}.payment-cancel:hover{background:#eeeeea}.payment-confirm{display:flex;align-items:center;justify-content:center;gap:8px}.payment-confirm:disabled{opacity:.65;cursor:wait}.pay-submit-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.14);font-size:10px}.pay-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:paySpin .65s linear infinite}@keyframes paySpin{to{transform:rotate(360deg)}}
@media(max-width:480px){.payment-modal-card{padding:18px}.payment-concept-card{grid-template-columns:38px minmax(0,1fr)}.payment-reference{grid-column:1/-1;text-align:left;padding:9px 0 0;border-top:1px solid #ecece8}.payment-reference small,.payment-reference strong{display:inline}.payment-reference strong{margin-left:7px}.payment-modal-actions{grid-template-columns:1fr}}

/* ===== Configuración organizada / montos sugeridos ===== */
html{scroll-behavior:smooth}.settings-page{padding:34px 38px 64px;max-width:1500px;margin:0 auto}.settings-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.settings-hero h1{font-size:26px;letter-spacing:-.04em;margin:0 0 6px}.settings-hero p{font-size:11px;color:#94989f;margin:0;max-width:650px;line-height:1.5}.settings-back{font-size:10px;font-weight:700;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#fff;color:#666b72}.settings-back:hover{background:#f7f7f4}.settings-alert{margin:16px 0 0}.settings-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);padding:20px 0}.settings-stat{display:flex;align-items:center;gap:11px;min-width:0;padding:0 20px;border-right:1px solid var(--line)}.settings-stat:first-child{padding-left:0}.settings-stat:last-child{border-right:0}.settings-stat-icon{width:35px;height:35px;border-radius:50%;background:#f5f5f2;display:grid;place-items:center;flex:none;font-size:13px}.settings-stat small{display:block;font-size:8px;color:#999da4;margin-bottom:2px}.settings-stat strong{display:inline;font-size:16px;letter-spacing:-.025em}.settings-stat em{display:block;font-style:normal;font-size:8px;color:#a0a4aa;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-tabs{position:sticky;top:0;z-index:15;display:flex;gap:4px;padding:13px 0 12px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);overflow:auto}.settings-tabs a{white-space:nowrap;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:700;color:#8a8e95}.settings-tabs a:hover,.settings-tabs a.active{color:#15171b;background:#f4f4f1}.settings-section{scroll-margin-top:70px;padding:31px 0 8px}.settings-section+.settings-section{margin-top:13px;border-top:1px solid #f2f2ef}.settings-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px}.settings-section-head.compact{margin-bottom:14px}.settings-kicker{display:block;font-size:7px;letter-spacing:.13em;font-weight:850;color:#a4a7ac;margin-bottom:5px}.settings-section-head h2{font-size:17px;letter-spacing:-.028em;margin:0 0 5px}.settings-section-head p{font-size:9px;line-height:1.55;color:#9a9ea4;max-width:720px;margin:0}.settings-count{font-size:8px;color:#777c83;border:1px solid var(--line);background:#fafaf8;border-radius:99px;padding:6px 9px;white-space:nowrap}.settings-split{display:grid;gap:14px}.settings-concepts-layout,.settings-obligations-layout{grid-template-columns:minmax(0,1fr) 300px}.settings-basic-layout{grid-template-columns:minmax(0,1fr) 340px}.settings-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:17px}.settings-list-card{padding:0;overflow:hidden}.settings-card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 16px;border-bottom:1px solid var(--line);background:#fdfdfc}.settings-card-title strong{display:block;font-size:11px}.settings-card-title small{display:block;color:#9da1a7;font-size:8px;margin-top:3px}.settings-card-title>span{font-size:8px;color:#9ca0a6;white-space:nowrap}.settings-create-card{position:relative;align-self:start;background:#fafaf8}.settings-create-card h3{font-size:13px;letter-spacing:-.02em;margin:1px 0 6px}.settings-create-card>p{font-size:9px;line-height:1.55;color:#92969d;margin:0 0 16px}.settings-card-badge{display:inline-block;font-size:7px;letter-spacing:.12em;font-weight:850;background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 7px;color:#8b8f95;margin-bottom:10px}.settings-form{display:grid;gap:12px}.settings-form label,.concept-editor-row label,.obligation-editor-row label,.notification-settings-form label{font-size:8px;font-weight:750;color:#686d74;margin-bottom:5px}.settings-form input,.settings-form select,.concept-editor-row input,.concept-editor-row select,.obligation-editor-row input{height:37px;border-radius:8px;padding:8px 9px;font-size:10px;background:#fff}.settings-form-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings-money-input{position:relative}.settings-money-input>span{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;color:#999da3;z-index:1}.settings-money-input input{padding-left:28px!important;text-align:right;font-variant-numeric:tabular-nums}.field-help{display:block;font-size:7px;color:#a0a4aa;margin-top:5px}.settings-check{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:9px!important}.settings-check input{width:14px!important;height:14px!important;margin:0;padding:0}.color-picker{padding:3px!important;height:35px!important}.settings-empty{padding:28px 18px;text-align:center;font-size:9px;color:#a0a4aa}

.concept-editor-list,.obligation-editor-list{display:grid}.concept-editor-row{display:grid;grid-template-columns:32px minmax(145px,1.15fr) minmax(135px,.9fr) 130px 72px 65px;align-items:end;gap:9px;padding:11px 14px;border-bottom:1px solid #f1f1ee}.concept-editor-row:last-child,.obligation-editor-row:last-child{border-bottom:0}.concept-editor-row:hover,.obligation-editor-row:hover{background:#fcfcfb}.concept-editor-icon{width:30px;height:30px;border-radius:9px;background:#f5f5f2;display:grid;place-items:center;align-self:center;font-size:12px}.concept-editor-main,.concept-editor-category,.concept-editor-amount{min-width:0}.settings-switch{display:grid!important;grid-template-columns:27px 1fr;grid-template-rows:16px auto;align-items:center;gap:2px 5px;margin:0 0 3px!important;cursor:pointer}.settings-switch input{display:none}.settings-switch>span{position:relative;width:27px;height:15px;border-radius:99px;background:#dededa;transition:.18s}.settings-switch>span:after{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.18s}.settings-switch input:checked+span{background:#111827}.settings-switch input:checked+span:after{transform:translateX(12px)}.settings-switch em{grid-column:2;font-size:7px;font-style:normal;color:#9a9ea4;line-height:1}.settings-save{height:36px;border:1px solid #e6e6e1;border-radius:8px;background:#f5f5f2;font-size:8px;font-weight:800;padding:0 9px}.settings-save:hover{background:#111827;color:#fff;border-color:#111827}.obligation-editor-row{display:grid;grid-template-columns:minmax(190px,1fr) 145px 100px 65px;align-items:end;gap:10px;padding:11px 14px}.obligation-editor-service{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:end}.obligation-editor-service .obligation-icon-input{width:38px;text-align:center;padding:5px;font-size:14px}.obligation-editor-service small{display:block;color:#a0a4aa;font-size:7px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-input{position:relative}.day-input span{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:8px;color:#999da3}.day-input input{padding-left:27px;text-align:right}.category-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-management-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #f0f0ed;border-radius:10px;padding:10px}.category-management-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--cat-color) 14%,#fff);font-size:12px}.category-management-item strong{display:block;font-size:9px}.category-management-item small{display:block;font-size:7px;color:#a0a4aa;margin-top:2px}.category-ant-badge{font-size:7px;padding:4px 6px;border-radius:99px;background:#fff4e3;color:#b27728}.compact-card{padding:16px}.goal-settings-list{display:grid}.goal-settings-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #f1f1ee}.goal-settings-row:last-child{border-bottom:0}.goal-settings-icon{width:30px;height:30px;border-radius:50%;background:#f5f5f2;display:grid;place-items:center}.goal-settings-row strong{font-size:9px}.goal-settings-row small{display:block;font-size:7px;color:#9da1a7;margin-top:2px}.goal-settings-row b{font-size:9px;white-space:nowrap}.notification-settings-card{padding:0}.notification-settings-form{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(180px,1fr) minmax(180px,1fr) auto;align-items:center;gap:12px;padding:16px}.notification-email small{display:block;font-size:7px;color:#a0a4aa;margin-top:4px}.notification-option{display:flex!important;align-items:flex-start;gap:8px;margin:0!important;border-left:1px solid var(--line);padding-left:14px}.notification-option input{width:14px;height:14px;margin:1px 0 0}.notification-option strong{display:block;font-size:8px}.notification-option small{display:block;font-size:7px;font-weight:400;color:#a0a4aa;margin-top:2px;line-height:1.35}.notification-save{white-space:nowrap;font-size:9px;padding:10px 12px}

@media(max-width:1180px){.settings-overview{grid-template-columns:1fr 1fr}.settings-stat:nth-child(2){border-right:0}.settings-stat:nth-child(n+3){border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.concept-editor-row{grid-template-columns:30px minmax(130px,1fr) 125px 120px 62px}.concept-editor-row .settings-save{grid-column:2/-1;width:80px;justify-self:end}.settings-concepts-layout,.settings-obligations-layout{grid-template-columns:1fr}.settings-create-card{position:static}.notification-settings-form{grid-template-columns:1fr 1fr}.notification-email{grid-column:1/-1}.notification-save{justify-self:start}}
@media(max-width:860px){.settings-page{padding:24px 18px 50px}.settings-hero{align-items:flex-start;flex-direction:column}.settings-overview{grid-template-columns:1fr 1fr}.settings-basic-layout{grid-template-columns:1fr}.concept-editor-row{grid-template-columns:32px 1fr 1fr}.concept-editor-main{grid-column:2/-1}.concept-editor-category{grid-column:2}.concept-editor-amount{grid-column:3}.settings-switch{grid-column:2}.concept-editor-row .settings-save{grid-column:3;width:100%}.obligation-editor-row{grid-template-columns:1fr 1fr}.obligation-editor-service{grid-column:1/-1}.settings-form-two,.category-management-grid{grid-template-columns:1fr}.notification-settings-form{grid-template-columns:1fr}.notification-email{grid-column:auto}.notification-option{border-left:0;border-top:1px solid var(--line);padding:11px 0 0}.settings-tabs{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}}
@media(max-width:520px){.settings-overview{grid-template-columns:1fr}.settings-stat{border-right:0!important;padding:11px 0!important;border-top:1px solid var(--line)}.settings-stat:first-child{border-top:0}.settings-section-head{align-items:flex-start;flex-direction:column}.concept-editor-row{grid-template-columns:30px 1fr}.concept-editor-main,.concept-editor-category,.concept-editor-amount,.settings-switch,.concept-editor-row .settings-save{grid-column:2}.obligation-editor-row{grid-template-columns:1fr}.obligation-editor-service,.obligation-editor-amount,.obligation-editor-day,.obligation-editor-row .settings-save{grid-column:1}.obligation-editor-service{grid-template-columns:38px 1fr}.settings-form-two{grid-template-columns:1fr}}

/* Configuración V2: tabs reales, una sola sección visible y pagos sin duplicación */
.settings-page-v2{max-width:none!important;width:100%;margin:0!important;padding:30px 34px 56px!important}
.settings-hero-v2{padding-bottom:20px}
.settings-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:start;margin-top:22px}
.settings-tabs-v2{position:sticky;top:18px;display:grid;gap:5px;background:#f7f7f5;border:1px solid #ededE9;border-radius:15px;padding:7px}
.settings-tabs-v2 a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 10px;border-radius:10px;color:#858990;transition:.16s ease}
.settings-tabs-v2 a:hover{background:#fff;color:#26292e}
.settings-tabs-v2 a.active{background:#fff;color:#15171b;box-shadow:0 1px 2px rgba(17,24,39,.04)}
.settings-tab-copy{min-width:0}.settings-tab-copy strong{display:block;font-size:9px;line-height:1.2}.settings-tab-copy small{display:block;font-size:7px;color:#a3a6ab;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-tabs-v2 a>b{min-width:22px;height:22px;border-radius:99px;background:#f1f1ee;display:grid;place-items:center;font-size:7px;color:#777b82;font-weight:800}
.settings-tabs-v2 a.active>b{background:#111827;color:#fff}
.settings-panel-wrap{min-width:0}.settings-panel-v2[hidden]{display:none!important}.settings-panel-v2{animation:settingsFade .16s ease}
@keyframes settingsFade{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.settings-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 0 17px;border-bottom:1px solid var(--line);margin-bottom:16px}
.settings-panel-head h2{font-size:20px;letter-spacing:-.035em;margin:0 0 5px}.settings-panel-head p{font-size:9px;color:#969aa1;line-height:1.55;max-width:700px;margin:0}
.settings-head-chip{flex:none;min-width:86px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;text-align:right;background:#fafaf8}.settings-head-chip strong{display:block;font-size:12px;letter-spacing:-.02em}.settings-head-chip span{display:block;font-size:7px;color:#a0a4aa;margin-top:2px}.settings-head-chip.money{min-width:132px}
.settings-info-strip{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;border:1px solid #e9e9e5;background:#fafaf8;border-radius:11px;padding:10px 12px;margin-bottom:14px}.settings-info-strip>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e5e5e1;font-size:8px;font-weight:850}.settings-info-strip p{font-size:8px;color:#858991;line-height:1.5;margin:2px 0 0}.settings-info-strip p strong{color:#454950}.settings-info-strip a{font-weight:800;text-decoration:underline;text-underline-offset:2px}.settings-info-strip.success{background:#f7faf7;border-color:#e6eee6}.settings-info-strip.success>span{color:#43815a;border-color:#dcebdd}
.settings-empty-large{display:grid;gap:5px;padding:52px 18px}.settings-empty-large strong{font-size:10px;color:#5f6369}.settings-empty-large span{font-size:8px;color:#a0a4aa}
.obligation-editor-row-v2{grid-template-columns:minmax(190px,1.15fr) minmax(125px,.8fr) 135px 92px 65px!important}.obligation-editor-category{min-width:0}
.notification-settings-card-v2{max-width:920px}.notification-settings-form-v2{grid-template-columns:minmax(260px,1.4fr) minmax(190px,1fr) minmax(190px,1fr) auto}
@media(max-width:1180px){.settings-workspace{grid-template-columns:180px minmax(0,1fr);gap:18px}.obligation-editor-row-v2{grid-template-columns:1fr 130px 120px 90px!important}.obligation-editor-service{grid-column:1/-1}.obligation-editor-row-v2 .settings-save{grid-column:4}.notification-settings-form-v2{grid-template-columns:1fr 1fr}.notification-settings-form-v2 .notification-email{grid-column:1/-1}}
@media(max-width:900px){.settings-page-v2{padding:20px 18px 42px!important}.settings-workspace{display:block;margin-top:15px}.settings-tabs-v2{position:sticky;top:0;z-index:20;display:flex;overflow:auto;margin:0 -18px 18px;padding:8px 18px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.settings-tabs-v2 a{flex:0 0 auto;display:flex;padding:8px 10px}.settings-tab-copy small,.settings-tabs-v2 a>b{display:none}.settings-panel-head{align-items:flex-start}.obligation-editor-row-v2{grid-template-columns:1fr 1fr!important}.obligation-editor-service{grid-column:1/-1}.obligation-editor-category,.obligation-editor-amount,.obligation-editor-day{grid-column:auto}.obligation-editor-row-v2 .settings-save{grid-column:2;width:100%}.notification-settings-form-v2{grid-template-columns:1fr}.notification-settings-form-v2 .notification-email{grid-column:auto}}
@media(max-width:560px){.settings-panel-head{display:block}.settings-head-chip{margin-top:12px;text-align:left;display:inline-block}.obligation-editor-row-v2{grid-template-columns:1fr!important}.obligation-editor-service,.obligation-editor-category,.obligation-editor-amount,.obligation-editor-day,.obligation-editor-row-v2 .settings-save{grid-column:1}.concept-editor-row{grid-template-columns:30px 1fr!important}.concept-editor-main,.concept-editor-category,.concept-editor-amount,.settings-switch,.concept-editor-row .settings-save{grid-column:2!important}.settings-info-strip{grid-template-columns:22px 1fr}}

/* 2026-09-02 · autoguardado + ingresos fijos */
.autosave-status{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;min-width:68px;align-self:center;font-size:7px;font-weight:750;color:#91959b;white-space:nowrap;transition:.18s ease}
.autosave-status>i{width:6px;height:6px;border-radius:50%;background:#b8bbb8;box-shadow:0 0 0 3px rgba(184,187,184,.10)}
.autosave-status.saved{color:#6f8274}.autosave-status.saved>i{background:#78a883;box-shadow:0 0 0 3px rgba(120,168,131,.12)}
.autosave-status.saving{color:#927b55}.autosave-status.saving>i{background:#e2b766;box-shadow:0 0 0 3px rgba(226,183,102,.13);animation:autosavePulse .9s ease-in-out infinite}
.autosave-status.error{color:#b45f5f}.autosave-status.error>i{background:#d26d6d;box-shadow:0 0 0 3px rgba(210,109,109,.12)}
@keyframes autosavePulse{50%{opacity:.35;transform:scale(.82)}}
.concept-editor-row:has(.autosave-status.saving),.obligation-editor-row:has(.autosave-status.saving){background:#fffdf9}
.concept-editor-row:has(.autosave-status.error),.obligation-editor-row:has(.autosave-status.error){background:#fffafa}
.settings-head-chip.income{background:#f7fbf7}.settings-head-chip.income strong{color:#41684a}
.settings-info-strip.income{background:#f8fbf8;border-color:#e7efe8}.settings-info-strip.income>span{background:#edf6ef;color:#52735a}
.income-create-card{background:#fbfcfa}.income-fixed-row .obligation-icon-input{background:#f7faf7}
.settings-inline-warning{font-size:8px;line-height:1.5;color:#8a6d3b;border:1px solid #eee3c8;background:#fffaf0;border-radius:9px;padding:10px}
.notification-autosave{justify-self:end;min-width:82px}

@media(max-width:1180px){
  .concept-editor-row{grid-template-columns:30px minmax(130px,1fr) 125px 120px 62px 74px!important}
  .obligation-editor-row-v2{grid-template-columns:1fr 130px 120px 90px 76px!important}
  .obligation-editor-service{grid-column:1/-1}
}
@media(max-width:900px){
  .concept-editor-row{grid-template-columns:32px 1fr 1fr!important}
  .concept-editor-main{grid-column:2/-1}.concept-editor-category{grid-column:2}.concept-editor-amount{grid-column:3}.settings-switch{grid-column:2}.concept-editor-row>.autosave-status{grid-column:3;justify-self:end}
  .obligation-editor-row-v2{grid-template-columns:1fr 1fr!important}
  .obligation-editor-service{grid-column:1/-1}.obligation-editor-row-v2>.autosave-status{grid-column:2;justify-self:end}
  .notification-autosave{justify-self:start}
}
@media(max-width:560px){
  .concept-editor-row{grid-template-columns:30px 1fr!important}
  .concept-editor-main,.concept-editor-category,.concept-editor-amount,.settings-switch,.concept-editor-row>.autosave-status{grid-column:2!important}.concept-editor-row>.autosave-status{justify-self:start;margin:3px 0 2px}
  .obligation-editor-row-v2{grid-template-columns:1fr!important}.obligation-editor-service,.obligation-editor-category,.obligation-editor-amount,.obligation-editor-day,.obligation-editor-row-v2>.autosave-status{grid-column:1!important}.obligation-editor-row-v2>.autosave-status{justify-self:start;margin:3px 0 2px}
}

/* ===== MODO FINANCISTA: cuentas, fondos, saldo arrastrado y presupuesto ===== */
.finance-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:100vh}.finance-dashboard-main{min-width:0;padding:30px 34px 42px}.finance-hello{padding-bottom:20px;border-bottom:1px solid var(--line)}.finance-hello .eyebrow,.finance-page .eyebrow{display:block;font-size:8px;letter-spacing:.16em;color:#a3a6ac;font-weight:800;margin-bottom:8px}.dash-new{height:34px;padding:0 12px;border-radius:9px;font-size:10px}.btn{border:1px solid #e4e4e0;border-radius:10px;background:#fff;padding:10px 14px;font-weight:750;font-size:11px}.btn.primary{background:#111827;color:#fff;border-color:#111827}.btn.block{width:100%}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:8px;color:#5f8e79;background:#f3faf6;border:1px solid #e0eee5;border-radius:99px;padding:6px 9px}.live-badge i{width:6px;height:6px;border-radius:50%;background:#66b58f}
.wealth-hero{margin:22px 0 24px;background:#111827;color:#fff;border-radius:18px;padding:24px;display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(0,1.7fr);gap:30px;box-shadow:0 14px 35px rgba(17,24,39,.12)}.wealth-main>span{display:block;font-size:8px;letter-spacing:.14em;color:#aeb7c7;font-weight:800}.wealth-main>strong{display:block;font-size:36px;letter-spacing:-.045em;margin:9px 0 6px}.wealth-main p{margin:0;color:#aeb7c7;font-size:9px;line-height:1.5}.wealth-stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;border-left:1px solid rgba(255,255,255,.12)}.wealth-stats>div{padding:7px 17px;border-right:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;justify-content:center}.wealth-stats>div:last-child{border-right:0}.wealth-stats span{font-size:8px;color:#aeb7c7}.wealth-stats strong{font-size:18px;letter-spacing:-.03em;margin:6px 0 4px}.wealth-stats small{font-size:7px;color:#8e98aa;line-height:1.35}.wealth-stats .free-stat strong{color:#b7efcf}
.carry-section{margin-bottom:24px}.carry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.carry-grid article{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff;min-width:0}.carry-grid article>span{display:block;font-size:8px;color:#898d94}.carry-grid strong{display:block;font-size:17px;letter-spacing:-.025em;margin:6px 0}.carry-grid small{font-size:7px;color:#aaaeb3;line-height:1.4}.carry-grid .closing-card{background:#f7faf7;border-color:#e4eee6}.carry-grid .closing-card strong{color:#47765b}
.finance-performance{border:1px solid var(--line);border-radius:15px;padding:16px 16px 12px;margin-bottom:14px}.finance-performance .chart-wrap{height:210px}.dashboard-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px;margin-top:14px}.finance-panel{border:1px solid var(--line);border-radius:15px;background:#fff;padding:16px;min-width:0}.fund-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.fund-mini-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;border:1px solid #f0f0ed;border-radius:11px;padding:10px;transition:.15s}.fund-mini-card:hover{background:#fafaf8}.fund-mini-icon{width:32px;height:32px;border-radius:10px;background:#f5f5f2;display:grid;place-items:center}.fund-mini-card b{font-size:9px}.fund-mini-card strong{display:block;font-size:13px;margin:3px 0}.fund-mini-card small{font-size:7px;color:#a0a4aa}.account-mini-list{display:grid;margin-top:9px}.account-mini-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #f1f1ee}.account-mini-row:first-child{border-top:0}.account-mini-row>span{width:30px;height:30px;border-radius:10px;background:#f5f5f2;display:grid;place-items:center}.account-mini-row b{display:block;font-size:9px}.account-mini-row small{font-size:7px;color:#9a9ea4}.account-mini-row>strong{font-size:10px}.attention-grid{grid-template-columns:1fr 1fr}.panel-total{font-size:13px;letter-spacing:-.02em}.finance-rail{padding-top:10px}.rail-block{margin-top:16px}.quick-fund{margin-top:auto}.pay-source-grid{margin:12px 0}.finance-modal{max-width:620px}

/* páginas financieras */
.finance-page{max-width:none!important;width:100%;padding:30px 34px 48px}.finance-page-head{align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.finance-page-head h1{font-size:25px;letter-spacing:-.04em;margin:0 0 6px}.finance-page-head p{font-size:10px;color:#92969c;max-width:670px;line-height:1.5}.page-total-card{min-width:180px;border:1px solid var(--line);border-radius:13px;padding:11px 14px;background:#fafaf8;text-align:right}.page-total-card span{display:block;font-size:8px;color:#989ca2}.page-total-card strong{display:block;font-size:18px;margin-top:4px}
.accounts-grid-large{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-card-large{border:1px solid var(--line);border-radius:15px;padding:15px;background:#fff}.account-card-top,.fund-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.account-identity{display:grid;grid-template-columns:40px 1fr;gap:9px;min-width:0}.emoji-edit{width:38px!important;height:38px!important;padding:0!important;text-align:center;font-size:18px;border-radius:12px!important;background:#f5f5f2!important}.title-edit{border:0!important;padding:1px 0!important;border-radius:0!important;font-weight:800;font-size:11px;background:transparent!important;box-shadow:none!important}.account-identity select{border:0;background:transparent;padding:2px 0;font-size:8px;color:#969aa0;box-shadow:none}.account-balance{margin:20px 0 14px}.account-balance span,.fund-available span{display:block;font-size:8px;color:#999da3}.account-balance strong,.fund-available strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:4px}.account-edit-row{display:grid;grid-template-columns:1fr 105px 34px;gap:8px;align-items:end;padding-top:12px;border-top:1px solid #f1f1ee}.account-edit-row label{margin:0;font-size:8px}.account-edit-row label small{display:block;font-size:7px;color:#adb0b5;font-weight:400;margin-top:2px}.account-edit-row input[type=color]{width:34px;height:34px;padding:3px}.finance-page-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:16px}.form-panel{padding:18px}.form-panel .settings-form{margin-top:14px}
.fund-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;margin-bottom:16px;background:#fafaf8}.fund-summary-strip>div{padding:13px 16px;border-right:1px solid var(--line)}.fund-summary-strip>div:last-child{border-right:0}.fund-summary-strip span{font-size:8px;color:#95999f}.fund-summary-strip strong{display:block;font-size:17px;margin-top:4px}.fund-summary-strip .free strong{color:#3f7256}.funds-grid-large{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fund-card-large{border:1px solid var(--line);border-radius:15px;padding:15px}.fund-title-edit{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center}.fund-available{margin:18px 0 10px}.fund-progress-big{height:7px;border-radius:99px;background:#f0f0ed;overflow:hidden}.fund-progress-big i{display:block;height:100%;border-radius:inherit}.fund-numbers{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:7px;color:#999da3}.fund-numbers b{color:#666a70}.fund-edit-bottom{display:grid;grid-template-columns:minmax(0,1fr) 50px auto;gap:8px;align-items:end;margin-top:14px;padding-top:12px;border-top:1px solid #f0f0ed}.fund-edit-bottom label{font-size:8px;margin:0}.fund-edit-bottom input[type=color]{height:34px;padding:3px}.new-fund-panel{margin-top:14px}.inline-create-finance{display:grid;grid-template-columns:58px minmax(180px,1fr) 170px 50px auto;gap:8px;align-items:end;margin-top:12px}.distribution-card{max-width:650px}.distribution-available{background:#111827;color:#fff;border-radius:12px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;margin:8px 0 13px}.distribution-available span{font-size:9px;color:#bbc3d1}.distribution-available strong{font-size:18px}.distribution-source{margin-bottom:12px}.distribution-list{display:grid;gap:5px;max-height:340px;overflow:auto;padding-right:2px}.distribution-list>label{display:grid;grid-template-columns:34px minmax(0,1fr) 140px;gap:9px;align-items:center;margin:0;border:1px solid #efefec;border-radius:11px;padding:8px}.dist-icon{width:32px;height:32px;border-radius:10px;background:#f5f5f2;display:grid;place-items:center}.distribution-list b{display:block;font-size:9px}.distribution-list small{font-size:7px;color:#9da1a7}.distribution-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.distribution-footer span{font-size:9px;font-weight:700}.small-finance-modal{max-width:420px}.small-finance-modal form>label{margin-top:10px}
.budget-hero{border-radius:18px;background:#f5f5f2;padding:20px;display:grid;grid-template-columns:1fr 1.4fr;gap:24px;margin-bottom:14px}.budget-hero>div:first-child>span{font-size:8px;color:#888c92}.budget-hero>div:first-child>strong{display:block;font-size:30px;letter-spacing:-.04em;margin:6px 0}.budget-hero p{font-size:8px;color:#979ba1;line-height:1.5}.budget-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.budget-hero-grid span{border:1px solid #e7e7e3;background:#fff;border-radius:11px;padding:10px;font-size:7px;color:#999da3}.budget-hero-grid b{display:block;font-size:13px;color:#25282d;margin-bottom:3px}.budget-list{display:grid;margin-top:10px}.budget-row{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:10px 0;border-top:1px solid #f0f0ed}.budget-row:first-child{border-top:0}.budget-icon{width:30px;height:30px;border-radius:9px;background:#f5f5f2;display:grid;place-items:center}.budget-row>div>div:first-child{display:flex;justify-content:space-between;gap:10px}.budget-row b,.budget-row strong{font-size:9px}.budget-row small{font-size:7px;color:#9ba0a5}.month-equation{margin-top:14px}.equation-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:14px}.equation-grid>div{border:1px solid #efefec;border-radius:11px;padding:12px}.equation-grid span{font-size:8px;color:#989ca2}.equation-grid strong{display:block;font-size:14px;margin-top:4px}.equation-grid>i{font-style:normal;font-size:18px;color:#a3a7ac}.equation-grid .result{background:#f6faf7;border-color:#e4eee6}.movement-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.movement-summary>div{border:1px solid var(--line);border-radius:12px;padding:12px}.movement-summary span{font-size:8px;color:#979ba1}.movement-summary strong{display:block;font-size:15px;margin-top:4px}.table-sub{display:block;font-size:8px;color:#9ca0a6;margin-top:3px}.transfer-table{margin-top:14px}

/* configuración: pago fijo puede asociarse a fondo e ingreso fijo a cuenta */
.obligation-editor-row-v2{grid-template-columns:minmax(180px,1.15fr) minmax(110px,.75fr) 120px 82px minmax(120px,.75fr) 70px!important}.obligation-editor-fund label{font-size:7px;margin-bottom:4px}.obligation-editor-fund select{padding:8px 9px;font-size:8px}

@media(max-height:760px) and (min-width:761px){.side-insight{display:none}.side-nav{gap:4px}.side-help{margin-top:auto}.sidebar{padding-top:22px}.side-brand{margin-bottom:22px}}
@media(max-width:1180px){.finance-dashboard{grid-template-columns:minmax(0,1fr) 270px}.finance-dashboard-main{padding:26px 24px 38px}.wealth-hero{grid-template-columns:1fr;gap:15px}.wealth-stats{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}.accounts-grid-large,.funds-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}.obligation-editor-row-v2{grid-template-columns:1fr 1fr 120px 90px!important}.obligation-editor-service{grid-column:1/-1}.obligation-editor-fund{grid-column:1}.obligation-editor-row-v2>.autosave-status{grid-column:2;justify-self:end}}
@media(max-width:980px){.finance-dashboard{grid-template-columns:1fr}.finance-rail{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:14px}.finance-rail .profile-card{grid-row:1/4}.dashboard-two-col{grid-template-columns:1fr}.carry-grid{grid-template-columns:1fr 1fr}.finance-page-grid{grid-template-columns:1fr}.budget-hero{grid-template-columns:1fr}.equation-grid{grid-template-columns:1fr}.equation-grid>i{display:none}.inline-create-finance{grid-template-columns:55px 1fr 150px 48px}.inline-create-finance .btn{grid-column:1/-1}.movement-summary{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.finance-dashboard-main,.finance-page{padding:18px 14px 34px}.finance-hello,.finance-page-head{display:flex;flex-direction:column;align-items:flex-start}.finance-hello .hello-actions{overflow-x:auto;padding-bottom:3px;flex-wrap:nowrap}.dash-new{white-space:nowrap}.wealth-hero{padding:18px;margin-top:16px}.wealth-main>strong{font-size:30px}.wealth-stats{grid-template-columns:1fr;gap:0}.wealth-stats>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.10);padding:11px 0}.wealth-stats>div:last-child{border-bottom:0}.carry-grid{grid-template-columns:1fr 1fr}.finance-performance{padding:12px}.fund-mini-grid{grid-template-columns:1fr}.attention-grid{grid-template-columns:1fr}.finance-rail{display:block;padding:14px}.finance-rail .profile-card{min-height:150px}.accounts-grid-large,.funds-grid-large{grid-template-columns:1fr}.page-total-card{width:100%;text-align:left}.fund-summary-strip{grid-template-columns:1fr}.fund-summary-strip>div{border-right:0;border-bottom:1px solid var(--line)}.fund-summary-strip>div:last-child{border-bottom:0}.account-edit-row{grid-template-columns:1fr 110px 36px}.fund-edit-bottom{grid-template-columns:1fr 50px auto}.distribution-list>label{grid-template-columns:32px 1fr}.distribution-list .settings-money-input{grid-column:2}.distribution-footer{align-items:stretch;flex-direction:column}.inline-create-finance{grid-template-columns:52px 1fr}.inline-create-finance .settings-money-input,.inline-create-finance input[type=color],.inline-create-finance .btn{grid-column:1/-1}.budget-hero-grid{grid-template-columns:1fr 1fr}.budget-columns{grid-template-columns:1fr}.movement-summary{grid-template-columns:1fr 1fr}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:820px}}
@media(max-width:480px){.carry-grid{grid-template-columns:1fr}.wealth-main>strong{font-size:27px}.budget-hero-grid,.movement-summary{grid-template-columns:1fr}.account-edit-row,.fund-edit-bottom{grid-template-columns:1fr}.account-edit-row input[type=color],.fund-edit-bottom input[type=color]{width:100%}.distribution-card{padding:16px}.finance-page-head h1{font-size:22px}.task-row{grid-template-columns:28px minmax(0,1fr) auto}.task-row .tiny-btn{grid-column:3}.pay-source-grid{grid-template-columns:1fr}}

/* 2026-09-02 — botón Nuevo movimiento y modal robusto */
.finance-hello .hello-actions{flex-wrap:nowrap;min-width:max-content}
.dash-new{
  min-width:118px!important;
  height:36px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  line-height:1!important;
  overflow:visible!important;
}
.dash-new-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.13);font-size:14px;font-weight:500;line-height:1}
.finance-modal select:disabled{color:#9ba0a6;background:#f7f7f4;cursor:not-allowed}
.finance-modal select:not(:disabled){color:#20242a;background-color:#fff}
.finance-modal .form-grid>div{min-width:0}
.finance-modal select,.finance-modal input{width:100%;min-width:0}
@media(max-width:900px) and (min-width:761px){
  .finance-hello{gap:14px}
  .finance-hello .hello-actions{gap:5px}
  .dash-new{min-width:104px!important;padding:0 10px!important}
}
@media(max-width:760px){
  .finance-hello .hello-actions{width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}
  .finance-hello .hello-actions::-webkit-scrollbar{display:none}
  .dash-new{min-width:118px!important;height:38px!important}
  .finance-modal{max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:16px}
}

/* ===== 2026-09-02 — Panel lateral derecho más legible ===== */
/* Escritorio: damos un poco más de aire al rail sin sacrificar el dashboard. */
.finance-dashboard{
  grid-template-columns:minmax(0,1fr) 330px;
}
.finance-rail{
  padding:14px 22px 22px;
}

/* Perfil */
.finance-rail .profile-card{
  min-height:190px;
  border-radius:16px;
  padding:22px 16px 18px;
}
.finance-rail .avatar{
  width:60px;
  height:60px;
  font-size:16px;
  border-width:4px;
}
.finance-rail .avatar-ring{
  margin-bottom:11px;
}
.finance-rail .avatar-ring>span{
  width:11px;
  height:11px;
  right:2px;
  bottom:4px;
}
.finance-rail .profile-card>strong{
  font-size:12px;
  line-height:1.3;
}
.finance-rail .profile-card>small{
  font-size:9px;
  margin-top:4px;
  line-height:1.35;
}
.finance-rail .profile-actions{
  gap:14px;
  margin-top:16px;
}
.finance-rail .profile-actions a,
.finance-rail .profile-actions button{
  width:34px;
  height:34px;
  font-size:13px;
}

/* Encabezados del rail */
.finance-rail .rail-block{
  margin-top:20px;
}
.finance-rail .mini-heading h3{
  font-size:12px;
  font-weight:800;
  letter-spacing:-.015em;
}
.finance-rail .mini-heading span{
  font-size:9px;
}

/* Actividad reciente */
.finance-rail .activity-list{
  gap:3px;
  margin-top:8px;
}
.finance-rail .activity-row{
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  padding:11px 0;
}
.finance-rail .activity-avatar{
  width:34px;
  height:34px;
  font-size:13px;
}
.finance-rail .activity-meta{
  gap:9px;
  align-items:baseline;
}
.finance-rail .activity-meta b{
  font-size:10px;
  line-height:1.3;
}
.finance-rail .activity-meta time{
  font-size:8px;
  flex:none;
}
.finance-rail .activity-row p{
  font-size:9px;
  margin:3px 0 7px;
  line-height:1.45;
}
.finance-rail .activity-bubble{
  min-width:112px;
  border-radius:8px;
  padding:7px 10px;
  font-size:9px;
}

/* Gastos por categoría */
.finance-rail .category-box{
  margin-top:15px;
  padding-top:18px;
}
.finance-rail .category-list{
  gap:13px;
  margin-top:15px;
}
.finance-rail .category-row{
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.finance-rail .category-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:13px;
}
.finance-rail .category-row b,
.finance-rail .category-row strong{
  font-size:10px;
}
.finance-rail .category-row small{
  font-size:8.5px;
}
.finance-rail .thin-progress{
  height:5px;
  margin:6px 0 4px;
}

/* Acción inferior */
.finance-rail .quick-entry{
  grid-template-columns:38px 1fr;
  column-gap:11px;
  border-radius:12px;
  padding:12px 13px;
}
.finance-rail .quick-entry>span{
  width:38px;
  height:38px;
  border-radius:10px;
  font-size:17px;
}
.finance-rail .quick-entry b{
  font-size:10px;
}
.finance-rail .quick-entry small{
  font-size:8.5px;
  line-height:1.35;
}

/* En laptops algo más estrechas conservamos buena legibilidad. */
@media(max-width:1180px) and (min-width:981px){
  .finance-dashboard{grid-template-columns:minmax(0,1fr) 300px}
  .finance-rail{padding-left:17px;padding-right:17px}
  .finance-rail .profile-card{min-height:180px}
}

/* Al apilar el rail, evitamos que los tamaños nuevos resulten excesivos. */
@media(max-width:980px){
  .finance-rail{padding:18px}
  .finance-rail .profile-card{min-height:220px}
}
@media(max-width:760px){
  .finance-rail .profile-card{min-height:165px}
  .finance-rail .avatar{width:54px;height:54px;font-size:15px}
  .finance-rail .activity-meta b,.finance-rail .category-row b,.finance-rail .category-row strong{font-size:10px}
  .finance-rail .activity-row p{font-size:9px}
}

/* Evolución del dinero: lectura financiera en lugar de líneas aisladas de ingresos/gastos */
.money-evolution{padding:18px 18px 13px}.money-evolution .section-heading p{max-width:520px}.evolution-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #efefec;border-radius:13px;margin-top:15px;overflow:hidden;background:#fbfbfa}.evolution-kpis article{padding:13px 14px;border-right:1px solid #ececea;min-width:0}.evolution-kpis article:last-child{border-right:0}.evolution-kpis span{display:block;font-size:8px;color:#858a91;margin-bottom:5px}.evolution-kpis strong{display:block;font-size:16px;letter-spacing:-.035em;color:#151a22}.evolution-kpis small{display:block;margin-top:4px;font-size:7px;line-height:1.35;color:#a0a4aa}.evolution-kpis .evolution-current{background:#f6faf8}.evolution-kpis .evolution-current strong{color:#25725d}.flow-insight{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:10px;margin-top:10px;background:#f6f8fa;border:1px solid #edf0f2}.flow-insight-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#87939f;margin-top:3px}.flow-insight p{margin:0;font-size:8px;line-height:1.5;color:#666d75}.flow-insight.good{background:#f4faf7;border-color:#e2f2e9}.flow-insight.good .flow-insight-dot{background:#5eb58d}.flow-insight.warning{background:#fff9ef;border-color:#f5ead4}.flow-insight.warning .flow-insight-dot{background:#e5a54d}.flow-insight.danger{background:#fff5f4;border-color:#f5dfdc}.flow-insight.danger .flow-insight-dot{background:#dc7066}.evolution-chart-wrap{height:230px!important;margin-top:12px}.evolution-footer{gap:18px}.evolution-footer>span:nth-child(2){color:#a2a6ac}.evolution-footer strong{margin-left:auto;font-size:9px;color:#4b5159}.legend.balance{background:#5da5d8}
@media(max-width:1100px){.evolution-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.evolution-kpis article:nth-child(2){border-right:0}.evolution-kpis article:nth-child(-n+2){border-bottom:1px solid #ececea}}
@media(max-width:760px){.money-evolution{padding:14px}.evolution-kpis{grid-template-columns:1fr 1fr}.evolution-kpis article{padding:12px}.evolution-kpis strong{font-size:14px}.evolution-chart-wrap{height:210px!important}.evolution-footer{align-items:flex-start;flex-wrap:wrap}.evolution-footer>span:nth-child(2){width:100%;order:3}.evolution-footer strong{margin-left:auto}}
@media(max-width:430px){.evolution-kpis{grid-template-columns:1fr}.evolution-kpis article{border-right:0!important;border-bottom:1px solid #ececea}.evolution-kpis article:last-child{border-bottom:0}.evolution-chart-wrap{height:190px!important}}

/* ===== 2026-09-02 · MODO INTUITIVO / ACCIONES RÁPIDAS ===== */
.side-simple-actions{margin-top:auto;margin-bottom:22px;padding:12px;border-radius:13px;background:#f4f4f1;border:1px solid #eeeeea}.side-register{height:38px;border-radius:10px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800}.side-register span{font-size:16px;line-height:1}.side-simple-actions p{margin:8px 2px 0;color:#92969d;font-size:8px;line-height:1.45;text-align:center}.mobile-quick-add{display:none}

.quick-actions-home{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,2.2fr);gap:18px;align-items:center;border:1px solid #e9e9e5;background:#fafaf8;border-radius:16px;padding:15px 16px;margin:-8px 0 24px}.quick-actions-copy>span{display:block;font-size:7px;font-weight:850;letter-spacing:.14em;color:#a1a5ab;margin-bottom:5px}.quick-actions-copy h2{font-size:14px;letter-spacing:-.025em;margin:0 0 4px}.quick-actions-copy p{font-size:8px;line-height:1.45;color:#969aa0;margin:0;max-width:300px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.quick-action-btn{min-width:0;border:1px solid #e9e9e5;background:#fff;border-radius:12px;padding:10px 9px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;text-align:left;transition:.16s ease}.quick-action-btn:hover{transform:translateY(-1px);border-color:#d9d9d4;box-shadow:0 6px 18px rgba(17,24,39,.05)}.quick-action-btn .qa-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:15px;font-weight:700;background:#f4f4f2}.quick-action-btn b{display:block;font-size:9px;line-height:1.2}.quick-action-btn small{display:block;font-size:7px;color:#a0a4aa;line-height:1.35;margin-top:3px}.quick-action-btn.expense .qa-icon{background:#fff3ed;color:#c96f3f}.quick-action-btn.income .qa-icon{background:#eef9f3;color:#3e8b68}.quick-action-btn.transfer .qa-icon{background:#f1f5fb;color:#55779d}.quick-action-btn.allocate .qa-icon{background:#f5f1fb;color:#795fa0}

.quick-modal{padding:14px}.quick-modal-card{width:min(560px,100%);padding:0;overflow:hidden;border:1px solid #e8e8e4;max-height:calc(100dvh - 28px);overflow-y:auto}.quick-modal-top{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px;align-items:start;padding:18px 20px 14px;border-bottom:1px solid #efefeb}.quick-modal-top>div>span{display:block;font-size:7px;letter-spacing:.15em;font-weight:850;color:#a0a4aa;margin:1px 0 4px}.quick-modal-top h3{font-size:20px;letter-spacing:-.035em;margin:0}.quick-modal-top p{font-size:9px;color:#969aa1;line-height:1.45;margin:4px 0 0}.quick-back{visibility:hidden;width:32px;height:32px;border:1px solid #e6e6e2;border-radius:50%;background:#f8f8f6;font-size:16px}.quick-modal-top .modal-x{width:32px;height:32px}.quick-screen{padding:18px 20px 20px}.quick-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-choice{border:1px solid #e8e8e4;border-radius:14px;background:#fff;padding:15px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;text-align:left;transition:.15s}.quick-choice:hover{background:#fafaf8;border-color:#d8d8d4;transform:translateY(-1px)}.quick-choice>span{width:40px;height:40px;border-radius:12px;background:#f3f3f1;display:grid;place-items:center;font-size:20px}.quick-choice b{display:block;font-size:11px;margin-bottom:4px}.quick-choice small{display:block;font-size:8px;line-height:1.45;color:#989ca2}.quick-choice.expense>span{background:#fff2ec;color:#c96b39}.quick-choice.income>span{background:#eef9f3;color:#3f8d68}.quick-choice.transfer>span{background:#eff5fb;color:#52799e}.quick-choice.allocate>span{background:#f5f1fb;color:#775d9e}

.quick-form{display:grid;gap:13px}.quick-amount{border:1px solid #e7e7e3;background:#fafaf8;border-radius:14px;padding:13px 14px}.quick-amount label{font-size:9px;color:#656a71;margin-bottom:7px}.quick-amount>div{position:relative}.quick-amount>div>span{position:absolute;left:2px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:750;color:#8a8e94}.quick-amount input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 0 32px!important;height:46px;font-size:30px;font-weight:800;letter-spacing:-.045em}.quick-amount.income{background:#f7fbf8;border-color:#e4eee7}.quick-field{min-width:0}.quick-field>label,.quick-two label,.quick-more label{font-size:9px;font-weight:750;color:#555a61;margin-bottom:6px}.quick-field label em{font-style:normal;color:#a0a4aa;font-weight:500}.quick-field select,.quick-two select{height:43px;border-radius:11px}.quick-field>small{display:block;font-size:7.5px;color:#9ba0a6;margin:5px 2px 0}.quick-concept-chips{display:flex;gap:6px;overflow-x:auto;padding:1px 0 7px;scrollbar-width:none}.quick-concept-chips::-webkit-scrollbar{display:none}.quick-concept-chips button{flex:0 0 auto;border:1px solid #e8e8e4;background:#fff;border-radius:999px;padding:7px 10px;font-size:8px;color:#646970}.quick-concept-chips button:hover,.quick-concept-chips button.active{background:#111827;color:#fff;border-color:#111827}.optional-field{padding:10px 11px;border:1px dashed #e4e4df;border-radius:12px;background:#fcfcfb}.quick-more{border-top:1px solid #efefec;padding-top:4px}.quick-more summary{cursor:pointer;list-style:none;font-size:8px;font-weight:750;color:#777c83;padding:7px 0}.quick-more summary::-webkit-details-marker{display:none}.quick-more summary:after{content:'＋';float:right;color:#a0a4aa}.quick-more[open] summary:after{content:'−'}.quick-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:6px}.quick-more-grid .full{grid-column:1/-1}.quick-more-grid input,.quick-more-grid select{height:40px;font-size:10px}.quick-submit{height:46px;border-radius:12px!important;font-size:11px!important;margin:1px 0 0!important}.quick-submit.income{background:#277257!important;border-color:#277257!important}.quick-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-info-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;background:#f3f7fb;border:1px solid #e4ebf2;border-radius:12px;padding:10px 12px}.quick-info-card>span{width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:17px}.quick-info-card b{display:block;font-size:9px}.quick-info-card small{display:block;font-size:8px;color:#87919c;margin-top:2px;line-height:1.4}.quick-info-card.reserve{background:#f8f5fb;border-color:#ece5f2}.quick-available{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e7ece7;background:#f7faf7;border-radius:12px;padding:10px 12px}.quick-available span{font-size:8px;color:#81888a}.quick-available strong{font-size:14px;color:#42705a}.fund-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:7px}.fund-choice-grid button{border:1px solid #e7e7e3;background:#fff;border-radius:10px;padding:8px 7px;text-align:left;min-width:0}.fund-choice-grid button>span{font-size:14px}.fund-choice-grid button b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.fund-choice-grid button small{display:block;font-size:6.8px;color:#a0a4aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.fund-choice-grid button.active{border-color:#111827;box-shadow:inset 0 0 0 1px #111827;background:#fafafa}.quick-toast{position:fixed;left:50%;bottom:24px;z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111827;color:#fff;border-radius:999px;padding:10px 15px;font-size:10px;font-weight:700;box-shadow:0 10px 30px rgba(17,24,39,.18);transition:.2s}.quick-toast.show{opacity:1;transform:translate(-50%,0)}.quick-toast.error{background:#b9504b}

.intuitive-page-head .page-head-actions{display:flex;align-items:center;gap:9px}.simple-tip{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #e8ece8;background:#f8faf8;border-radius:12px;padding:10px 12px;margin-bottom:15px}.simple-tip>span{width:32px;height:32px;border-radius:10px;background:#fff;display:grid;place-items:center}.simple-tip b{display:block;font-size:9px}.simple-tip p{font-size:8px;color:#858a90;line-height:1.5;margin:3px 0 0}.simple-action-banner{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid #e7e7e3;border-radius:15px;padding:14px 16px;margin-top:15px;background:#fafaf8}.simple-action-banner-icon{width:42px;height:42px;border-radius:12px;background:#111827;color:#fff;display:grid;place-items:center;font-size:19px}.simple-action-banner h2{font-size:12px;margin:0 0 3px}.simple-action-banner p{font-size:8px;color:#94989e;margin:0;line-height:1.45}.simple-manage-details{margin-top:15px;border-top:1px solid #efefec;padding-top:11px}.simple-manage-details>summary{cursor:pointer;list-style:none;font-size:9px;font-weight:750;color:#737880;padding:7px 2px}.simple-manage-details>summary::-webkit-details-marker{display:none}.simple-manage-details>summary:after{content:'＋';float:right}.simple-manage-details[open]>summary:after{content:'−'}.simple-manage-details>.finance-panel,.simple-manage-details>.finance-page-grid{margin-top:9px}.simple-advanced-grid{grid-template-columns:1.4fr .6fr}.finance-rail .quick-entry{border:0;text-decoration:none;cursor:pointer;width:100%}

@media(max-width:1180px){.quick-actions-home{grid-template-columns:1fr}.quick-actions-copy p{max-width:none}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fund-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .side-simple-actions{margin-top:auto}.mobile-quick-add{display:grid;place-items:center;margin-left:auto;width:32px;height:32px;border-radius:10px;background:#111827;color:#fff;font-size:18px}.mobile-topbar .live-dot{margin-left:8px}.quick-actions-home{margin-top:-4px;padding:13px}.quick-actions-grid{grid-template-columns:1fr 1fr}.quick-action-btn{grid-template-columns:30px 1fr;padding:9px 8px}.quick-action-btn small{display:none}.quick-modal{padding:0;align-items:end}.quick-modal-card{width:100%;max-height:94dvh;border-radius:19px 19px 0 0;border-bottom:0}.quick-modal-top{padding:15px 14px 12px}.quick-screen{padding:14px 14px 18px}.quick-choice-grid{grid-template-columns:1fr}.quick-choice{padding:12px}.quick-amount input{font-size:27px}.quick-two{grid-template-columns:1fr}.quick-more-grid{grid-template-columns:1fr}.quick-more-grid .full{grid-column:auto}.fund-choice-grid{grid-template-columns:1fr 1fr}.quick-toast{bottom:70px;max-width:calc(100% - 28px);text-align:center}.intuitive-page-head .page-head-actions{width:100%;align-items:stretch;flex-direction:column}.intuitive-page-head .page-head-actions .btn{width:100%;text-align:center}.simple-action-banner{grid-template-columns:40px 1fr}.simple-action-banner .btn{grid-column:1/-1}.simple-advanced-grid{grid-template-columns:1fr}}
@media(max-width:430px){.quick-actions-grid{grid-template-columns:1fr}.quick-action-btn small{display:block}.fund-choice-grid{grid-template-columns:1fr}.quick-modal-top h3{font-size:18px}.quick-choice b{font-size:10px}.quick-choice small{font-size:7.5px}}

/* ===== Modales independientes para acciones rápidas ===== */
body.modal-open{overflow:hidden}
.register-launcher{position:relative;display:inline-flex;z-index:18}
.register-menu{position:absolute;right:0;top:calc(100% + 9px);width:242px;padding:7px;background:#fff;border:1px solid #e5e5e1;border-radius:14px;box-shadow:0 18px 50px rgba(17,24,39,.14);opacity:0;visibility:hidden;transform:translateY(-5px) scale(.98);transform-origin:top right;transition:.16s ease;z-index:80}
.register-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.register-menu>button{width:100%;border:0;background:transparent;border-radius:10px;padding:9px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;text-align:left;cursor:pointer}
.register-menu>button:hover{background:#f6f6f3}
.register-menu-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:15px;font-weight:800;background:#f3f3f1}
.register-menu-icon.expense{background:#fff2ec;color:#c96b39}.register-menu-icon.income{background:#eef9f3;color:#3f8d68}.register-menu-icon.transfer{background:#eff5fb;color:#52799e}.register-menu-icon.allocate{background:#f5f1fb;color:#775d9e}
.register-menu b{display:block;font-size:10px;color:#20242a}.register-menu small{display:block;font-size:7.5px;color:#989da4;margin-top:2px}

.action-modal{padding:18px}
.action-modal-card{padding:0;overflow:hidden;border:1px solid #e7e7e2;max-height:calc(100dvh - 36px);overflow-y:auto;border-radius:18px}
.expense-modal-card{width:min(520px,100%)}.income-modal-card{width:min(490px,100%)}.transfer-modal-card{width:min(460px,100%)}.allocate-modal-card{width:min(490px,100%)}
.action-modal-top{position:sticky;top:0;z-index:4;grid-template-columns:minmax(0,1fr) 34px;gap:12px;align-items:center;padding:17px 18px 14px;background:rgba(255,255,255,.98);border-bottom:1px solid #efefeb;backdrop-filter:blur(12px)}
.action-modal-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;min-width:0}
.action-modal-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:800;background:#f3f3f1}
.action-modal-icon.expense{background:#fff2ec;color:#c96b39}.action-modal-icon.income{background:#eef9f3;color:#3f8d68}.action-modal-icon.transfer{background:#eff5fb;color:#52799e}.action-modal-icon.allocate{background:#f5f1fb;color:#775d9e}
.action-modal-heading>div>span{display:block;font-size:7px;letter-spacing:.14em;font-weight:850;color:#a0a4aa;margin-bottom:3px}
.action-modal-heading h3{font-size:17px;line-height:1.15;letter-spacing:-.025em;margin:0;color:#171a1f}
.action-modal-heading p{font-size:8.5px;line-height:1.4;color:#969ba2;margin:3px 0 0}
.action-modal-card .quick-screen{padding:15px 18px 18px}
.action-modal-card .quick-form{gap:11px}
.action-modal-card .quick-amount{padding:11px 13px;border-radius:13px}
.action-modal-card .quick-amount input{height:40px;font-size:28px}
.action-modal-card .quick-field select,.action-modal-card .quick-two select{height:41px}
.action-modal-card .quick-submit{height:44px;margin-top:1px!important}
.action-compact-grid{align-items:start}
.action-modal-card .quick-more{margin-top:-1px}
.action-modal-card .quick-more-grid{padding-bottom:1px}

@media(max-width:760px){
  .register-launcher{position:static}
  .register-menu{position:fixed;right:12px;left:12px;top:auto;bottom:68px;width:auto;transform-origin:bottom center;z-index:115}
  .action-modal{padding:0;align-items:end}
  .action-modal-card,.expense-modal-card,.income-modal-card,.transfer-modal-card,.allocate-modal-card{width:100%;max-height:88dvh;border-radius:20px 20px 0 0;border-bottom:0}
  .action-modal-top{padding:14px 14px 12px}
  .action-modal-card .quick-screen{padding:13px 14px 18px}
  .action-modal-heading{grid-template-columns:38px minmax(0,1fr);gap:9px}
  .action-modal-icon{width:37px;height:37px;border-radius:11px;font-size:17px}
  .action-modal-heading h3{font-size:16px}
  .action-modal-heading p{font-size:8px}
  .action-modal-card .quick-two,.action-compact-grid{grid-template-columns:1fr}
  .action-modal-card .quick-more-grid{grid-template-columns:1fr}
  .action-modal-card .quick-more-grid .full{grid-column:auto}
}

/* ===== Dashboard esencial: menos bloques, más claridad ===== */
.dashboard-clean .finance-dashboard-main{padding-top:26px}
.dashboard-clean .compact-hello{padding-bottom:16px}
.dashboard-clean .compact-hello h1{margin-bottom:3px}
.dashboard-clean .compact-hello p{max-width:420px}
.dashboard-clean .wealth-hero-focus{margin:18px 0 18px;padding:22px 24px;grid-template-columns:minmax(250px,1.15fr) minmax(0,1.55fr)}
.dashboard-clean .wealth-hero-focus .wealth-main>span{color:#b9c4d4}
.dashboard-clean .wealth-hero-focus .wealth-main>strong{font-size:39px;color:#b7efcf;margin:8px 0 5px}
.dashboard-clean .wealth-hero-focus .wealth-main>strong.negative{color:#ffb8ae}
.dashboard-clean .wealth-hero-focus .wealth-main p{max-width:360px}
.dashboard-clean .wealth-hero-focus .wealth-stats strong{font-size:17px}
.month-glance{margin-bottom:14px}
.compact-heading{align-items:end}
.month-glance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}
.month-glance-grid article{min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff}
.month-glance-grid article>span{display:block;font-size:8px;color:#858a91}
.month-glance-grid article>strong{display:block;font-size:17px;letter-spacing:-.03em;margin:5px 0 3px;color:#171b22}
.month-glance-grid article>strong.positive{color:#277257}
.month-glance-grid article>strong.negative{color:#b9504b}
.month-glance-grid article>small{display:block;font-size:7px;color:#a0a4aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-glance-grid .glance-net{background:#f7faf8;border-color:#e3eee7}
.month-glance-grid .glance-ant{background:#fffaf4;border-color:#f2e8d8}
.essentials-grid{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);margin-top:0;margin-bottom:14px}
.essential-panel{padding:14px 15px}
.essential-panel .section-heading{margin-bottom:4px}
.essential-panel .task-row{padding:9px 0}
.funds-essential .fund-mini-grid{grid-template-columns:1fr;gap:0;margin-top:5px}
.funds-essential .fund-mini-card{border:0;border-top:1px solid #f0f0ed;border-radius:0;padding:9px 2px;grid-template-columns:31px minmax(0,1fr)}
.funds-essential .fund-mini-card:first-child{border-top:0}
.funds-essential .fund-mini-icon{width:30px;height:30px}
.funds-essential .fund-mini-card .thin-progress{display:none}
.funds-essential .fund-mini-card small{margin-top:1px}
.dashboard-chart-compact{padding:14px 15px 10px;margin-bottom:0}
.dashboard-chart-compact .flow-insight{margin-top:8px;padding:8px 10px}
.dashboard-chart-compact .evolution-chart-wrap{height:175px!important;margin-top:8px}
.clean-chart-footer{gap:14px;padding-top:8px}
.clean-chart-footer>span{font-size:7.5px;color:#8e939a}
.clean-chart-footer strong{margin-left:auto;font-size:8px}
.dashboard-clean .finance-rail .activity-list{max-height:none}

@media(max-width:1180px){
  .dashboard-clean .wealth-hero-focus{grid-template-columns:1fr;gap:12px}
  .month-glance-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:980px){
  .essentials-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dashboard-clean .wealth-hero-focus{padding:17px;margin-top:14px}
  .dashboard-clean .wealth-hero-focus .wealth-main>strong{font-size:31px}
  .dashboard-clean .wealth-hero-focus .wealth-stats{grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);padding-top:10px}
  .dashboard-clean .wealth-hero-focus .wealth-stats>div{border-bottom:0;border-right:1px solid rgba(255,255,255,.10);padding:7px 9px}
  .dashboard-clean .wealth-hero-focus .wealth-stats>div:last-child{border-right:0}
  .dashboard-clean .wealth-hero-focus .wealth-stats strong{font-size:14px}
  .dashboard-clean .wealth-hero-focus .wealth-stats small{display:none}
  .month-glance-grid{grid-template-columns:1fr 1fr}
  .dashboard-chart-compact .evolution-chart-wrap{height:165px!important}
}
@media(max-width:480px){
  .month-glance-grid{grid-template-columns:1fr 1fr;gap:7px}
  .month-glance-grid article{padding:10px}
  .month-glance-grid article>strong{font-size:15px}
  .month-glance-grid article>small{font-size:6.5px}
  .dashboard-clean .wealth-hero-focus .wealth-stats{grid-template-columns:1fr 1fr 1fr}
  .dashboard-clean .wealth-hero-focus .wealth-stats span{font-size:7px}
  .dashboard-clean .wealth-hero-focus .wealth-stats strong{font-size:12px}
  .clean-chart-footer strong{width:100%;margin-left:0}
}


/* ===== 2026-09-02 — Pagos fijos pendientes en el panel derecho ===== */
.essentials-grid-single{grid-template-columns:1fr}
.essentials-grid-single .funds-essential .fund-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

.payments-rail{min-height:100vh}
.rail-payments{display:flex;flex-direction:column;min-height:0;margin-top:14px;border-top:1px solid var(--line);padding-top:17px;flex:1}
.rail-payments-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid #efefec}
.rail-payments-head>div>span{display:block;font-size:7.5px;font-weight:800;letter-spacing:.15em;color:#a0a4aa;margin-bottom:5px}
.rail-payments-head h3{font-size:14px;letter-spacing:-.025em;margin:0;color:#151a22}
.rail-payments-head p{font-size:8.5px;line-height:1.4;color:#979ba1;margin:4px 0 0}
.rail-payments-head>strong{font-size:14px;letter-spacing:-.025em;color:#151a22;white-space:nowrap;padding-top:18px}
.rail-payment-list{display:grid;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8d8d4 transparent;max-height:430px;padding-right:2px}
.rail-payment-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f0ed}
.rail-payment-icon{width:38px;height:38px;border-radius:11px;background:#f5f5f2;display:grid;place-items:center;font-size:15px}
.rail-payment-info{min-width:0}
.rail-payment-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.rail-payment-title b{min-width:0;font-size:10.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#20242a}
.rail-payment-title strong{font-size:10px;white-space:nowrap;color:#20242a}
.rail-payment-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}
.rail-due{display:inline-flex;align-items:center;min-width:0;font-size:8px;font-weight:700;color:#8b9096}
.rail-due:before{content:'';width:6px;height:6px;border-radius:50%;background:#c8cacd;margin-right:5px;flex:none}
.rail-due.soon{color:#a86f1e}.rail-due.soon:before{background:#e9a94c}
.rail-due.today{color:#b65b27}.rail-due.today:before{background:#e8864e}
.rail-due.overdue{color:#b94f4a}.rail-due.overdue:before{background:#dc7066}
.rail-pay-btn{flex:none;border:1px solid #e2e4e7;background:#fff;color:#111827;border-radius:8px;height:28px;padding:0 10px;font-size:8.5px;font-weight:800;cursor:pointer;transition:.15s}
.rail-pay-btn:hover{background:#111827;color:#fff;border-color:#111827}
.rail-all-paid{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 14px;color:#747a80}
.rail-all-paid>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef8f2;color:#3c8c69;font-size:17px;margin-bottom:9px}
.rail-all-paid b{font-size:11px;color:#31363d}.rail-all-paid small{font-size:8.5px;line-height:1.45;margin-top:4px;max-width:190px}
.rail-manage-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:10px 11px;border:1px solid #e8e8e4;border-radius:10px;color:#6f747b;font-size:8.5px;font-weight:700;text-decoration:none;background:#fafaf8}
.rail-manage-link:hover{background:#f4f4f1;color:#111827}.rail-manage-link span{font-size:13px}

@media(max-width:1180px) and (min-width:981px){
  .rail-payment-list{max-height:390px}
}
@media(max-width:980px){
  .payments-rail{min-height:auto;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;align-items:start}
  .payments-rail .profile-card{grid-row:auto!important}
  .payments-rail .rail-payments{margin-top:0;border-top:0;padding-top:0;min-width:0}
  .rail-payment-list{max-height:330px}
}
@media(max-width:760px){
  .essentials-grid-single .funds-essential .fund-mini-grid{grid-template-columns:1fr}
  .payments-rail{display:block!important}
  .payments-rail .rail-payments{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}
  .rail-payment-list{max-height:none;overflow:visible}
  .rail-payments-head h3{font-size:15px}
  .rail-payment-title b{font-size:11px}.rail-payment-title strong{font-size:10.5px}
  .rail-pay-btn{height:30px;font-size:9px}
}

/* Fondos: tarjetas limpias + acciones secundarias en menú contextual */
.fund-card-clean{position:relative;background:#fff;overflow:visible}
.fund-card-clean .fund-card-head{align-items:center}
.fund-card-identity{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-width:0}
.fund-card-icon{width:40px;height:40px;border-radius:12px;background:#f5f5f2;display:grid;place-items:center;font-size:18px;border:1px solid #ecece8}
.fund-card-identity strong{display:block;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fund-card-identity small{display:block;margin-top:3px;font-size:7.5px;color:#a0a4aa}
.fund-menu-wrap{position:relative;flex:0 0 auto}
.fund-more-btn{width:34px;height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:#747980;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.16s}
.fund-more-btn:hover,.fund-menu-wrap.open .fund-more-btn{background:#f5f5f2;border-color:#e7e7e2;color:#111827}
.fund-card-menu{position:absolute;z-index:35;right:0;top:40px;width:205px;padding:6px;background:#fff;border:1px solid #e7e7e2;border-radius:13px;box-shadow:0 14px 36px rgba(17,24,39,.13);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.14s}
.fund-menu-wrap.open .fund-card-menu{opacity:1;visibility:visible;transform:translateY(0)}
.fund-card-menu button{width:100%;border:0;background:transparent;border-radius:9px;padding:9px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:7px;text-align:left;cursor:pointer;color:#262b31}
.fund-card-menu button:hover{background:#f7f7f4}
.fund-card-menu button>span{width:26px;height:26px;border-radius:8px;background:#f2f2ef;display:grid;place-items:center;font-size:12px}
.fund-card-menu b{display:block;font-size:9px}
.fund-card-menu small{display:block;font-size:7px;color:#9ca0a6;margin-top:2px;line-height:1.3}
.fund-card-menu .fund-menu-danger{margin-top:3px;border-top:1px solid #f0f0ed;border-radius:0 0 9px 9px;padding-top:10px}
.fund-card-menu .fund-menu-danger b{color:#a64c49}
.fund-card-menu .fund-menu-danger>span{background:#fbf3f2;color:#a64c49}
.fund-card-clean .fund-available{margin:18px 0 10px}
.fund-goal-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;font-size:7.5px;color:#92979d}
.fund-goal-line b{color:#6b7076;font-size:7.5px}
.fund-card-clean .fund-numbers{margin-top:10px;padding-top:9px;border-top:1px solid #f2f2ef}
.fund-edit-modal{max-width:430px}
.fund-edit-modal form{display:grid;gap:12px}
.fund-edit-identity{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px}
.fund-edit-identity label,.fund-edit-modal>form>label{font-size:8px;margin:0;color:#696e75;font-weight:700}
.fund-edit-identity input{margin-top:6px}
.fund-edit-identity label:first-child input{text-align:center;font-size:18px}
.fund-edit-modal label small{display:block;font-size:7px;font-weight:400;color:#a2a6ac;margin-top:2px}
.fund-edit-color-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #ecece8;border-radius:12px;padding:10px 12px;background:#fafaf8}
.fund-edit-color-row b{display:block;font-size:9px}
.fund-edit-color-row small{display:block;font-size:7px;color:#9ca0a6;margin-top:2px}
.fund-edit-color-row input[type=color]{width:42px;height:34px;padding:3px;border-radius:9px}
.fund-edit-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #efefec}
.fund-edit-modal-footer .btn{min-width:92px}
.autosave-status.saving,.autosave-status.pending{color:#a27636}.autosave-status.error{color:#b9504b}
@media(max-width:760px){.fund-card-menu{position:fixed;left:14px;right:14px;top:auto;bottom:14px;width:auto;border-radius:16px;padding:8px;box-shadow:0 18px 50px rgba(17,24,39,.2)}.fund-card-menu button{padding:12px}.fund-card-menu button>span{width:32px;height:32px}.fund-card-menu b{font-size:10px}.fund-card-menu small{font-size:8px}.fund-more-btn{width:38px;height:38px}.fund-edit-modal-footer{position:sticky;bottom:0;background:#fff}.fund-card-identity strong{font-size:12px}}

/* ===== 2026-09-02 · CONFIGURACIÓN UI PRO =====
   Una sola navegación: pestañas horizontales, mayor legibilidad y mejor uso del ancho. */
.settings-page-v2{padding:28px 32px 56px!important;max-width:1480px!important;margin:0 auto!important}
.settings-hero-v2{align-items:center!important;padding-bottom:22px!important}
.settings-hero-v2 .eyebrow{font-size:9px!important;letter-spacing:.15em!important;margin-bottom:8px!important}
.settings-hero-v2 h1{font-size:30px!important;line-height:1.05!important;margin-bottom:8px!important}
.settings-hero-v2 p{font-size:13px!important;line-height:1.5!important;color:#858b94!important}
.settings-back{font-size:12px!important;padding:11px 14px!important;border-radius:11px!important}
.settings-workspace{display:block!important;margin-top:18px!important}
.settings-tabs-v2{position:sticky!important;top:0!important;z-index:22!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;margin:0 0 26px!important;border:1px solid #e8e9e6!important;border-radius:16px!important;background:rgba(248,248,246,.96)!important;backdrop-filter:blur(14px)!important;box-shadow:0 8px 28px rgba(17,24,39,.035)!important}
.settings-tabs-v2 a{min-width:0!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-height:58px!important;padding:9px 10px!important;border-radius:12px!important;color:#6f7680!important}
.settings-tabs-v2 a:hover{background:#fff!important;color:#111827!important}.settings-tabs-v2 a.active{background:#fff!important;color:#111827!important;box-shadow:0 2px 8px rgba(17,24,39,.07)!important}
.settings-tab-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid #e9e9e6;font-size:15px;line-height:1}
.settings-tabs-v2 a.active .settings-tab-icon{background:#111827;border-color:#111827;color:#fff}.settings-tab-copy strong{font-size:12px!important;line-height:1.2!important}.settings-tab-copy small{font-size:9px!important;margin-top:4px!important;color:#9ba0a7!important}.settings-tabs-v2 a>b{min-width:24px!important;height:24px!important;font-size:9px!important}
.settings-panel-v2{max-width:none!important}.settings-panel-head{align-items:center!important;padding:0 2px 20px!important;margin-bottom:18px!important}.settings-kicker{font-size:8px!important;letter-spacing:.15em!important;margin-bottom:7px!important}.settings-panel-head h2{font-size:25px!important;line-height:1.1!important;margin-bottom:7px!important}.settings-panel-head p{font-size:12px!important;line-height:1.55!important;max-width:760px!important;color:#8b9199!important}.settings-head-chip{min-width:105px!important;padding:11px 14px!important;border-radius:12px!important}.settings-head-chip strong{font-size:15px!important}.settings-head-chip span{font-size:9px!important;margin-top:3px!important}.settings-head-chip.money{min-width:160px!important}
.settings-info-strip{grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:12px 14px!important;margin-bottom:20px!important;border-radius:12px!important}.settings-info-strip>span{width:28px!important;height:28px!important;font-size:10px!important}.settings-info-strip p{font-size:10.5px!important;line-height:1.5!important;margin-top:5px!important}
.settings-split{gap:22px!important}.settings-concepts-layout,.settings-obligations-layout,.settings-basic-layout{grid-template-columns:minmax(0,1fr) 360px!important;align-items:start!important}.settings-card{border-radius:16px!important;padding:22px!important;box-shadow:0 1px 2px rgba(17,24,39,.02)!important}.settings-list-card{padding:0!important}.settings-card-title{padding:18px 20px!important;background:#fdfdfc!important}.settings-card-title strong{font-size:14px!important}.settings-card-title small{font-size:10px!important;margin-top:4px!important;line-height:1.45!important}.settings-card-title>span{font-size:9px!important}.settings-create-card{position:sticky!important;top:92px!important;padding:24px!important;background:#fafaf8!important}.settings-create-card h3{font-size:18px!important;line-height:1.2!important;margin:3px 0 8px!important}.settings-create-card>p{font-size:11px!important;line-height:1.55!important;margin-bottom:20px!important}.settings-card-badge{font-size:8px!important;padding:6px 8px!important;margin-bottom:12px!important}
.settings-form{gap:16px!important}.settings-form label,.concept-editor-row label,.obligation-editor-row label,.notification-settings-form label{font-size:10px!important;margin-bottom:6px!important;color:#5d636c!important}.settings-form input,.settings-form select,.concept-editor-row input,.concept-editor-row select,.obligation-editor-row input,.obligation-editor-row select,.notification-settings-form input{height:44px!important;border-radius:10px!important;padding:10px 12px!important;font-size:12px!important;border-color:#e1e2df!important}.settings-form input:focus,.settings-form select:focus,.concept-editor-row input:focus,.concept-editor-row select:focus,.obligation-editor-row input:focus,.obligation-editor-row select:focus,.notification-settings-form input:focus{outline:0!important;border-color:#aeb6c2!important;box-shadow:0 0 0 3px rgba(17,24,39,.055)!important}.settings-money-input>span{left:12px!important;font-size:10px!important}.settings-money-input input{padding-left:34px!important}.field-help{font-size:9px!important;line-height:1.4!important;margin-top:6px!important}.settings-check{font-size:11px!important;gap:9px!important}.settings-check input{width:16px!important;height:16px!important}.btn{min-height:43px!important;font-size:12px!important;border-radius:10px!important}
.concept-editor-row{grid-template-columns:40px minmax(170px,1.25fr) minmax(155px,.95fr) 145px 72px 82px!important;gap:12px!important;padding:15px 18px!important;align-items:end!important}.concept-editor-icon{width:38px!important;height:38px!important;border-radius:11px!important;font-size:15px!important;align-self:center!important}.settings-switch{grid-template-columns:32px 1fr!important;grid-template-rows:18px auto!important;gap:3px 6px!important;margin-bottom:5px!important}.settings-switch>span{width:32px!important;height:18px!important}.settings-switch>span:after{width:14px!important;height:14px!important}.settings-switch input:checked+span:after{transform:translateX(14px)!important}.settings-switch em{font-size:9px!important}.autosave-status{font-size:9px!important;min-width:78px!important;gap:6px!important}.autosave-status>i{width:7px!important;height:7px!important}
.obligation-editor-row-v2{grid-template-columns:minmax(210px,1.35fr) minmax(145px,.9fr) 145px 86px minmax(135px,.85fr) 82px!important;gap:11px!important;padding:15px 18px!important}.obligation-editor-service{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important}.obligation-editor-service .obligation-icon-input{width:44px!important;height:44px!important;font-size:17px!important;border-radius:11px!important}.obligation-editor-service small{font-size:9px!important;margin-top:4px!important}.day-input span{left:11px!important;font-size:10px!important}.day-input input{padding-left:33px!important}
.category-management-grid{gap:12px!important}.category-management-item{grid-template-columns:42px minmax(0,1fr) auto!important;gap:11px!important;border-radius:12px!important;padding:14px!important}.category-management-icon{width:40px!important;height:40px!important;border-radius:11px!important;font-size:15px!important}.category-management-item strong{font-size:12px!important}.category-management-item small{font-size:9px!important;margin-top:3px!important}.category-ant-badge{font-size:8px!important;padding:5px 7px!important}.goal-settings-row{grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px!important;padding:14px 4px!important}.goal-settings-icon{width:38px!important;height:38px!important}.goal-settings-row strong{font-size:12px!important}.goal-settings-row small{font-size:9px!important;margin-top:3px!important}.goal-settings-row b{font-size:12px!important}
.notification-settings-card-v2{max-width:1100px!important}.notification-settings-form-v2{gap:18px!important;padding:22px!important}.notification-email small,.notification-option small{font-size:9px!important;line-height:1.45!important}.notification-option strong{font-size:11px!important}.notification-option input{width:16px!important;height:16px!important}
@media(max-width:1240px){.settings-page-v2{padding-left:24px!important;padding-right:24px!important}.settings-tabs-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important;position:relative!important;top:auto!important}.settings-concepts-layout,.settings-obligations-layout,.settings-basic-layout{grid-template-columns:minmax(0,1fr) 330px!important}.concept-editor-row{grid-template-columns:38px minmax(150px,1fr) minmax(140px,.85fr) 135px 70px 80px!important}.obligation-editor-row-v2{grid-template-columns:minmax(190px,1fr) 140px 130px 82px!important}.obligation-editor-service{grid-column:1/-1!important}.obligation-editor-fund{grid-column:auto!important}.obligation-editor-row-v2>.autosave-status{grid-column:4!important;justify-self:end!important}}
@media(max-width:980px){.settings-page-v2{padding:20px 18px 44px!important}.settings-hero-v2{align-items:flex-start!important;flex-direction:column!important}.settings-tabs-v2{display:flex!important;overflow-x:auto!important;gap:7px!important;margin-left:-18px!important;margin-right:-18px!important;padding:9px 18px!important;border-left:0!important;border-right:0!important;border-radius:0!important;position:sticky!important;top:0!important}.settings-tabs-v2 a{flex:0 0 auto!important;min-width:155px!important;grid-template-columns:34px minmax(0,1fr) auto!important;min-height:54px!important}.settings-tab-icon{width:34px;height:34px}.settings-tab-copy small{display:block!important}.settings-tabs-v2 a>b{display:grid!important}.settings-concepts-layout,.settings-obligations-layout,.settings-basic-layout{grid-template-columns:1fr!important}.settings-create-card{position:static!important;top:auto!important;max-width:none!important}.concept-editor-row{grid-template-columns:38px 1fr 1fr!important}.concept-editor-main{grid-column:2/-1!important}.concept-editor-category{grid-column:2!important}.concept-editor-amount{grid-column:3!important}.settings-switch{grid-column:2!important}.concept-editor-row>.autosave-status{grid-column:3!important;justify-self:end!important}.obligation-editor-row-v2{grid-template-columns:1fr 1fr!important}.obligation-editor-service{grid-column:1/-1!important}.obligation-editor-category,.obligation-editor-amount,.obligation-editor-day,.obligation-editor-fund{grid-column:auto!important}.obligation-editor-row-v2>.autosave-status{grid-column:2!important;justify-self:end!important}.notification-settings-form-v2{grid-template-columns:1fr!important}.notification-settings-form-v2 .notification-email{grid-column:auto!important}}
@media(max-width:600px){.settings-hero-v2 h1{font-size:26px!important}.settings-hero-v2 p{font-size:11px!important}.settings-panel-head{display:block!important}.settings-panel-head h2{font-size:22px!important}.settings-panel-head p{font-size:11px!important}.settings-head-chip{margin-top:13px!important;text-align:left!important;display:inline-block!important}.settings-tabs-v2 a{min-width:142px!important}.settings-tab-copy strong{font-size:11px!important}.settings-tab-copy small{font-size:8px!important}.settings-card{padding:17px!important}.settings-card-title{padding:15px 16px!important}.concept-editor-row{grid-template-columns:38px 1fr!important;padding:15px!important}.concept-editor-main,.concept-editor-category,.concept-editor-amount,.settings-switch,.concept-editor-row>.autosave-status{grid-column:2!important}.concept-editor-row>.autosave-status{justify-self:start!important}.obligation-editor-row-v2{grid-template-columns:1fr!important;padding:15px!important}.obligation-editor-service,.obligation-editor-category,.obligation-editor-amount,.obligation-editor-day,.obligation-editor-fund,.obligation-editor-row-v2>.autosave-status{grid-column:1!important}.obligation-editor-row-v2>.autosave-status{justify-self:start!important}.category-management-grid{grid-template-columns:1fr!important}.settings-form-two{grid-template-columns:1fr!important}}

/* ===== 2026-09-02 · CONFIGURACIÓN: NUEVO + EN MODALES =====
   Los formularios de alta salen del layout; las listas usan todo el ancho. */
.settings-page-modals{max-width:1540px!important}
.settings-panel-head-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.settings-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
.settings-new-btn{height:43px;min-width:104px;border:1px solid #111827;border-radius:11px;background:#111827;color:#fff;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 2px 5px rgba(17,24,39,.08);transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.settings-new-btn:hover{background:#20283a;transform:translateY(-1px);box-shadow:0 5px 14px rgba(17,24,39,.12)}
.settings-new-btn b{font-size:17px;line-height:1;font-weight:500;margin-top:-1px}
.settings-full-list{width:100%;max-width:none!important}
.settings-page-modals .settings-card-title{padding:19px 22px!important}
.settings-page-modals .concept-editor-row{grid-template-columns:44px minmax(220px,1.45fr) minmax(190px,1fr) minmax(150px,.75fr) 82px 92px!important;gap:14px!important;padding:17px 22px!important}
.settings-page-modals .obligation-editor-row-v2{grid-template-columns:minmax(245px,1.55fr) minmax(165px,.9fr) minmax(145px,.72fr) 94px minmax(160px,.85fr) 92px!important;gap:14px!important;padding:17px 22px!important}
.settings-page-modals .obligation-editor-service{grid-template-columns:46px minmax(0,1fr)!important}
.settings-page-modals .obligation-editor-service .obligation-icon-input{width:46px!important;height:46px!important}
.settings-page-modals .category-management-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.settings-page-modals .category-management-item{min-height:76px!important;padding:16px!important}
.settings-page-modals .goal-settings-row{padding:17px 5px!important;min-height:70px}
.settings-page-modals .settings-empty-large{padding:54px 24px!important}

/* Modales de creación */
body.settings-modal-open{overflow:hidden}
.settings-create-modal{z-index:90!important;background:rgba(17,24,39,.34)!important;backdrop-filter:blur(5px)!important}
.settings-create-modal-card{width:min(540px,100%)!important;padding:0!important;border-radius:18px!important;border:1px solid #e8e8e4;box-shadow:0 34px 90px rgba(17,24,39,.22);overflow:hidden;max-height:calc(100dvh - 36px);overflow-y:auto}
.settings-create-modal-wide{width:min(650px,100%)!important}
.settings-create-modal-head{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);padding:21px 22px 17px!important;margin:0!important;border-bottom:1px solid #efefeb}
.settings-create-modal-head>div>span{font-size:8px!important;letter-spacing:.15em!important;margin-bottom:6px!important}
.settings-create-modal-head h3{font-size:21px!important;letter-spacing:-.025em!important;line-height:1.15!important}
.settings-create-modal-head p{font-size:11px;color:#8d929a;line-height:1.5;margin:5px 0 0;max-width:510px}
.settings-create-modal-head .modal-x{width:34px;height:34px;flex:0 0 auto}
.settings-modal-form{padding:20px 22px 22px!important;gap:16px!important}
.settings-modal-form label{font-size:11px!important;color:#555c65!important;margin-bottom:7px!important}
.settings-modal-form label>small{font-size:9px;color:#a0a4aa;font-weight:500;margin-left:4px}
.settings-modal-form input,.settings-modal-form select{height:47px!important;font-size:13px!important;border-radius:11px!important;padding:11px 13px!important;background:#fff}
.settings-modal-form .settings-money-input>span{font-size:11px!important;left:13px!important}
.settings-modal-form .settings-money-input input{padding-left:36px!important}
.settings-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.settings-modal-grid.three{grid-template-columns:1.3fr .8fr .65fr}
.settings-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:16px;margin-top:2px;border-top:1px solid #eeeeea}
.settings-modal-actions .btn{margin:0!important;min-width:112px;height:44px!important}
.settings-cancel-btn{background:#f5f5f2;color:#555c65;border:1px solid #e7e7e2!important}
.settings-cancel-btn:hover{background:#eeeeea}
.settings-color-field{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;border:1px solid #e4e4df;border-radius:12px;background:#fafaf8}
.settings-color-field label{margin:0!important;display:block}.settings-color-field small{display:block;color:#999ea5;font-size:9px;margin-top:3px}.settings-color-field input[type=color]{width:52px!important;height:38px!important;padding:3px!important;border-radius:9px!important}

@media(max-width:1240px){
  .settings-page-modals .concept-editor-row{grid-template-columns:42px minmax(190px,1.35fr) minmax(170px,.95fr) 145px 76px 86px!important;gap:11px!important}
  .settings-page-modals .obligation-editor-row-v2{grid-template-columns:minmax(220px,1.4fr) 155px 140px 88px minmax(145px,.8fr) 86px!important;gap:10px!important}
  .settings-page-modals .category-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .settings-panel-head-actions{align-items:flex-start!important}
  .settings-head-actions{flex-direction:column;align-items:flex-end}
  .settings-new-btn{min-width:112px}
  .settings-page-modals .concept-editor-row{grid-template-columns:42px 1fr 1fr!important}
  .settings-page-modals .concept-editor-main{grid-column:2/-1!important}.settings-page-modals .concept-editor-category{grid-column:2!important}.settings-page-modals .concept-editor-amount{grid-column:3!important}.settings-page-modals .settings-switch{grid-column:2!important}.settings-page-modals .concept-editor-row>.autosave-status{grid-column:3!important;justify-self:end!important}
  .settings-page-modals .obligation-editor-row-v2{grid-template-columns:1fr 1fr!important;gap:12px!important}.settings-page-modals .obligation-editor-service{grid-column:1/-1!important}.settings-page-modals .obligation-editor-row-v2>.autosave-status{grid-column:2!important;justify-self:end!important}
}
@media(max-width:640px){
  .settings-panel-head-actions{display:block!important}.settings-head-actions{margin-top:14px;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.settings-head-chip{margin-top:0!important}.settings-new-btn{height:42px;min-width:108px}
  .settings-page-modals .category-management-grid{grid-template-columns:1fr!important}
  .settings-create-modal{padding:0!important;align-items:end!important}
  .settings-create-modal-card,.settings-create-modal-wide{width:100%!important;max-height:91dvh!important;border-radius:20px 20px 0 0!important;border-bottom:0!important}
  .settings-create-modal-head{padding:18px 16px 14px!important}.settings-create-modal-head h3{font-size:19px!important}.settings-create-modal-head p{font-size:10px}
  .settings-modal-form{padding:16px 16px 18px!important}.settings-modal-grid,.settings-modal-grid.three{grid-template-columns:1fr!important;gap:14px}
  .settings-modal-actions{position:sticky;bottom:-18px;background:#fff;margin-left:-16px;margin-right:-16px;padding:13px 16px 18px;box-shadow:0 -8px 18px rgba(17,24,39,.04)}.settings-modal-actions .btn{flex:1}
  .settings-page-modals .concept-editor-row{grid-template-columns:40px 1fr!important;padding:16px!important}.settings-page-modals .concept-editor-main,.settings-page-modals .concept-editor-category,.settings-page-modals .concept-editor-amount,.settings-page-modals .settings-switch,.settings-page-modals .concept-editor-row>.autosave-status{grid-column:2!important}.settings-page-modals .concept-editor-row>.autosave-status{justify-self:start!important}
  .settings-page-modals .obligation-editor-row-v2{grid-template-columns:1fr!important;padding:16px!important}.settings-page-modals .obligation-editor-service,.settings-page-modals .obligation-editor-category,.settings-page-modals .obligation-editor-amount,.settings-page-modals .obligation-editor-day,.settings-page-modals .obligation-editor-fund,.settings-page-modals .obligation-editor-row-v2>.autosave-status{grid-column:1!important}.settings-page-modals .obligation-editor-row-v2>.autosave-status{justify-self:start!important}
}

/* ===== 2026-09-02 · FECHAS REALES EN PAGOS/INGRESOS FIJOS ===== */
.settings-page-modals .obligation-editor-row-v2{
  grid-template-columns:minmax(245px,1.55fr) minmax(165px,.9fr) minmax(145px,.72fr) 158px minmax(160px,.85fr) 92px!important;
}
.obligation-editor-date input[type="date"]{min-width:0;width:100%;font-variant-numeric:tabular-nums;color:#111827;background:#fff}
.obligation-editor-date input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}
.obligation-editor-date label{white-space:nowrap}
@media(max-width:1240px){
  .settings-page-modals .obligation-editor-row-v2{grid-template-columns:minmax(220px,1.4fr) 155px 140px 150px minmax(145px,.8fr) 86px!important}
}
@media(max-width:980px){
  .settings-page-modals .obligation-editor-row-v2{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
  .settings-page-modals .obligation-editor-row-v2{grid-template-columns:1fr!important}
  .obligation-editor-date input[type="date"]{width:100%}
}

/* === Conceptos obligatorios + alta rápida desde movimiento === */
.concept-required-field select:invalid{color:#8e9399}
.quick-new-concept{width:100%;margin-top:7px;border:1px dashed #d9ddd9;background:#fbfcfb;color:#4f5962;border-radius:10px;min-height:36px;padding:8px 11px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:750;cursor:pointer;transition:.18s}
.quick-new-concept:hover{background:#f5f8f6;border-color:#bfc8c1;color:#18231c}
.quick-new-concept span{font-size:13px;line-height:1;color:#3f8d68}
.quick-concept-modal{z-index:130;padding:18px;background:rgba(17,24,39,.46);backdrop-filter:blur(5px)}
.quick-concept-modal-card{width:min(480px,calc(100vw - 32px));padding:0;overflow:hidden;border-radius:18px;border:1px solid #e8e8e3;box-shadow:0 24px 70px rgba(17,24,39,.22)}
.quick-concept-modal-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:12px;align-items:start;padding:18px 20px 15px;border-bottom:1px solid #efefeb;background:#fff}
.quick-concept-modal-head>div>span{display:block;font-size:7.5px;letter-spacing:.14em;font-weight:850;color:#9ba0a6;margin-bottom:5px}
.quick-concept-modal-head h3{font-size:19px;line-height:1.15;letter-spacing:-.025em;margin:0;color:#171a1f}
.quick-concept-modal-head p{font-size:9px;line-height:1.45;color:#8d939a;margin:5px 0 0}
.quick-concept-create-form{padding:17px 20px 20px;display:grid;gap:14px;background:#fff}
.quick-concept-create-form label{display:block;font-size:9.5px;font-weight:750;color:#555b62;margin-bottom:6px}
.quick-concept-create-form label small{font-size:8px;color:#a0a5aa;font-weight:500;margin-left:3px}
.quick-concept-create-form input,.quick-concept-create-form select{width:100%;height:44px;border:1px solid #dedfdb;border-radius:11px;background:#fff;padding:10px 12px;font-size:11px;outline:none}
.quick-concept-create-form input:focus,.quick-concept-create-form select:focus{border-color:#aebcb2;box-shadow:0 0 0 3px rgba(63,141,104,.08)}
.quick-concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-concept-grid .full{grid-column:1/-1}
.quick-concept-money{position:relative}.quick-concept-money>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#8e949a;font-weight:700}.quick-concept-money input{padding-left:34px}
.quick-concept-ant{margin:0!important;padding:11px 12px;border:1px solid #ecece8;border-radius:11px;background:#fafaf8;display:flex!important;align-items:flex-start;gap:9px;cursor:pointer}
.quick-concept-ant input{width:16px!important;height:16px!important;margin:1px 0 0;padding:0!important;flex:0 0 auto}
.quick-concept-ant span{min-width:0}.quick-concept-ant b{display:block;font-size:9px;color:#434950}.quick-concept-ant small{display:block!important;margin:2px 0 0!important;font-size:7.5px!important;color:#979ca2!important;line-height:1.35}
.quick-concept-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #efefeb}.quick-concept-actions .btn{height:42px!important;margin:0!important;min-width:108px}
@media(max-width:600px){.quick-concept-modal{padding:0;align-items:end}.quick-concept-modal-card{width:100%;max-height:86dvh;border-radius:20px 20px 0 0;border-bottom:0}.quick-concept-modal-head{padding:15px 15px 13px}.quick-concept-create-form{padding:15px 15px 18px}.quick-concept-grid{grid-template-columns:1fr}.quick-concept-grid .full{grid-column:auto}.quick-concept-actions{position:sticky;bottom:-18px;margin:0 -15px -18px;padding:12px 15px 18px;background:#fff;box-shadow:0 -8px 20px rgba(17,24,39,.04)}.quick-concept-actions .btn{flex:1}.quick-new-concept{font-size:9.5px;min-height:40px}}


/* ===== Ahorro trazable + dashboard sin perfil decorativo ===== */
.payments-rail .rail-payments-no-profile{margin-top:0;border-top:0;padding-top:18px}.payments-rail{padding-top:18px}
.savings-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px}.dashboard-savings-card{min-height:170px}.dashboard-saving-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#15803d}.dashboard-saving-main{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:14px}.dashboard-saving-main strong{display:block;font-size:30px;line-height:1;font-weight:800}.dashboard-saving-main small{display:block;margin-top:6px;color:#7b8190;font-size:12px}.dashboard-save-btn{white-space:nowrap}.dashboard-saving-progress{height:7px;background:#eef1ed;border-radius:99px;overflow:hidden;margin-top:16px}.dashboard-saving-progress i{display:block;height:100%;background:#42a879;border-radius:99px;transition:width .3s}.dashboard-saving-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#777e8b;font-size:11px}
.savings-page{max-width:1220px;margin:0 auto;padding-bottom:40px}.savings-page-head{align-items:center}.savings-main-action{min-height:44px}.savings-hero{background:#111827;color:#fff;border-radius:22px;padding:26px 28px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin:18px 0 26px}.savings-hero>div:first-child>span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#a7f3d0}.savings-hero>div:first-child>strong{display:block;font-size:38px;line-height:1.05;margin:8px 0}.savings-hero p{color:#aeb7c5;margin:0}.savings-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2b3443;border-radius:14px;overflow:hidden}.savings-hero-stats article{background:#172033;padding:18px 16px}.savings-hero-stats span{display:block;color:#9ba7ba;font-size:11px}.savings-hero-stats b{display:block;margin-top:7px;font-size:17px}.savings-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.savings-section-head h2{margin:0 0 4px;font-size:20px}.savings-section-head p{margin:0;color:#7c8491;font-size:13px}.savings-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.savings-goal-card{border:1px solid #e7e7e2;border-radius:18px;padding:20px;background:#fff}.savings-goal-top{display:flex;align-items:center;gap:12px}.savings-goal-top>div{flex:1}.savings-goal-top small{font-size:9px;letter-spacing:.12em;color:#9298a2;font-weight:800}.savings-goal-top h3{margin:3px 0 0;font-size:17px}.savings-goal-icon{width:42px;height:42px;border-radius:13px;background:#f5f6f3;display:grid;place-items:center;font-size:20px}.savings-edit-btn{border:1px solid #e4e5e1;background:#fff;border-radius:10px;padding:8px 10px;font-size:11px;cursor:pointer}.savings-goal-amount{margin:20px 0 12px}.savings-goal-amount span,.savings-goal-amount small{display:block;color:#89909c;font-size:11px}.savings-goal-amount strong{font-size:30px}.savings-progress{height:8px;border-radius:99px;background:#eef0ec;overflow:hidden}.savings-progress i{height:100%;display:block;border-radius:99px}.savings-goal-meta{display:flex;justify-content:space-between;margin-top:8px;color:#7d8490;font-size:11px}.savings-location{margin-top:18px;padding:12px;background:#f7f8f5;border-radius:12px;display:flex;gap:10px;align-items:center}.savings-location small{display:block;color:#8a909a;font-size:10px}.savings-location b{font-size:12px}.savings-goal-actions{display:flex;gap:8px;margin-top:14px}.savings-goal-actions .btn{flex:1}.savings-empty{grid-column:1/-1;padding:50px 20px;text-align:center;border:1px dashed #d9dcd6;border-radius:18px}.savings-empty>span{font-size:34px}.savings-history-panel{margin-top:18px}.savings-history-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eee}.savings-history-row:last-child{border-bottom:0}.savings-history-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.savings-history-icon.in{background:#eaf7f0;color:#15803d}.savings-history-icon.out{background:#fff0ee;color:#c24131}.savings-history-row>div{flex:1}.savings-history-row b{font-size:12px}.savings-history-row small{display:block;margin-top:3px;color:#8a909a;font-size:10px}.savings-history-row>strong{font-size:12px}.savings-modal-card{width:min(620px,calc(100vw - 28px));padding:22px}.savings-modal-card.small{width:min(470px,calc(100vw - 28px))}.savings-modal-card form{display:grid;gap:12px}.savings-modal-card label{font-size:11px;font-weight:700}.savings-modal-card input,.savings-modal-card select{min-height:44px;border:1px solid #dedfdc;border-radius:11px;padding:0 12px;background:#fff}.savings-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.savings-helper{font-size:11px;line-height:1.45;padding:10px 12px;border-radius:10px;background:#f2f7f3;color:#56645a}
@media(max-width:1100px){.savings-dashboard-grid{grid-template-columns:1fr!important}.savings-hero{grid-template-columns:1fr}.savings-goal-grid{grid-template-columns:1fr}}
@media(max-width:720px){.savings-page{padding:0 14px 30px}.savings-page-head{align-items:flex-start}.savings-main-action{width:100%;margin-top:12px}.savings-hero{padding:20px;border-radius:18px}.savings-hero-stats{grid-template-columns:1fr}.savings-goal-card{padding:16px}.savings-modal{align-items:flex-end}.savings-modal-card,.savings-modal-card.small{width:100%;max-width:none;border-radius:22px 22px 0 0;margin:0}.savings-modal-grid{grid-template-columns:1fr}.dashboard-saving-main{align-items:flex-start;flex-direction:column}.dashboard-save-btn{width:100%}.dashboard-saving-foot{flex-direction:column}}

/* ===== Ahorro v6: simple, trazable y sin alterar goals ===== */
.savings-v6{max-width:1180px;margin:0 auto;padding-bottom:48px}
.savings-summary-v6{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border:1px solid #e7e7e3;border-radius:20px;overflow:hidden;background:#fff;margin:22px 0}
.savings-summary-v6 article{padding:22px 24px;border-left:1px solid #ecece8;display:flex;flex-direction:column;gap:6px;min-width:0}.savings-summary-v6 article:first-child{border-left:0}.savings-summary-v6 span{font-size:11px;letter-spacing:.07em;font-weight:800;color:#8b8b84}.savings-summary-v6 strong{font-size:24px;line-height:1.1}.savings-summary-v6 .primary{background:#111827;color:#fff}.savings-summary-v6 .primary span,.savings-summary-v6 .primary small{color:#cbd5e1}.savings-summary-v6 .primary strong{font-size:34px;color:#a7f3d0}
.savings-explainer-v6{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #e8e8e4;border-radius:16px;background:#fafaf8;margin-bottom:26px}.savings-explainer-v6>span{font-size:11px;font-weight:800;color:#76766f;text-transform:uppercase;letter-spacing:.08em}.savings-explainer-v6 div{display:flex;align-items:center;gap:8px}.savings-explainer-v6 div b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-size:12px}.savings-explainer-v6 p{margin:0;font-size:13px;font-weight:700}.savings-explainer-v6 i{font-style:normal;color:#b0b0aa}.savings-explainer-v6 small{margin-left:auto;color:#72726c}
.savings-goal-grid-v6{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.savings-goal-card-v6{padding:22px}.savings-goal-card-v6 .savings-edit-btn{border:1px solid #e4e4df;background:#fff;border-radius:10px;width:38px;height:38px;font-size:20px;line-height:1}.savings-where-v6{margin:16px 0;padding:14px 15px;border-radius:14px;background:#f7f7f4;display:grid;gap:8px}.savings-where-v6>small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#85857e;font-weight:800}.savings-where-v6>span{font-size:13px;color:#878780}.savings-where-v6>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.savings-where-v6>div b{white-space:nowrap}
.savings-deposit-v6{max-width:560px}.savings-money-v6 input{font-size:30px;font-weight:800}.saving-same-account{display:flex!important;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid #e4e4df;border-radius:14px;background:#fafaf8;cursor:pointer}.saving-same-account input{width:18px;height:18px;margin-top:2px}.saving-same-account span{display:flex;flex-direction:column;gap:3px}.saving-same-account b{font-size:14px}.saving-same-account small,.saving-hint,#savingDestinationWrap small{font-size:12px;color:#7b7b74}.savings-result-preview{display:flex;gap:11px;align-items:center;padding:13px 14px;border-radius:14px;background:#eefbf3;border:1px solid #d7f1e1;min-height:58px}.savings-result-preview>span{font-size:22px}.savings-result-preview div{display:flex;flex-direction:column;gap:2px}.savings-result-preview b{font-size:13px}.savings-result-preview small{font-size:12px;color:#52705d}.savings-error-card{padding:20px;border:1px solid #f4caca;border-radius:16px;background:#fff5f5;color:#8b1e1e}.savings-error-card p{margin:6px 0 0;color:#8b5555}
.account-save-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:800;color:#166534;text-decoration:none}.account-save-link:hover{text-decoration:underline}
.register-menu a.register-menu-saving{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;text-decoration:none;color:inherit;border-radius:12px}.register-menu a.register-menu-saving:hover{background:#f6f6f3}.register-menu-icon.saving{background:#eaf8ef;color:#15803d}
@media(max-width:980px){.savings-summary-v6{grid-template-columns:repeat(2,1fr)}.savings-summary-v6 article:nth-child(3){border-left:0;border-top:1px solid #ecece8}.savings-summary-v6 article:nth-child(4){border-top:1px solid #ecece8}.savings-explainer-v6{align-items:flex-start;flex-wrap:wrap}.savings-explainer-v6 small{width:100%;margin-left:0}.savings-goal-grid-v6{grid-template-columns:1fr}}
@media(max-width:640px){.savings-v6{padding-left:14px;padding-right:14px}.savings-summary-v6{grid-template-columns:1fr 1fr;border-radius:16px}.savings-summary-v6 article{padding:17px 15px}.savings-summary-v6 .primary{grid-column:1/-1}.savings-summary-v6 article:nth-child(2){border-left:0;border-top:1px solid #ecece8}.savings-summary-v6 .primary strong{font-size:29px}.savings-explainer-v6>i{display:none}.savings-explainer-v6 div{width:100%}.savings-deposit-v6{max-height:90vh;overflow:auto}.savings-page-head{align-items:flex-start}.savings-page-head .savings-main-action{width:100%;justify-content:center}}

/* Ahorro V7: flujo simple, sin paneles técnicos */
.savings-simple-explainer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}
.savings-simple-explainer .savings-explainer-copy{min-width:0}
.savings-simple-explainer .savings-explainer-copy>span{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#7b8494;margin-bottom:6px}
.savings-simple-explainer .savings-explainer-copy h3{font-size:18px;line-height:1.3;margin:0 0 5px}
.savings-simple-explainer .savings-explainer-copy p{margin:0;color:#788190;max-width:760px;line-height:1.55}
.savings-simple-explainer>.btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.savings-simple-explainer{align-items:stretch;flex-direction:column;padding:18px}.savings-simple-explainer>.btn{width:100%}}


/* ===== Hotfix UI ahorro: modal visible completo + monto limpio ===== */
.savings-modal{padding:18px;overflow-y:auto;align-items:center}
.savings-modal.show{display:grid}
.savings-modal-card{max-height:min(860px,calc(100dvh - 36px));overflow:auto;scrollbar-width:thin}
.savings-deposit-v6{width:min(640px,calc(100vw - 36px));max-width:640px}
.savings-modal-card form{gap:14px}
.savings-modal-card .modal-head{position:sticky;top:0;z-index:2;background:#fff;padding-bottom:12px;margin-bottom:4px}
.savings-modal-card .btn.block{position:sticky;bottom:0;z-index:2;margin-top:4px;box-shadow:0 -10px 20px rgba(255,255,255,.95);border-top:8px solid #fff}
.savings-modal-card .payment-money-input{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 16px;border:1px solid #dfe1dd;border-radius:15px;background:#fff;transition:border-color .18s,box-shadow .18s}
.savings-modal-card .payment-money-input:focus-within{border-color:#a8adb5;box-shadow:0 0 0 4px rgba(17,24,39,.05)}
.savings-modal-card .payment-money-input>span{position:static;transform:none;font-size:18px;font-weight:800;line-height:1;color:#868b93;pointer-events:none;flex:0 0 auto}
.savings-modal-card .payment-money-input input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none;width:100%;padding:0!important;min-height:60px;height:60px;font-size:20px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#161a20}
.savings-modal-card .payment-money-input input[type=number]{-moz-appearance:textfield;appearance:textfield}
.savings-modal-card .payment-money-input input[type=number]::-webkit-outer-spin-button,
.savings-modal-card .payment-money-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.savings-modal-card details.quick-more{margin-top:2px;padding-top:8px}
.savings-modal-card .quick-more-grid{gap:12px}
.savings-modal-card .quick-more-grid input{height:44px}
.savings-modal-card .saving-same-account{margin-top:2px}
.savings-modal-card .savings-result-preview{margin-top:-2px}
@media(max-width:720px){
  .savings-modal{padding:0;align-items:end}
  .savings-modal-card,.savings-modal-card.small{width:100%;max-width:none;max-height:92dvh;border-radius:22px 22px 0 0;margin:0;padding:18px 16px 16px}
  .savings-modal-card .modal-head{padding-bottom:10px}
  .savings-deposit-v6{width:100%}
  .savings-modal-card .payment-money-input{min-height:58px;padding:0 14px}
  .savings-modal-card .payment-money-input>span{font-size:17px}
  .savings-modal-card .payment-money-input input{height:56px;min-height:56px;font-size:18px}
  .savings-modal-card .btn.block{bottom:-1px}
}

/* ===== Ahorro V9 · Chanchito protegido ===== */
.savings-v9 .page-head p{max-width:620px}
.savings-summary-v9{grid-template-columns:1.45fr repeat(3,1fr)}
.savings-summary-v9 article small{font-size:10.5px;color:#8a8f96;line-height:1.4}
.savings-summary-v9 .primary small{color:#d4dbe7}
.savings-protection-note{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dcebe2;background:#f4fbf6;border-radius:14px;margin:-4px 0 18px}
.savings-protection-note>span{width:36px;height:36px;border-radius:11px;background:#e2f5e9;display:grid;place-items:center;font-size:17px;flex:0 0 auto}
.savings-protection-note b{display:block;font-size:12px;color:#28543b}.savings-protection-note small{display:block;margin-top:2px;color:#688071;font-size:10.5px;line-height:1.45}
.savings-vault-card{margin-bottom:24px;padding:20px}.savings-vault-card .section-heading{align-items:center}.savings-vault-card .section-heading h2{font-size:18px}.savings-vault-card .section-heading p{font-size:11px}
.savings-vault-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}
.savings-vault-account{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid #e9eae6;border-radius:13px;background:#fafbf9}
.savings-vault-account>span{width:36px;height:36px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:16px}.savings-vault-account b{display:block;font-size:11px}.savings-vault-account small{display:block;margin-top:2px;color:#92979c;font-size:8.5px}.savings-vault-account strong{font-size:12px;white-space:nowrap}
.savings-general-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:17px 19px;border:1px solid #e7e8e3;border-radius:16px;background:#fff;margin-bottom:22px}.savings-general-card>div:first-child{display:flex;align-items:center;gap:12px}.savings-general-card small{font-size:8.5px;letter-spacing:.12em;font-weight:800;color:#92969d}.savings-general-card h3{font-size:15px;margin:2px 0}.savings-general-card p{font-size:10px;color:#888e96;margin:0}.savings-general-card>strong{font-size:19px}.savings-general-card .savings-goal-actions{margin:0;min-width:220px}
.optional-label{font-style:normal;font-weight:500;color:#999fa5;font-size:9px;margin-left:4px}
.savings-custody-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.savings-custody-choice label{margin:0!important;position:relative;cursor:pointer}.savings-custody-choice input{position:absolute;opacity:0;pointer-events:none}.savings-custody-choice label>span{display:block;padding:12px 13px;border:1px solid #e3e4df;border-radius:12px;background:#fafaf8;transition:.15s}.savings-custody-choice label>span b{display:block;font-size:11px;color:#343940}.savings-custody-choice label>span small{display:block;font-size:9px;color:#8c9298;margin-top:2px;line-height:1.35}.savings-custody-choice input:checked+span{border-color:#172033;background:#fff;box-shadow:inset 0 0 0 1px #172033,0 3px 10px rgba(17,24,39,.05)}
.savings-result-preview-v9{background:#f1fbf5;border-color:#d7efe0}.savings-result-preview-v9 b{font-size:12px}.savings-result-preview-v9 small{font-size:10.5px;line-height:1.4}
.savings-deposit-v9{width:min(610px,calc(100vw - 36px));max-width:610px}
.savings-deposit-v9 .payment-money-input input{font-size:23px}
@media(max-width:980px){.savings-summary-v9{grid-template-columns:1fr 1fr}.savings-summary-v9 .primary{grid-column:1/-1}.savings-vault-accounts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.savings-vault-accounts{grid-template-columns:1fr}.savings-general-card{grid-template-columns:1fr}.savings-general-card>strong{font-size:23px}.savings-general-card .savings-goal-actions{min-width:0}.savings-custody-choice{grid-template-columns:1fr}.savings-summary-v9{grid-template-columns:1fr 1fr}.savings-summary-v9 article:nth-child(2){border-left:0}.savings-deposit-v9{width:100%}}
.account-protected-strip{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;margin-top:8px;border-radius:11px;background:#f6f8f5;border:1px solid #e8ebe5;font-size:9.5px;color:#737a73}.account-protected-strip b{color:#343a35}.account-save-link{color:#17633e}
@media(max-width:620px){.account-protected-strip{flex-direction:column;gap:4px}}


/* ===== Cuentas UX V2 ===== */
.accounts-clean-page{gap:22px}
.accounts-clean-head{align-items:flex-start}
.accounts-head-actions{display:flex;gap:12px;flex-wrap:wrap}
.accounts-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.overview-mini-card{background:#fff;border:1px solid #e9ece8;border-radius:24px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px rgba(17,24,39,.04)}
.overview-mini-card span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7a8492;font-weight:800}
.overview-mini-card strong{font-size:34px;line-height:1;color:#101827;letter-spacing:-.03em}
.overview-mini-card small{color:#7b8390;font-size:13px;line-height:1.45}
.overview-mini-card.is-dark{background:#0f172a;color:#fff;border-color:#0f172a}
.overview-mini-card.is-dark span,.overview-mini-card.is-dark small{color:#cbd5e1}
.overview-mini-card.is-dark strong{color:#d9f99d}
.overview-mini-card.is-soft{background:#f7faf8}
.compact-tip{margin-top:-4px}
.accounts-clean-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.account-clean-card{background:#fff;border:1px solid #e8ece8;border-radius:28px;padding:20px 20px 18px;box-shadow:0 10px 26px rgba(17,24,39,.04);display:flex;flex-direction:column;gap:16px}
.account-clean-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.account-clean-identity{display:flex;align-items:center;gap:14px;min-width:0}
.account-clean-icon{width:48px;height:48px;border-radius:16px;background:#f4f5f7;display:grid;place-items:center;font-size:24px;flex:0 0 auto}
.account-clean-identity h3{margin:0;font-size:20px;line-height:1.15;color:#111827}
.account-clean-identity p{margin:4px 0 0;color:#7c8696;font-size:13px}
.account-clean-top-right{display:flex;align-items:center;gap:10px}
.account-clean-menu{position:relative}
.account-clean-menu summary{list-style:none;width:38px;height:38px;border:1px solid #e6e8eb;border-radius:12px;display:grid;place-items:center;cursor:pointer;font-size:24px;line-height:1;color:#495264;background:#fff}
.account-clean-menu summary::-webkit-details-marker{display:none}
.account-clean-menu[open] summary{background:#f9fafb}
.account-clean-menu-box{position:absolute;right:0;top:44px;min-width:190px;background:#fff;border:1px solid #e6e8eb;border-radius:16px;padding:8px;box-shadow:0 18px 40px rgba(17,24,39,.12);display:flex;flex-direction:column;z-index:10}
.account-menu-action{display:flex;align-items:center;justify-content:flex-start;padding:10px 12px;border-radius:12px;color:#111827;text-decoration:none;background:transparent;border:0;font:inherit;cursor:pointer}
.account-menu-action:hover{background:#f4f6f7}
.account-main-balance span{display:block;color:#7d8794;font-size:13px;margin-bottom:8px}
.account-main-balance strong{font-size:42px;line-height:1;letter-spacing:-.04em;color:#0f172a}
.account-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.metric-pill{border-radius:18px;padding:14px 16px;border:1px solid #ebeeeb;background:#fbfbfc;display:flex;flex-direction:column;gap:6px}
.metric-pill span{font-size:13px;color:#7b8492}
.metric-pill strong{font-size:20px;line-height:1.1;color:#111827}
.metric-pill.warn{background:#fffaf1}
.metric-pill.ok{background:#f6fbf7}
.account-actions-row{display:flex;gap:12px;flex-wrap:wrap}
.account-actions-row .btn{flex:1 1 180px;justify-content:center}
.account-edit-box{border-top:1px dashed #e6e8eb;padding-top:14px}
.account-edit-box summary{cursor:pointer;list-style:none;font-weight:700;color:#334155}
.account-edit-box summary::-webkit-details-marker{display:none}
.account-edit-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-edit-grid .full{grid-column:1/-1}
.account-edit-grid label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#5f6978}
.account-edit-grid label small{font-weight:500;color:#8b93a1}
.clean-input,.account-edit-grid select,.account-edit-grid input[type=text],.account-edit-grid input[type=number]{width:100%;height:48px;border:1px solid #e2e8f0;border-radius:14px;padding:0 14px;background:#fff;font:inherit;color:#111827}
.account-color-wrap{height:48px;border:1px solid #e2e8f0;border-radius:14px;padding:6px 10px;display:flex;align-items:center;background:#fff}
.account-color-wrap input[type=color]{width:42px;height:32px;padding:0;border:0;background:none}
.compact-money-input{height:48px;padding:0 14px}
.compact-money-input input{height:46px;min-height:46px;padding:0 0 0 8px!important;font-size:18px;font-weight:700}
.cleaner-banner{margin-top:6px}
.account-create-panel.is-hidden{display:none}
@media (max-width: 1100px){
  .accounts-overview-grid,.accounts-clean-grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .accounts-head-actions{width:100%}
  .accounts-head-actions .btn{flex:1 1 auto;justify-content:center}
  .overview-mini-card{padding:18px}
  .overview-mini-card strong{font-size:30px}
  .account-clean-card{padding:18px}
  .account-main-balance strong{font-size:36px}
  .account-metrics-row,.account-edit-grid{grid-template-columns:1fr}
  .account-clean-top{align-items:flex-start}
  .account-clean-top-right{gap:8px}
  .account-actions-row .btn{flex:1 1 100%}
}

/* ===== Cuentas UX V3: compacto y sin solapes ===== */
.accounts-clean-page{padding-bottom:34px}
.accounts-clean-head{margin-bottom:12px}
.accounts-overview-grid{
  gap:12px;
  margin:8px 0 14px;
}
.overview-mini-card{
  border-radius:18px;
  padding:15px 17px;
  min-height:112px;
  gap:5px;
  box-shadow:0 6px 18px rgba(17,24,39,.035);
}
.overview-mini-card span{font-size:10px;letter-spacing:.075em}
.overview-mini-card strong{font-size:28px;line-height:1.02}
.overview-mini-card small{font-size:11px;line-height:1.35;max-width:290px}

.compact-tip{
  margin:0 0 16px!important;
  padding:10px 13px!important;
  border-radius:13px!important;
  min-height:auto!important;
  position:relative;
  z-index:1;
}
.compact-tip>span{width:30px!important;height:30px!important;font-size:14px!important}
.compact-tip b{font-size:10px!important}
.compact-tip p{font-size:8.5px!important;line-height:1.35!important;margin-top:2px!important}

.accounts-clean-grid{
  grid-template-columns:repeat(auto-fit,minmax(315px,1fr));
  gap:14px;
  align-items:start;
}
.account-clean-card{
  border-radius:20px;
  padding:15px 16px 14px;
  gap:12px;
  box-shadow:0 6px 18px rgba(17,24,39,.03);
}
.account-clean-icon{width:40px;height:40px;border-radius:12px;font-size:19px}
.account-clean-identity{gap:10px}
.account-clean-identity h3{font-size:16px}
.account-clean-identity p{font-size:10px;margin-top:3px}
.account-clean-top-right{gap:7px}
.account-clean-top-right .autosave-status{font-size:7px}
.account-clean-menu summary{width:34px;height:34px;border-radius:10px;font-size:19px}

.account-main-balance span{font-size:10px;margin-bottom:5px}
.account-main-balance strong{font-size:30px;line-height:1.05}

.account-metrics-row{gap:9px}
.metric-pill{border-radius:14px;padding:10px 12px;gap:4px}
.metric-pill span{font-size:9.5px}
.metric-pill strong{font-size:15px}

.account-actions-row{gap:8px}
.account-actions-row .btn{
  min-height:38px;
  padding:8px 10px;
  font-size:9.5px;
  flex:1 1 120px;
}

.account-edit-box{padding-top:10px}
.account-edit-box summary{font-size:10px}
.account-edit-grid{margin-top:10px;gap:10px}
.account-edit-grid label{font-size:10px;margin-bottom:5px}
.clean-input,.account-edit-grid select,.account-edit-grid input[type=text],.account-edit-grid input[type=number]{height:40px;border-radius:11px;padding:0 11px;font-size:10px}
.account-color-wrap{height:40px;border-radius:11px}
.compact-money-input{height:40px;padding:0 11px}
.compact-money-input input{height:38px;min-height:38px;font-size:14px}

.cleaner-banner{
  margin-top:14px;
  padding:13px 15px!important;
  border-radius:15px!important;
}
.cleaner-banner h2{font-size:13px!important;margin-bottom:2px!important}
.cleaner-banner p{font-size:9px!important}
.cleaner-banner .btn{min-height:38px;padding:8px 12px;font-size:9.5px}

@media (min-width: 1320px){
  .accounts-clean-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width: 1100px){
  .accounts-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .accounts-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 820px){
  .accounts-overview-grid{grid-template-columns:1fr}
  .overview-mini-card{min-height:auto}
  .accounts-clean-grid{grid-template-columns:1fr}
}

@media (max-width: 520px){
  .account-main-balance strong{font-size:28px}
  .account-metrics-row{grid-template-columns:1fr 1fr}
  .metric-pill{padding:9px 10px}
  .metric-pill strong{font-size:14px}
}

/* ===== Ingreso V10: cuenta destino automática y sin ambigüedad ===== */
.income-destination-field{display:grid;gap:7px}
.income-account-auto{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:9px 11px;border:1px solid #dceee3;border-radius:11px;background:#f4fbf6;color:#285b42}
.income-account-auto>span{width:26px;height:26px;border-radius:9px;background:#dff4e7;display:grid;place-items:center;font-weight:850}
.income-account-auto b{display:block;font-size:9px;color:#24523c}
.income-account-auto small{display:block;margin-top:2px!important;font-size:8px!important;line-height:1.35;color:#668071!important}
.income-account-auto.changed{border-color:#f0dfb8;background:#fffaf0;color:#7a5a18}
.income-account-auto.changed>span{background:#fff0c9}
.income-account-auto.changed b{color:#6e511b}
.income-destination-field select:invalid{color:#8d939a}
@media(max-width:600px){.income-account-auto{grid-template-columns:26px minmax(0,1fr);padding:9px}.income-account-auto>span{width:24px;height:24px}}

/* ===== Dashboard minimal V13 ===== */
.dashboard-minimal-v13{width:100%;max-width:1180px;margin:0 auto;padding:28px 30px 42px;display:grid;gap:20px}
.minimal-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px;border-bottom:1px solid #eceeea}
.minimal-dashboard-head h1{margin:2px 0 4px;font-size:28px;letter-spacing:-.035em;color:#101827}
.minimal-dashboard-head p{margin:0;color:#87909d;font-size:12px}
.minimal-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.minimal-money-card{display:grid;grid-template-columns:1.35fr 2fr;background:#111827;color:#fff;border-radius:20px;overflow:hidden;min-height:150px}
.minimal-money-main{padding:24px 26px;display:flex;flex-direction:column;justify-content:center}
.minimal-money-main>span{font-size:9px;letter-spacing:.15em;font-weight:850;color:#a7f3d0}
.minimal-money-main>strong{font-size:38px;line-height:1;margin:9px 0 8px;letter-spacing:-.045em;color:#b7f7cb}
.minimal-money-main>strong.negative{color:#fecaca}
.minimal-money-main p{margin:0;color:#adb7c7;font-size:11px;line-height:1.5;max-width:350px}
.minimal-money-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid rgba(255,255,255,.10)}
.minimal-money-stats>div{padding:22px 15px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.08)}
.minimal-money-stats>div:first-child{border-left:0}
.minimal-money-stats span{font-size:9px;color:#aeb8c8}
.minimal-money-stats strong{font-size:17px;line-height:1.15;margin-top:7px;color:#fff;white-space:nowrap}
.minimal-month-section{display:grid;gap:10px}
.minimal-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px}
.minimal-section-title h2{margin:0;font-size:18px;letter-spacing:-.02em}
.minimal-section-title p{margin:3px 0 0;color:#8a929e;font-size:10px}
.minimal-month-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e8ebe7;border-radius:16px;overflow:hidden;background:#fff}
.minimal-month-row>div{padding:15px 18px;border-left:1px solid #eceeea;min-width:0}
.minimal-month-row>div:first-child{border-left:0}
.minimal-month-row span{display:block;font-size:9px;color:#8a929d;margin-bottom:5px}
.minimal-month-row strong{display:block;font-size:20px;line-height:1.1;color:#111827;white-space:nowrap}
.minimal-month-row .net strong.positive{color:#22705a}.minimal-month-row .net strong.negative{color:#b4534a}
.minimal-month-row .ant{background:#fffaf5}
.minimal-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px}
.minimal-panel{border:1px solid #e8ebe7;border-radius:18px;background:#fff;padding:18px 20px;min-width:0}
.minimal-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid #eff0ed}
.minimal-panel-head>div>span{display:block;font-size:8px;letter-spacing:.13em;font-weight:850;color:#9aa0a8;margin-bottom:4px}
.minimal-panel-head h2{margin:0;font-size:18px;letter-spacing:-.02em}
.minimal-panel-head p{margin:4px 0 0;color:#8b929d;font-size:10px}
.minimal-panel-total{text-align:right;display:flex;flex-direction:column;gap:4px}.minimal-panel-total strong{font-size:18px}.minimal-panel-total a,.minimal-link{font-size:10px;color:#697281;text-decoration:none}.minimal-panel-total a:hover,.minimal-link:hover{text-decoration:underline}
.minimal-payment-list{max-height:none!important;overflow:visible!important;padding:0!important}
.minimal-payment-list .rail-payment-item{padding:11px 0!important;min-height:0!important;border-bottom:1px solid #f0f1ee!important}
.minimal-payment-list .rail-payment-icon{width:34px!important;height:34px!important;font-size:15px!important}
.minimal-payment-list .rail-payment-title b{font-size:10px!important}.minimal-payment-list .rail-payment-title strong{font-size:10px!important}.minimal-payment-list .rail-due{font-size:8px!important}.minimal-payment-list .rail-pay-btn{height:30px!important;padding:0 10px!important;font-size:9px!important}
.minimal-more-payments{display:block;text-align:center;padding:10px 0 0;color:#677181;text-decoration:none;font-size:10px;font-weight:750}
.minimal-savings-panel{display:flex;flex-direction:column}
.minimal-savings-value{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:20px 0 8px}
.minimal-savings-value>strong{font-size:34px;line-height:1;letter-spacing:-.035em}.minimal-savings-value .btn{padding:10px 13px;font-size:10px}
.minimal-saving-goal{margin:5px 0 12px;color:#697281;font-size:11px;min-height:16px}
.minimal-progress{height:7px;border-radius:99px;background:#eef1ed;overflow:hidden}.minimal-progress i{display:block;height:100%;border-radius:99px;background:#42a879}
.minimal-savings-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#88909a;font-size:9px}
.minimal-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.minimal-quick-links>a{display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e8ebe7;border-radius:14px;background:#fff;text-decoration:none;color:#111827}
.minimal-quick-links>a>span{width:32px;height:32px;border-radius:10px;background:#f5f6f4;display:grid;place-items:center}.minimal-quick-links b{display:block;font-size:10px}.minimal-quick-links small{display:block;margin-top:2px;color:#8c939d;font-size:8px}.minimal-quick-links>a>strong{color:#98a0aa}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1050px){.minimal-money-card{grid-template-columns:1fr}.minimal-money-stats{border-left:0;border-top:1px solid rgba(255,255,255,.10)}.minimal-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-minimal-v13{padding:18px 14px 90px;gap:16px}.minimal-dashboard-head{align-items:flex-start;flex-direction:column}.minimal-head-actions{width:100%}.minimal-head-actions .register-launcher{margin-left:auto}.minimal-money-main{padding:22px}.minimal-money-main>strong{font-size:34px}.minimal-money-stats{grid-template-columns:1fr 1fr}.minimal-money-stats>div{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08)}.minimal-money-stats>div:nth-child(odd){border-left:0}.minimal-money-stats>div:last-child:nth-child(odd){grid-column:1/-1}.minimal-month-row{grid-template-columns:1fr 1fr}.minimal-month-row>div:nth-child(3){border-left:0;border-top:1px solid #eceeea}.minimal-month-row>div:nth-child(4){border-top:1px solid #eceeea}.minimal-quick-links{grid-template-columns:1fr}.minimal-savings-foot{flex-direction:column}}

/* ===== Dashboard V14: contador suave del disponible ===== */
#freeToSpend{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  white-space:nowrap;
  display:inline-block;
  min-width:7.2ch;
  will-change:contents;
}
#freeToSpend.is-counting{
  opacity:.96;
}
@media (prefers-reduced-motion: reduce){
  #freeToSpend{transition:none!important}
}

/* ===== V15 · Celebración de ahorro + trazabilidad ===== */
.savings-celebration{position:fixed;inset:0;z-index:160;display:grid;place-items:start center;padding-top:min(16vh,140px);pointer-events:none;opacity:0;transition:opacity .18s ease}
.savings-celebration.show{opacity:1}
.savings-celebration.leaving{opacity:0}
.savings-celebration-card{position:relative;z-index:2;width:min(560px,calc(100vw - 28px));display:grid;grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:14px;padding:20px 22px;border:1px solid #cdebd8;border-radius:22px;background:rgba(247,255,250,.97);box-shadow:0 24px 70px rgba(20,83,45,.18);backdrop-filter:blur(10px);transform:translateY(-14px) scale(.96);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.savings-celebration.show .savings-celebration-card{transform:translateY(0) scale(1)}
.savings-celebration-icon{width:58px;height:58px;border-radius:18px;background:#e6f8ed;display:grid;place-items:center;font-size:30px;box-shadow:inset 0 0 0 1px #d4f0df}
.savings-celebration-card small{display:block;font-size:9px;letter-spacing:.16em;font-weight:900;color:#25865b;margin-bottom:4px}
.savings-celebration-card h3{margin:0;font-size:21px;line-height:1.15;letter-spacing:-.025em;color:#123524}
.savings-celebration-card p{margin:5px 0 0;font-size:12px;line-height:1.45;color:#5f7769}
.savings-celebration-card p b{color:#1d6143}
.savings-celebration-check{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2f9e69;color:#fff;font-weight:900;font-size:17px}
.savings-confetti{position:absolute;top:min(13vh,115px);left:50%;width:min(650px,96vw);height:160px;transform:translateX(-50%);overflow:visible}
.savings-confetti i{position:absolute;left:50%;top:35px;width:8px;height:15px;border-radius:2px;background:hsl(calc(var(--i)*31),75%,58%);opacity:0;transform:translate(-50%,0) rotate(0deg)}
.savings-celebration.show .savings-confetti i{animation:savingsConfetti .9s cubic-bezier(.15,.7,.25,1) forwards;animation-delay:calc(var(--i)*18ms)}
.savings-confetti i:nth-child(3n){width:7px;height:7px;border-radius:50%}.savings-confetti i:nth-child(2n){height:12px}
@keyframes savingsConfetti{0%{opacity:0;transform:translate(-50%,5px) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + (var(--i) - 6.5)*31px),130px) rotate(calc(var(--i)*52deg))}}
.badge.savings{background:#eef8f2;color:#23734f;border:1px solid #d9eee1}
.savings-activity-row{background:linear-gradient(90deg,rgba(241,251,245,.6),rgba(255,255,255,0) 55%)}
.savings-fund-label{display:inline-flex;align-items:center;gap:4px;color:#3e7256;font-weight:700}
.savings-amount{color:#23734f}.savings-amount.withdrawal{color:#76604a}
@media(max-width:640px){
 .savings-celebration{padding-top:10vh}
 .savings-celebration-card{grid-template-columns:46px minmax(0,1fr);padding:17px 16px;border-radius:18px}
 .savings-celebration-icon{width:46px;height:46px;border-radius:14px;font-size:24px}
 .savings-celebration-check{display:none}
 .savings-celebration-card h3{font-size:18px}
 .savings-confetti{top:7vh}
}
@media(prefers-reduced-motion:reduce){.savings-confetti{display:none}.savings-celebration-card{transition:none;transform:none}}


/* ===== V18: trazabilidad de fondos operativos ===== */
.badge.fund-move{background:#f6f3ff;color:#6d4cc3;border:1px solid #e8e0ff}
.fund-activity-row{background:linear-gradient(90deg,rgba(248,246,255,.72),rgba(255,255,255,0) 55%)}
.fund-move-amount.deposit{color:#6d4cc3}.fund-move-amount.withdrawal{color:#b45309}

/* ===== V21: transferencias dentro del historial cronológico ===== */
.transfer-activity-row{background:#fafbff}
.badge.transfer-move{background:#eef2ff;color:#4338ca;border:1px solid #dfe3ff}
.transfer-move-amount{color:#3730a3;font-weight:800}


/* ===== V22 · Modales monetarios limpios y cuentas legibles ===== */
.action-modal-card select,
.payment-modal-card select,
.savings-modal-card select{
  width:100%;
  min-width:0;
  font-variant-numeric:tabular-nums;
}

.money-entry-shell{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  position:relative!important;
}
.money-entry-shell>span{
  position:static!important;
  transform:none!important;
  flex:0 0 auto;
  color:#8b9098!important;
  font-weight:800!important;
  line-height:1!important;
}
.quick-amount .money-entry-shell input,
.payment-money-input.money-entry-shell input,
.quick-concept-money.money-entry-shell input{
  min-width:0!important;
  flex:1 1 auto!important;
  padding-left:0!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.025em!important;
}
.quick-amount .money-entry-shell input{
  font-size:27px!important;
}
.payment-money-input.money-entry-shell input{
  font-size:23px!important;
}
.quick-concept-money.money-entry-shell{
  border:1px solid #e1e2df;
  border-radius:10px;
  min-height:44px;
  padding:0 12px;
  background:#fff;
}
.quick-concept-money.money-entry-shell:focus-within{
  border-color:#aeb6c2;
  box-shadow:0 0 0 3px rgba(17,24,39,.055);
}
.quick-concept-money.money-entry-shell input{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  height:42px!important;
  background:transparent!important;
}

.transfer-modal-card{width:min(540px,100%)}
.transfer-account-grid{gap:12px}
.account-select-field{min-width:0}
.account-select-field select{
  display:block;
  width:100%;
  min-width:0;
  padding-left:13px!important;
  padding-right:34px!important;
  font-size:11px!important;
  font-weight:650;
  color:#252a31;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.account-select-hint{
  display:block;
  min-height:16px;
  margin:6px 2px 0;
  color:#8b929c!important;
  font-size:8px!important;
  line-height:1.35;
  white-space:normal;
}
#transferFromHint{color:#67727e!important}
#transferToHint{color:#8c929a!important}

/* Pago: separar el dato de cuenta del saldo para evitar textos cortados */
.payment-modal-card .pay-source-grid>div{min-width:0}
.payment-modal-card .account-select-hint{margin-top:6px}

/* Ahorro: misma lectura clara de monto y cuentas */
.savings-modal-card .money-entry-shell{min-height:58px}
.savings-modal-card .money-entry-shell>span{font-size:18px!important}
.savings-modal-card .money-entry-shell input{height:56px!important;min-height:56px!important}
.savings-modal-card .saving-hint{line-height:1.4}

@media(max-width:760px){
  .transfer-modal-card{width:100%}
  .transfer-account-grid{grid-template-columns:1fr!important}
  .quick-amount .money-entry-shell input{font-size:25px!important}
  .account-select-field select{font-size:12px!important}
  .account-select-hint{font-size:9px!important}
}

/* ===== V23: iconos limpios en encabezados de modales rápidos ===== */
/* Corrige la regla genérica .quick-modal-top>div>span que reducía el icono a 7px. */
.quick-modal-top .action-modal-heading > .action-modal-icon{
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  font-size:17px;
  line-height:1;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
}
.quick-modal-top .action-modal-heading > .action-modal-icon.expense{background:#fff2ec;color:#c96b39}
.quick-modal-top .action-modal-heading > .action-modal-icon.income{background:#eef9f3;color:#3f8d68}
.quick-modal-top .action-modal-heading > .action-modal-icon.transfer{background:#eff5fb;color:#52799e}
.quick-modal-top .action-modal-heading > .action-modal-icon.allocate{background:#f5f1fb;color:#775d9e}
.action-modal-heading{grid-template-columns:36px minmax(0,1fr);gap:10px}

@media(max-width:760px){
  .quick-modal-top .action-modal-heading > .action-modal-icon{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:10px;
    font-size:16px;
  }
  .action-modal-heading{grid-template-columns:34px minmax(0,1fr);gap:9px}
}


/* ===== V24: feedback profesional + moneda en vivo ===== */
.app-feedback-toast{position:fixed;left:50%;bottom:26px;z-index:99999;transform:translate(-50%,18px);opacity:0;pointer-events:none;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:11px;width:min(620px,calc(100vw - 32px));padding:13px 14px;border-radius:16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 18px 48px rgba(15,23,42,.20);transition:opacity .2s ease,transform .2s ease;color:#111827}
.app-feedback-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.app-feedback-toast.error{border-color:#fecaca;background:#fff8f7}
.app-feedback-toast.ok{border-color:#bbf7d0;background:#f7fff9}
.app-feedback-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:17px;font-weight:900;background:#fee2e2;color:#b42318}
.app-feedback-toast.ok .app-feedback-icon{background:#dcfce7;color:#16803a}
.app-feedback-toast b{display:block;font-size:13px;line-height:1.2;margin-bottom:3px}
.app-feedback-toast p{margin:0;font-size:13px;line-height:1.35;color:#5f6775}
.app-feedback-toast button{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:#7b8491;font-size:20px;cursor:pointer}
.app-feedback-toast button:hover{background:#f1f3f5;color:#111827}
.money-entry-shell input[data-money-input],.payment-money-input input[data-money-input],.settings-money-input input[data-money-input]{font-variant-numeric:tabular-nums;letter-spacing:-.015em}
@media(max-width:640px){.app-feedback-toast{bottom:14px;width:calc(100vw - 20px);grid-template-columns:32px minmax(0,1fr) 26px;padding:11px 12px;border-radius:14px}.app-feedback-toast p{font-size:12px}}


/* ===== V25: feedback visible dentro de modales ===== */
.modal-inline-feedback{display:none;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:13px;font-size:13px;line-height:1.4;margin-top:2px}
.modal-inline-feedback.show{display:flex}
.modal-inline-feedback.error{background:#fff3f1;border:1px solid #fecaca;color:#9f2d20}
.modal-inline-feedback.ok{background:#f0fbf4;border:1px solid #bbf7d0;color:#166534}
.modal-inline-feedback .feedback-mark{width:24px;height:24px;min-width:24px;border-radius:8px;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.72)}
.modal-inline-feedback p{margin:1px 0 0;color:inherit}

/* ===== Hogar compartido V26 ===== */
.household-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}
.household-members-card,.household-share-card{padding:20px;border-radius:22px}
.household-members-list{display:flex;flex-direction:column;margin-top:8px}
.household-member-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eef0ee}
.household-member-row:first-child{border-top:0}
.household-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f2f4f1;font-weight:800;color:#273142}
.household-member-copy{display:flex;flex-direction:column;min-width:0}
.household-member-copy strong{font-size:14px}.household-member-copy small{color:#89919c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.household-role{font-size:11px;font-weight:800;background:#f5f6f4;border:1px solid #e8ebe6;border-radius:999px;padding:7px 10px;color:#536070}
.household-remove{padding:8px 10px!important;min-height:34px!important}
.household-share-card h3{margin:8px 0 6px;font-size:22px}.household-share-card>p{color:#77808d;line-height:1.5}
.household-invite-form{margin-top:18px}.household-invite-form .btn{margin-top:10px;width:100%;justify-content:center}
.household-name-form{border-top:1px solid #ecefeb;margin-top:20px;padding-top:18px}.household-name-form label{display:block;font-weight:700;margin-bottom:8px}
.household-name-line{display:flex;gap:10px}.household-name-line input{min-width:0;flex:1}
.household-rule{margin-top:18px;padding:14px;border-radius:16px;background:#f7faf8;display:flex;flex-direction:column;gap:4px}.household-rule span{font-size:12px;color:#6f7885}
.actor-sub{margin-top:4px;color:#8b93a0!important}
@media(max-width:900px){.household-grid{grid-template-columns:1fr}.household-member-row{grid-template-columns:44px minmax(0,1fr) auto}.household-member-row form{grid-column:2/-1}.household-role{justify-self:end}}

/* ===== V27 · Cuentas minimalistas ===== */
.accounts-min-page{gap:18px}
.accounts-min-head{align-items:flex-start;margin-bottom:0}
.accounts-min-head h1{margin-bottom:4px}
.accounts-min-head p{margin:0;color:#7c8796;font-size:13px}
.accounts-min-actions{display:flex;gap:10px;flex-wrap:wrap}

.accounts-summary-strip{display:grid;grid-template-columns:1.25fr .85fr .85fr;border:1px solid #e7eae7;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.accounts-summary-strip>div{min-width:0;padding:16px 20px;display:flex;flex-direction:column;gap:5px;justify-content:center}
.accounts-summary-strip>div+div{border-left:1px solid #ecefec}
.accounts-summary-strip span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#7b8491}
.accounts-summary-strip strong{font-size:24px;line-height:1.05;letter-spacing:-.025em;color:#101827;white-space:nowrap}
.accounts-summary-main{background:#101827}
.accounts-summary-main span{color:#b9c2cf}
.accounts-summary-main strong{color:#c8ff87;font-size:29px}

.accounts-min-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.account-min-card{position:relative;background:#fff;border:1px solid #e7eae7;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:13px;min-width:0;box-shadow:0 7px 22px rgba(15,23,42,.035)}
.account-min-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.account-min-identity{display:flex;align-items:center;gap:11px;min-width:0}
.account-min-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#f4f5f7;font-size:19px;flex:0 0 auto}
.account-min-name{min-width:0}
.account-min-name h3{font-size:16px;line-height:1.15;margin:0;color:#101827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-min-name p{font-size:11px;margin:4px 0 0;color:#8a93a0}
.account-min-balance{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:2px}
.account-min-balance span{font-size:11px;color:#84909f}
.account-min-balance strong{font-size:30px;line-height:1;letter-spacing:-.035em;color:#0f172a;white-space:nowrap}

.account-min-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0ed;padding-top:12px}
.account-min-meta>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.account-min-meta>div+div{border-left:1px solid #edf0ed;padding-left:14px}
.account-min-meta span{font-size:10px;color:#8a93a0;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.account-min-meta strong{font-size:14px;color:#1b2432;white-space:nowrap}
.account-min-protected.has-savings strong{color:#9a6515}
.account-min-note{font-size:11px;line-height:1.35;padding:8px 10px;border-radius:10px;background:#fff9ee;color:#77561f;border:1px solid #f5ead5}

.account-min-menu{position:relative;flex:0 0 auto}
.account-min-menu summary{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e4e8e5;border-radius:11px;background:#fff;cursor:pointer;list-style:none;font-size:20px;line-height:1;color:#475569}
.account-min-menu summary::-webkit-details-marker{display:none}
.account-min-menu[open] summary{background:#f7f8f8}
.account-min-menu-box{position:absolute;right:0;top:40px;width:205px;background:#fff;border:1px solid #e4e8e5;border-radius:14px;padding:6px;box-shadow:0 16px 40px rgba(15,23,42,.13);z-index:30}
.account-min-menu-action{width:100%;display:flex;align-items:center;gap:9px;padding:10px 11px;border:0;background:transparent;color:#182230;text-decoration:none;border-radius:10px;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.account-min-menu-action:hover{background:#f4f6f5}
.account-min-menu-action span{width:18px;text-align:center}

.account-min-edit{border-top:1px dashed #e6eae6;padding-top:10px;margin-top:1px}
.account-min-edit:not([open]){display:none}
.account-min-edit summary{font-size:12px;font-weight:800;cursor:pointer;color:#4b5563;list-style:none;margin-bottom:12px}
.account-min-edit summary::-webkit-details-marker{display:none}
.account-min-edit-grid{margin-top:0}
.account-min-card .autosave-status{display:none}

.accounts-min-page .account-create-panel{margin-top:2px}

@media(max-width:1180px){
  .accounts-min-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .accounts-min-head{gap:14px}
  .accounts-min-actions{width:100%}
  .accounts-min-actions .btn{flex:1 1 auto;justify-content:center}
  .accounts-summary-strip{grid-template-columns:1fr 1fr;border-radius:17px}
  .accounts-summary-main{grid-column:1/-1}
  .accounts-summary-strip>div{padding:14px 16px}
  .accounts-summary-strip>div+div{border-left:0}
  .accounts-summary-strip>div:nth-child(3){border-left:1px solid #ecefec}
  .accounts-summary-strip strong{font-size:20px}
  .accounts-summary-main strong{font-size:27px}
  .accounts-min-grid{grid-template-columns:1fr;gap:12px}
  .account-min-card{padding:15px}
  .account-min-balance strong{font-size:28px}
}

/* ===== V28 · Cuentas minimalistas con mejor respiración ===== */
.accounts-min-page{gap:22px}
.accounts-summary-strip{margin-bottom:6px}
.accounts-min-grid{gap:20px}
.account-min-card{padding:20px;gap:16px;border-radius:22px}
.account-min-top{gap:14px}
.account-min-identity{gap:13px}
.account-min-icon{width:42px;height:42px;border-radius:14px}
.account-min-balance{padding-top:6px;padding-bottom:2px}
.account-min-meta{padding-top:14px}
.account-min-meta>div+div{padding-left:16px}
.account-min-note{margin-top:1px;padding:9px 11px}

@media(max-width:1180px){
  .accounts-min-grid{gap:18px}
}
@media(max-width:760px){
  .accounts-min-page{gap:18px}
  .accounts-summary-strip{margin-bottom:2px}
  .accounts-min-grid{gap:16px}
  .account-min-card{padding:17px;gap:14px}
}

/* Navegación dinámica: el sidebar y la conexión realtime permanecen montados. */
body.app-navigating .content {
  opacity: .58;
  pointer-events: none;
  transition: opacity .12s ease;
}
body:not(.app-navigating) .content {
  transition: opacity .12s ease;
}
@media (prefers-reduced-motion: reduce) {
  body.app-navigating .content,
  body:not(.app-navigating) .content { transition: none; }
}


/* Dashboard: proyección informativa y actividad familiar */
.cash-projection{margin-top:14px;display:inline-flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.055);max-width:100%}
.cash-projection span{font-size:10px;color:#b9c2d1}.cash-projection strong{font-size:12px;color:#fff;white-space:nowrap}.cash-projection.negative strong{color:#ffb5b5}
.minimal-activity-panel{margin-top:18px;padding:20px 22px}.minimal-activity-list{display:grid;margin-top:8px}.minimal-activity-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.minimal-activity-row:first-child{border-top:0}
.minimal-activity-icon{width:34px;height:34px;border-radius:10px;background:#f5f6f8;display:grid;place-items:center;font-size:15px}.minimal-activity-copy{min-width:0}.minimal-activity-copy>div{display:flex;gap:10px;align-items:baseline}.minimal-activity-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimal-activity-copy time{font-size:9px;color:#9aa1aa;white-space:nowrap}.minimal-activity-copy p{margin:3px 0 0;color:#8b929b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimal-activity-amount{font-size:12px;white-space:nowrap}.minimal-activity-amount.income{color:#237a5a}.minimal-activity-amount.expense{color:#111827}
@media(max-width:760px){.cash-projection{display:flex;justify-content:space-between;width:100%;box-sizing:border-box}.minimal-activity-panel{padding:17px}.minimal-activity-row{grid-template-columns:34px minmax(0,1fr);}.minimal-activity-amount{grid-column:2}.minimal-activity-copy>div{align-items:flex-start;justify-content:space-between}.minimal-activity-copy p{white-space:normal}}

/* ===== Pagos mensuales inteligentes ===== */
.payment-partial-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-7px 0 16px}
.payment-partial-summary>div{border:1px solid #e8e9e5;background:#fafaf8;border-radius:11px;padding:10px 12px}
.payment-partial-summary span{display:block;font-size:8px;color:#969aa1;margin-bottom:3px}.payment-partial-summary strong{font-size:12px;color:#22262c}
.payment-partial-summary>div:last-child{background:#f3f7f5}.payment-partial-summary>div:last-child strong{color:#27664f}
.payment-month-modal-card{width:min(560px,100%);padding:24px;border:1px solid #ecece7;box-shadow:0 32px 90px rgba(20,24,32,.18)}
.payment-month-base{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.payment-month-base>div{border:1px solid #ecece8;background:#fafaf8;border-radius:12px;padding:11px 13px}.payment-month-base span{display:block;font-size:8px;color:#999da4;margin-bottom:4px}.payment-month-base strong{font-size:12px;color:#262b31}
.payment-month-grid{align-items:end}.payment-month-grid label{display:block;font-size:10px;font-weight:750;margin-bottom:7px;color:#30343a}.payment-month-grid input[type=date]{width:100%;height:58px;border:1px solid #dfe1dd;border-radius:13px;padding:0 13px;font-size:12px;background:#fff;outline:none}.payment-month-grid input[type=date]:focus{border-color:#a8adb5;box-shadow:0 0 0 4px rgba(17,24,39,.05)}
.payment-month-paid{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff8e9;border:1px solid #f2e1ba;font-size:9px;line-height:1.45;color:#8a6427}.payment-month-paid strong{color:#6d4d19}
.payment-month-actions-secondary{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.payment-month-actions-secondary .btn{height:36px;margin:0;padding:0 12px;font-size:9px}.btn.danger-soft{background:#fff4f3;color:#ad514a;border:1px solid #f0d9d6}.btn.danger-soft:hover{background:#fbe8e6}
.payment-month-modal-card input:disabled{background:#f5f5f2;color:#9ca0a6;cursor:not-allowed}

.rail-payment-actions{display:flex;align-items:center;gap:6px;flex:none}.rail-plan-btn{border:1px solid #e2e4e7;background:#fff;color:#7a7f86;border-radius:8px;height:28px;min-width:30px;padding:0 7px;font-size:10px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:.15s}.rail-plan-btn:hover{background:#f4f4f1;color:#111827}
.rail-payment-item.is-partial .rail-payment-icon{background:#f2f7f4}.rail-payment-flags{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.rail-payment-flags span{display:inline-flex;align-items:center;border-radius:99px;padding:3px 6px;font-size:7px;font-weight:750;line-height:1}.rail-partial-badge{background:#eef7f2;color:#39745d}.rail-change-badge{background:#fff4e5;color:#a46c1b}.rail-month-badge{background:#f2f1fb;color:#6660a9}
.rail-skipped-group{margin-top:10px;border-top:1px dashed #e4e5e1;padding-top:10px}.rail-skipped-head{display:flex;align-items:center;justify-content:space-between;font-size:7.5px;text-transform:uppercase;letter-spacing:.09em;color:#a0a4aa;font-weight:800;margin-bottom:4px}.rail-skipped-head b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f4f4f1;color:#6f747b;font-size:8px}.rail-skipped-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0}.rail-skipped-row>span{width:26px;height:26px;border-radius:8px;background:#f6f6f3;display:grid;place-items:center;font-size:11px;filter:grayscale(.5);opacity:.75}.rail-skipped-row b{display:block;font-size:9px;color:#6d7278}.rail-skipped-row small{display:block;font-size:7.5px;color:#a1a4a9;margin-top:2px}.rail-skipped-row button{height:27px;border:1px solid #e4e5e1;background:#fff;border-radius:7px;padding:0 8px;font-size:8px;font-weight:750;color:#747980;cursor:pointer}.rail-skipped-row button:hover{background:#f5f5f2;color:#20242a}

@media(max-width:520px){
  .payment-month-modal-card{padding:18px}.payment-month-base,.payment-partial-summary{grid-template-columns:1fr}.payment-month-grid{grid-template-columns:1fr}.payment-month-actions-secondary{display:grid;grid-template-columns:1fr}.payment-month-actions-secondary .btn{width:100%}.rail-payment-bottom{align-items:flex-end}.rail-payment-actions{gap:4px}.rail-plan-btn,.rail-pay-btn{height:30px}
}

/* === Fase 3: auditoría, anulación segura y cierre mensual === */
.btn.danger{background:#b7463f;color:#fff}.btn.danger:hover{background:#9d3934}.btn:disabled{opacity:.6;cursor:wait}
.audit-page,.close-page{max-width:1180px}.audit-page-head,.close-page-head{align-items:center}.audit-close-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.audit-toolbar-card{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:16px 18px;margin-bottom:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.audit-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.audit-filters label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#858b94}.audit-filters input,.audit-filters select,.close-page-head input{height:39px;border:1px solid #dedfdc;border-radius:10px;background:#fff;padding:0 11px;font:inherit;color:#232730}.audit-period-status{display:flex;align-items:flex-end;flex-direction:column;gap:5px;text-align:right}.audit-period-status small{font-size:9px;color:#92979f}.audit-status-chip{display:inline-flex;align-items:center;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;letter-spacing:.03em}.audit-status-chip.closed{background:#eef1ff;color:#555b95}.audit-status-chip.open{background:#eaf7f1;color:#4f806e}.audit-status-chip.reopened{background:#fff4df;color:#9b6d28}.audit-status-chip.reversed{background:#f2f2ef;color:#777d84}
.audit-list-card{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.audit-list{display:grid}.audit-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px 17px;border-bottom:1px solid #efefeb}.audit-item:last-child{border-bottom:0}.audit-item.is-reversed{background:#fafaf8}.audit-item-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f3f4f1;font-size:15px;color:#58606b}.audit-item-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audit-item-title-row strong{font-size:11px}.audit-entity{font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#8c929a;background:#f5f5f2;border-radius:99px;padding:4px 6px}.audit-item-body p{margin:5px 0 0;color:#636a74;font-size:10px}.audit-meta,.audit-diff,.audit-reversed-note{display:block;margin-top:6px;font-size:8.5px;color:#9a9fa6}.audit-diff{color:#6a7280}.audit-reversed-note{color:#a25752}.audit-item-actions{display:flex;align-items:center;min-height:34px}.audit-revert-btn{border:1px solid #e4c8c5;background:#fff8f7;color:#a64c46;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.audit-revert-btn:hover{background:#fff0ee}.audit-lock{font-size:8px;color:#a4a8ae}.audit-empty{min-height:120px;display:grid;place-items:center}
.audit-modal-card{width:min(500px,100%)}.audit-modal-card h3{margin:2px 0 7px;font-size:20px}.audit-modal-card>p{margin:0 0 16px;color:#747a84;font-size:11px;line-height:1.5}.audit-modal-card form{display:grid;gap:14px}.audit-modal-card label{display:grid;gap:7px;font-size:10px;font-weight:750}.audit-modal-card textarea{width:100%;resize:vertical;border:1px solid #dedfdc;border-radius:11px;padding:11px 12px;font:inherit;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.audit-toast{position:fixed;right:22px;bottom:22px;z-index:100;transform:translateY(18px);opacity:0;pointer-events:none;transition:.18s ease;background:#20252f;color:#fff;border-radius:11px;padding:11px 14px;font-size:10px;font-weight:700;box-shadow:0 18px 50px rgba(0,0,0,.18)}.audit-toast.show{opacity:1;transform:translateY(0)}.audit-toast.error{background:#a54540}

.close-status-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px 22px;margin-bottom:14px}.close-status-card.is-closed{background:#f8f9ff;border-color:#e2e4f3}.close-status-card.is-reopened{background:#fffaf1;border-color:#eee2ca}.close-status-kicker{display:block;font-size:8px;letter-spacing:.13em;font-weight:850;color:#888f99;margin-bottom:5px}.close-status-card h2{margin:0 0 4px;font-size:22px}.close-status-card p{margin:0;color:#777e88;font-size:10px}.close-status-actions{display:flex;gap:8px;flex-wrap:wrap}.close-status-actions .btn{text-decoration:none}.close-change-warning{display:flex;align-items:center;gap:10px;padding:11px 14px;margin-bottom:14px;border-radius:11px;background:#fff4df;color:#7f622e;font-size:10px}.close-change-warning strong{white-space:nowrap}.close-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;background:#fff;margin-bottom:14px;overflow:hidden}.close-summary-grid>div{padding:17px 18px;border-left:1px solid var(--line)}.close-summary-grid>div:first-child{border-left:0}.close-summary-grid span{display:block;color:#8e949d;font-size:9px}.close-summary-grid strong{display:block;margin-top:6px;font-size:17px}.close-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.close-panel{border:1px solid var(--line);border-radius:15px;background:#fff;padding:17px}.close-panel.has-changes{border-color:#e7cc98;background:#fffdf8}.close-panel-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:14px}.close-panel-head h3{margin:0;font-size:15px}.close-panel-head>span{font-size:9px;color:#969ba3}.close-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.close-metrics p{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:9px 10px;border-radius:9px;background:#f7f7f4}.close-metrics span{font-size:9px;color:#848a93}.close-metrics b{font-size:10px}.close-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.close-simple-list{display:grid}.close-simple-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;border-bottom:1px solid #f0f0ec;font-size:10px}.close-simple-list>div:last-child{border-bottom:0}.close-simple-list span small{display:block;margin-top:3px;color:#959aa2;font-size:8px}.close-notes{margin-top:14px;border:1px dashed #d9dad6;border-radius:12px;padding:13px 15px}.close-notes span{font-size:8px;font-weight:800;color:#9398a0;text-transform:uppercase;letter-spacing:.08em}.close-notes p{margin:5px 0 0;font-size:10px;color:#656c76}

@media(max-width:760px){.audit-page-head,.close-page-head{align-items:stretch}.audit-close-link{width:100%}.audit-toolbar-card{align-items:stretch;flex-direction:column}.audit-filters{display:grid;grid-template-columns:1fr 1fr}.audit-filters .btn{grid-column:1/-1}.audit-period-status{align-items:flex-start;text-align:left}.audit-item{grid-template-columns:34px minmax(0,1fr)}.audit-item-actions{grid-column:2}.audit-item-actions .audit-revert-btn{width:100%}.close-status-card{align-items:stretch;flex-direction:column}.close-status-actions{display:grid;grid-template-columns:1fr 1fr}.close-summary-grid{grid-template-columns:1fr 1fr}.close-summary-grid>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.close-summary-grid>div:nth-child(4){border-top:1px solid var(--line)}.close-compare-grid,.close-detail-grid{grid-template-columns:1fr}.close-change-warning{align-items:flex-start;flex-direction:column}.audit-modal{align-items:end;padding:0}.audit-modal-card{width:100%;border-radius:20px 20px 0 0}.audit-toast{left:14px;right:14px;bottom:14px;text-align:center}}
@media(max-width:480px){.audit-filters{grid-template-columns:1fr}.audit-filters .btn{grid-column:auto}.close-status-actions{grid-template-columns:1fr}.close-summary-grid{grid-template-columns:1fr}.close-summary-grid>div{border-left:0!important;border-top:1px solid var(--line)}.close-summary-grid>div:first-child{border-top:0}.close-metrics{grid-template-columns:1fr}}

/* Cierre mensual: compromisos con monto original, pagado y pendiente */
.close-commitment-totals{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#fbfbf9}
.close-commitment-totals>div{padding:11px 14px;border-left:1px solid var(--line)}
.close-commitment-totals>div:first-child{border-left:0}
.close-commitment-totals span{display:block;font-size:8px;color:#90969e;text-transform:uppercase;letter-spacing:.05em}
.close-commitment-totals b{display:block;margin-top:4px;font-size:11px}
.close-payment-list .close-payment-row{align-items:flex-start}
.close-payment-info{min-width:0}
.close-payment-values{display:block;text-align:right;white-space:nowrap}
.close-payment-values>b{display:block;font-size:10px}
.close-payment-values>small{display:block;margin-top:3px;color:#959aa2;font-size:8px;font-weight:500}
.close-commitment-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #efefeb}
.close-commitment-snapshot>span{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:8px;background:#fafaf7;color:#8b9199;font-size:8px}
.close-commitment-snapshot b{color:#20242b;font-size:9px}
@media(max-width:560px){.close-commitment-totals{grid-template-columns:1fr}.close-commitment-totals>div{border-left:0;border-top:1px solid var(--line)}.close-commitment-totals>div:first-child{border-top:0}.close-payment-list .close-payment-row{gap:10px}.close-payment-values{white-space:normal;max-width:48%}.close-commitment-snapshot{grid-template-columns:1fr}}

/* ===== Mejora Sep 2026: buscador global ===== */
.global-search-trigger{width:calc(100% - 24px);margin:2px 12px 16px;height:42px;border:1px solid #e5e7eb;background:#fff;border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#59606e;font:inherit;cursor:pointer;transition:.18s ease}.global-search-trigger:hover{border-color:#cfd4dc;box-shadow:0 5px 18px rgba(15,23,42,.06);color:#111827}.global-search-trigger-icon{font-size:22px;line-height:1;color:#111827;transform:rotate(-20deg)}.global-search-trigger>span:nth-child(2){font-size:13px;font-weight:700;flex:1;text-align:left}.global-search-trigger kbd,.global-search-hint kbd{border:1px solid #e4e6ea;background:#f7f7f5;border-radius:6px;padding:3px 6px;font:600 9px/1 system-ui;color:#8a909a;white-space:nowrap}.global-search-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:flex-start;justify-content:center;padding-top:min(12vh,110px)}.global-search-modal.show{display:flex}.global-search-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.34);backdrop-filter:blur(5px);cursor:default}.global-search-card{position:relative;width:min(690px,calc(100vw - 32px));max-height:min(680px,78vh);background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 28px 90px rgba(15,23,42,.24);overflow:hidden;display:flex;flex-direction:column}.global-search-box{height:70px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #eceeec}.global-search-box>span{font-size:27px;transform:rotate(-20deg);color:#111827}.global-search-box input{flex:1;border:0;outline:0;font:700 18px/1.2 system-ui;color:#111827;background:transparent;min-width:0}.global-search-box input::placeholder{font-weight:500;color:#a0a5ad}.global-search-box button{border:1px solid #e3e5e8;background:#f7f7f5;border-radius:8px;padding:6px 8px;font:700 9px system-ui;color:#767c86;cursor:pointer}.global-search-hint{display:flex;justify-content:space-between;align-items:center;padding:9px 18px;background:#fafaf8;border-bottom:1px solid #eeeeeb;color:#8a9098;font-size:11px}.global-search-results{overflow:auto;padding:7px 8px 12px}.global-search-group{padding:12px 10px 7px;color:#9297a0;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.global-search-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto 14px;align-items:center;gap:11px;padding:10px;border-radius:12px;text-decoration:none;color:#111827;transition:.12s}.global-search-result:hover{background:#f5f6f4}.global-search-result-icon{width:36px;height:36px;border-radius:10px;background:#eef1f4;display:grid;place-items:center;font-size:14px;font-weight:900}.global-search-result-icon.income{background:#eaf8ef;color:#17854b}.global-search-result-icon.expense{background:#fff0ed;color:#c64a3b}.global-search-result-icon.payment{background:#f5efff;color:#7252b8}.global-search-result-icon.account{background:#eef5ff;color:#316db0}.global-search-result-icon.fund{background:#fff6e4;color:#987019}.global-search-result-icon.audit{background:#eef0f2;color:#59616d}.global-search-result-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.global-search-result-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-result-copy small{color:#868c95;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-result>strong{font-size:12px;white-space:nowrap}.global-search-result>strong.income{color:#16844c}.global-search-result>strong.expense{color:#c54b3c}.global-search-result>i{font-style:normal;color:#a9aeb5;font-size:18px}.global-search-empty,.global-search-loading{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:#8b9098;padding:28px}.global-search-empty b{color:#343942;font-size:14px}.global-search-empty span{font-size:11px}.global-search-open{overflow:hidden}

/* ===== Dashboard: ¿En qué se fue mi dinero? ===== */
.spending-story-panel{margin-top:20px;padding:0;overflow:hidden}.spending-story-head{padding:22px 24px 16px}.spending-story-grid{display:grid;grid-template-columns:.9fr 1.2fr 1fr;border-top:1px solid #eceeeb}.spending-story-grid>div{padding:22px 24px;min-width:0}.spending-story-grid>div+div{border-left:1px solid #eceeeb}.spending-story-summary>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#9398a0}.spending-story-summary>strong{display:block;margin:7px 0 12px;font-size:28px;letter-spacing:-.035em;color:#111827}.spending-story-summary>p{margin:0;color:#3f4651;font-size:13px;line-height:1.55}.spending-story-summary>p b{color:#111827}.spending-story-tip{margin-top:16px;padding:11px 12px;background:#f7f8f6;border:1px solid #eaebe7;border-radius:10px;color:#777e87;font-size:10px;line-height:1.4}.spending-story-subhead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:15px}.spending-story-subhead b{font-size:12px;color:#1b2028}.spending-story-subhead span{font-size:9px;color:#9a9fa7}.spending-story-bars{display:flex;flex-direction:column;gap:12px}.spending-story-bar-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.spending-story-bar-title span{display:flex;align-items:center;gap:7px;min-width:0}.spending-story-bar-title i{font-style:normal;width:22px;height:22px;border-radius:7px;background:#f5f5f3;display:grid;place-items:center;font-size:11px}.spending-story-bar-title b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spending-story-bar-title strong{font-size:11px;white-space:nowrap}.spending-story-bar{height:6px;border-radius:999px;background:#efefec;overflow:hidden;margin:6px 0 4px}.spending-story-bar i{display:block;height:100%;border-radius:inherit;min-width:4px}.spending-story-bar-row small{font-size:9px;color:#92979f}.spending-story-top-list{display:flex;flex-direction:column}.spending-story-top-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f0f0ed}.spending-story-top-row:last-child{border-bottom:0}.spending-story-top-row>span{width:24px;height:24px;border-radius:8px;background:#111827;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.spending-story-top-row div{min-width:0}.spending-story-top-row b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spending-story-top-row small{display:block;margin-top:3px;color:#969ba3;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spending-story-top-row strong{font-size:11px;white-space:nowrap}.spending-story-empty{padding:18px;border:1px dashed #dedfdb;border-radius:11px;color:#92979f;font-size:10px;line-height:1.45;text-align:center}

/* ===== Movimientos: estado de cuenta ===== */
.statement-export-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;margin:16px 0;background:linear-gradient(135deg,#111827 0%,#182234 100%);border-radius:17px;color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.09)}.statement-export-copy{max-width:520px}.statement-export-copy>span{font-size:8px;font-weight:900;letter-spacing:.16em;color:#9cf4c8}.statement-export-copy h2{font-size:17px;margin:5px 0 6px;letter-spacing:-.02em}.statement-export-copy p{margin:0;color:#c6ccd5;font-size:10px;line-height:1.45}.statement-export-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.statement-export-controls label{display:flex;flex-direction:column;gap:5px}.statement-export-controls label>span{font-size:8px;color:#aab2be;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.statement-export-controls select{height:42px;min-width:205px;border:1px solid #354154;background:#1d293b;color:#fff;border-radius:10px;padding:0 34px 0 11px;font:600 10px system-ui;outline:0}.statement-download{height:42px;min-width:95px;border-radius:10px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;padding:0 12px;border:1px solid rgba(255,255,255,.14);transition:.15s}.statement-download span{font-size:10px;font-weight:900}.statement-download b{font-size:8px;font-weight:600;opacity:.72;margin-top:2px}.statement-download.pdf{background:#fff;color:#111827}.statement-download.excel{background:#1d6f42;color:#fff;border-color:#2d8354}.statement-download:hover{transform:translateY(-1px);filter:brightness(1.03)}

@media(max-width:1050px){.spending-story-grid{grid-template-columns:1fr 1fr}.spending-story-summary{grid-column:1/-1;border-bottom:1px solid #eceeeb}.spending-story-grid>div:nth-child(2){border-left:0}.statement-export-card{align-items:flex-start;flex-direction:column}.statement-export-controls{width:100%;justify-content:flex-start}}
@media(max-width:760px){.global-search-trigger{display:none}.global-search-modal{padding-top:22px;align-items:flex-start}.global-search-card{width:calc(100vw - 20px);max-height:86vh;border-radius:16px}.global-search-box{height:62px;padding:0 13px}.global-search-box input{font-size:15px}.global-search-hint{padding:8px 13px}.spending-story-grid{grid-template-columns:1fr}.spending-story-summary{grid-column:auto}.spending-story-grid>div+div{border-left:0;border-top:1px solid #eceeeb}.spending-story-grid>div{padding:18px}.spending-story-head{padding:18px}.statement-export-card{padding:17px;border-radius:14px}.statement-export-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.statement-export-controls label{grid-column:1/-1}.statement-export-controls select{width:100%;min-width:0}.statement-download{min-width:0}.finance-page-head{gap:12px;align-items:flex-start}.finance-page-head .page-filter{width:auto}}
.mobile-search-trigger{display:none}
@media(max-width:760px){.mobile-search-trigger{display:grid;place-items:center;margin-left:auto;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;font-size:20px;line-height:1;transform:none}.mobile-quick-add{margin-left:6px}.mobile-topbar .live-dot{display:none}}

/* ===== Centro de alertas + calendario financiero + planificador ===== */
.side-global-actions{display:grid;gap:7px;margin:8px 10px 14px}.side-global-actions .global-search-trigger{margin:0;width:100%}.global-alerts-trigger{position:relative;width:100%;display:flex;align-items:center;gap:11px;border:1px solid #ebece9;background:#fff;border-radius:13px;padding:10px 12px;color:#4f5864;font:inherit;cursor:pointer;text-align:left}.global-alerts-trigger:hover{background:#f7f8f6;color:#111827}.global-alerts-bell{width:25px;height:25px;display:grid;place-items:center;font-size:14px;background:#f5f6f4;border-radius:8px}.global-alerts-trigger>span:nth-child(2){font-weight:700;font-size:13px}.global-alerts-trigger em,.mobile-alerts-trigger em{margin-left:auto;min-width:19px;height:19px;border-radius:999px;background:#ef4444;color:#fff;font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 5px}.mobile-alerts-trigger{display:none;position:relative;border:0;background:transparent;font-size:16px;padding:8px}.mobile-alerts-trigger em{position:absolute;right:1px;top:1px;min-width:16px;height:16px;font-size:9px}
.global-alerts-modal{position:fixed;inset:0;z-index:1800;pointer-events:none;visibility:hidden}.global-alerts-modal.show{pointer-events:auto;visibility:visible}.global-alerts-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.26);opacity:0;transition:.2s}.global-alerts-modal.show .global-alerts-backdrop{opacity:1}.global-alerts-panel{position:absolute;right:18px;top:18px;bottom:18px;width:min(430px,calc(100vw - 36px));background:#fff;border-radius:24px;box-shadow:0 28px 80px rgba(15,23,42,.24);display:flex;flex-direction:column;transform:translateX(25px);opacity:0;transition:.22s ease;overflow:hidden}.global-alerts-modal.show .global-alerts-panel{transform:none;opacity:1}.global-alerts-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 17px;border-bottom:1px solid #eef0ec}.global-alerts-head span{display:block;font-size:9px;letter-spacing:.18em;font-weight:900;color:#8a93a0;margin-bottom:5px}.global-alerts-head h2{font-size:21px;margin:0}.global-alerts-head button{border:1px solid #e7e9e5;background:#fff;border-radius:50%;width:36px;height:36px;font-size:21px;cursor:pointer}.global-alerts-list{padding:12px;overflow:auto;flex:1}.global-alert-item{display:grid;grid-template-columns:40px 1fr 18px;gap:11px;align-items:start;padding:14px 12px;border-radius:15px;color:#111827;text-decoration:none;position:relative}.global-alert-item:hover{background:#f7f8f6}.global-alert-item.unseen:after{content:"";position:absolute;right:11px;top:11px;width:7px;height:7px;border-radius:50%;background:#ef4444}.global-alert-icon{width:40px;height:40px;border-radius:12px;background:#f5f6f4;display:grid;place-items:center;font-size:17px}.global-alert-item.warning .global-alert-icon{background:#fff7df}.global-alert-item.danger .global-alert-icon{background:#fff0ef}.global-alert-item.info .global-alert-icon{background:#eff7ff}.global-alert-item b{font-size:13px;line-height:1.35}.global-alert-item p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#6b7280}.global-alert-arrow{align-self:center;color:#9ca3af;font-size:20px}.global-alerts-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px;border-top:1px solid #eef0ec}.global-alerts-foot a{border:1px solid #e6e8e4;border-radius:12px;padding:10px;text-align:center;text-decoration:none;color:#111827;font-size:11px;font-weight:800}.global-alerts-empty,.global-alerts-loading{text-align:center;padding:54px 24px;color:#7a8490}.global-alerts-empty span{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#f1f8f2;color:#16803c;font-size:20px}.global-alerts-empty b{display:block;color:#111827}.global-alerts-empty p{font-size:12px;line-height:1.5}.alerts-open{overflow:hidden}

.calendar-head{align-items:center}.calendar-period-nav{display:flex;align-items:center;gap:7px}.calendar-period-nav>a,.calendar-period-nav>strong{min-height:40px;border:1px solid #e4e6e2;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#111827}.calendar-period-nav>a{width:40px;font-size:19px}.calendar-period-nav>strong{padding:0 16px;font-size:12px}.calendar-period-nav .calendar-today{width:auto;padding:0 12px;font-size:11px;font-weight:800}.calendar-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e9ebe7;border-radius:18px;overflow:hidden;background:#fff;margin-bottom:14px}.calendar-summary>div{padding:16px 18px;border-right:1px solid #e9ebe7}.calendar-summary>div:last-child{border-right:0}.calendar-summary span{display:block;font-size:10px;color:#7b8490;margin-bottom:6px}.calendar-summary strong{font-size:18px}.calendar-legend{display:flex;flex-wrap:wrap;gap:16px;margin:10px 2px 12px;color:#6b7280;font-size:10px}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:8px;height:8px;border-radius:50%;background:#d1d5db}.calendar-legend i.pending{background:#f59e0b}.calendar-legend i.partial{background:#3b82f6}.calendar-legend i.paid{background:#22c55e}.calendar-legend i.income{background:#7c3aed}.calendar-legend i.skipped{background:#9ca3af}.financial-calendar{border:1px solid #e6e8e4;border-radius:20px;background:#fff;overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e8eae6;background:#fafbf9}.calendar-weekdays b{padding:10px;text-align:center;font-size:10px;color:#7b8490}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:128px;border-right:1px solid #eceeea;border-bottom:1px solid #eceeea;padding:8px;background:#fff}.calendar-day:nth-child(7n){border-right:0}.calendar-day:nth-last-child(-n+7){border-bottom:0}.calendar-day.outside{background:#fafbf9;color:#b4bac1}.calendar-day.today{box-shadow:inset 0 0 0 2px #111827}.calendar-day-number{display:flex;align-items:center;justify-content:space-between;height:24px;font-size:11px;font-weight:800}.calendar-day-number em{font-style:normal;font-size:8px;letter-spacing:.08em;background:#111827;color:#fff;padding:3px 5px;border-radius:5px}.calendar-events{display:grid;gap:5px}.calendar-event{width:100%;border:0;border-radius:9px;padding:6px 7px;display:grid;gap:2px;text-align:left;font:inherit;overflow:hidden}.calendar-event span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event b{font-size:10px}.calendar-event.payment.pending{background:#fff6df;color:#7b4b00;cursor:pointer}.calendar-event.payment.partial{background:#edf5ff;color:#155eaa;cursor:pointer}.calendar-event.payment.paid{background:#edf9f0;color:#166534}.calendar-event.payment.skipped{background:#f2f3f3;color:#7b8490}.calendar-event.income{background:#f5efff;color:#6d28d9}.calendar-event.income.received{background:#eef9f0;color:#166534}.calendar-event:disabled{opacity:.9}.calendar-pay-card{max-width:640px}.calendar-pay-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e7e9e5;border-radius:14px;overflow:hidden;margin:16px 0}.calendar-pay-summary>div{padding:12px;border-right:1px solid #e7e9e5}.calendar-pay-summary>div:last-child{border-right:0}.calendar-pay-summary span{font-size:9px;color:#7b8490;display:block}.calendar-pay-summary b{font-size:14px}.calendar-pay-card form{display:grid;gap:14px}.calendar-pay-card label{display:grid;gap:6px;font-size:11px;font-weight:700}.calendar-pay-card label small{font-weight:400;color:#8a93a0}.calendar-toast{position:fixed;right:24px;bottom:24px;z-index:2200;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;transform:translateY(12px);opacity:0;transition:.2s;font-size:12px}.calendar-toast.show{transform:none;opacity:1}.calendar-toast.error{background:#b91c1c}

.planner-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(440px,1.2fr);gap:16px}.planner-form-card,.planner-result-card,.planner-history-card{background:#fff;border:1px solid #e7e9e5;border-radius:20px}.planner-form-card{padding:22px}.planner-step{font-size:9px;letter-spacing:.17em;font-weight:900;color:#8a93a0}.planner-form-card h2{margin:5px 0 18px;font-size:20px}.planner-form-card form{display:grid;gap:14px}.planner-form-card label{display:grid;gap:6px;font-size:11px;font-weight:800}.planner-form-card input,.planner-form-card select{width:100%;height:44px;border:1px solid #dfe3de;border-radius:11px;padding:0 12px;background:#fff;font:inherit}.planner-money{height:50px}.planner-money input{height:48px;border:0}.planner-check{grid-template-columns:18px 1fr!important;align-items:start!important;background:#f8f9f7;padding:12px;border-radius:12px}.planner-check input{width:16px;height:16px;margin-top:2px}.planner-check b,.planner-check small{display:block}.planner-check small{margin-top:3px;color:#7b8490;font-weight:400;line-height:1.4}.planner-calc{width:100%;height:46px}.planner-safe-note{display:flex;gap:8px;align-items:center;margin-top:14px;color:#6b7280;font-size:10px}.planner-safe-note span{width:22px;height:22px;border-radius:50%;background:#edf9f0;color:#16803c;display:grid;place-items:center}.planner-result-card{min-height:430px;padding:22px}.planner-result-empty{min-height:380px;display:grid;place-items:center;align-content:center;text-align:center;color:#7b8490}.planner-result-empty>span{font-size:36px}.planner-result-empty h2{color:#111827;margin:8px 0 4px}.planner-result-empty p{max-width:310px;margin:0;font-size:12px;line-height:1.5}.planner-result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.planner-result-head span:first-child{font-size:9px;letter-spacing:.16em;color:#8a93a0;font-weight:900}.planner-result-head h2{font-size:22px;margin:4px 0 0}.planner-risk{padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;background:#eef2f0;color:#374151}.planner-risk.safe{background:#edf9f0;color:#166534}.planner-risk.warning,.planner-risk.caution{background:#fff6df;color:#8a5700}.planner-risk.danger{background:#fff0ef;color:#b42318}.planner-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border:1px solid #e7e9e5;border-radius:16px;overflow:hidden}.planner-metrics>div{padding:16px;border-right:1px solid #e7e9e5}.planner-metrics>div:nth-child(2){border-right:0}.planner-metrics .featured{grid-column:1/-1;border-right:0;border-top:1px solid #e7e9e5;background:#111827;color:#fff}.planner-metrics span,.planner-metrics small{display:block;font-size:10px;color:#7b8490}.planner-metrics .featured span,.planner-metrics .featured small{color:#b8c0cc}.planner-metrics strong{display:block;font-size:22px;margin-top:4px}.planner-account-impact{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border-radius:12px;background:#f7f8f6;margin-top:13px;font-size:11px}.planner-explanation{margin-top:13px;padding:14px;border-left:3px solid #111827;background:#fafbf9;border-radius:0 12px 12px 0;font-size:12px;line-height:1.55;color:#4b5563}.planner-actions{display:flex;gap:8px;margin-top:16px}.planner-actions .btn{flex:1;text-align:center;text-decoration:none}.planner-history-card{margin-top:16px;overflow:hidden}.planner-history-card .table-card-head button{border:0;background:none;color:#8a93a0;font-size:10px;cursor:pointer}.planner-history{display:grid}.planner-history button{border:0;border-top:1px solid #eef0ec;background:#fff;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.planner-history button:hover{background:#fafbf9}.planner-history b{display:block;font-size:11px}.planner-history small{display:block;font-size:9px;color:#8a93a0;margin-top:2px}.planner-history strong{text-align:right;font-size:12px}.planner-history strong small{font-weight:400}

@media(max-width:900px){.mobile-alerts-trigger{display:block}.calendar-summary{grid-template-columns:repeat(2,1fr)}.calendar-summary>div:nth-child(2){border-right:0}.calendar-summary>div:nth-child(-n+2){border-bottom:1px solid #e9ebe7}.planner-layout{grid-template-columns:1fr}.calendar-day{min-height:105px;padding:5px}.calendar-event span{font-size:8px}.calendar-event b{font-size:9px}.global-alerts-trigger{display:none}}
@media(max-width:640px){.global-alerts-panel{inset:0;width:100%;border-radius:0}.global-alerts-foot{grid-template-columns:1fr}.calendar-head{align-items:flex-start}.calendar-period-nav{width:100%;overflow:auto}.calendar-period-nav>strong{flex:1}.calendar-summary{grid-template-columns:1fr 1fr}.financial-calendar{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:760px}.calendar-legend{overflow:auto;flex-wrap:nowrap}.calendar-pay-summary{grid-template-columns:1fr}.calendar-pay-summary>div{border-right:0;border-bottom:1px solid #e7e9e5}.calendar-pay-summary>div:last-child{border-bottom:0}.planner-result-card{min-height:auto}.planner-result-empty{min-height:260px}.planner-metrics{grid-template-columns:1fr}.planner-metrics>div,.planner-metrics>div:nth-child(2){border-right:0;border-bottom:1px solid #e7e9e5}.planner-metrics .featured{grid-column:auto;border-bottom:0}.planner-actions{flex-direction:column}}

/* ===== Cabecera global 2026-09-15: Buscar + Alertas + Registrar en todas las pantallas ===== */
.sidebar .side-help{margin-top:auto;padding-top:18px}
.sidebar .side-nav{overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin}
.app-topbar{height:68px;position:sticky;top:0;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 26px;border-bottom:1px solid #eceeea;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.app-topbar-context{min-width:0;display:flex;align-items:baseline;gap:10px}
.app-topbar-context>span{font-size:8px;line-height:1;font-weight:900;letter-spacing:.16em;color:#a0a6ae;white-space:nowrap}
.app-topbar-context>strong{min-width:0;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;letter-spacing:-.015em;color:#17191e}
.app-topbar-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.global-register-wrap{position:relative;display:inline-flex;align-items:center;z-index:35}
.global-register-wrap .global-register-menu{z-index:140}
.app-header-search{height:38px;width:240px;border:1px solid #e2e5e8;background:#f8f9f7;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#626a75;transition:.18s ease}
.app-header-search:hover{background:#fff;border-color:#cfd4da;box-shadow:0 5px 16px rgba(15,23,42,.05);color:#111827}
.app-header-search-icon{font-size:20px;line-height:1;color:#1f2937;transform:rotate(-20deg)}
.app-header-search>span:nth-child(2){font-size:11px;font-weight:700;flex:1;text-align:left}
.app-header-search kbd{border:1px solid #e0e3e6;background:#fff;border-radius:6px;padding:3px 6px;font:700 8px/1 system-ui;color:#9097a1;white-space:nowrap}
.app-header-alerts{position:relative;width:38px;height:38px;border:1px solid #e2e5e8;background:#fff;border-radius:11px;display:grid;place-items:center;font-size:15px;transition:.18s ease}
.app-header-alerts:hover{background:#f7f8f6;border-color:#cfd4da}
.app-header-alerts em{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-style:normal;font-size:8px;font-weight:900;display:grid;place-items:center;padding:0 4px}
.app-header-register{height:38px;border:0;border-radius:11px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;font:800 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 5px 14px rgba(15,23,42,.10);transition:.18s ease}
.app-header-register:hover{background:#1e293b;transform:translateY(-1px)}
.app-header-register>span{font-size:15px;line-height:1}
.app-header-live{display:flex;align-items:center;gap:6px;color:#78818c;font-size:9px;white-space:nowrap;padding-left:2px}
.app-header-live i{width:7px;height:7px;border-radius:50%;background:#58b58f;box-shadow:0 0 0 3px #eaf7f1}
.app-header-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f1f2ef;border:1px solid #e3e5e1;color:#444b55;font-size:9px;font-weight:900}
.main>.content{min-height:calc(100vh - 68px)}
.calendar-soft-warning{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:11px 13px;border:1px solid #f0dfb7;border-radius:12px;background:#fff9e9;color:#73551d;font-size:10px}
.calendar-soft-warning b{font-size:10px}.calendar-soft-warning span{color:#8a7041}

@media(max-width:1120px){
  .app-header-search{width:190px}
  .app-header-live{display:none}
  .app-topbar-context>strong{max-width:230px}
}
@media(max-width:900px){
  .app-header-search{width:150px}
  .app-header-search kbd{display:none}
  .app-topbar-context>span{display:none}
  .app-header-avatar{display:none}
}
@media(max-width:760px){
  .app-topbar{display:none}
  .main>.content{min-height:calc(100vh - 58px)}
  .sidebar .side-help{margin-top:auto}
  .mobile-global-register-wrap{display:inline-flex}
  .mobile-global-register-wrap .register-menu{right:12px;left:12px;bottom:68px}
}

/* ===== Unificación de ancho + marca Finanzapp 2026-09-15 ===== */
/* Todas las vistas de trabajo usan el ancho disponible del área principal. */
.main > .content{
  width:100%;
  max-width:none;
}
.page-wrap,
.dashboard-minimal-v13,
.savings-page,
.savings-v6,
.savings-v9,
.settings-page,
.settings-page-v2{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box;
}

/* Mantiene una separación lateral consistente sin volver a centrar la vista. */
.dashboard-minimal-v13{padding-left:30px;padding-right:30px}
.page-wrap{padding-left:30px;padding-right:30px}
.settings-page-v2{padding-left:30px!important;padding-right:30px!important}

/* La marca es ligeramente más legible con el nuevo nombre. */
.side-brand b,.mobile-brand,.login-brand b{letter-spacing:-.025em}

@media(max-width:760px){
  .dashboard-minimal-v13,.page-wrap{padding-left:16px!important;padding-right:16px!important}
  .settings-page-v2{padding-left:16px!important;padding-right:16px!important}
}

/* === Finanzapp · Login 2026 ============================================== */
.login-2026{margin:0;min-height:100vh;background:#eef1f4;color:#101828;padding:0;display:block;overflow-x:hidden}
.login-2026 *{box-sizing:border-box}
.auth-stage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);background:#f7f8fa}
.auth-visual{position:relative;overflow:hidden;min-height:100vh;padding:clamp(34px,4vw,68px);display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(78,255,189,.16),transparent 32%),radial-gradient(circle at 85% 76%,rgba(101,126,255,.18),transparent 34%),linear-gradient(145deg,#0b1220 0%,#111a2c 52%,#0d1627 100%)}
.auth-visual:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.auth-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-170px;top:10%;box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.01)}
.auth-visual-glow{position:absolute;border-radius:999px;filter:blur(70px);pointer-events:none}.auth-visual-glow-a{width:260px;height:260px;background:rgba(83,255,189,.10);left:-80px;top:24%}.auth-visual-glow-b{width:320px;height:320px;background:rgba(111,122,255,.11);right:-90px;bottom:-70px}
.auth-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;font-size:18px}.auth-brand strong{letter-spacing:-.035em}.auth-brand-chip{margin-left:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);font-size:10px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.64);text-transform:uppercase}.logo-symbol-light i{background:#fff!important}
.auth-visual-copy{position:relative;z-index:2;margin:auto 0 34px;max-width:720px}.auth-kicker{display:block;margin-bottom:18px;color:#74f6c1;font-size:11px;font-weight:800;letter-spacing:.16em}.auth-visual-copy h1{max-width:670px;margin:0;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.065em;font-weight:760}.auth-visual-copy h1 span{color:#9affd5}.auth-visual-copy p{max-width:570px;margin:26px 0 0;color:rgba(234,240,248,.64);font-size:15px;line-height:1.65}
.auth-preview{position:relative;z-index:2;width:min(680px,92%);padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:0 28px 80px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
.auth-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.auth-preview-top>div{display:grid;gap:5px}.auth-preview-top span,.auth-preview-grid span{font-size:10px;color:rgba(255,255,255,.52)}.auth-preview-top strong{font-size:30px;letter-spacing:-.045em;color:#a0ffd7}.auth-live-dot{display:inline-flex!important;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(105,246,191,.08);border:1px solid rgba(105,246,191,.13);color:#9ff7d2!important;font-weight:700}.auth-live-dot i{width:6px;height:6px;border-radius:50%;background:#72f2bd;box-shadow:0 0 0 4px rgba(114,242,189,.10)}
.auth-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.auth-preview-grid div{display:grid;gap:5px;padding:12px 13px;border-radius:13px;background:rgba(8,15,28,.34);border:1px solid rgba(255,255,255,.05)}.auth-preview-grid b{font-size:13px;color:#f6f8fb}.auth-preview-chart{height:72px;margin-top:18px;display:flex;align-items:end;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.auth-preview-chart span{flex:1;height:var(--h);min-height:10px;border-radius:5px 5px 2px 2px;background:linear-gradient(to top,rgba(107,248,194,.18),rgba(107,248,194,.78));opacity:.9}
.auth-visual-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;margin-top:25px;color:rgba(255,255,255,.39);font-size:10px}.auth-visual-footer span:first-child{color:rgba(137,246,205,.62)}
.auth-panel{min-height:100vh;display:flex;flex-direction:column;padding:clamp(28px,4vw,58px);background:linear-gradient(180deg,#fbfcfd 0%,#f7f8fa 100%);border-left:1px solid #e8ebef}.auth-mobile-brand{display:none}.auth-panel-inner{width:min(430px,100%);margin:auto}.auth-heading .eyebrow{display:block;margin-bottom:13px;font-size:10px;font-weight:800;letter-spacing:.17em;color:#7d8999}.auth-heading h2{margin:0;color:#0c1422;font-size:37px;line-height:1.05;letter-spacing:-.055em}.auth-heading p{margin:11px 0 31px;color:#8490a0;font-size:13px}
.auth-error{display:flex;gap:11px;align-items:flex-start;margin:0 0 18px;padding:13px 14px;border:1px solid #f4c7c7;border-radius:13px;background:#fff4f4;color:#9d2b2b}.auth-error>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#e5484d;color:#fff;font-size:12px;font-weight:800}.auth-error div{display:grid;gap:2px}.auth-error b{font-size:11px}.auth-error small{font-size:10px;color:#a95858}
.auth-form{display:grid;gap:20px}.auth-field{display:grid;gap:8px}.auth-field label{font-size:11px;font-weight:750;color:#303b4a}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-label-row span{font-size:9px;color:#9aa3af}.auth-input-wrap{position:relative}.auth-input-wrap input{width:100%;height:54px;padding:0 48px 0 46px;border:1px solid #dfe3e9;border-radius:15px;background:#fff;color:#101828;font:inherit;font-size:13px;outline:none;box-shadow:0 1px 1px rgba(16,24,40,.02);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-input-wrap input::placeholder{color:#b0b7c2}.auth-input-wrap input:focus{border-color:#93a2b7;box-shadow:0 0 0 4px rgba(36,54,82,.07),0 6px 22px rgba(15,23,42,.05)}.auth-input-icon{position:absolute;z-index:2;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#8290a1}.auth-input-icon svg,.auth-password-toggle svg,.auth-submit svg,.auth-trust-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.auth-password-toggle{position:absolute;right:10px;top:50%;width:34px;height:34px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#8995a5;cursor:pointer}.auth-password-toggle:hover{background:#f1f3f6;color:#29374a}.auth-password-toggle svg{width:18px;height:18px}.auth-password-toggle .eye-closed{display:none}.auth-password-toggle[aria-pressed="true"] .eye-open{display:none}.auth-password-toggle[aria-pressed="true"] .eye-closed{display:block}
.auth-submit{height:56px;margin-top:3px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:15px;background:#0f172a;color:#fff;font-size:12px;font-weight:780;letter-spacing:-.01em;cursor:pointer;box-shadow:0 12px 26px rgba(15,23,42,.16);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.auth-submit:hover{background:#162239;transform:translateY(-1px);box-shadow:0 15px 32px rgba(15,23,42,.20)}.auth-submit:active{transform:translateY(0)}.auth-submit svg{width:17px;height:17px}
.auth-trust{display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding:14px 15px;border:1px solid #e6e9ee;border-radius:15px;background:rgba(255,255,255,.68)}.auth-trust-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#eafaf3;color:#16815d}.auth-trust-icon svg{width:16px;height:16px}.auth-trust>div:last-child{display:grid;gap:3px}.auth-trust b{font-size:10px;color:#3a4655}.auth-trust span{font-size:9px;line-height:1.45;color:#929ba8}.auth-panel-footer{text-align:center;color:#a0a8b4;font-size:9px;margin-top:28px}

@media (max-width:980px){.auth-stage{grid-template-columns:1fr}.auth-visual{min-height:330px;padding:28px 34px 42px}.auth-visual-copy{margin:70px 0 25px}.auth-visual-copy h1{font-size:clamp(36px,8vw,58px);max-width:740px}.auth-preview{display:none}.auth-visual-footer{margin-top:auto}.auth-panel{min-height:auto;padding:38px 26px 44px;border-left:0}.auth-panel-inner{width:min(520px,100%)}.auth-mobile-brand{display:none}}
@media (max-width:640px){.login-2026{background:#f8f9fb}.auth-stage{display:block}.auth-visual{display:none}.auth-panel{min-height:100dvh;padding:24px 20px 28px}.auth-mobile-brand{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:70px}.auth-mobile-brand strong{letter-spacing:-.04em}.auth-panel-inner{margin:0 auto}.auth-heading h2{font-size:32px}.auth-heading p{margin-bottom:27px}.auth-input-wrap input{height:56px;font-size:16px}.auth-submit{height:57px}.auth-panel-footer{margin-top:auto;padding-top:42px}.auth-trust{margin-top:22px}}
@media (prefers-reduced-motion:reduce){.auth-submit,.auth-input-wrap input{transition:none}}

/* ===== Finanzapp · endurecimiento responsive 2026-09-16 ===== */
/* El registro móvil vive fuera del header para evitar que backdrop-filter/sticky
   conviertan el menú fixed en un elemento recortado o fuera del viewport. */
.mobile-register-fab-wrap{display:none}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}

  /* Header móvil: objetivos táctiles reales y mejor distribución. */
  .mobile-topbar{
    height:58px;
    padding:0 10px;
    gap:4px;
    z-index:1200;
  }
  .menu-btn,
  .mobile-search-trigger,
  .mobile-alerts-trigger{
    flex:0 0 40px;
    width:40px;
    height:40px;
    min-width:40px;
    min-height:40px;
    margin:0;
    padding:0;
    border:1px solid #e5e7eb;
    border-radius:11px;
    background:#fff;
    display:grid;
    place-items:center;
    color:#111827;
    line-height:1;
  }
  .menu-btn{border-color:transparent;background:transparent;font-size:20px}
  .mobile-search-trigger{margin-left:auto;font-size:20px;transform:none}
  .mobile-alerts-trigger{font-size:16px}
  .mobile-alerts-trigger em{right:-2px;top:-3px}
  .mobile-brand{
    flex:1 1 auto;
    min-width:0;
    margin-left:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Acción principal móvil: siempre visible, fácil de pulsar y con etiqueta. */
  .mobile-register-fab-wrap{
    display:flex;
    position:fixed;
    right:max(14px,env(safe-area-inset-right));
    bottom:calc(14px + env(safe-area-inset-bottom));
    z-index:1600;
    align-items:center;
    transition:opacity .16s ease,transform .16s ease;
  }
  .mobile-register-fab{
    min-width:132px;
    height:52px;
    padding:0 17px 0 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:#111827;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-shadow:0 14px 34px rgba(15,23,42,.28);
    font:800 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  .mobile-register-fab>span{font-size:22px;line-height:1;font-weight:500;margin-top:-1px}
  .mobile-register-fab:active{transform:translateY(1px);box-shadow:0 9px 24px rgba(15,23,42,.24)}

  /* Menú como bottom sheet corto. Queda anclado al viewport, no al header. */
  .mobile-register-fab-wrap .mobile-register-menu{
    position:fixed;
    left:12px;
    right:12px;
    top:auto;
    bottom:calc(78px + env(safe-area-inset-bottom));
    width:auto;
    max-width:420px;
    margin:0 auto;
    padding:8px;
    border-radius:18px;
    z-index:1601;
    transform-origin:bottom center;
    box-shadow:0 22px 60px rgba(15,23,42,.24);
  }
  .mobile-register-menu>button,
  .mobile-register-menu>a.register-menu-saving{
    min-height:58px;
    padding:9px 10px;
    border-radius:12px;
  }
  .mobile-register-menu>button{grid-template-columns:44px minmax(0,1fr);gap:10px}
  .mobile-register-menu .register-menu-icon{width:42px;height:42px;border-radius:12px;font-size:18px}
  .mobile-register-menu b{font-size:13px}
  .mobile-register-menu small{font-size:10px;line-height:1.35;margin-top:3px}

  /* No dejar el FAB encima de un modal de registro/pago. */
  body.modal-open .mobile-register-fab-wrap,
  body.settings-modal-open .mobile-register-fab-wrap{
    opacity:0;
    pointer-events:none;
    transform:translateY(10px);
  }

  /* Espacio inferior global para que el botón flotante no tape contenido. */
  .main>.content{
    min-height:calc(100vh - 58px);
    padding-bottom:calc(88px + env(safe-area-inset-bottom));
  }

  /* Los tabs sticky de Configuración ya no quedan debajo del header móvil. */
  .settings-tabs,.settings-tabs-v2{top:58px!important;z-index:19!important}
  .settings-section{scroll-margin-top:126px}

  /* Evita el zoom automático de iOS en controles de texto pequeños. */
  .app-frame .content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]):not([data-money-input]),
  .app-frame .content select,
  .app-frame .content textarea{
    font-size:16px!important;
  }
  .global-search-box input{font-size:16px!important}

  /* Scroll horizontal controlado en componentes que realmente lo necesitan. */
  .table-wrap,.financial-calendar,.calendar-period-nav,.settings-tabs,.settings-tabs-v2{
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }

  /* Feedback y avisos visibles por encima del botón principal. */
  .calendar-toast,.audit-toast{bottom:calc(82px + env(safe-area-inset-bottom))}
  .app-feedback-toast{bottom:calc(82px + env(safe-area-inset-bottom))}

  /* Bottom sheets respetan el área segura de iPhone/Android. */
  .action-modal-card,.expense-modal-card,.income-modal-card,.transfer-modal-card,.allocate-modal-card{
    padding-bottom:env(safe-area-inset-bottom);
  }
}

@media(max-width:390px){
  .mobile-topbar{padding-left:8px;padding-right:8px;gap:2px}
  .mobile-brand{font-size:12px}
  .menu-btn,.mobile-search-trigger,.mobile-alerts-trigger{width:38px;height:38px;min-width:38px;min-height:38px}
  .mobile-register-fab{height:50px;min-width:126px;border-radius:15px}
  .mobile-register-fab-wrap .mobile-register-menu{left:9px;right:9px}
}


/* Accesos rápidos configurables */
.settings-quick-access-card{margin:16px 0 18px!important;padding:0!important;overflow:hidden}
.settings-quick-access-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fdfdfc}
.settings-quick-access-head strong{display:block;font-size:14px}
.settings-quick-access-head small{display:block;font-size:10px;color:#959aa2;line-height:1.45;margin-top:4px;max-width:760px}
.settings-quick-access-form{padding:18px 20px!important}
.settings-quick-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.settings-quick-access-group{display:grid;gap:9px;min-width:0}
.settings-quick-access-title{display:flex;align-items:center;gap:10px;padding-bottom:4px}
.settings-quick-access-title>span{width:34px;height:34px;border-radius:10px;background:#f4f4f1;display:grid;place-items:center;font-size:15px}
.settings-quick-access-title strong{display:block;font-size:11px}
.settings-quick-access-title small{display:block;font-size:9px;color:#9da1a7;margin-top:2px}
.settings-quick-slot{display:grid!important;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;margin:0!important}
.settings-quick-slot>b{width:26px;height:26px;border-radius:8px;background:#f4f4f1;display:grid;place-items:center;font-size:9px;color:#73777d}
.settings-quick-slot select{width:100%;height:42px!important;border-radius:10px!important;font-size:11px!important}
.settings-quick-access-save{justify-self:end;margin-top:2px}
@media(max-width:780px){.settings-quick-access-head{align-items:flex-start;flex-direction:column}.settings-quick-access-grid{grid-template-columns:1fr}.settings-quick-access-save{justify-self:start}}

/* ===== 2026-09-18 · REDISEÑO AMIGABLE CUENTAS + AHORRO ===== */
.accounts-friendlier-page .overview-mini-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
}
.accounts-friendlier-page .overview-mini-card::after{
  content:"";
  position:absolute;
  inset:auto -40px -40px auto;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.22), transparent 68%);
  pointer-events:none;
}
.account-debit-card{
  position:relative;
  overflow:hidden;
}
.account-debit-visual{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:18px 18px 16px;
  min-height:190px;
  color:#fff;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.26), transparent 28%),
    radial-gradient(circle at bottom left, rgba(255,255,255,.18), transparent 24%),
    linear-gradient(135deg, color-mix(in srgb, var(--account-accent, #111827) 88%, white 0%), color-mix(in srgb, var(--account-accent, #111827) 58%, #111827 42%));
  box-shadow:0 16px 36px rgba(15,23,42,.16);
}
.account-debit-visual::before,
.account-debit-visual::after{
  content:"";
  position:absolute;
  border-radius:999px;
  background:rgba(255,255,255,.11);
  pointer-events:none;
}
.account-debit-visual::before{width:170px;height:170px;right:-60px;top:-70px}
.account-debit-visual::after{width:140px;height:140px;left:-55px;bottom:-78px}
.account-debit-topline{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.account-debit-chip{
  width:42px;
  height:30px;
  border-radius:8px;
  background:linear-gradient(135deg, rgba(251,191,36,.95), rgba(245,158,11,.74));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);
  position:relative;
}
.account-debit-chip::before,
.account-debit-chip::after{
  content:"";
  position:absolute;
  top:5px;
  bottom:5px;
  width:1px;
  background:rgba(120,74,0,.35);
}
.account-debit-chip::before{left:13px}
.account-debit-chip::after{left:24px}
.account-debit-brand{
  font-size:12px;
  letter-spacing:.14em;
  font-weight:800;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
}
.account-debit-balance{
  position:relative;
  z-index:1;
  margin-top:28px;
}
.account-debit-balance span{
  display:block;
  font-size:12px;
  color:rgba(255,255,255,.72);
  margin-bottom:8px;
}
.account-debit-balance strong{
  display:block;
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
  color:#fff;
}
.account-debit-bottom{
  position:relative;
  z-index:1;
  margin-top:30px;
  display:grid;
  grid-template-columns:1.2fr .8fr .9fr;
  gap:12px;
}
.account-debit-bottom small{
  display:block;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:rgba(255,255,255,.62);
  margin-bottom:4px;
}
.account-debit-bottom b{
  display:block;
  font-size:12px;
  line-height:1.35;
  color:#fff;
}
.account-debit-icon{
  position:absolute;
  right:18px;
  bottom:16px;
  width:42px;
  height:42px;
  border-radius:14px;
  background:rgba(255,255,255,.14);
  display:grid;
  place-items:center;
  font-size:22px;
  z-index:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.account-clean-card .account-main-balance{
  margin-top:2px;
  padding:0 2px;
}
.account-clean-card .account-main-balance span{
  font-size:11px;
  margin-bottom:4px;
}
.account-clean-card .account-main-balance strong{
  font-size:26px;
}
.account-debit-card .metric-pill.warn{
  background:#fff7ee;
  border-color:#f6e2c4;
}
.account-debit-card .metric-pill.ok{
  background:#f2faf5;
  border-color:#dcefe1;
}
.account-debit-card .account-actions-row .btn{
  border-radius:14px;
}
.account-debit-card .account-actions-row .btn.secondary,
.account-debit-card .account-actions-row .btn.ghost{
  background:#fff;
}
@media (max-width: 640px){
  .account-debit-visual{min-height:176px;padding:16px}
  .account-debit-balance strong{font-size:30px}
  .account-debit-bottom{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
  .account-debit-bottom>div:last-child{grid-column:1/-1}
  .account-clean-card .account-main-balance strong{font-size:24px}
}

.piggy-page{
  gap:20px;
}
.piggy-hero-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);
  gap:18px;
  padding:24px;
  border-radius:30px;
  background:linear-gradient(135deg, #fff5f6 0%, #fff1eb 52%, #fff9f0 100%);
  border:1px solid #f6dfde;
  box-shadow:0 18px 40px rgba(244,114,182,.08);
}
.piggy-hero-card::before,
.piggy-hero-card::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  background:rgba(244,114,182,.09);
}
.piggy-hero-card::before{width:220px;height:220px;top:-90px;right:-70px}
.piggy-hero-card::after{width:170px;height:170px;bottom:-85px;left:-60px}
.piggy-hero-copy,
.piggy-hero-aside{position:relative;z-index:1}
.piggy-hero-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:#fff;
  color:#b45373;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.piggy-hero-card h2{
  margin:14px 0 10px;
  font-size:34px;
  line-height:1.02;
  letter-spacing:-.04em;
  color:#2f2430;
}
.piggy-hero-card p{
  margin:0;
  max-width:640px;
  color:#7b6673;
  font-size:14px;
  line-height:1.55;
}
.piggy-hero-balance{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.piggy-hero-balance article,
.piggy-hero-stack div{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(246,223,222,.9);
  border-radius:20px;
  padding:14px 16px;
}
.piggy-hero-balance small,
.piggy-hero-stack span{
  display:block;
  font-size:11px;
  color:#8d7180;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  margin-bottom:6px;
}
.piggy-hero-balance strong,
.piggy-hero-stack b{
  display:block;
  font-size:28px;
  line-height:1;
  color:#2f2430;
  letter-spacing:-.04em;
}
.piggy-hero-aside{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
}
.piggy-hero-emoji{
  width:132px;
  height:132px;
  border-radius:36px;
  background:linear-gradient(180deg, #ffd7e3 0%, #ffc4d6 100%);
  display:grid;
  place-items:center;
  font-size:68px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6), 0 16px 30px rgba(244,114,182,.15);
}
.piggy-hero-stack{
  width:100%;
  display:grid;
  gap:10px;
}
.piggy-summary-grid{
  grid-template-columns:1.4fr repeat(3,1fr);
}
.piggy-summary-grid article{
  border-radius:22px;
  border:1px solid #f0e5e3;
  background:#fff;
  box-shadow:0 10px 24px rgba(17,24,39,.035);
}
.piggy-summary-grid article.primary{
  background:linear-gradient(135deg, #2e1f34 0%, #503043 100%);
  border-color:#2e1f34;
}
.piggy-summary-grid article:not(.primary){
  background:linear-gradient(180deg, #fff 0%, #fff9f8 100%);
}
.piggy-protection-note{
  background:#fff7f8;
  border:1px solid #f4dfe4;
}
.piggy-vault-card{
  border-radius:24px;
  border:1px solid #f0e3e5;
  background:linear-gradient(180deg, #fff 0%, #fff9f8 100%);
  box-shadow:0 12px 26px rgba(17,24,39,.04);
}
.piggy-vault-card .section-heading{
  margin-bottom:14px;
}
.piggy-vault-accounts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
}
.piggy-vault-accounts .empty{
  grid-column:1/-1;
}
.savings-vault-account{
  border-radius:18px;
  border:1px solid #f2e4e7;
  background:#fff;
  padding:14px 15px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.savings-vault-account>span{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff4f6;
  font-size:22px;
}
.savings-vault-account b{font-size:14px;color:#2b2330}
.savings-vault-account small{display:block;margin-top:3px;color:#8d7a84;font-size:11px}
.savings-vault-account strong{font-size:15px;color:#2b2330;white-space:nowrap}
.piggy-general-card,
.piggy-goal-card,
.piggy-history-panel{
  border-color:#f0e1e4;
  box-shadow:0 12px 28px rgba(17,24,39,.04);
}
.piggy-general-card{
  background:linear-gradient(135deg, #fff5f6 0%, #fffaf2 100%);
  border-radius:22px;
}
.piggy-general-card .savings-goal-icon,
.piggy-goal-card .savings-goal-icon{
  background:#ffe6ee;
  box-shadow:inset 0 0 0 1px rgba(244,114,182,.16);
}
.piggy-goal-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg, #fff 0%, #fff9fb 100%);
}
.piggy-goal-card::after{
  content:"🐾";
  position:absolute;
  right:18px;
  top:16px;
  font-size:22px;
  opacity:.08;
  transform:rotate(-8deg);
}
.piggy-goal-card .savings-goal-top h3,
.piggy-general-card h3{
  color:#2f2430;
}
.piggy-goal-card .savings-goal-amount strong{
  color:#2f2430;
}
.piggy-goal-card .savings-progress{
  background:#f6ebee;
  height:10px;
}
.piggy-goal-card .savings-where-v6{
  background:#fff4f7;
  border:1px solid #f7e4ea;
}
.piggy-goal-card .savings-goal-actions .btn,
.piggy-general-card .savings-goal-actions .btn{
  border-radius:14px;
}
.piggy-history-panel{
  border-radius:22px;
}
.piggy-history-panel .savings-history-row{
  padding:14px 0;
}
@media (max-width: 1040px){
  .piggy-hero-card{grid-template-columns:1fr}
  .piggy-hero-aside{align-items:stretch}
  .piggy-hero-emoji{margin:0 auto}
  .piggy-summary-grid{grid-template-columns:1fr 1fr}
  .piggy-summary-grid .primary{grid-column:1/-1}
}
@media (max-width: 700px){
  .piggy-hero-card{padding:18px;border-radius:24px}
  .piggy-hero-card h2{font-size:28px}
  .piggy-hero-balance{grid-template-columns:1fr}
  .piggy-hero-balance strong,
  .piggy-hero-stack b{font-size:24px}
  .piggy-hero-emoji{width:110px;height:110px;font-size:56px;border-radius:30px}
  .piggy-summary-grid{grid-template-columns:1fr}
  .piggy-summary-grid .primary{grid-column:auto}
  .piggy-vault-accounts{grid-template-columns:1fr}
  .savings-vault-account{grid-template-columns:44px 1fr;align-items:start}
  .savings-vault-account strong{grid-column:2}
}

/* ===== Sidebar UX · iconos genuinos + colapsable desktop ===== */
:root{--sidebar-collapsed:88px}
.sidebar{transition:width .22s ease,padding .22s ease,box-shadow .22s ease}
.main{transition:margin-left .22s ease}
.side-brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}
.side-brand{min-width:0;margin-bottom:0}
.side-collapse-btn{width:34px;height:34px;border:1px solid #e8ebef;border-radius:11px;background:#fff;color:#667085;display:grid;place-items:center;cursor:pointer;transition:.18s ease;flex:0 0 auto}
.side-collapse-btn:hover{background:#f7f8fa;color:#111827;box-shadow:0 8px 18px rgba(15,23,42,.07)}
.side-collapse-btn svg,.side-nav .nav-ico svg,.side-help .circle-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.side-nav{gap:8px}
.side-nav a{height:46px;padding:0 11px;border-radius:14px;gap:12px;color:#6b7280;font-size:13px;font-weight:650;position:relative}
.side-nav a .nav-ico{width:32px;height:32px;border-radius:11px;background:#f4f6f8;border:1px solid transparent;display:grid;place-items:center;color:#667085;flex:0 0 auto;transition:.18s ease}
.side-nav a .nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-nav a:hover{background:#f7f8fa;color:#111827}
.side-nav a:hover .nav-ico{background:#eef2f6;color:#111827;border-color:#e4e9ef}
.side-nav a.active{background:#f4f6f8;color:#111827;font-weight:750;box-shadow:inset 0 0 0 1px #eceff3}
.side-nav a.active .nav-ico{background:#111827;color:#fff;border-color:#111827;box-shadow:0 10px 18px rgba(17,24,39,.16)}
.side-help{display:grid;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid #f0f1f3}
.side-help a{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 8px;border-radius:12px;color:#67707e;font-size:12px;font-weight:600;transition:.18s ease}
.side-help a:hover{background:#f7f8fa;color:#111827}
.side-help .circle-icon{width:30px;height:30px;border-radius:10px;border:1px solid #e8ebef;background:#fff;display:grid;place-items:center;color:#667085;flex:0 0 auto}
.side-help-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed);padding-left:14px;padding-right:14px}
body.sidebar-collapsed .main{margin-left:var(--sidebar-collapsed)}
body.sidebar-collapsed .side-brand-row{justify-content:center}
body.sidebar-collapsed .side-brand{justify-content:center}
body.sidebar-collapsed .side-brand b,
body.sidebar-collapsed .side-nav .nav-label,
body.sidebar-collapsed .side-help-label{opacity:0;visibility:hidden;width:0;overflow:hidden}
body.sidebar-collapsed .side-collapse-btn{position:absolute;top:24px;right:12px}
body.sidebar-collapsed .side-collapse-btn svg{transform:rotate(180deg)}
body.sidebar-collapsed .side-nav a,
body.sidebar-collapsed .side-help a{justify-content:center;padding-left:0;padding-right:0}
body.sidebar-collapsed .side-nav a .nav-ico,
body.sidebar-collapsed .side-help .circle-icon{margin:0}
body.sidebar-collapsed .side-nav a.active::after{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:4px;border-radius:999px;background:#111827}
@media(max-width:760px){
  .side-collapse-btn{display:none}
  body.sidebar-collapsed .sidebar{width:230px;padding-left:20px;padding-right:20px}
  body.sidebar-collapsed .main{margin-left:0}
  body.sidebar-collapsed .side-brand b,
  body.sidebar-collapsed .side-nav .nav-label,
  body.sidebar-collapsed .side-help-label{opacity:1;visibility:visible;width:auto;overflow:visible}
  body.sidebar-collapsed .side-nav a,
  body.sidebar-collapsed .side-help a{justify-content:flex-start;padding-left:11px;padding-right:11px}
  body.sidebar-collapsed .side-collapse-btn{position:static}
}

/* ===== Fix planificador: campo de monto visible y consistente ===== */
.planner-form-card .planner-money{
  display:flex;
  align-items:center;
  min-height:62px;
  padding:0 16px;
  border:1px solid #dfe1dd;
  border-radius:15px;
  background:#fff;
  transition:border-color .18s,box-shadow .18s;
}
.planner-form-card .planner-money:focus-within{
  border-color:#a8adb5;
  box-shadow:0 0 0 4px rgba(17,24,39,.05);
}
.planner-form-card .planner-money>span{
  position:static;
  transform:none;
  flex:0 0 auto;
  margin-right:10px;
  font-size:24px;
  font-weight:800;
  line-height:1;
  color:#6b7280;
  pointer-events:none;
}
.planner-form-card .planner-money input{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none;
  width:100%;
  min-height:58px;
  height:58px;
  padding:0!important;
  font-size:30px!important;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.03em;
  color:#111827;
}
.planner-form-card .planner-money input::placeholder{
  color:#b2b7bf;
}
@media(max-width:640px){
  .planner-form-card .planner-money{min-height:58px;padding:0 14px}
  .planner-form-card .planner-money>span{font-size:21px}
  .planner-form-card .planner-money input{min-height:54px;height:54px;font-size:24px!important}
}

/* ===== Cuentas · modo limpio / menos ruido visual ===== */
.accounts-friendlier-page{
  gap:16px;
}
.accounts-friendlier-page .accounts-clean-head{
  margin-bottom:4px;
}
.accounts-friendlier-page .accounts-clean-head p{
  max-width:620px;
  color:#8a919c;
}
.accounts-overview-clean{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  border:1px solid #e9ecef;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  margin:4px 0 14px;
}
.accounts-overview-item{
  min-width:0;
  padding:16px 20px;
  border-left:1px solid #edf0f2;
}
.accounts-overview-item:first-child{border-left:0}
.accounts-overview-item span{
  display:block;
  margin-bottom:5px;
  color:#8b929d;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.accounts-overview-item strong{
  display:block;
  color:#111827;
  font-size:23px;
  line-height:1.05;
  letter-spacing:-.035em;
}
.accounts-overview-item.primary{
  background:#f8f9fa;
}
.accounts-overview-item.primary strong{
  font-size:27px;
}
.accounts-friendlier-page .accounts-clean-grid{
  gap:12px;
}
.accounts-friendlier-page .account-clean-card{
  gap:10px;
  padding:14px;
  border:1px solid #e8ebee;
  border-radius:18px;
  box-shadow:none;
  background:#fff;
}
.accounts-friendlier-page .account-clean-top{
  align-items:center;
}
.accounts-friendlier-page .account-clean-icon{
  width:36px;
  height:36px;
  border-radius:11px;
  background:#f5f6f7;
  font-size:17px;
}
.accounts-friendlier-page .account-clean-identity h3{
  font-size:14px;
  letter-spacing:-.015em;
}
.accounts-friendlier-page .account-clean-identity p{
  font-size:9px;
  color:#969ca6;
}
.accounts-friendlier-page .autosave-status{
  font-size:7px;
  color:#9aa0aa;
}
.accounts-friendlier-page .account-clean-menu summary{
  width:30px;
  height:30px;
  border-radius:9px;
  font-size:17px;
}
.accounts-friendlier-page .account-debit-visual{
  min-height:150px;
  padding:15px 16px 14px;
  border-radius:17px;
  color:#111827;
  background:
    linear-gradient(135deg,
      color-mix(in srgb, var(--account-accent,#111827) 7%, #ffffff 93%) 0%,
      #ffffff 72%);
  border:1px solid color-mix(in srgb, var(--account-accent,#111827) 16%, #e5e7eb 84%);
  box-shadow:none;
}
.accounts-friendlier-page .account-debit-visual::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  width:auto;
  height:4px;
  border-radius:17px 17px 0 0;
  background:var(--account-accent,#111827);
  opacity:.78;
}
.accounts-friendlier-page .account-debit-visual::after{display:none}
.accounts-friendlier-page .account-debit-chip{
  width:34px;
  height:24px;
  border-radius:7px;
  background:#e9d8a6;
  box-shadow:inset 0 0 0 1px rgba(17,24,39,.08);
}
.accounts-friendlier-page .account-debit-brand{
  color:#8d939c;
  font-size:9px;
  letter-spacing:.13em;
}
.accounts-friendlier-page .account-debit-balance{
  margin-top:20px;
}
.accounts-friendlier-page .account-debit-balance span{
  margin-bottom:4px;
  color:#8a919c;
  font-size:10px;
}
.accounts-friendlier-page .account-debit-balance strong{
  color:#111827;
  font-size:29px;
}
.accounts-friendlier-page .account-debit-bottom.compact{
  grid-template-columns:1fr 1fr auto;
  align-items:end;
  gap:12px;
  margin-top:20px;
}
.accounts-friendlier-page .account-debit-bottom.compact small{
  color:#9aa0a9;
  font-size:7px;
  letter-spacing:.09em;
}
.accounts-friendlier-page .account-debit-bottom.compact b{
  color:#343a45;
  font-size:10px;
  font-weight:750;
}
.accounts-friendlier-page .account-number-mini{
  text-align:right;
}
.accounts-friendlier-page .account-actions-row{
  gap:7px;
}
.accounts-friendlier-page .account-actions-row .btn{
  min-height:34px;
  padding:7px 9px;
  border-radius:10px;
  border:1px solid #e8ebee;
  background:#fff;
  color:#313844;
  font-size:9px;
  font-weight:700;
  box-shadow:none;
}
.accounts-friendlier-page .account-actions-row .btn:hover{
  background:#f7f8f9;
}
.accounts-friendlier-page .account-edit-box{
  padding-top:8px;
  border-top:1px solid #f0f1f2;
}
.accounts-friendlier-page .account-edit-box summary{
  color:#7b838f;
  font-size:9px;
  font-weight:650;
}
@media(max-width:900px){
  .accounts-overview-clean{grid-template-columns:1fr 1fr 1fr}
  .accounts-overview-item{padding:14px 15px}
}
@media(max-width:650px){
  .accounts-overview-clean{grid-template-columns:1fr}
  .accounts-overview-item{border-left:0;border-top:1px solid #edf0f2;padding:13px 15px}
  .accounts-overview-item:first-child{border-top:0}
  .accounts-overview-item.primary strong{font-size:25px}
  .accounts-friendlier-page .account-debit-visual{min-height:145px}
  .accounts-friendlier-page .account-debit-bottom.compact{grid-template-columns:1fr 1fr}
  .accounts-friendlier-page .account-number-mini{grid-column:1/-1;text-align:left}
}

/* ===== 2026-09-18 · CONFIGURACIÓN MODO LIMPIO / MINIMAL ===== */
.settings-page-v2{
  --cfg-line:#e9ece5;
  --cfg-line-soft:#eff2ec;
  --cfg-soft:#f7f8f6;
  --cfg-soft-2:#fbfcfa;
  --cfg-text:#0f172a;
  --cfg-muted:#7d8693;
}
.settings-page-v2 .settings-hero-v2{
  padding-bottom:18px!important;
  margin-bottom:2px!important;
}
.settings-page-v2 .settings-hero-v2 .eyebrow{
  color:#98a1ad!important;
}
.settings-page-v2 .settings-hero-v2 h1{
  font-size:28px!important;
  letter-spacing:-.045em!important;
}
.settings-page-v2 .settings-hero-v2 p{
  max-width:780px!important;
  color:#8b939d!important;
}

/* navegación superior más sobria */
.settings-page-v2 .settings-tabs-v2{
  position:relative!important;
  top:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  padding:0!important;
  margin:0 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.settings-page-v2 .settings-tabs-v2 a{
  flex:0 0 auto!important;
  min-width:175px!important;
  min-height:50px!important;
  padding:9px 12px!important;
  border:1px solid var(--cfg-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#5f6875!important;
}
.settings-page-v2 .settings-tabs-v2 a:hover{
  border-color:#dfe4db!important;
  background:#fcfcfb!important;
  color:var(--cfg-text)!important;
}
.settings-page-v2 .settings-tabs-v2 a.active{
  border-color:#111827!important;
  background:#fbfbfa!important;
  color:#111827!important;
}
.settings-page-v2 .settings-tab-icon{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  background:var(--cfg-soft)!important;
  border:0!important;
  box-shadow:none!important;
  font-size:14px!important;
}
.settings-page-v2 .settings-tabs-v2 a.active .settings-tab-icon{
  background:#111827!important;
  color:#fff!important;
}
.settings-page-v2 .settings-tab-copy strong{
  font-size:11px!important;
}
.settings-page-v2 .settings-tab-copy small{
  display:none!important;
}
.settings-page-v2 .settings-tabs-v2 a>b{
  min-width:22px!important;
  height:22px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#f3f5f2!important;
  color:#6d7682!important;
  font-size:8px!important;
  box-shadow:none!important;
}
.settings-page-v2 .settings-tabs-v2 a.active>b{
  background:#111827!important;
  color:#fff!important;
}

/* encabezados de sección más limpios */
.settings-page-v2 .settings-panel-head{
  padding:0 2px 14px!important;
  margin-bottom:10px!important;
}
.settings-page-v2 .settings-kicker{
  font-size:7px!important;
  color:#9aa2ad!important;
  margin-bottom:6px!important;
}
.settings-page-v2 .settings-panel-head h2{
  font-size:19px!important;
  margin-bottom:5px!important;
}
.settings-page-v2 .settings-panel-head p{
  font-size:11px!important;
  color:#8d95a0!important;
  max-width:740px!important;
}
.settings-page-v2 .settings-head-actions{
  gap:10px!important;
}
.settings-page-v2 .settings-head-chip{
  min-width:auto!important;
  padding:10px 12px!important;
  border:1px solid var(--cfg-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.settings-page-v2 .settings-head-chip strong{
  font-size:14px!important;
}
.settings-page-v2 .settings-head-chip span{
  font-size:8px!important;
}
.settings-page-v2 .settings-new-btn{
  min-width:98px!important;
  height:42px!important;
  border-radius:13px!important;
  box-shadow:none!important;
}

/* cajas e información menos pesada */
.settings-page-v2 .settings-info-strip{
  border:1px solid var(--cfg-line)!important;
  background:var(--cfg-soft-2)!important;
  box-shadow:none!important;
  margin-bottom:16px!important;
}
.settings-page-v2 .settings-info-strip>span{
  background:#fff!important;
  border:1px solid var(--cfg-line)!important;
  color:#6d7682!important;
}
.settings-page-v2 .settings-info-strip p{
  color:#7e8793!important;
}
.settings-page-v2 .settings-card,
.settings-page-v2 .settings-list-card,
.settings-page-v2 .settings-full-list,
.settings-page-v2 .household-members-card,
.settings-page-v2 .household-share-card{
  border:1px solid var(--cfg-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.settings-page-v2 .settings-card-title,
.settings-page-v2 .settings-card-head{
  background:transparent!important;
  border-bottom:1px solid var(--cfg-line-soft)!important;
  padding:16px 18px!important;
}
.settings-page-v2 .settings-card-title strong,
.settings-page-v2 .settings-card-head strong{
  font-size:13px!important;
}
.settings-page-v2 .settings-card-title small,
.settings-page-v2 .settings-card-head small{
  font-size:9px!important;
  color:#98a0aa!important;
}
.settings-page-v2 .settings-card-title>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#f7f8f6!important;
  color:#818894!important;
  border:1px solid var(--cfg-line)!important;
}
.settings-page-v2 .settings-empty{
  color:#95a0ac!important;
}

/* listas: filas tipo tarjeta suave, sin tanta línea corrida */
.settings-page-v2 .concept-editor-list,
.settings-page-v2 .obligation-editor-list,
.settings-page-v2 .goal-settings-list,
.settings-page-v2 .household-members-list,
.settings-page-v2 .category-management-grid{
  padding:10px!important;
  gap:10px!important;
}
.settings-page-v2 .concept-editor-row,
.settings-page-v2 .obligation-editor-row,
.settings-page-v2 .goal-settings-row,
.settings-page-v2 .category-management-item,
.settings-page-v2 .household-member-row{
  border:1px solid var(--cfg-line-soft)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.settings-page-v2 .concept-editor-row,
.settings-page-v2 .obligation-editor-row{
  padding:14px 16px!important;
  margin:0!important;
  border-bottom:1px solid var(--cfg-line-soft)!important;
}
.settings-page-v2 .concept-editor-row:last-child,
.settings-page-v2 .obligation-editor-row:last-child,
.settings-page-v2 .goal-settings-row:last-child{
  border-bottom:1px solid var(--cfg-line-soft)!important;
}
.settings-page-v2 .concept-editor-row:hover,
.settings-page-v2 .obligation-editor-row:hover,
.settings-page-v2 .category-management-item:hover,
.settings-page-v2 .goal-settings-row:hover,
.settings-page-v2 .household-member-row:hover{
  background:#fcfcfb!important;
}
.settings-page-v2 .concept-editor-icon,
.settings-page-v2 .category-management-icon,
.settings-page-v2 .goal-settings-icon,
.settings-page-v2 .household-avatar{
  background:var(--cfg-soft)!important;
  border:1px solid var(--cfg-line)!important;
  box-shadow:none!important;
}
.settings-page-v2 .obligation-editor-service .obligation-icon-input{
  background:var(--cfg-soft)!important;
  border-color:var(--cfg-line)!important;
}

/* inputs más minimalistas */
.settings-page-v2 .settings-form input,
.settings-page-v2 .settings-form select,
.settings-page-v2 .concept-editor-row input,
.settings-page-v2 .concept-editor-row select,
.settings-page-v2 .obligation-editor-row input,
.settings-page-v2 .obligation-editor-row select,
.settings-page-v2 .notification-settings-form input,
.settings-page-v2 .notification-settings-form select{
  border-color:#e5e8e2!important;
  background:#fcfcfb!important;
  box-shadow:none!important;
}
.settings-page-v2 .settings-form input:focus,
.settings-page-v2 .settings-form select:focus,
.settings-page-v2 .concept-editor-row input:focus,
.settings-page-v2 .concept-editor-row select:focus,
.settings-page-v2 .obligation-editor-row input:focus,
.settings-page-v2 .obligation-editor-row select:focus,
.settings-page-v2 .notification-settings-form input:focus,
.settings-page-v2 .notification-settings-form select:focus{
  border-color:#cfd5dd!important;
  box-shadow:0 0 0 3px rgba(15,23,42,.04)!important;
  background:#fff!important;
}
.settings-page-v2 .settings-money-input>span{
  color:#9aa3ad!important;
}
.settings-page-v2 .settings-switch>span{
  background:#d9ddd6!important;
}
.settings-page-v2 .settings-switch input:checked+span{
  background:#111827!important;
}
.settings-page-v2 .settings-switch em{
  color:#9ba3ad!important;
}
.settings-page-v2 .autosave-status{
  padding:5px 8px!important;
  border-radius:999px!important;
  border:1px solid #e3ece4!important;
  background:#f8fcf8!important;
  color:#66806c!important;
  min-width:auto!important;
}
.settings-page-v2 .autosave-status.saving{
  background:#fbfbf9!important;
  border-color:#ecefe8!important;
  color:#7a8590!important;
}
.settings-page-v2 .autosave-status.error{
  background:#fff7f7!important;
  border-color:#f1d5d5!important;
  color:#b24a4a!important;
}

/* hogar y notificaciones más sobrios */
.settings-page-v2 .household-grid{
  gap:14px!important;
}
.settings-page-v2 .household-member-row{
  padding:14px!important;
}
.settings-page-v2 .household-role,
.settings-page-v2 .category-ant-badge{
  border:1px solid var(--cfg-line)!important;
  background:#f7f8f6!important;
  color:#6d7682!important;
}
.settings-page-v2 .household-rule,
.settings-page-v2 .settings-inline-warning{
  border-color:var(--cfg-line)!important;
  background:var(--cfg-soft-2)!important;
}

/* responsive */
@media(max-width:980px){
  .settings-page-v2 .settings-tabs-v2{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
    padding:0 18px 4px!important;
  }
  .settings-page-v2 .settings-tabs-v2 a{
    min-width:150px!important;
  }
}
@media(max-width:640px){
  .settings-page-v2 .settings-panel-head h2{font-size:18px!important}
  .settings-page-v2 .settings-tabs-v2 a{min-width:138px!important;padding:8px 10px!important}
  .settings-page-v2 .settings-tab-icon{width:30px!important;height:30px!important}
  .settings-page-v2 .concept-editor-list,
  .settings-page-v2 .obligation-editor-list,
  .settings-page-v2 .goal-settings-list,
  .settings-page-v2 .household-members-list,
  .settings-page-v2 .category-management-grid{padding:8px!important}
}