/* KAEL Bills 2.5.0 · Build 252 — Premium visual system */
:root{
  --bg:#050811;--bg-elevated:#080d18;--panel:rgba(13,20,34,.88);--panel-solid:#0d1523;
  --line:rgba(160,188,230,.13);--line-strong:rgba(127,180,255,.28);
  --text:#f7f9ff;--muted:#91a0b8;--blue:#3988ff;--blue2:#78b7ff;
  --green:#5ce1b9;--red:#ff7081;--amber:#ffc45e;--violet:#9b8cff;--cyan:#54d6ff;
  --radius-sm:13px;--radius-md:18px;--radius-lg:26px;
  --shadow:0 24px 72px rgba(0,0,0,.38);--focus:0 0 0 3px rgba(80,158,255,.24)
}
html{scroll-behavior:smooth}body{background:radial-gradient(900px 520px at 72% -8%,rgba(36,111,223,.22),transparent 62%),radial-gradient(760px 480px at 18% 105%,rgba(34,212,170,.08),transparent 64%),linear-gradient(145deg,#040710,#070c16 52%,#050811);font-family:"Aptos Display","Segoe UI Variable Display",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
::selection{background:rgba(85,166,255,.35);color:#fff}*:focus-visible{outline:0;box-shadow:var(--focus)!important}
.app-shell{grid-template-columns:264px minmax(0,1fr)}.sidebar{padding:22px 16px 18px;background:linear-gradient(180deg,rgba(7,12,23,.97),rgba(5,9,17,.92));border-right-color:rgba(132,177,241,.14);box-shadow:18px 0 60px rgba(0,0,0,.18)}
.brand{padding:4px 10px 24px;gap:13px;position:relative}.brand:after{content:"FINANCIAL OS";position:absolute;left:72px;bottom:11px;font-size:8px;font-weight:850;letter-spacing:.2em;color:#647995}.brand img{width:46px;height:46px;border-radius:15px;box-shadow:0 0 0 1px rgba(130,185,255,.22),0 14px 30px rgba(23,111,255,.24)}.brand b{font-size:20px;letter-spacing:.11em}.brand span{font-size:16px;color:var(--green)}
nav{gap:5px}.nav-item{position:relative;min-height:44px;padding:11px 13px;border-radius:12px;color:#8796ae;font-size:13px;font-weight:650;display:flex;align-items:center;transition:.18s}.nav-item span{margin-left:11px}.nav-item:hover{color:#eaf2ff;background:rgba(255,255,255,.045);transform:translateX(2px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(53,132,255,.24),rgba(53,132,255,.07));box-shadow:inset 0 0 0 1px rgba(104,167,255,.16),0 8px 22px rgba(0,0,0,.12)}.nav-item.active:before{content:"";position:absolute;left:-4px;width:3px;height:22px;border-radius:9px;background:linear-gradient(var(--cyan),var(--green));box-shadow:0 0 14px rgba(77,213,255,.7)}
.side-card{padding:14px;border-radius:17px;background:linear-gradient(145deg,rgba(72,227,183,.09),rgba(255,255,255,.025));border-color:rgba(86,221,181,.18)}
main{padding:30px clamp(22px,3.2vw,52px) 54px;max-width:1720px;width:100%;margin:0 auto}.topbar{margin-bottom:28px;padding:3px 0;align-items:flex-end}.eyebrow,.section-label{font-size:9px;letter-spacing:.22em;color:#78b7ff;font-weight:900}.topbar h1{font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.045em;font-weight:780}.subtitle{font-size:13px;color:#8c9bb1}
button,select,input,textarea{transition:border-color .18s,background .18s,transform .18s,box-shadow .18s,opacity .18s}.primary,.secondary,.ghost{min-height:42px;border-radius:12px;padding:10px 16px;font-size:12px}.primary{background:linear-gradient(135deg,#348cff,#1764e8);box-shadow:0 10px 28px rgba(23,104,241,.28),inset 0 1px rgba(255,255,255,.2)}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(23,104,241,.34)}.secondary{background:linear-gradient(145deg,#14233a,#0d1829);border:1px solid rgba(126,166,220,.2)}.secondary:hover,.ghost:hover{background:#182943;border-color:rgba(120,180,255,.4)}button:active{transform:translateY(1px)!important}
.view.active{animation:kaelViewIn .32s ease both}@keyframes kaelViewIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.hero{min-height:178px;padding:28px 32px;border-radius:28px;border-color:rgba(103,170,255,.23);background:radial-gradient(circle at 88% 30%,rgba(91,226,185,.18),transparent 32%),linear-gradient(118deg,rgba(29,103,218,.68),rgba(13,30,52,.94) 50%,rgba(12,34,42,.9));box-shadow:0 26px 74px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.09)}.hero:after{right:12%;top:-96px;font-size:260px;color:rgba(255,255,255,.035)}.hero h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.055em;font-weight:780}.hero-tag{font-size:9px;font-weight:900;letter-spacing:.22em;color:#b8d9ff}.ring{width:86px;height:86px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.22)}
.kpis{grid-template-columns:1.35fr repeat(3,1fr);gap:12px;margin:16px 0 20px}.kpis article{min-height:104px;padding:18px 17px;border-radius:19px;align-items:flex-start;background:linear-gradient(150deg,rgba(18,30,49,.95),rgba(9,16,28,.9));position:relative;overflow:hidden}.kpis article:first-child{background:linear-gradient(145deg,rgba(48,132,255,.18),rgba(12,23,39,.95));border-color:rgba(76,151,255,.26)}.kpi-icon{flex:0 0 40px;width:40px;height:40px;border-radius:13px}.kpis small{font-size:10px;text-transform:uppercase;letter-spacing:.09em}.kpis strong{font-size:clamp(20px,2vw,27px);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.panel{border-color:rgba(137,169,216,.13);border-radius:22px;background:linear-gradient(150deg,rgba(15,24,40,.91),rgba(9,15,27,.88));box-shadow:0 18px 50px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.025)}.panel-head{padding:23px 24px 17px}.panel-head h3,.settings-card h3{font-size:18px;letter-spacing:-.025em}.section-label{display:flex;align-items:center;gap:8px}.section-label:before{content:"";width:18px;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--blue),var(--green))}
.search{min-height:42px;border-radius:12px;background:#091320}.search:focus-within{border-color:rgba(91,162,255,.48);box-shadow:var(--focus)}.table-wrap{scrollbar-color:#294565 transparent}table{font-variant-numeric:tabular-nums}th,td{padding:14px 17px}th{position:sticky;top:0;z-index:2;background:rgba(10,17,29,.96);color:#788ba7;font-weight:850}tbody tr{transition:background .16s}tbody tr:hover{background:rgba(75,139,226,.055)}
.date-pill{background:linear-gradient(145deg,#172b48,#102039);color:#aed4ff;font-weight:850}.status{padding:6px 10px;letter-spacing:.04em}.status.pagado{color:#70ebc3;background:rgba(72,218,176,.1);border-color:rgba(72,218,176,.19)}.status.no-pagado{color:#ff8290;background:rgba(255,94,112,.1);border-color:rgba(255,94,112,.2)}.status.pendiente{color:#ffd07a;background:rgba(255,186,71,.1);border-color:rgba(255,186,71,.2)}
.icon-btn{width:34px;height:34px;border-radius:10px;background:#0d1929}.icon-btn:hover{color:#fff;border-color:rgba(94,165,255,.4);background:#142844}.empty,.empty-card{border:1px dashed rgba(134,172,224,.18);border-radius:16px;margin:16px;background:rgba(255,255,255,.018);padding:36px 24px}
.history-card,.settings-card,.workspace-card,.member-row,.alert-row,.gmail-card,.audit-item,.smart-bill-card,.inbox-card{transition:.18s}.history-card:hover,.settings-card:hover,.workspace-card:hover,.member-row:hover,.alert-row:hover,.gmail-card:hover,.audit-item:hover,.smart-bill-card:hover,.inbox-card:hover{transform:translateY(-2px);border-color:rgba(104,164,245,.25);background-color:rgba(34,55,87,.32)}
.smart-bill-card,.smart-series-card{position:relative;overflow:hidden;border-radius:20px!important;background:linear-gradient(145deg,rgba(20,29,52,.94),rgba(10,17,29,.9))!important}.smart-bill-card:before,.smart-series-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--violet),var(--cyan))}.recurrence-badge,.smart-frequency{color:#c2baff!important;background:rgba(151,133,255,.12)!important;border-color:rgba(151,133,255,.24)!important}.paused,.status.pausado{color:#ffd27d!important;background:rgba(255,192,83,.1)!important}.finished,.status.finalizado{color:#a7b1c1!important;background:rgba(157,169,188,.09)!important}
.gmail-card,.inbox-card{border-radius:18px!important;background:linear-gradient(145deg,rgba(16,28,47,.9),rgba(8,15,26,.9))!important}.gmail-card:has(.error),.inbox-card.error{border-color:rgba(255,112,129,.25)!important}
.form-grid label,.settings-card label{text-transform:none}.toast{border-radius:15px;background:rgba(15,29,48,.96);box-shadow:0 20px 55px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
dialog{border-color:rgba(103,166,255,.25);border-radius:24px;background:linear-gradient(155deg,#0d1929,#08111e);box-shadow:0 35px 120px rgba(0,0,0,.72)}dialog::backdrop{background:rgba(2,5,11,.78);backdrop-filter:blur(10px)}dialog[open]{animation:kaelDialogIn .22s ease both}@keyframes kaelDialogIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.dialog-head{padding-bottom:16px;border-bottom:1px solid var(--line)}.dialog-head h3{font-size:22px;letter-spacing:-.03em}.dialog-head button{width:38px;height:38px;border-radius:11px}.form-grid{gap:17px 15px}.form-grid label,.settings-card label{font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#a4b2c6}.form-grid input,.form-grid select,.form-grid textarea,.settings-card input{min-height:44px;border-radius:12px;border-color:rgba(139,173,222,.2);background:#0a1525}
.auth-gate{background:radial-gradient(circle at 20% 20%,rgba(43,125,255,.26),transparent 34%),radial-gradient(circle at 80% 80%,rgba(77,226,185,.14),transparent 30%),#030710}.auth-card{border-color:rgba(100,166,255,.24);background:linear-gradient(145deg,rgba(12,23,41,.98),rgba(6,13,24,.98));box-shadow:0 40px 120px rgba(0,0,0,.68),0 0 80px rgba(27,104,224,.09)}
/* Financiamientos: identidad independiente */
.finance-manager-view{border:1px solid rgba(125,168,229,.14)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(14,23,39,.94),rgba(7,13,23,.94))!important;box-shadow:0 24px 70px rgba(0,0,0,.27)!important}.finance-integrated-head{padding:22px 24px!important;background:linear-gradient(90deg,rgba(82,102,255,.12),transparent)!important}.finance-plan-list{padding:8px!important;border:1px solid rgba(133,170,222,.13);border-radius:18px;background:rgba(4,10,19,.46)}.finance-plan-item{position:relative;min-height:84px!important;border:1px solid transparent!important;border-radius:15px!important;background:transparent!important}.finance-plan-item:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:8px;background:linear-gradient(var(--violet),var(--cyan));opacity:.45}.finance-plan-item.active{background:linear-gradient(120deg,rgba(93,98,255,.18),rgba(47,154,255,.07))!important;border-color:rgba(133,137,255,.28)!important}.finance-title-brand h2{font-size:clamp(25px,3vw,38px)!important;letter-spacing:-.045em!important}.finance-tabs.compact{padding:5px!important;border:1px solid rgba(130,169,224,.14);border-radius:15px!important;background:rgba(4,10,19,.55)!important}.finance-tabs.compact button.active{background:linear-gradient(145deg,#263f68,#172945)!important}.finance-overview-clean{padding:19px!important;border-radius:20px!important;background:radial-gradient(circle at 92% 15%,rgba(106,93,255,.16),transparent 28%),linear-gradient(145deg,rgba(30,43,70,.88),rgba(12,21,36,.9))!important}.finance-overview-clean .finance-money-grid span{padding:10px 12px!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important}.finance-overview-clean .finance-money-grid b{font-size:clamp(18px,2vw,25px)!important}.finance-progress-track i,.progress-track i{background:linear-gradient(90deg,#706cff,#42c7ff,#5ce1b9)!important;box-shadow:0 0 16px rgba(76,202,255,.35)}
@media(max-width:1100px){.app-shell{grid-template-columns:228px minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{width:min(286px,86vw);left:-100%;box-shadow:24px 0 70px rgba(0,0,0,.55)}main{padding:18px 14px 38px;overflow-x:hidden}.topbar{gap:12px;margin-bottom:20px}.topbar h1{font-size:30px}.mobile-menu{width:42px;height:42px;padding:0;border-radius:12px;background:#0e1b2d}.hero{min-height:154px;padding:22px;border-radius:22px}.hero h2{font-size:38px}.kpis{gap:10px}.kpis article{min-height:96px;padding:15px}.panel{border-radius:18px}.panel-head{padding:18px 17px 14px}.top-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.top-actions select{grid-column:1/-1}dialog{width:calc(100% - 14px);max-height:calc(100dvh - 14px);margin:7px}dialog form{padding:18px;max-height:calc(100dvh - 14px);overflow:auto}.dialog-actions{position:sticky;bottom:-18px;margin:18px -18px -18px;padding:13px 18px;background:rgba(8,17,30,.97);border-top:1px solid var(--line)}.finance-manager-view{border-radius:18px!important}.finance-integrated-head{padding:17px!important}}
@media(max-width:470px){.kpis{grid-template-columns:1fr 1fr}.kpis article{min-height:112px;display:block}.kpi-icon{margin-bottom:10px}.hero-progress{gap:8px}.ring{width:66px;height:66px}.top-actions{grid-template-columns:1fr}.top-actions select{grid-column:auto}}
@media(max-width:370px){main{padding-left:10px;padding-right:10px}.kpis{grid-template-columns:1fr}.hero h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.form-grid label,.settings-card label{text-transform:none}