:root{--ink:#18302b;--muted:#6e7e79;--brand:#123a33;--brand-2:#1f6658;--mint:#dff3eb;--paper:#fff;--canvas:#f3f6f4;--line:#dfe7e3;--red:#c84d54;--red-soft:#fdebed;--green:#16845f;--green-soft:#e2f6ed;--amber:#b87514;--shadow:0 14px 38px rgba(25,54,47,.08);--radius:20px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0;min-height:100vh}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.eyebrow{display:block;color:var(--brand-2);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:.3rem}.brand-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:19px;background:linear-gradient(145deg,var(--brand-2),var(--brand));color:#fff;font-size:1.7rem;font-weight:800;box-shadow:0 12px 30px rgba(18,58,51,.22)}.brand-mark.small{width:42px;height:42px;margin:0;border-radius:14px;font-size:1.25rem}.button{border:0;border-radius:12px;padding:.78rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:750;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--brand);color:#fff;box-shadow:0 7px 18px rgba(18,58,51,.15)}.button.secondary{background:#e7eeeb;color:var(--brand)}.button.ghost{background:transparent;border:1px solid var(--line)}.button.full{width:100%;padding:.95rem}.button.small{padding:.58rem .8rem;font-size:.86rem}.alert{padding:.9rem 1rem;border-radius:13px;margin-bottom:1rem;font-weight:650}.alert.error{background:var(--red-soft);color:#8b2e35;border:1px solid #f5cfd3}.alert.success{background:var(--green-soft);color:#126a4d;border:1px solid #c7eadb}.form-stack{display:grid;gap:1rem}.form-stack fieldset{border:1px solid var(--line);border-radius:15px;padding:1rem}.form-stack legend{font-weight:800;padding:0 .4rem}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:1fr 1fr}label{display:grid;gap:.42rem;font-size:.86rem;font-weight:700}label small{font-weight:500;color:var(--muted)}input,select{width:100%;border:1px solid #cdd9d4;background:#fff;border-radius:11px;padding:.77rem .83rem;outline:none;transition:.18s}input:focus,select:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(31,102,88,.11)}.setup-page,.login-page{background:radial-gradient(circle at 20% 10%,#e2f2eb 0,transparent 35%),radial-gradient(circle at 85% 85%,#d9e8e3 0,transparent 30%),var(--canvas)}.setup-card,.login-card{width:min(520px,calc(100% - 2rem));margin:5vh auto;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:2rem;box-shadow:var(--shadow);text-align:center}.setup-card{width:min(610px,calc(100% - 2rem));text-align:left}.setup-card h1,.setup-card>p{text-align:center}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{margin:0}.login-card h1{margin:.25rem 0;font-size:2rem}.user-picker{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.user-option{cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;border:1px solid var(--line);border-radius:15px}.user-option input{position:absolute;opacity:0;pointer-events:none}.user-option:has(input:checked){border-color:var(--brand-2);background:var(--mint);box-shadow:inset 0 0 0 1px var(--brand-2)}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--brand);font-weight:850}.avatar.large{width:48px;height:48px;font-size:1.15rem;margin-bottom:.45rem}.pin-label{text-align:left}.pin-input{text-align:center;font-size:1.45rem;letter-spacing:.7rem;padding-left:1.5rem}.version{display:block;color:#9aa6a2;margin-top:1.4rem}.app-shell{padding-left:245px}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--brand);color:#d6e4df;padding:1.5rem 1rem;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:.75rem;align-items:center;padding:.2rem .55rem 1.5rem;color:#fff;line-height:1.05}.sidebar nav{display:grid;gap:.3rem}.sidebar nav a{display:flex;align-items:center;gap:.8rem;padding:.78rem .9rem;border-radius:12px;font-weight:650}.sidebar nav a span{font-size:1.25rem;width:24px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.12);color:#fff}.sidebar-user{margin-top:auto;padding:.85rem .5rem .2rem;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center}.sidebar-user small{display:block;color:#a8c0b8;margin-top:.1rem}.sidebar-user>a{font-size:1.4rem}.app-main{min-height:100vh}.topbar{height:105px;padding:1.5rem 2rem 1rem;display:flex;justify-content:space-between;align-items:center;background:rgba(243,246,244,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar h1{font-size:1.65rem;margin:0}.content{padding:1rem 2rem 3rem;max-width:1450px;margin:0 auto}.bottom-nav{display:none}.toolbar{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:.75rem;margin-bottom:1rem;box-shadow:0 5px 20px rgba(30,60,53,.04)}.month-toolbar{display:flex;justify-content:center;align-items:center;gap:.7rem}.month-toolbar form label{gap:.1rem;text-align:center}.month-toolbar input{border:0;padding:.25rem;text-align:center;font-weight:800}.month-toolbar label span{color:var(--muted);font-size:.72rem;text-transform:uppercase}.icon-button{border:0;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;background:#edf2f0;font-size:1.1rem;cursor:pointer}.icon-button.danger{color:var(--red);background:var(--red-soft)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.summary-card{padding:1.25rem;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 25px rgba(28,55,48,.05);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;top:-30px;background:currentColor;opacity:.08}.summary-card span,.summary-card small{display:block;color:var(--muted)}.summary-card strong{display:block;font-size:1.65rem;margin:.45rem 0}.summary-card.income{color:var(--green)}.summary-card.expense{color:var(--red)}.summary-card.saving{color:#376eaa}.summary-card.accumulated{color:var(--brand)}.summary-card span,.summary-card small{color:var(--muted)}.dashboard-grid,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:0 8px 25px rgba(28,55,48,.045)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header h2{font-size:1.12rem;margin:0}.panel-header a{color:var(--brand-2);font-weight:750;font-size:.84rem}.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty.compact{padding:2rem 1rem}.empty>span{display:grid;place-items:center;margin:0 auto .7rem;width:45px;height:45px;border-radius:50%;background:#eef3f1;font-size:1.4rem}.empty h3{color:var(--ink);margin:.4rem}.category-bars{display:grid;gap:1rem}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:.86rem;margin-bottom:.35rem}.bar-track{height:8px;border-radius:9px;background:#edf2f0;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-2),#65aa91)}.movement-list{display:grid}.movement-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:.8rem;align-items:center;padding:.8rem .25rem;border-bottom:1px solid #edf1ef}.movement-item:last-child{border-bottom:0}.movement-item.cancelled{opacity:.52}.movement-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font-size:1.25rem;font-weight:800}.movement-icon.gasto{background:var(--red-soft);color:var(--red)}.movement-icon.ingreso{background:var(--green-soft);color:var(--green)}.movement-icon.transferencia{background:#e7eef8;color:#376eaa}.movement-info{min-width:0}.movement-info strong,.movement-info small{display:block}.movement-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movement-info small{color:var(--muted);font-size:.77rem;margin-top:.18rem}.movement-amount{white-space:nowrap}.movement-amount.gasto{color:var(--red)}.movement-amount.ingreso{color:var(--green)}.movement-actions{display:flex;gap:.3rem}.movement-actions form{margin:0}.filter-form{display:flex;align-items:end;gap:.7rem}.filter-form label{min-width:145px}.filter-form .check-label{display:flex;align-items:center;gap:.45rem;padding:.75rem .3rem;min-width:auto}.check-label input{width:auto}.type-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background:#edf2f0;padding:.35rem;border-radius:14px}.type-switch label{cursor:pointer}.type-switch input{position:absolute;opacity:0}.type-switch span{display:block;text-align:center;padding:.72rem;border-radius:10px}.type-switch input:checked+span{background:var(--paper);color:var(--brand);box-shadow:0 3px 12px rgba(24,48,43,.1);font-weight:800}.movement-form{max-width:820px;margin:0 auto;display:grid;gap:1.25rem;padding:1.5rem}.amount-block{display:grid;place-items:center;background:linear-gradient(145deg,#ecf5f1,#f8fbfa);border-radius:17px;padding:1rem}.amount-block label{text-align:center}.amount-input{display:flex;align-items:center}.amount-input input{border:0;background:transparent;text-align:center;font-size:2.3rem;font-weight:850;max-width:250px;padding:.4rem}.amount-input b{font-size:1.55rem}.conditional-fields{display:grid;gap:1rem;border-top:1px solid var(--line);padding-top:1.25rem}.conditional-fields[hidden]{display:none}.split-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.split-header small{display:block;color:var(--muted);font-size:.8rem;margin-top:.2rem}.detail-row{display:grid;grid-template-columns:1fr 170px auto;gap:.55rem;margin:.55rem 0}.detail-money{display:flex;align-items:center;position:relative}.detail-money input{padding-right:2rem}.detail-money b{position:absolute;right:.75rem}.split-total{display:grid;grid-template-columns:1fr auto;align-items:center;background:#f4f7f6;border-radius:11px;padding:.75rem}.split-total small{grid-column:1/-1;text-align:right;color:var(--muted)}.split-total small.ok{color:var(--green)}.split-total small.bad{color:var(--red)}.info-note{background:#eaf1f8;color:#355f8e;border-radius:11px;padding:.8rem;margin:0;font-size:.85rem}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;border-top:1px solid var(--line);padding-top:1.2rem}.inline-add{display:flex;gap:.5rem;margin-bottom:1rem}.catalog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}.catalog-list>span{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:#f5f7f6;border-radius:9px;padding:.6rem .7rem;font-size:.85rem}.catalog-list small{color:var(--muted);font-size:.7rem}.scroll-list{max-height:430px;overflow:auto}.pill{background:var(--mint);color:var(--brand);border-radius:99px;padding:.3rem .6rem;font-size:.75rem;font-weight:800}.modules-panel{margin-top:1rem}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.module-item{display:flex;gap:.7rem;align-items:center;background:#f4f6f5;border:1px solid var(--line);border-radius:12px;padding:.8rem;color:var(--muted)}.module-item.enabled{background:var(--mint);color:var(--brand);border-color:#bcdccc}.module-item>span{font-size:1.2rem}.module-item small{display:block;font-size:.72rem;margin-top:.15rem}.module-item strong{font-size:.86rem}
@media(max-width:1050px){.summary-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{padding-left:0;padding-bottom:76px}.sidebar{display:none}.topbar{height:82px;padding:1rem 1.1rem}.topbar h1{font-size:1.35rem}.desktop-add{display:none}.content{padding:.5rem .8rem 1.5rem}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);inset:auto 0 0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:40;padding:.38rem max(.35rem,env(safe-area-inset-right)) calc(.38rem + env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left));box-shadow:0 -8px 25px rgba(20,50,43,.08)}.bottom-nav a{display:grid;place-items:center;gap:.12rem;font-size:.66rem;color:var(--muted);font-weight:700}.bottom-nav a span{font-size:1.2rem}.bottom-nav a.active{color:var(--brand)}.bottom-nav .add span{width:42px;height:42px;margin-top:-18px;border:4px solid var(--canvas);border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:1.45rem}.summary-grid{gap:.65rem}.summary-card{padding:1rem;border-radius:16px}.summary-card strong{font-size:1.25rem}.summary-card small{font-size:.72rem}.panel{padding:1rem;border-radius:16px}.movement-item{grid-template-columns:auto 1fr auto;gap:.6rem}.movement-actions{grid-column:2/-1;justify-content:flex-end}.movement-icon{width:36px;height:36px}.movement-info small{max-width:210px}.filter-form{display:grid;grid-template-columns:1fr 1fr;align-items:end}.filter-form label{min-width:0}.filter-form .check-label{grid-column:1/-1}.movement-form{padding:1rem}.grid.two{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr 120px auto}.form-actions{position:sticky;bottom:70px;background:#fff;margin:0 -1rem -1rem;padding:1rem;z-index:3}.form-actions .button{flex:1}.catalog-list{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.login-card,.setup-card{padding:1.35rem}.setup-page .grid.two{grid-template-columns:1fr}}
@media(max-width:410px){.summary-grid{grid-template-columns:1fr}.type-switch span{font-size:.8rem;padding:.65rem .2rem}.detail-row{grid-template-columns:1fr 105px 34px}.movement-amount{font-size:.9rem}.user-picker{grid-template-columns:1fr 1fr}}
@media print{.sidebar,.topbar,.bottom-nav,.toolbar,.movement-actions,.desktop-add{display:none!important}.app-shell{padding:0}.content{padding:0}.panel,.summary-card{box-shadow:none;break-inside:avoid}}

/* Pagos periódicos · V0.2 */
.grid.three{grid-template-columns:repeat(3,1fr)}.section-gap{margin-top:1rem}.periodic-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;background:#fff4db;color:#6f4a0c;border:1px solid #f1d391;border-radius:16px;padding:.9rem 1rem;margin-bottom:1rem}.periodic-alert>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffe6ad;font-size:1.25rem}.periodic-alert small{display:block;color:#8a6a31;margin-top:.15rem}.periodic-toolbar{display:flex;align-items:center;justify-content:center;gap:.65rem}.periodic-toolbar form label{gap:.1rem;text-align:center}.periodic-toolbar input[type=month]{border:0;padding:.25rem;text-align:center;font-weight:800}.periodic-toolbar label span{color:var(--muted);font-size:.72rem;text-transform:uppercase}.periodic-toolbar .button{margin-left:auto}.period-list{display:grid;gap:.75rem}.period-card{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(260px,auto) auto;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:15px;padding:.85rem}.period-date{width:52px;text-align:center;background:#edf4f1;border-radius:12px;padding:.45rem}.period-date strong,.period-date small{display:block}.period-date strong{font-size:1.25rem}.period-date small{font-size:.65rem;color:var(--muted)}.period-info strong,.period-info small,.period-info span{display:block}.period-info small,.period-info span{font-size:.76rem;color:var(--muted);margin-top:.18rem}.period-confirm{display:flex;align-items:end;gap:.5rem}.period-confirm label{min-width:150px}.period-confirm label>span{font-size:.7rem;color:var(--muted)}.inline-money{display:flex;align-items:center;position:relative}.inline-money input{padding-right:2rem}.inline-money b{position:absolute;right:.75rem}.resolved-list{display:grid}.resolved-item{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;border-bottom:1px solid #edf1ef;padding:.7rem 0}.resolved-item:last-child{border-bottom:0}.resolved-item>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:850}.resolved-item.omitido>span{background:#f0f2f1;color:var(--muted)}.resolved-item small{display:block;color:var(--muted);font-size:.76rem;margin-top:.15rem}.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.definition-card{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;border:1px solid var(--line);border-radius:14px;padding:.85rem}.definition-card>div:first-child strong,.definition-card>div:first-child small{display:block}.definition-card>div:first-child small{color:var(--muted);font-size:.74rem;margin-top:.15rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:.35rem}.definition-card.pausado .status-dot{background:var(--amber)}.definition-card.desactivado{opacity:.58}.definition-card.desactivado .status-dot{background:var(--muted)}.definition-money{text-align:right}.definition-money strong,.definition-money small{display:block}.definition-money small{color:var(--muted);font-size:.68rem;line-height:1.35;margin-top:.15rem}.periodic-form{max-width:860px;margin:0 auto;display:grid;gap:1.15rem}.periodic-form fieldset{border:1px solid var(--line);border-radius:15px;padding:1rem}.periodic-form legend{font-weight:800;padding:0 .4rem}.form-intro{display:flex;align-items:center;gap:.8rem}.form-intro .brand-mark{margin:0}.form-intro h2,.form-intro p{margin:.1rem 0}.form-intro p{color:var(--muted);font-size:.84rem}.month-selector{display:grid;grid-template-columns:repeat(12,1fr);gap:.35rem}.month-selector label{cursor:pointer}.month-selector input{position:absolute;opacity:0;pointer-events:none}.month-selector span{display:block;text-align:center;border:1px solid var(--line);border-radius:9px;padding:.55rem .15rem;font-size:.72rem}.month-selector input:checked+span{background:var(--mint);border-color:#a8d0bf;color:var(--brand);font-weight:800}.month-actions{display:flex;gap:.4rem;margin-top:.65rem}
@media(max-width:1050px){.period-card{grid-template-columns:auto 1fr}.period-confirm{grid-column:2}.period-card>form:last-child{grid-column:2}.definition-grid{grid-template-columns:1fr}}
@media(max-width:760px){.bottom-nav.has-periodic{grid-template-columns:repeat(5,1fr)}.grid.three{grid-template-columns:1fr}.periodic-toolbar{display:grid;grid-template-columns:auto 1fr auto}.periodic-toolbar .button{grid-column:1/-1;margin:0}.period-card{grid-template-columns:auto 1fr;gap:.7rem}.period-confirm{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.period-confirm label{min-width:0}.period-card>form:last-child{grid-column:1/-1}.definition-card{grid-template-columns:1fr auto}.definition-card .icon-button{grid-column:2}.definition-money{grid-row:1/3;grid-column:2}.month-selector{grid-template-columns:repeat(4,1fr)}.resolved-item{grid-template-columns:auto 1fr}.resolved-item form{grid-column:2}.periodic-alert{grid-template-columns:auto 1fr}.periodic-alert>b{grid-column:2}}

/* Acceso exterior seguro · V0.2.1 */
.security-panel{margin-top:1rem}.security-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1.25rem}.security-grid h3{font-size:.95rem;margin:.2rem 0 .8rem}.trusted-device-list{display:grid;gap:.55rem}.trusted-device{display:flex;justify-content:space-between;align-items:center;gap:.7rem;border:1px solid var(--line);background:#f7f9f8;border-radius:12px;padding:.75rem}.trusted-device strong,.trusted-device small{display:block}.trusted-device small{color:var(--muted);font-size:.72rem;margin-top:.18rem}.trusted-device.revoked{opacity:.55}.security-panel .panel-header small{display:block;color:var(--muted);font-size:.76rem;margin-top:.2rem}
@media(max-width:900px){.security-grid{grid-template-columns:1fr}}
@media(max-width:520px){.trusted-device{align-items:flex-start}.trusted-device form .button{padding:.55rem .65rem}}