@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--ink:#15333B;--ink-soft:#3D5961;--muted:#6B7C80;--paper:#EFF3F3;--surface:#FFFFFF;--surface-2:#F7FAFA;--line:#E2EAEA;--line-strong:#CFDBDB;--celeste:#1E88A8;--celeste-deep:#13586E;--amber:#D98A29;--amber-bg:#FBF1E0;--green:#2F9E6E;--green-bg:#E5F4ED;--coral:#DD5E47;--coral-bg:#FBEAE6;--neutral-bg:#EAF1F2;--invert:#15333B;--invert-text:#FFFFFF;--invert-hover:#0F262C;--sidebar-bg:#15333B;--sidebar-card:rgba(255,255,255,.06);--tooltip:#0F262C;--shadow-sm:0 1px 2px rgba(21,51,59,.06),0 1px 3px rgba(21,51,59,.04);--shadow-md:0 4px 16px rgba(21,51,59,.08),0 2px 6px rgba(21,51,59,.05);--shadow-lg:0 18px 50px rgba(21,51,59,.18);--r:16px}body.dark{--ink:#E9F1F2;--ink-soft:#AEC4C8;--muted:#84999E;--paper:#0C1B21;--surface:#142D35;--surface-2:#1B3A43;--line:#244049;--line-strong:#315059;--celeste:#3BA7C6;--celeste-deep:#6FC2DA;--amber:#E8A24A;--amber-bg:#37301F;--green:#46B488;--green-bg:#173829;--coral:#EE7A63;--coral-bg:#3A211C;--neutral-bg:#1E3A42;--invert:#E9F1F2;--invert-text:#10262D;--invert-hover:#CFE0E2;--sidebar-bg:#0A171C;--sidebar-card:rgba(255,255,255,.05);--tooltip:#28444D;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 18px 50px rgba(0,0,0,.55)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.num{font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}.auth{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:radial-gradient(circle at 20% 10%,#1e88a8,#13586e 42%,#0c2c38);display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .4s;overflow:auto}.auth.hide{opacity:0;pointer-events:none}.auth-card{background:var(--surface);width:430px;max-width:100%;border-radius:24px;box-shadow:0 30px 80px #00000059;overflow:hidden;animation:rise .5s both}.auth-brand{display:flex;align-items:center;gap:12px;padding:30px 30px 0}.auth-brand .brand-mark{width:42px;height:42px}.auth-brand .brand-name{font-family:Space Grotesk;font-weight:700;font-size:23px;color:var(--ink);letter-spacing:-.02em}.auth-body{padding:26px 30px 32px}.auth-step{display:none}.auth-step.show{display:block;animation:fadein .35s both}.auth-hero{font-family:Space Grotesk;font-size:25px;font-weight:600;letter-spacing:-.02em;line-height:1.18;margin-bottom:10px}.auth-hero span{color:var(--celeste)}.auth-sub{font-size:14px;color:var(--muted);margin-bottom:22px;line-height:1.5}.auth-btn{width:100%;padding:14px;border-radius:13px;font-weight:600;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:10px;transition:.15s;margin-bottom:11px}.auth-btn.primary{background:var(--invert);color:var(--invert-text)}.auth-btn.primary:hover{background:var(--invert-hover)}.auth-btn.google{background:var(--surface);border:1.5px solid var(--line-strong);color:var(--ink)}.auth-btn.google:hover{background:var(--surface-2)}.auth-btn svg,.auth-btn .gg{width:19px;height:19px}.auth-skip{display:block;text-align:center;color:var(--muted);font-size:13px;font-weight:500;margin-top:6px;width:100%}.auth-skip:hover{color:var(--ink)}.feat{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px}.feat-ico{width:38px;height:38px;border-radius:11px;background:var(--neutral-bg);display:grid;place-items:center;flex:none;color:var(--celeste)}.feat-ico svg{width:20px;height:20px}.feat-t{font-weight:600;font-size:14px}.feat-d{font-size:12.5px;color:var(--muted);margin-top:1px}.oauth{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:18px}.oauth-bar{background:var(--surface-2);padding:13px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}.oauth-bar .gg{width:18px;height:18px}.oauth-in{padding:18px 16px}.oauth-app{display:flex;align-items:center;gap:11px;margin-bottom:14px}.oauth-app .brand-mark{width:36px;height:36px}.oauth-perm{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-soft);padding:8px 0}.oauth-perm svg{width:16px;height:16px;color:var(--green);flex:none}.scan-box{text-align:center;padding:14px 0 4px}.scan-found{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:9px;animation:rise .4s both;text-align:left}.scan-found .bill-ico{width:36px;height:36px}.scan-found .sf-n{font-weight:600;font-size:13.5px}.scan-found .sf-s{font-size:11.5px;color:var(--muted)}.scan-found .sf-ok{margin-left:auto;color:var(--green)}.scan-found .sf-ok svg{width:18px;height:18px}.pref-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:.15s}.pref-row.sel{border-color:var(--celeste);background:var(--surface-2)}.pref-row .pr-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none}.pref-row .pr-ico svg{width:18px;height:18px}.pref-row .pr-n{font-weight:600;font-size:14px}.pref-row .pr-check{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong)}.pref-row.sel .pr-check{border-color:var(--celeste);background:var(--celeste);display:grid;place-items:center}.pref-row.sel .pr-check:after{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.dots{display:flex;gap:6px;justify-content:center;margin-top:18px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--line-strong);transition:.2s}.dots i.on{background:var(--celeste);width:20px;border-radius:4px}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.app.hidden{display:none}.side{background:var(--sidebar-bg);color:#d6e4e6;padding:26px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:background .3s}.brand{display:flex;align-items:center;gap:11px;margin-bottom:30px;padding-left:4px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(150deg,#27a7c9,#1e88a8 55%,#13586e);display:grid;place-items:center;flex:none;box-shadow:0 4px 14px #1e88a866}.brand-mark svg{width:21px;height:21px;color:#fff}.brand-name{font-family:Space Grotesk;font-weight:700;font-size:21px;color:#fff;letter-spacing:-.02em;line-height:1}.brand-tag{font-size:11px;color:#7fa0a6;margin-top:2px}.hh-switch{position:relative;margin-bottom:22px}.hh-btn{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:12px;background:var(--sidebar-card);width:100%;text-align:left;transition:background .15s}.hh-btn:hover{background:#ffffff1a}.hh-ava{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;flex:none;font-family:Space Grotesk}.hh-btn .hh-name{font-size:13.5px;font-weight:600;color:#eaf3f4;line-height:1.2}.hh-btn .hh-sub{font-size:11.5px;color:#7fa0a6}.hh-chev{margin-left:auto;color:#7fa0a6;transition:transform .2s}.hh-chev svg{width:16px;height:16px}.hh-switch.open .hh-chev{transform:rotate(180deg)}.hh-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#1c3d46;border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:6px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform:translateY(-6px);transition:.18s;z-index:20}.hh-switch.open .hh-pop{opacity:1;pointer-events:auto;transform:none}.hh-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;width:100%;text-align:left;transition:background .15s}.hh-opt:hover{background:#ffffff12}.hh-opt .hh-name{font-size:13px;font-weight:600;color:#eaf3f4}.hh-opt .hh-sub{font-size:11px;color:#7fa0a6}.hh-opt .hh-check{margin-left:auto;color:#27a7c9}.hh-opt .hh-check svg{width:16px;height:16px}.hh-add{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;width:100%;color:#9fbbc0;font-size:12.5px;font-weight:500;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}.hh-add:hover{color:#fff}.hh-add svg{width:16px;height:16px}.nav{display:flex;flex-direction:column;gap:3px}.nav-label{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#5e8087;font-weight:600;margin:0 0 9px 10px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#a9c2c6;font-size:14px;font-weight:500;text-align:left;width:100%;transition:background .16s,color .16s}.nav-item svg{width:18px;height:18px;flex:none}.nav-item:hover{background:#ffffff0f;color:#e5f0f1}.nav-item.active{background:#27a7c92e;color:#fff}.nav-item .badge{margin-left:auto;background:var(--coral);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px}.side-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.theme-toggle{display:flex;align-items:center;gap:8px;color:#9fbbc0;font-size:12.5px;font-weight:500;padding:8px 10px;border-radius:10px;background:var(--sidebar-card)}.theme-toggle:hover{color:#fff}.theme-toggle svg{width:16px;height:16px}.main{padding:30px 38px 60px;max-width:1180px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.greet h1{font-family:Space Grotesk;font-size:27px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.greet p{color:var(--muted);font-size:14px;margin-top:5px}.greet .mes{color:var(--celeste-deep);font-weight:600;text-transform:capitalize}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn{width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:.15s}.icon-btn svg{width:19px;height:19px;color:var(--ink-soft)}.icon-btn:hover{border-color:var(--line-strong);color:var(--ink)}.btn-add{display:flex;align-items:center;gap:9px;background:var(--invert);color:var(--invert-text);font-weight:600;font-size:14px;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow-md);transition:transform .15s,box-shadow .15s,background .15s}.btn-add svg{width:18px;height:18px}.btn-add:hover{background:var(--invert-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.stats{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px;margin-bottom:22px}.stat{background:var(--surface);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--line);position:relative;overflow:hidden}.stat .lab{font-size:12.5px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:7px}.stat .lab svg{width:15px;height:15px;opacity:.8}.stat .val{font-family:Space Grotesk;font-weight:600;letter-spacing:-.02em;margin-top:9px;line-height:1;font-size:24px;color:var(--ink)}.stat.hero{background:linear-gradient(155deg,#1e88a8,#13586e);border:none}.stat.hero .lab{color:#bee2eb}.stat.hero .val{color:#fff;font-size:33px}.stat.hero .sub{color:#a6d4e0;font-size:12.5px;margin-top:8px}.stat .sub{font-size:12px;color:var(--muted);margin-top:6px}.stat .sub strong{color:var(--ink);font-weight:600}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.timeline-card{background:var(--surface);border-radius:var(--r);padding:20px 24px 14px;box-shadow:var(--shadow-sm);border:1px solid var(--line);margin-bottom:22px}.tl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.tl-head h2{font-family:Space Grotesk;font-size:15px;font-weight:600}.tl-head .legend{display:flex;gap:16px;font-size:11.5px;color:var(--muted)}.tl-head .legend span{display:flex;align-items:center;gap:6px}.tl-wrap{position:relative;height:96px;margin:0 6px}.tl-axis{position:absolute;left:0;right:0;top:64px;height:2px;background:var(--line-strong);border-radius:2px}.tl-tick{position:absolute;top:64px;transform:translate(-50%);text-align:center}.tl-tick .tick-mark{width:1px;height:8px;background:var(--line-strong);margin:0 auto}.tl-tick .tick-lab{font-size:10.5px;color:var(--muted);margin-top:5px;white-space:nowrap}.tl-today{position:absolute;top:8px;bottom:18px;width:2px;background:var(--coral);transform:translate(-50%);border-radius:2px}.tl-today:before{content:"HOY";position:absolute;top:-7px;left:50%;transform:translate(-50%);background:var(--coral);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:5px;white-space:nowrap}.tl-pill{position:absolute;top:64px;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;border:3px solid var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;display:grid;place-items:center;transition:transform .15s;z-index:2}.tl-pill svg{width:13px;height:13px;color:#fff}.tl-pill:hover{transform:translate(-50%,-50%) scale(1.18);z-index:5}.tl-pill.is-paid{opacity:.55}.tl-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);background:var(--tooltip);color:#fff;padding:7px 11px;border-radius:9px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:var(--shadow-md);z-index:9}.tl-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--tooltip)}.tl-pill:hover .tl-tip{opacity:1}.bills-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:12px}.bills-head h2{font-family:Space Grotesk;font-size:17px;font-weight:600}.filters{display:flex;gap:6px;background:var(--surface);padding:4px;border-radius:11px;border:1px solid var(--line)}.filter{padding:7px 13px;border-radius:8px;font-size:13px;font-weight:500;color:var(--muted);transition:.15s}.filter:hover{color:var(--ink)}.filter.active{background:var(--invert);color:var(--invert-text)}.filter .n{opacity:.6;margin-left:3px;font-size:12px}.bills{display:flex;flex-direction:column;gap:11px}.bill{background:var(--surface);border-radius:var(--r);border:1px solid var(--line);padding:16px 18px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;animation:rise .4s both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bill:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.bill-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none}.bill-ico svg{width:23px;height:23px;color:#fff}.bill-main{flex:1;min-width:0}.bill-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bill-sub{font-size:12.5px;color:var(--muted);margin-top:3px}.bill-amt{text-align:right;flex:none}.bill-amt .a{font-family:Space Grotesk;font-weight:600;font-size:18px;letter-spacing:-.01em}.bill-due{font-size:12.5px;margin-top:3px;font-weight:500}.bill-actions{display:flex;gap:8px;flex:none}.act{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);transition:.15s}.act svg{width:18px;height:18px;color:var(--ink-soft)}.act:hover{background:var(--invert);border-color:var(--invert)}.act:hover svg{color:var(--invert-text)}.act.pay{background:var(--celeste);border-color:var(--celeste);width:auto;padding:0 15px;gap:7px;color:#fff;font-weight:600;font-size:13.5px;display:flex;align-items:center;justify-content:center}.act.pay svg{color:#fff}.act.pay:hover{background:var(--celeste-deep);border-color:var(--celeste-deep)}.chip{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.chip.over{background:var(--coral-bg);color:var(--coral)}.chip.soon{background:var(--amber-bg);color:var(--amber)}.chip.ok{background:var(--green-bg);color:var(--green)}.chip.auto{background:var(--neutral-bg);color:var(--celeste-deep)}.chip.mail{background:var(--neutral-bg);color:var(--ink-soft);display:inline-flex;align-items:center;gap:4px}.chip.mail svg{width:11px;height:11px}.chip.neu{background:var(--neutral-bg);color:var(--ink-soft)}.due-over{color:var(--coral)}.due-soon{color:var(--amber)}.due-ok{color:var(--green)}.due-neu{color:var(--ink-soft)}.empty{text-align:center;padding:46px 20px;color:var(--muted);background:var(--surface);border-radius:var(--r);border:1px dashed var(--line-strong)}.empty svg{width:34px;height:34px;color:var(--line-strong);margin-bottom:10px}.view{display:none}.view.show{display:block}.sec-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow-sm);margin-bottom:18px}.sec-card h2{font-family:Space Grotesk;font-size:16px;font-weight:600;display:flex;align-items:center;gap:9px}.sec-card h2 svg{width:18px;height:18px;color:var(--celeste)}.sec-card .desc{font-size:13px;color:var(--muted);margin-top:5px;margin-bottom:18px}.chan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chan{border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:10px;transition:.15s}.chan.on{border-color:var(--line-strong);background:var(--surface-2)}.chan-top{display:flex;align-items:center;gap:10px}.chan-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none}.chan-ico svg{width:19px;height:19px;color:#fff}.chan-name{font-weight:600;font-size:14px}.chan-detail{font-size:12px;color:var(--muted);margin-top:1px}.switch{position:relative;width:40px;height:23px;border-radius:14px;background:var(--line-strong);transition:.2s;flex:none;margin-left:auto;cursor:pointer}.switch.on{background:var(--green)}.switch:after{content:"";position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0003}.switch.on:after{left:19px}.chan-status{font-size:12px;font-weight:600}.chan.on .chan-status{color:var(--green)}.chan-status.off{color:var(--muted)}.rules{display:flex;flex-direction:column;gap:10px}.rule{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.rule.off{opacity:.5}.rule-when{font-weight:600;font-size:14px;min-width:130px}.rule-via{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-soft)}.rule-via .pin{width:24px;height:24px;border-radius:7px;display:grid;place-items:center}.rule-via .pin svg{width:14px;height:14px;color:#fff}.rule-del{margin-left:auto;color:var(--muted);width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.rule-del svg{width:16px;height:16px}.rule-del:hover{background:var(--coral-bg);color:var(--coral)}.add-rule{display:flex;align-items:center;gap:9px;color:var(--celeste-deep);font-weight:600;font-size:13.5px;margin-top:14px;padding:11px;border:1px dashed var(--line-strong);border-radius:12px;width:100%;justify-content:center;transition:.15s}.add-rule:hover{background:var(--surface-2);border-color:var(--celeste)}.add-rule svg{width:16px;height:16px}.avisos{display:flex;flex-direction:column;gap:2px}.aviso{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line)}.aviso:last-child{border:none}.aviso-date{text-align:center;min-width:54px;flex:none}.aviso-date .d{font-family:Space Grotesk;font-size:19px;font-weight:600;line-height:1}.aviso-date .m{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.aviso-via{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.aviso-via svg{width:17px;height:17px;color:#fff}.aviso-main{flex:1;min-width:0}.aviso-txt{font-size:13.5px;font-weight:500}.aviso-sub{font-size:12px;color:var(--muted);margin-top:2px}.aviso-time{font-size:12px;color:var(--muted);font-weight:500;flex:none}.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.svc-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:.15s;text-align:left;width:100%}.svc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.svc-card .bill-ico{width:42px;height:42px}.svc-meta{flex:1}.svc-meta .n{font-weight:600;font-size:14.5px}.svc-meta .s{font-size:12px;color:var(--muted);margin-top:2px}.svc-conn{font-size:11.5px;font-weight:600;color:var(--green);display:flex;align-items:center;gap:5px}.svc-conn svg{width:13px;height:13px}.detail-hero{border-radius:var(--r);padding:24px;color:#fff;margin-bottom:18px;position:relative;overflow:hidden}.back-btn{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px;font-weight:500;margin-bottom:16px}.back-btn svg{width:17px;height:17px}.back-btn:hover{color:var(--ink)}.dh-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.dh-ico{width:52px;height:52px;border-radius:14px;background:#ffffff2e;display:grid;place-items:center}.dh-ico svg{width:27px;height:27px;color:#fff}.dh-name{font-family:Space Grotesk;font-size:21px;font-weight:600}.dh-sub{font-size:13px;opacity:.85}.dh-stats{display:flex;gap:28px;flex-wrap:wrap}.dh-stat .l{font-size:12px;opacity:.8}.dh-stat .v{font-family:Space Grotesk;font-size:22px;font-weight:600;margin-top:3px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow-sm)}.chart-card h3{font-size:13.5px;font-weight:600;font-family:Space Grotesk}.chart-card .ch-sub{font-size:12px;color:var(--muted);margin-top:2px;margin-bottom:8px}.chart svg{width:100%;height:auto;display:block}.insight{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:13px;background:var(--neutral-bg);margin-top:14px}.insight .in-ico{width:36px;height:36px;border-radius:10px;background:var(--celeste);display:grid;place-items:center;flex:none}.insight .in-ico svg{width:19px;height:19px;color:#fff}.insight .in-t{font-size:13.5px;font-weight:600}.insight .in-d{font-size:12.5px;color:var(--ink-soft);margin-top:1px}.set-profile{display:flex;align-items:center;gap:16px}.set-ava{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-family:Space Grotesk;font-weight:700;font-size:24px;color:#fff;flex:none}.set-profile .sp-n{font-family:Space Grotesk;font-size:18px;font-weight:600}.set-profile .sp-e{font-size:13px;color:var(--muted)}.set-edit{margin-left:auto}.list-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border:none}.list-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff}.list-ico svg{width:20px;height:20px}.list-main{flex:1;min-width:0}.list-main .lm-n{font-weight:600;font-size:14px}.list-main .lm-s{font-size:12px;color:var(--muted);margin-top:1px}.list-act{color:var(--muted)}.list-act svg{width:18px;height:18px}.list-tag{font-size:11px;font-weight:600;color:var(--green);background:var(--green-bg);padding:3px 9px;border-radius:20px}.set-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.set-row:last-child{border:none}.set-row .sr-ico{width:38px;height:38px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;flex:none;color:var(--ink-soft)}.set-row .sr-ico svg{width:19px;height:19px}.set-row .sr-n{font-weight:600;font-size:14px}.set-row .sr-s{font-size:12px;color:var(--muted)}.set-row .sr-r{margin-left:auto;display:flex;align-items:center;gap:10px}.logout{color:var(--coral);font-weight:600;font-size:14px;display:flex;align-items:center;gap:9px;padding:13px;border:1px solid var(--coral-bg);border-radius:12px;width:100%;justify-content:center;background:var(--coral-bg)}.logout svg{width:17px;height:17px}.logout:hover{background:var(--coral);color:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#15333b6b;opacity:0;pointer-events:none;transition:opacity .25s;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scrim.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100vh;width:430px;max-width:92vw;background:var(--surface);box-shadow:var(--shadow-lg);z-index:50;transform:translate(102%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.drawer.show{transform:none}.dr-top{padding:22px 24px;color:#fff;position:relative}.dr-close{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:10px;background:#ffffff29;display:grid;place-items:center}.dr-close svg{width:18px;height:18px;color:#fff}.dr-close:hover{background:#ffffff47}.dr-ico{width:50px;height:50px;border-radius:14px;background:#ffffff2e;display:grid;place-items:center;margin-bottom:14px}.dr-ico svg{width:26px;height:26px;color:#fff}.dr-name{font-family:Space Grotesk;font-size:20px;font-weight:600}.dr-sub{font-size:13px;opacity:.85;margin-top:2px}.dr-body{padding:22px 24px;overflow-y:auto;flex:1}.dr-amt{font-family:Space Grotesk;font-size:38px;font-weight:600;letter-spacing:-.02em;line-height:1}.dr-amt-lab{font-size:12.5px;color:var(--muted);margin-bottom:6px}.dr-due-chip{display:inline-block;margin-top:12px}.dr-section{margin-top:24px}.dr-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;margin-bottom:11px}.dr-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;font-weight:600;font-size:13.5px;color:var(--celeste-deep);background:var(--surface-2);margin-top:14px}.dr-link svg{width:17px;height:17px}.dr-link:hover{border-color:var(--celeste)}.kv{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}.kv:last-child{border:none}.kv .k{color:var(--muted)}.kv .v{font-weight:500;text-align:right}.code-box{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.code-box .cd{font-family:Space Grotesk;font-size:15px;font-weight:600;letter-spacing:.04em}.code-box .cl{font-size:11px;color:var(--muted)}.copy-btn{background:var(--invert);color:var(--invert-text);padding:8px 12px;border-radius:9px;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px;flex:none}.copy-btn svg{width:14px;height:14px}.copy-btn:hover{background:var(--invert-hover)}.hist{display:flex;flex-direction:column;gap:8px}.hist-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:8px 0}.hist-row .hm{color:var(--ink-soft);text-transform:capitalize}.hist-row .hp{display:flex;align-items:center;gap:7px;color:var(--green);font-weight:500}.hist-row .hp svg{width:15px;height:15px}.dr-foot{padding:16px 24px;border-top:1px solid var(--line);display:flex;gap:10px}.dr-foot button{flex:1;padding:13px;border-radius:12px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.dr-foot svg{width:18px;height:18px}.btn-pay-big{background:var(--celeste);color:#fff}.btn-pay-big:hover{background:var(--celeste-deep)}.btn-mark{background:var(--surface-2);border:1px solid var(--line)!important;color:var(--ink)}.btn-mark svg{width:18px;height:18px}.btn-mark:hover{background:var(--green-bg);border-color:var(--green)!important;color:var(--green)}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%);width:480px;max-width:94vw;max-height:90vh;overflow:hidden;background:var(--surface);border-radius:20px;box-shadow:var(--shadow-lg);z-index:50;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;display:flex;flex-direction:column}.modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.mo-top{padding:22px 24px 0;display:flex;align-items:flex-start;justify-content:space-between}.mo-top h2{font-family:Space Grotesk;font-size:19px;font-weight:600}.mo-top p{font-size:13px;color:var(--muted);margin-top:3px}.x-btn{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;flex:none}.x-btn svg{width:18px;height:18px;color:var(--ink-soft)}.x-btn:hover{background:var(--line)}.tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:11px;margin:18px 24px 0}.tab{flex:1;padding:10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;transition:.15s}.tab svg{width:16px;height:16px}.tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.mo-body{padding:20px 24px 24px;overflow-y:auto}.field{margin-bottom:15px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:7px}.field input,.field select{width:100%;padding:12px 13px;border:1px solid var(--line-strong);border-radius:11px;font-size:14px;color:var(--ink);background:var(--surface);transition:.15s}.field input:focus,.field select:focus{outline:none;border-color:var(--celeste);box-shadow:0 0 0 3px #1e88a821}.two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.btn-submit{width:100%;background:var(--invert);color:var(--invert-text);padding:13px;border-radius:12px;font-weight:600;font-size:14.5px;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-submit svg{width:18px;height:18px}.btn-submit:hover{background:var(--invert-hover)}.btn-submit:disabled,.tab:disabled,.copy-btn:disabled{opacity:.55;cursor:default}.btn-submit:disabled:hover{background:var(--invert)}.btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--line)}.btn-danger{background:var(--coral);color:#fff}.btn-danger:hover{filter:brightness(.93)}.inbox{border:1px solid var(--line);border-radius:14px;overflow:hidden}.inbox-bar{background:var(--surface-2);padding:11px 14px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.inbox-bar svg{width:15px;height:15px}.scanning{padding:30px 20px;text-align:center;color:var(--muted);font-size:13.5px}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--celeste);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mail-item{padding:14px;display:flex;gap:12px;align-items:flex-start;animation:rise .4s both}.mail-item .mi-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}.mail-item .mi-ico svg{width:19px;height:19px;color:#fff}.mail-from{font-weight:600;font-size:13.5px}.mail-subj{font-size:13px;color:var(--ink-soft);margin-top:1px}.mail-time{font-size:11.5px;color:var(--muted);margin-top:4px}.parsed{margin-top:14px;background:var(--green-bg);border:1px solid var(--green);border-radius:13px;padding:14px;animation:rise .4s both}.parsed-head{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--green);margin-bottom:11px}.parsed-head svg{width:16px;height:16px}.parsed-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.pf .pl{font-size:11px;color:var(--muted)}.pf .pv{font-size:14px;font-weight:600;font-family:Space Grotesk}.pf.fade{opacity:0;animation:fadein .4s forwards}.pay-bill{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;margin-bottom:18px}.pay-bill .bill-ico{width:42px;height:42px}.pay-bill .pb-amt{margin-left:auto;text-align:right}.pay-bill .pb-amt .a{font-family:Space Grotesk;font-weight:600;font-size:18px}.pay-bill .pb-amt .l{font-size:11.5px;color:var(--muted)}.methods{display:flex;flex-direction:column;gap:10px}.method{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1.5px solid var(--line);border-radius:13px;transition:.15s;text-align:left;width:100%}.method:hover{border-color:var(--celeste);background:var(--surface-2)}.method .m-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff}.method .m-ico svg{width:21px;height:21px}.method .m-name{font-weight:600;font-size:14.5px}.method .m-sub{font-size:12px;color:var(--muted);margin-top:1px}.method .m-chev{margin-left:auto;color:var(--muted)}.method .m-chev svg{width:18px;height:18px}.pay-back{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:500;margin-bottom:14px}.pay-back svg{width:16px;height:16px}.pay-back:hover{color:var(--ink)}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 4px}.qr{padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.qr-grid{display:grid;gap:0;width:182px;height:182px}.qr-grid i{width:100%;height:100%}.qr-cap{font-size:13px;color:var(--muted);text-align:center;max-width:280px}.barcode{display:flex;align-items:flex-end;justify-content:center;gap:1px;height:64px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.barcode i{background:#15333b;width:2px}.bc-num{text-align:center;font-family:Space Grotesk;font-weight:600;letter-spacing:.12em;font-size:15px;margin-top:10px}.pay-confirm{width:100%;background:var(--celeste);color:#fff;padding:14px;border-radius:13px;font-weight:600;font-size:15px;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px}.pay-confirm svg{width:18px;height:18px}.pay-confirm:hover{background:var(--celeste-deep)}.pay-note{font-size:11.5px;color:var(--muted);text-align:center;margin-top:12px;line-height:1.5}.processing{text-align:center;padding:36px 20px}.processing .spinner{width:38px;height:38px;border-width:4px;margin-bottom:16px}.processing .pt{font-weight:600;font-size:15px}.processing .ps{font-size:13px;color:var(--muted);margin-top:4px}.success{text-align:center;padding:30px 20px}.success-ring{width:74px;height:74px;border-radius:50%;background:var(--green-bg);display:grid;place-items:center;margin:0 auto 18px;animation:pop .4s cubic-bezier(.2,.9,.3,1.4) both}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.success-ring svg{width:38px;height:38px;color:var(--green)}.success h3{font-family:Space Grotesk;font-size:21px;font-weight:600}.success .s-amt{font-family:Space Grotesk;font-size:30px;font-weight:600;margin:8px 0 4px}.success p{font-size:13.5px;color:var(--muted)}.success-card{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:14px 16px;margin:20px 0;text-align:left}.success-card .kv{padding:7px 0}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(20px);background:var(--tooltip);color:#fff;padding:13px 20px;border-radius:13px;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);z-index:80;opacity:0;pointer-events:none;transition:.25s;display:flex;align-items:center;gap:10px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast svg{width:18px;height:18px;color:#5fd3a0}.toast.info svg{color:#5fc4e0}.ring-stat .ring-row{display:flex;align-items:center;gap:14px;margin-top:6px}.ring-stat svg{flex:none}.ring-txt .rt-big{font-family:Space Grotesk;font-weight:600;font-size:22px;line-height:1}.ring-txt .rt-big small{font-size:13px;color:var(--muted);font-weight:500}.ring-txt .rt-sub{font-size:12px;color:var(--muted);margin-top:3px}.overdue-banner{display:flex;align-items:center;gap:14px;background:var(--coral-bg);border:1px solid var(--coral);border-radius:14px;padding:14px 18px;margin-bottom:18px;animation:rise .4s both}.overdue-banner .ob-ico{width:40px;height:40px;border-radius:11px;background:var(--coral);display:grid;place-items:center;flex:none}.overdue-banner .ob-ico svg{width:21px;height:21px;color:#fff}.overdue-banner .ob-t{font-weight:600;font-size:14.5px;color:var(--coral)}.overdue-banner .ob-s{font-size:12.5px;color:var(--ink-soft);margin-top:1px}.overdue-banner .ob-btn{margin-left:auto;background:var(--coral);color:#fff;font-weight:600;font-size:13px;padding:9px 15px;border-radius:10px;flex:none}.overdue-banner .ob-btn:hover{filter:brightness(.93)}.wa-preview{margin-top:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden;max-width:340px}.wa-head{background:#075e54;color:#fff;padding:11px 14px;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600}.wa-head .wa-av{width:30px;height:30px;border-radius:50%;background:#25a766;display:grid;place-items:center;flex:none}.wa-head .wa-av svg{width:17px;height:17px;color:#fff}.wa-head .wa-sub{font-size:11px;font-weight:400;opacity:.8}.wa-chat{background:#e5ddd4;padding:14px 12px;display:flex;flex-direction:column;gap:8px;background-image:radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px);background-size:14px 14px}body.dark .wa-chat{background:#0b141a}.wa-bubble{background:#fff;border-radius:2px 9px 9px;padding:9px 11px 7px;font-size:13px;color:#111;box-shadow:0 1px 1px #0000001a;max-width:88%;position:relative;line-height:1.45}body.dark .wa-bubble{background:#202c33;color:#e9edef}.wa-bubble b.wa-name{color:#1e88a8;font-size:12px;display:block;margin-bottom:2px}.wa-bubble .wa-amt{font-weight:600}.wa-bubble .wa-time{display:block;text-align:right;font-size:10px;color:#8a9aa0;margin-top:3px}.confetti-piece{position:fixed;top:32%;width:9px;height:14px;z-index:90;border-radius:2px;pointer-events:none;animation:confetti-fall 1.7s cubic-bezier(.2,.6,.4,1) forwards}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),72vh) rotate(var(--dr));opacity:0}}.bill.slide-out{transform:translate(50px)!important;opacity:0!important;transition:transform .35s,opacity .35s}.ai-fab{position:fixed;right:26px;bottom:26px;width:58px;height:58px;border-radius:50%;z-index:35;background:linear-gradient(150deg,#27a7c9,#1e88a8 55%,#13586e);color:#fff;display:grid;place-items:center;box-shadow:0 10px 28px #1e88a873;transition:transform .15s,box-shadow .15s}.ai-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 16px 40px #1e88a88c}.ai-fab svg{width:26px;height:26px}.ai-badge{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--celeste-deep);background:var(--neutral-bg);padding:2px 8px;border-radius:20px}.empty .empty-emoji{font-size:34px;margin-bottom:8px}.empty .empty-t{font-weight:600;color:var(--ink);font-size:15px;margin-bottom:3px}@media (max-width:880px){.app{grid-template-columns:1fr}.side{position:static;height:auto;padding:14px 16px}.brand,.hh-switch{margin-bottom:14px}.nav{flex-direction:row;overflow-x:auto;gap:4px}.nav-label,.side-foot{display:none}.nav-item{padding:8px 11px;font-size:13px;white-space:nowrap}.nav-item span.txt{display:none}.nav-item.active span.txt{display:inline}.main{padding:22px 18px 50px}.stats{grid-template-columns:1fr 1fr}.stat.hero{grid-column:1/-1}.chan-grid,.svc-grid,.charts{grid-template-columns:1fr}.bill-actions .act:not(.pay){display:none}}@media (max-width:540px){.stats{grid-template-columns:1fr}.bill{flex-wrap:wrap}.bill-amt{text-align:left;order:3}.bill-actions{order:4;margin-left:auto}.tl-head .legend{display:none}.greet h1{font-size:22px}.rule{flex-wrap:wrap}.rule-when{min-width:auto}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}