:root{--teal-50:#e8f2f1;--teal-100:#c8e2e0;--teal-200:#9cccc9;--teal-300:#5faeaa;--teal-400:#2a8c87;--teal-500:#066;--teal-600:#015754;--teal-700:#064644;--teal-800:#0a3433;--teal-900:#0c2625;--navy-50:#eaeef3;--navy-100:#c9d3df;--navy-200:#9dacbf;--navy-300:#5e7390;--navy-400:#2c476c;--navy-500:#1c3a5c;--navy-600:#16314f;--navy-700:#10253f;--navy-800:#0c1d32;--navy-900:#081523;--steel-300:#6e86a6;--steel-500:#254061;--steel-700:#1a2e47;--lagoon-300:#8fd9d2;--lagoon-400:#5fbfb6;--lagoon-500:#34a79c;--sand-100:#f5f1e8;--sand-200:#ebe3d2;--sand-300:#d9cbae;--neutral-0:#fff;--neutral-25:#fafbfb;--neutral-50:#f3f6f6;--neutral-100:#e8eded;--neutral-200:#d6dede;--neutral-300:#bdc8c8;--neutral-400:#94a2a2;--neutral-500:#6c7a7a;--neutral-600:#4f5c5c;--neutral-700:#3a4545;--neutral-800:#232c2c;--neutral-900:#131a1a;--green-50:#e6f4ec;--green-500:#1f8a5b;--green-700:#136141;--red-50:#fbeae9;--red-500:#c5453e;--red-700:#8f2e29;--amber-50:#fbf1df;--amber-500:#c9881f;--amber-700:#8f5f12;--brand:var(--teal-500);--brand-hover:var(--teal-600);--brand-active:var(--teal-700);--brand-subtle:var(--teal-50);--brand-on:#fff;--accent:var(--steel-500);--accent-lagoon:var(--lagoon-400);--bg-canvas:var(--neutral-50);--bg-surface:var(--neutral-0);--bg-surface-2:var(--neutral-25);--bg-sunken:var(--neutral-100);--bg-inverse:var(--navy-700);--bg-inverse-2:var(--navy-800);--bg-brand-wash:var(--teal-50);--text-strong:var(--navy-900);--text-default:var(--neutral-800);--text-muted:var(--neutral-500);--text-subtle:var(--neutral-400);--text-on-brand:#fff;--text-on-inverse:#e7eef0;--text-on-inverse-muted:#9db0b4;--text-link:var(--teal-500);--border-subtle:var(--neutral-100);--border-default:var(--neutral-200);--border-strong:var(--neutral-300);--border-brand:var(--teal-500);--border-inverse:#8fd9d238;--success:var(--green-500);--success-bg:var(--green-50);--danger:var(--red-500);--danger-bg:var(--red-50);--warning:var(--amber-500);--warning-bg:var(--amber-50);--focus-ring:0 0 0 3px #00666647;--focus-ring-inverse:0 0 0 3px #5fbfb666;--font-sans:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Marcellus", Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--text-4xl:3rem;--text-5xl:4rem;--leading-tight:1.15;--leading-snug:1.32;--leading-normal:1.55;--leading-relax:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.14em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:6px;--radius-sm:9px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px #0c1d320f;--shadow-sm:0 2px 6px #0c1d3212, 0 1px 2px #0c1d320d;--shadow-md:0 8px 20px -8px #0c1d3229, 0 2px 6px #0c1d320f;--shadow-lg:0 18px 40px -16px #0c1d3238, 0 4px 10px #0c1d3212;--shadow-xl:0 32px 64px -24px #08152357;--shadow-brand:0 12px 28px -10px #0666;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.13s;--dur-base:.2s;--dur-slow:.32s;--container:1200px;--tap-min:44px;--z-nav:50;--z-sticky:100;--z-overlay:800;--z-modal:900;--z-toast:1000}.dark{--bg-canvas:var(--navy-800);--bg-surface:var(--navy-700);--bg-surface-2:var(--navy-600);--bg-sunken:var(--navy-900);--bg-inverse:var(--neutral-50);--bg-inverse-2:var(--neutral-100);--bg-brand-wash:var(--teal-900);--text-strong:var(--neutral-50);--text-default:var(--neutral-200);--text-muted:var(--neutral-400);--text-subtle:var(--neutral-500);--text-on-inverse:var(--navy-900);--text-on-inverse-muted:var(--navy-500);--border-subtle:var(--navy-600);--border-default:var(--navy-500);--border-strong:var(--navy-400);--focus-ring:var(--focus-ring-inverse)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-default);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5{font-weight:var(--weight-semibold);color:var(--text-strong);line-height:var(--leading-tight);margin:0}p{margin:0}a{color:var(--text-link);text-decoration:none}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}::selection{background:var(--lagoon-300);color:var(--navy-900)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}.ds-shell{grid-template-columns:264px minmax(0,1fr);max-width:1480px;margin:0 auto;display:grid}.ds-rail{border-right:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--neutral-25), var(--bg-surface));height:100vh;padding:var(--space-8) var(--space-5) var(--space-6) var(--space-8);flex-direction:column;align-self:start;display:flex;position:sticky;top:0}.ds-rail .brandline{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.ds-rail .toc-h{font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-subtle);margin:var(--space-5) 0 var(--space-2);font-weight:var(--weight-semibold)}.ds-toc{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ds-toc a{align-items:center;gap:var(--space-3);padding:7px var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);transition:background var(--dur-fast), color var(--dur-fast);border-left:2px solid #0000;margin-left:-2px;display:flex}.ds-toc a .num{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-subtle);width:20px}.ds-toc a:hover{background:var(--bg-brand-wash);color:var(--text-strong)}.ds-toc a.active{background:var(--bg-brand-wash);color:var(--brand);border-left-color:var(--brand);font-weight:var(--weight-medium)}.ds-toc a.active .num{color:var(--brand)}.ds-rail-foot{padding-top:var(--space-5);font-size:var(--text-xs);color:var(--text-subtle);line-height:var(--leading-snug);margin-top:auto}.ds-main{min-width:0}.ds-wrap{max-width:940px;padding:0 var(--space-12);margin:0 auto}.ds-section{padding:var(--space-20) 0;border-bottom:1px solid var(--border-subtle)}.ds-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--brand);text-transform:uppercase;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:inline-flex}.ds-eyebrow:before{content:"";background:var(--brand);width:22px;height:1px}.ds-h2{font-family:var(--font-display);font-weight:400;font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.ds-lead{font-size:var(--text-md);color:var(--text-muted);max-width:64ch;line-height:var(--leading-normal)}.ds-h3{font-size:var(--text-lg);margin:var(--space-12) 0 var(--space-5);align-items:center;gap:var(--space-3);display:flex}.ds-h3:before{content:"";background:var(--brand);border-radius:2px;width:7px;height:7px}.ds-h4{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-bold);margin:var(--space-8) 0 var(--space-4)}.ds-note{color:var(--text-muted);font-size:var(--text-base);margin:var(--space-4) 0}.ds-demo{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, repeating-conic-gradient(var(--neutral-50) 0% 25%, transparent 0% 50%) 0 0 / 18px 18px;background-color:var(--bg-surface);padding:var(--space-8);margin:var(--space-5) 0;gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.ds-demo.col{flex-direction:column;align-items:stretch}.ds-demo.center{justify-content:center}.ds-demo.dark{background:var(--bg-inverse);border-color:var(--navy-800)}.ds-caption{font-size:var(--text-xs);color:var(--text-subtle);margin-top:var(--space-2);font-family:var(--font-mono)}.swatch-grid{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.swatch{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.swatch .chip{height:72px}.swatch .meta{padding:var(--space-3)}.swatch .nm{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong)}.swatch .hx{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase}.swatch .role{font-size:var(--text-2xs);color:var(--text-subtle);margin-top:2px}.ramp{border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin:var(--space-3) 0;display:flex;overflow:hidden}.ramp span{height:52px;font-family:var(--font-mono);color:#ffffffd9;flex:1;justify-content:center;align-items:flex-end;padding-bottom:5px;font-size:9px;display:flex}.ramp span.dk{color:#00000080}.type-spec{border-top:1px solid var(--border-subtle);padding:var(--space-5) 0;gap:var(--space-6);grid-template-columns:130px 1fr;align-items:baseline;display:grid}.type-spec .lbl{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.type-spec .lbl b{color:var(--text-strong);font-family:var(--font-sans);font-size:var(--text-sm);margin-bottom:2px;display:block}.type-spec .demo-t{color:var(--text-strong)}.scale-row{align-items:center;gap:var(--space-4);padding:7px 0;display:flex}.scale-row .bar{background:var(--brand);border-radius:3px;height:16px}.scale-row .t{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);width:96px}.box-grid{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.box-demo{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-5);text-align:center}.box-demo .sq{background:var(--brand-subtle);border:1px solid var(--teal-200);height:64px;margin-bottom:var(--space-3)}.box-demo .t{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.elev-grid{gap:var(--space-6);margin:var(--space-6) 0 var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.elev-card{background:var(--bg-surface);border-radius:var(--radius-md);height:92px;padding-bottom:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);justify-content:center;align-items:flex-end;display:flex}.tok-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin:var(--space-5) 0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.tok-table th{text-align:left;background:var(--bg-sunken);color:var(--text-muted);font-weight:var(--weight-semibold);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-3) var(--space-4)}.tok-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);vertical-align:middle}.tok-table td:first-child{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--brand);white-space:nowrap}.tok-dot{border:1px solid var(--border-default);vertical-align:-3px;width:16px;height:16px;margin-right:var(--space-2);border-radius:4px;display:inline-block}.dd-grid{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:1fr 1fr;display:grid}.dd{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);background:var(--bg-surface)}.dd h5{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.dd.do h5{color:var(--success)}.dd.dont h5{color:var(--danger)}.dd ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dd li{font-size:var(--text-sm);color:var(--text-default);padding-left:20px;position:relative}.dd.do li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.dd.dont li:before{content:"✕";color:var(--danger);font-weight:700;position:absolute;left:0}@media (width<=980px){.ds-shell{grid-template-columns:1fr}.ds-rail{display:none}.ds-wrap{padding:0 var(--space-6)}.dd-grid,.type-spec{grid-template-columns:1fr}}.cc-logo{align-items:center;gap:10px;display:inline-flex}.cc-mark{background:#fff url(/assets/capcana-shield-BxbUm11E.png) 50%/86% no-repeat;border-radius:9px;flex:none;width:34px;height:34px}.cc-mark.lg{border-radius:13px;width:52px;height:52px}.cc-mark--white{box-shadow:none;background-color:#0000;background-image:url(/assets/capcana-shield-white-Dwk4LMnF.png);background-size:94%}.cc-word{font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:-.01em;color:var(--text-strong);line-height:1}.cc-word .pay{color:var(--brand)}.cc-word.on-dark{color:#fff}.cc-word.on-dark .pay{color:var(--lagoon-300)}.cc-logo .sub{letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-subtle);margin-top:3px;font-size:9px}.cc-btn{--bg:var(--brand);--fg:var(--brand-on);--bd:transparent;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:0 var(--space-5);border:1px solid var(--bd);border-radius:var(--radius-md);background:var(--bg);min-width:44px;height:44px;color:var(--fg);transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-fast), box-shadow var(--dur-fast);white-space:nowrap;display:inline-flex}.cc-btn:hover{filter:brightness(.95)}.cc-btn:active{transform:translateY(1px)}.cc-btn .ic{width:18px;height:18px}.cc-btn--primary{box-shadow:var(--shadow-brand)}.cc-btn--primary:hover{box-shadow:0 8px 18px -8px #00666680}.cc-btn--secondary{--bg:var(--bg-surface);--fg:var(--brand);--bd:var(--border-default);box-shadow:var(--shadow-xs)}.cc-btn--secondary:hover{--bd:var(--brand);filter:none;background:var(--brand-subtle)}.cc-btn--ghost{--bg:transparent;--fg:var(--text-default)}.cc-btn--ghost:hover{background:var(--bg-sunken);filter:none}.cc-btn--danger{--bg:var(--red-500)}.cc-btn--inverse{--bg:var(--lagoon-400);--fg:var(--navy-900)}.cc-btn--block{width:100%}.cc-btn--lg{height:52px;font-size:var(--text-md);padding:0 var(--space-6)}.cc-btn--sm{height:36px;font-size:var(--text-sm);padding:0 var(--space-4);border-radius:var(--radius-sm)}.cc-btn--pill{border-radius:var(--radius-pill)}.cc-btn[disabled],.cc-btn.is-disabled{opacity:.45;pointer-events:none;box-shadow:none}.cc-btn--icon{width:44px;padding:0}.cc-field{flex-direction:column;gap:6px;display:flex}.cc-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-default)}.cc-label .req{color:var(--danger)}.cc-input,.cc-select{height:48px;padding:0 var(--space-4);width:100%;font-size:var(--text-base);color:var(--text-strong);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);font-family:inherit}.cc-input::placeholder{color:var(--text-subtle)}.cc-input:focus,.cc-select:focus{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}.cc-input.with-icon{padding-left:44px}.cc-input-wrap{position:relative}.cc-input-wrap .lead{color:var(--text-subtle);pointer-events:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.cc-input-toggle{cursor:pointer;color:var(--text-subtle);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cc-help{font-size:var(--text-xs);color:var(--text-muted)}.cc-error-txt{font-size:var(--text-xs);color:var(--danger);align-items:center;gap:5px;display:flex}.cc-field.is-error .cc-input,.cc-field.is-error .cc-select{border-color:var(--danger);box-shadow:0 0 0 3px var(--red-50)}.cc-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236C7A7A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.cc-check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-default);display:inline-flex}.cc-check input{width:18px;height:18px;accent-color:var(--brand)}.cc-seg{background:var(--bg-sunken);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.cc-seg button{padding:7px var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);background:0 0;border:0}.cc-seg button.active{background:var(--bg-surface);color:var(--brand);box-shadow:var(--shadow-xs)}.consumer-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.prop-pills{gap:var(--space-2);padding-bottom:2px;display:flex;overflow-x:auto}.prop-pills::-webkit-scrollbar{display:none}.prop-pills button{white-space:nowrap;border:1px solid var(--border-default);background:var(--bg-surface);padding:7px var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-default);transition:all var(--dur-fast)}.prop-pills button:hover{border-color:var(--border-strong)}.prop-pills button.active{background:var(--brand);color:var(--brand-on);border-color:var(--brand)}.search-box{flex-shrink:0;width:100%;max-width:260px;position:relative}.search-box svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{width:100%;height:38px;font-size:var(--text-sm);color:var(--text-strong);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);padding:0 16px 0 42px;font-family:inherit}.search-box input:focus{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}.cc-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.cc-card--pad{padding:var(--space-6)}.cc-card--flat{box-shadow:none}.cc-card--interactive{transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base), border-color var(--dur-base);cursor:pointer}.cc-card--interactive:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-2px)}.cc-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-pill);letter-spacing:.01em;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.cc-badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.cc-badge--paid{background:var(--green-50);color:var(--green-700)}.cc-badge--due{background:var(--amber-50);color:var(--amber-700)}.cc-badge--overdue{background:var(--red-50);color:var(--red-700)}.cc-badge--pending{background:var(--neutral-100);color:var(--neutral-600)}.cc-badge--brand{background:var(--brand-subtle);color:var(--brand)}.cc-svc-ic{border-radius:var(--radius-md);flex:none;place-items:center;width:46px;height:46px;display:grid}.cc-svc-ic svg{width:24px;height:24px}.cc-svc-ic--water{color:#2c7da8;background:#e4f1f7}.cc-svc-ic--power{color:#c08a1e;background:#fbf1dc}.cc-svc-ic--phone{background:var(--brand-subtle);color:var(--brand)}.cc-svc-ic--hoa{color:#6b5bae;background:#ede9f6}.cc-row{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);display:flex}.cc-row+.cc-row{border-top:1px solid var(--border-subtle)}.cc-row .grow{flex:1;min-width:0}.cc-row .title{font-weight:var(--weight-semibold);color:var(--text-strong);font-size:var(--text-base)}.cc-row .sub{font-size:var(--text-sm);color:var(--text-muted)}.cc-amount{font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);color:var(--text-strong);font-weight:var(--weight-bold)}.cc-amount .cur{color:var(--text-muted);font-size:.55em;font-weight:var(--weight-semibold);vertical-align:.15em;margin-right:2px}.cc-amount .sec{color:var(--text-muted);font-size:.5em;font-weight:var(--weight-medium);letter-spacing:0;display:block}.cc-cc{aspect-ratio:1.585;border-radius:var(--radius-lg);padding:var(--space-5);color:#fff;box-shadow:var(--shadow-lg);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.cc-cc:after{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-40px}.cc-cc--brand{background:linear-gradient(135deg, var(--teal-500), var(--navy-700))}.cc-cc--steel{background:linear-gradient(135deg, var(--steel-500), var(--navy-800))}.cc-cc--ink{background:linear-gradient(135deg, var(--navy-600), var(--navy-900))}.cc-cc .chip-ic{z-index:1;background:linear-gradient(135deg,#e7d8a8,#c9a24b);border-radius:6px;width:38px;height:28px;position:relative}.cc-cc .num{font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:.06em;z-index:1}.cc-cc .foot{z-index:1;justify-content:space-between;align-items:flex-end;display:flex}.cc-cc .foot .k{letter-spacing:var(--tracking-wide);text-transform:uppercase;opacity:.7;font-size:9px}.cc-cc .foot .v{font-size:var(--text-sm);font-weight:var(--weight-medium)}.cc-cc .brandtag{top:var(--space-5);right:var(--space-5);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:.02em;z-index:1;position:absolute}.cc-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);background:#0815238c;place-items:center;display:grid;position:absolute;inset:0}.cc-modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:min(420px,90%);padding:var(--space-8);text-align:center}.cc-modal .ic-wrap{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:50%;place-items:center;display:grid}.cc-modal h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.cc-modal p{color:var(--text-muted);margin-bottom:var(--space-6)}.cc-modal .actions{gap:var(--space-3);display:flex}.cc-modal .actions .cc-btn{flex:1}.cc-topbar{align-items:center;gap:var(--space-8);padding:0 var(--space-8);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);height:68px;display:flex}.cc-topbar nav{gap:var(--space-2);margin-left:auto;display:flex}.cc-topbar nav a{padding:9px var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted)}.cc-topbar nav a.active{background:var(--brand-subtle);color:var(--brand)}.cc-topbar nav a:hover:not(.active){background:var(--bg-sunken);color:var(--text-strong)}.cc-tabbar{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:8px 6px calc(8px + env(safe-area-inset-bottom));display:flex}.cc-tabbar a{color:var(--text-subtle);font-size:10px;font-weight:var(--weight-medium);flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px;display:flex}.cc-tabbar a svg{width:23px;height:23px}.cc-tabbar a.active{color:var(--brand)}.cc-tabbar .fab{flex:none;margin-top:-26px}.cc-tabbar .fab .b{background:var(--brand);color:#fff;width:54px;height:54px;box-shadow:var(--shadow-brand);border-radius:50%;place-items:center;display:grid}.cc-tabbar .fab .b svg{width:26px;height:26px}.cc-phone{width:390px;box-shadow:var(--shadow-xl), inset 0 0 0 2px #ffffff0f;background:#0a0f14;border-radius:46px;flex:none;padding:12px}.cc-phone .screen{background:var(--bg-canvas);border-radius:36px;flex-direction:column;height:800px;display:flex;position:relative;overflow:hidden}.cc-phone .notch{z-index:30;background:#0a0f14;border-radius:0 0 18px 18px;width:134px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cc-statusbar{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-strong);z-index:20;flex:none;justify-content:space-between;align-items:center;padding:12px 26px 6px;display:flex}.cc-statusbar.on-dark{color:#fff}.cc-statusbar .ico{align-items:center;gap:5px;display:flex}.cc-app-scroll{flex:1;overflow:hidden auto}.cc-app-scroll::-webkit-scrollbar{width:0}.cc-browser{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-default);background:var(--bg-surface);width:100%;overflow:hidden}.cc-browser .chrome{align-items:center;gap:var(--space-3);padding:11px var(--space-4);background:var(--neutral-50);border-bottom:1px solid var(--border-subtle);display:flex}.cc-browser .dots{gap:7px;display:flex}.cc-browser .dots i{background:var(--neutral-300);border-radius:50%;width:11px;height:11px}.cc-browser .url{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);height:26px;padding:0 var(--space-3);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);flex:1;align-items:center;gap:6px;display:flex}.screen-canvas{background:radial-gradient(circle at 50% 0%, var(--neutral-100), var(--neutral-50));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-12);margin:var(--space-6) 0}.screen-row{gap:var(--space-10);flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}.screen-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong);margin-bottom:var(--space-4);text-align:center}.screen-label span{font-weight:var(--weight-regular);color:var(--text-muted);font-size:var(--text-xs);margin-top:2px;display:block}.cc-empty .ill{background:var(--brand-subtle);width:72px;height:72px;color:var(--brand);margin:0 auto var(--space-4);border-radius:50%;place-items:center;display:grid}.cc-empty h4{font-size:var(--text-md);margin-bottom:6px}.cc-empty p{color:var(--text-muted);font-size:var(--text-sm);max-width:34ch;margin:0 auto var(--space-5)}.stack{flex-direction:column;display:flex}.row{align-items:center;margin:0;display:flex}.between{justify-content:space-between}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.app-container{width:100%;max-width:1200px;margin:0 auto}.app-pad{padding:var(--space-5)}.app-section-h{margin:var(--space-5) 0 var(--space-3);justify-content:space-between;align-items:center;display:flex}.app-section-h h3{font-size:var(--text-md)}.app-section-h a{font-size:var(--text-sm);color:var(--brand);font-weight:var(--weight-medium)}.app-greet{justify-content:space-between;align-items:center;display:flex}.app-greet .hi{font-size:var(--text-sm);color:var(--text-muted)}.app-greet .nm{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-strong)}.app-avatar{background:linear-gradient(135deg,var(--teal-400),var(--navy-600));color:#fff;width:42px;height:42px;font-weight:var(--weight-bold);font-size:var(--text-base);border-radius:50%;flex:none;place-items:center;display:grid}.app-iconbtn{background:var(--bg-surface);border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid;position:relative}.app-iconbtn .badge-dot{background:var(--danger);border:2px solid var(--bg-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.total-card{border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);color:#fff;background:radial-gradient(120% 130% at 90% -10%, #5fbfb64d, transparent 55%), linear-gradient(150deg, var(--teal-500), var(--navy-700));box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.total-card-left{flex:1;min-width:280px}.total-card-right{gap:var(--space-8);text-align:right;flex-wrap:wrap;align-items:center;display:flex}.total-card .lbl{font-size:var(--text-sm);color:#bfdcd8;align-items:center;gap:7px;margin-bottom:4px;display:flex}.total-card .amt{font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);margin:0;font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1}.total-card .amt .cur{vertical-align:.45em;color:#cfe6e2;margin-right:3px;font-size:.42em}.total-card .sub2{font-size:var(--text-sm);color:#aec9c5;margin-top:6px}.total-card .meta-row{row-gap:var(--space-4);flex-wrap:wrap;display:flex}.total-card .meta-col{text-align:left;padding-left:var(--space-6);border-left:1px solid #ffffff24;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.total-card .meta-col .k{font-size:var(--text-2xs);color:#a6c2be;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;line-height:1.3}.total-card .meta-col .v{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-top:2px;line-height:1.25}.total-card .cta{margin-left:var(--space-4)}.svc-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex}.svc-card .grow{flex:1;min-width:0}.svc-card .nm{font-weight:var(--weight-semibold);color:var(--text-strong);font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.svc-card .meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.svc-card .right{text-align:right;flex:none}.svc-card .amt{font-weight:var(--weight-bold);color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:var(--text-md)}.svc-card .amt.muted{color:var(--text-muted);font-weight:var(--weight-semibold)}.svc-card.stacked{align-items:stretch;gap:var(--space-3);flex-direction:column}.svc-card .topline{align-items:center;gap:var(--space-3);display:flex}.mv-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;display:flex}.mv-row+.mv-row{border-top:1px solid var(--border-subtle)}.mv-row .grow{flex:1;min-width:0}.mv-row .t{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--text-strong)}.mv-row .s{font-size:var(--text-xs);color:var(--text-muted)}.mv-row .amt{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;font-size:var(--text-base);color:var(--text-strong)}.mv-ic{border-radius:var(--radius-md);flex:none;place-items:center;width:38px;height:38px;display:grid}.mv-ic svg{width:19px;height:19px}.month-h{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:var(--space-5) 0 var(--space-2)}.login-split{grid-template-columns:1.05fr 1fr;min-height:560px;display:grid;position:relative}.login-aside{padding:var(--space-12);color:#fff;background:radial-gradient(120% 100% at 80% 0%, #5fbfb640, transparent 55%), linear-gradient(160deg, var(--teal-600), var(--navy-800));flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login-aside:after{content:"";opacity:.5;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.login-aside .la-top,.login-aside .la-mid,.login-aside .la-foot{z-index:1;position:relative}.login-aside .la-title{font-family:var(--font-display);font-size:var(--text-2xl);margin:var(--space-6) 0 var(--space-3);color:#fbfdfc;line-height:1.12}.login-aside .la-sub{color:#b9cfcb;font-size:var(--text-base);max-width:34ch}.login-aside .la-foot{gap:var(--space-5);font-size:var(--text-xs);color:#9db8b4;display:flex}.login-aside .la-foot span{align-items:center;gap:6px;display:flex}.login-form{padding:var(--space-12);justify-content:center;gap:var(--space-4);background:var(--bg-surface);flex-direction:column;display:flex}.login-form h2{font-size:var(--text-2xl)}.login-form .sub{color:var(--text-muted);font-size:var(--text-base);margin-bottom:var(--space-2)}.login-form .row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=900px){.login-split{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-aside{padding:var(--space-6);gap:var(--space-3)}.login-aside .la-title{font-size:var(--text-xl);margin:var(--space-2) 0}.login-aside .la-sub,.login-aside .la-foot{display:none}.login-form{padding:var(--space-6);justify-content:flex-start}}.pay-head{text-align:center}.pay-head .svc{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium);align-items:center;gap:8px;display:inline-flex}.pay-amount{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);margin:var(--space-2) 0 2px}.pay-amount .cur{vertical-align:.5em;color:var(--text-muted);margin-right:3px;font-size:.4em}.pay-amount.sec,.pay-amount .sec{font-size:var(--text-base);color:var(--text-muted);font-weight:var(--weight-medium)}.breakdown{flex-direction:column;display:flex}.bd-row{justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;font-size:var(--text-sm);display:flex}.bd-row+.bd-row{border-top:1px solid var(--border-subtle)}.bd-row .k{color:var(--text-muted)}.bd-row .v{color:var(--text-strong);font-weight:var(--weight-medium);text-align:right}.method-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;display:flex}.method-row.sel{border-color:var(--brand);box-shadow:var(--focus-ring)}.method-row .brandmk{background:var(--neutral-100);width:40px;height:26px;color:var(--text-muted);letter-spacing:.02em;border-radius:5px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.method-row .brandmk.mc{color:#e2562b;background:#fbede6}.method-row .brandmk.visa{color:#1a3e8c;background:#e8eff8}.method-row .grow{flex:1}.method-row .num{font-weight:var(--weight-semibold);color:var(--text-strong);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.method-row .exp{font-size:var(--text-xs);color:var(--text-muted)}.radio-dot{border:2px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.method-row.sel .radio-dot{border-color:var(--brand)}.method-row.sel .radio-dot:after{content:"";background:var(--brand);border-radius:50%;width:10px;height:10px}.success-wrap{text-align:center;padding:var(--space-8) var(--space-5)}@keyframes pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.wallet-row{align-items:center;gap:var(--space-4);display:flex}.wallet-row .mini-card{flex:none;width:70px}.wallet-row .grow{flex:1}.profile-field{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.profile-field .k{font-size:var(--text-xs);color:var(--text-muted)}.profile-head{text-align:center}.profile-head .av{background:linear-gradient(135deg,var(--teal-400),var(--navy-600));color:#fff;width:78px;height:78px;font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 auto var(--space-3);border-radius:50%;place-items:center;display:grid}.dash-layout{gap:var(--space-10);flex-direction:column;display:flex}.dash-svc-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.dash-masonry{column-count:3;column-gap:var(--space-5)}.dash-masonry .masonry-item{width:100%;margin-bottom:var(--space-5);display:inline-block}@media (width<=900px){.dash-svc-grid{grid-template-columns:1fr 1fr}.dash-masonry{column-count:2}}@media (width<=700px){.dash-svc-grid{grid-template-columns:1fr}.dash-masonry{column-count:1}.total-card{flex-direction:column;align-items:flex-start}.total-card-right,.total-card .meta-col{text-align:left;border-left:none;padding-left:0}.total-card .meta-col{padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid #ffffff24}.total-card .cta{width:100%;margin-left:0}.total-card .cta .cc-btn{width:100%}.app-section-h{gap:var(--space-3);flex-wrap:wrap}.app-section-h>div{flex-wrap:wrap}}.truncate-1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flip-up{margin-top:0!important;margin-bottom:4px!important;top:auto!important;bottom:100%!important}.cc-badge--agua{color:#2c7da8;background:#e4f1f7}.cc-badge--energia{color:#c08a1e;background:#fbf1dc}.cc-badge--telefono{background:var(--brand-subtle);color:var(--brand)}.cc-badge--apca{color:#4a5568;background:#f0f2f5}.cc-filter-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;transition:all .2s;display:flex}.cc-filter-pill:hover{background:var(--bg-sunken);color:var(--text-strong)}@media (width<=1024px){#login,#appShell{flex-direction:column;flex:1;width:100%;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative}#login,#appShell{flex-direction:column;flex:1;min-height:0;display:flex}#login[hidden],#appShell[hidden]{display:none}.m-topbar{background:var(--bg-surface);z-index:var(--z-nav);flex:none;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.m-topbar .cc-logo{margin-right:auto}.m-topbar .app-iconbtn{width:38px;height:38px}.m-scroll{padding:var(--space-4) var(--space-4) var(--space-10);flex:1;overflow:hidden auto}.m-scroll::-webkit-scrollbar{width:0}.m-tabs{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:var(--z-nav);background:#ffffffd9;flex:none;align-items:flex-end;display:flex;position:sticky;bottom:0}.m-tabs a{color:var(--text-subtle);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px;font-size:10px;font-weight:500;display:flex}.m-tabs a svg{width:23px;height:23px}.m-tabs a.active{color:var(--brand)}.dash-grid{gap:var(--space-5)!important;grid-template-columns:1fr!important}.dash-svc-grid{grid-template-columns:1fr!important}.page-h{margin-bottom:var(--space-5);min-width:0}.page-h h1{font-size:var(--text-xl);white-space:normal;line-height:1.2}.app-section-h{margin:var(--space-5) 0 var(--space-3)}.app-section-h h3{line-height:1.25}#view .screen-anim{max-width:100%!important}.pay-entity-h{flex-wrap:wrap;row-gap:6px}.pay-entity-h .selall{font-size:11px}.pay-entity-h>div:first-of-type{min-width:0}.pay-entity-h .nm{white-space:normal}.total-card{padding:var(--space-4)!important;align-items:stretch!important;gap:var(--space-4)!important;border-radius:var(--radius-lg)!important;flex-direction:column!important}.total-card-left{flex:none!important;min-width:0!important;margin-bottom:0!important}.total-card-right{align-items:stretch!important;gap:var(--space-4)!important;text-align:left!important;flex-direction:column!important;flex:none!important}.total-card .meta-col{padding-left:0!important;padding-top:var(--space-4)!important;border-top:1px solid #ffffff24!important;border-left:none!important;margin-top:0!important}.total-card .cta{width:100%!important;margin-left:0!important}.total-card .cta .cc-btn{width:100%}.avatar-menu{position:relative}.avatar-btn{cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:flex}.avatar-dd{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;opacity:0;pointer-events:none;min-width:200px;padding:6px;transition:opacity .15s,transform .15s;position:absolute;top:46px;right:0;transform:translateY(-6px)}.avatar-dd.open{opacity:1;pointer-events:auto;transform:none}.avatar-dd .who{border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding:8px 12px 10px}.avatar-dd .who b{font-size:var(--text-sm);color:var(--text-strong);display:block}.avatar-dd .who span{font-size:var(--text-xs);color:var(--text-muted)}.avatar-dd a{border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-default);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;display:flex}.avatar-dd a:hover{background:var(--bg-sunken)}.avatar-dd a svg{width:17px;height:17px;color:var(--text-muted)}.avatar-dd a.danger,.avatar-dd a.danger svg{color:var(--danger)}.m-login{flex-direction:column;flex:1;display:flex}.m-login-hero{text-align:center;color:#fff;background:radial-gradient(120% 100% at 80% 0%, #5fbfb640, transparent 55%), linear-gradient(160deg, var(--teal-600), var(--navy-800));padding:40px 26px 34px;position:relative;overflow:hidden}.m-login-hero .cc-logo{justify-content:center;margin-bottom:20px}.m-login-hero .t{font-family:var(--font-display);font-size:var(--text-2xl);color:#fbfdfc;line-height:1.12}.m-login-hero .s{color:#b9cfcb;font-size:var(--text-sm);margin-top:8px}.m-login-form{gap:var(--space-4);flex-direction:column;flex:1;padding:26px 24px;display:flex}.m-login-form .row-between{justify-content:space-between;align-items:center;display:flex}.cc-scrim.scrim-fixed{position:fixed;inset:0}.toast{background:var(--navy-800);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-xl);font-size:var(--text-sm);font-weight:var(--weight-medium);opacity:0;pointer-events:none;transition:opacity var(--dur-base), transform var(--dur-base);z-index:var(--z-toast);align-items:center;gap:9px;padding:12px 18px;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{width:18px;height:18px;color:var(--lagoon-400)}.consumer-toolbar{align-items:stretch!important;gap:var(--space-4)!important;flex-direction:column-reverse!important}.consumer-toolbar .search-box{max-width:none!important}.consumer-toolbar .search-box input{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;height:46px!important;box-shadow:var(--shadow-xs)!important;border-radius:var(--radius-pill)!important;padding-left:42px!important}.consumer-toolbar .search-box svg{left:16px!important}#printArea{display:none}@media print{body>:not(#printArea){display:none!important}#printArea{display:block!important}#printArea .receipt-doc{box-shadow:none;border:0;max-width:100%}.rcpt-page{page-break-after:always}.rcpt-page:last-child{page-break-after:auto}@page{margin:16mm}}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}*{border-color:var(--border-default)}body{background-color:var(--bg-canvas);font-family:var(--font-sans);color:var(--text-default)}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:var(--space-0)}.-bottom-24{bottom:calc(var(--space-24) * -1)}.-left-24{left:calc(var(--space-24) * -1)}.-right-24{right:calc(var(--space-24) * -1)}.-top-24{top:calc(var(--space-24) * -1)}.bottom-full{bottom:100%}.right-0{right:var(--space-0)}.right-3{right:var(--space-3)}.top-0{top:var(--space-0)}.top-1\/2{top:50%}.top-\[38px\]{top:38px}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-auto{top:auto}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-0{margin:var(--space-0)}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.-ml-1{margin-left:calc(var(--space-1) * -1)}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-16{margin-left:var(--space-16)}.ml-2{margin-left:var(--space-2)}.ml-8{margin-left:var(--space-8)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mt-0{margin-top:var(--space-0)}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-12{height:var(--space-12)}.h-14{height:3.5rem}.h-24{height:var(--space-24)}.h-48{height:12rem}.h-5{height:var(--space-5)}.h-6{height:var(--space-6)}.h-8{height:var(--space-8)}.h-\[18px\]{height:18px}.h-\[38px\]{height:38px}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[50vh\]{min-height:50vh}.min-h-\[68px\]{min-height:68px}.min-h-screen{min-height:100vh}.w-12{width:var(--space-12)}.w-24{width:var(--space-24)}.w-48{width:12rem}.w-5{width:var(--space-5)}.w-6{width:var(--space-6)}.w-8{width:var(--space-8)}.w-\[18px\]{width:18px}.w-\[260px\]{width:260px}.w-full{width:100%}.min-w-0{min-width:var(--space-0)}.min-w-\[160px\]{min-width:160px}.min-w-\[220px\]{min-width:220px}.max-w-14{max-width:3.5rem}.max-w-\[1080px\]{max-width:1080px}.max-w-\[34ch\]{max-width:34ch}.max-w-\[400px\]{max-width:400px}.max-w-\[600px\]{max-width:600px}.max-w-\[840px\]{max-width:840px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1{--tw-translate-y:calc(var(--space-1) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:var(--space-0);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:var(--space-1)}.gap-1\.5{gap:.375rem}.gap-2{gap:var(--space-2)}.gap-2\.5{gap:.625rem}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-\[6px\]{gap:6px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\[2\.5px\]{border-width:2.5px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-l-4{border-left-width:4px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-border-default{border-color:var(--border-default)}.border-border-subtle{border-color:var(--border-subtle)}.border-brand{border-color:var(--brand)}.border-danger{border-color:var(--danger)}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-teal-100{border-color:var(--teal-100)}.border-transparent{border-color:#0000}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-t-brand{border-top-color:var(--brand)}.bg-\[\#E3F2FD\]{--tw-bg-opacity:1;background-color:rgb(227 242 253/var(--tw-bg-opacity,1))}.bg-\[\#EDE7F6\]{--tw-bg-opacity:1;background-color:rgb(237 231 246/var(--tw-bg-opacity,1))}.bg-\[\#FFF3E0\]{--tw-bg-opacity:1;background-color:rgb(255 243 224/var(--tw-bg-opacity,1))}.bg-bg-surface{background-color:var(--bg-surface)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-brand-subtle{background-color:var(--brand-subtle)}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-200{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-50\/30{background-color:#ecfdf54d}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-teal-400{background-color:var(--teal-400)}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-tr{background-image:linear-gradient(to top right, var(--tw-gradient-stops))}.from-emerald-100{--tw-gradient-from:#d1fae5 var(--tw-gradient-from-position);--tw-gradient-to:#d1fae500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-teal-50{--tw-gradient-to:var(--teal-50) var(--tw-gradient-to-position)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-\[5px\]{padding:5px}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[9px\]{padding-left:9px;padding-right:9px}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.pb-10{padding-bottom:var(--space-10)}.pb-16{padding-bottom:var(--space-16)}.pb-3{padding-bottom:var(--space-3)}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pt-8{padding-top:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.align-\[-3px\]{vertical-align:-3px}.font-display{font-family:var(--font-display)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.2\]{line-height:1.2}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[\#1a202c\]{--tw-text-opacity:1;color:rgb(26 32 44/var(--tw-text-opacity,1))}.text-\[\#9DB8B4\]{--tw-text-opacity:1;color:rgb(157 184 180/var(--tw-text-opacity,1))}.text-\[\#B9CFCB\]{--tw-text-opacity:1;color:rgb(185 207 203/var(--tw-text-opacity,1))}.text-\[\#FBFDFC\]{--tw-text-opacity:1;color:rgb(251 253 252/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-brand{color:var(--brand)}.text-current{color:currentColor}.text-danger{color:var(--danger)}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-text-default{color:var(--text-default)}.text-text-muted{color:var(--text-muted)}.text-text-strong{color:var(--text-strong)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 20px 50px #0003;--tw-shadow-colored:0 20px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-gray-900\/10{--tw-shadow-color:#1118271a;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.app-topbar{z-index:var(--z-nav);position:sticky;top:0}.app-topbar nav{gap:var(--space-1);margin-left:var(--space-8);display:flex}.app-topbar nav a{padding:9px var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer}.app-topbar nav a.active{background:var(--brand-subtle);color:var(--brand)}.app-topbar nav a:hover:not(.active){background:var(--bg-sunken);color:var(--text-strong)}.app-wrap{max-width:1080px;padding:var(--space-8) var(--space-8) var(--space-16);margin:0 auto}.screen-anim{animation:scr .26s var(--ease-out)}@keyframes scr{0%{transform:translateY(10px)}to{transform:none}}.login-shell,.login-split{min-height:100vh}.login-form form{gap:var(--space-4);flex-direction:column;display:flex}.avatar-menu{position:relative}.avatar-btn{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 4px 4px 8px;display:flex}.avatar-btn:hover{background:var(--bg-sunken)}.avatar-btn .chev{color:var(--text-subtle);transition:transform var(--dur-fast)}.avatar-btn.open .chev{transform:rotate(180deg)}.avatar-dd{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:var(--z-nav);opacity:0;pointer-events:none;transition:opacity var(--dur-fast), transform var(--dur-fast);padding:6px;position:absolute;top:56px;right:0;transform:translateY(-6px)}.avatar-dd.open{opacity:1;pointer-events:auto;transform:none}.avatar-dd .who{border-bottom:1px solid var(--border-subtle);text-align:left;margin-bottom:4px;padding:8px 12px 10px}.avatar-dd .who b{font-size:var(--text-sm);color:var(--text-strong);display:block}.avatar-dd .who span{font-size:var(--text-xs);color:var(--text-muted)}.avatar-dd a,.avatar-dd button{border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-default);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;display:flex}.avatar-dd a:hover,.avatar-dd button:hover{background:var(--bg-sunken)}.avatar-dd a svg,.avatar-dd button svg{width:17px;height:17px;color:var(--text-muted)}.avatar-dd a.danger,.avatar-dd a.danger svg,.avatar-dd button.danger,.avatar-dd button.danger svg{color:var(--danger)}.page-h{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-h h1{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);white-space:nowrap}.page-h .hi{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:2px}.svc-card.clickable{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base), border-color var(--dur-base)}.svc-card.clickable:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-2px)}.link-btn{color:var(--brand);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.view-toggle{background:var(--bg-sunken);border-radius:var(--radius-md);padding:4px;display:inline-flex}.vt-btn{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--dur-fast);background:0 0;border:0;padding:6px 12px;font-family:inherit}.vt-btn.is-on{background:var(--bg-surface);color:var(--text-strong);box-shadow:var(--shadow-sm)}.vt-btn:hover:not(.is-on){color:var(--text-strong)}.cc-filter-pill{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--dur-fast);white-space:nowrap;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;display:inline-flex}.cc-filter-pill:hover{border-color:var(--border-default);color:var(--text-strong);background:var(--bg-sunken)}.cc-filter-pill.is-active{background:var(--brand-subtle);color:var(--brand);border-color:var(--brand);font-weight:var(--weight-semibold)}.cc-filter-pill .cc-svc-ic{border-radius:5px;width:20px;height:20px}.prop-card{padding:var(--space-4);flex-direction:column;display:flex}.prop-ic{background:var(--brand-subtle);color:var(--brand);border-radius:var(--radius-md);place-items:center;width:44px;height:44px;display:grid}.prop-svcs{margin-top:var(--space-4);flex-direction:column;flex:1;display:flex}.prop-svc{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px dashed var(--border-subtle);display:flex}.prop-svc:first-child{border-top:0;padding-top:0}.ps-nm{font-size:var(--text-sm);color:var(--text-strong);flex:1;min-width:0;font-weight:500}.ps-amt{font-size:var(--text-sm);color:var(--text-strong);font-variant-numeric:tabular-nums;font-weight:600}.prop-foot{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);padding-left:var(--space-1);padding-right:var(--space-1);justify-content:space-between;align-items:center;min-height:36px;margin-top:auto;display:flex}.svc-card.stacked>.row.between{padding:var(--space-3) var(--space-1) 0;border-top:1px solid var(--border-subtle);min-height:36px;margin-top:auto}.svc-card.stacked{flex-direction:column;display:flex}.profile-field{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:12px 14px}.profile-field .k{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px}.profile-field .v{font-size:var(--text-sm);color:var(--text-strong);font-weight:500}.profile-head{text-align:center;margin-bottom:var(--space-6)}.profile-head .av{background:var(--brand-subtle);width:64px;height:64px;color:var(--brand);font-size:var(--text-2xl);margin:0 auto var(--space-3);border-radius:50%;place-items:center;font-weight:700;display:grid}.cc-empty{text-align:center;padding:var(--space-8) var(--space-4)}.cc-empty .ill{color:var(--text-muted);margin-bottom:var(--space-3)}.cc-empty h4{margin-bottom:var(--space-2)}.cc-empty p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.cc-empty--success .ill{color:var(--success);width:64px;height:64px;margin:0 auto var(--space-4);background:var(--success-bg);border-radius:50%;justify-content:center;align-items:center;display:flex}.cc-empty--success .ill svg{width:32px;height:32px}.profile-hero{align-items:center;gap:var(--space-4);display:flex}.profile-av-lg{background:var(--brand-subtle);width:56px;height:56px;color:var(--brand);font-size:var(--text-2xl);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.profile-hero .grow{flex:1;min-width:0}.cd-grid{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.cd-field{min-width:0}.cd-k{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px}.cd-v{font-size:var(--text-sm);color:var(--text-strong);font-weight:500}.cd-v.mono{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace)}.acct-list{gap:var(--space-3);flex-direction:column;display:flex}.acct-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--dur-fast)}.acct-card:hover{border-color:var(--border-default)}.acct-top{align-items:center;gap:var(--space-3);display:flex}.acct-ic{border-radius:var(--radius-md);background:var(--brand-subtle);width:36px;height:36px;color:var(--brand);flex:none;place-items:center;display:grid}.acct-top .grow{flex:1;min-width:0}.acct-k{font-size:var(--text-sm);color:var(--text-strong);font-weight:600}.acct-id{font-size:var(--text-sm);color:var(--text-strong);margin-top:1px;font-weight:700}.acct-chips{margin-top:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.prop-chip{font-size:var(--text-xs);border-radius:var(--radius-pill);background:var(--bg-sunken);color:var(--text-default);align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:inline-flex}.toast-cc{background:var(--navy-800);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-xl);font-size:var(--text-sm);font-weight:var(--weight-medium);opacity:0;pointer-events:none;transition:opacity var(--dur-base), transform var(--dur-base);z-index:var(--z-toast);align-items:center;gap:10px;padding:13px 20px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px)}.toast-cc.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-cc svg{width:18px;height:18px;color:var(--lagoon-400)}.u-menu-wrap{display:inline-block;position:relative}.u-menu{z-index:var(--z-nav);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:left;min-width:160px;animation:scr .14s var(--ease-out);flex-direction:column;padding:5px;display:flex;position:absolute;top:38px;right:0}.u-menu[hidden]{display:none!important}.u-menu button{border-radius:var(--radius-sm);width:100%;font-family:inherit;font-size:var(--text-sm);color:var(--text-default);cursor:pointer;text-align:left;transition:background var(--dur-fast);background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;display:flex}.u-menu button svg{color:var(--text-muted);flex:none}.u-menu button:hover{background:var(--bg-sunken)}.u-menu button.danger,.u-menu button.danger svg{color:var(--danger)}.u-menu button.danger:hover{background:var(--danger-bg)}.icobtn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--dur-fast);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icobtn:hover{background:var(--bg-sunken);color:var(--text-strong)}.pay-note{margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--brand-subtle);color:var(--teal-700);font-size:var(--text-sm);align-items:flex-start;gap:10px;padding:11px 14px;line-height:1.45;display:flex}.pay-note svg{color:var(--brand);flex:none;margin-top:1px}.pay-note b{color:var(--text-strong)}.pay-note.warn{background:var(--amber-50);color:var(--amber-700)}.pay-note.warn svg{color:var(--amber-500)}.pay-entity{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.pay-entity-h{background:var(--bg-sunken);align-items:center;gap:10px;padding:11px 14px;display:flex}.pay-entity-h .nm{color:var(--text-strong);font-weight:600;font-size:var(--text-sm)}.pay-entity-h .prov{font-size:var(--text-2xs);color:var(--text-muted)}.pay-entity-h .selall{font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;align-items:center;gap:7px;margin-left:auto;display:inline-flex}.pay-entity-h .selall input{width:17px;height:17px;accent-color:var(--brand)}.inv-pick{cursor:pointer;border-top:1px solid var(--border-subtle);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.inv-pick input{width:19px;height:19px;accent-color:var(--brand);flex:none;margin-top:1px}.inv-pick .grow{flex:1;min-width:0}.inv-pick .ic{color:var(--text-strong);font-weight:600;font-size:var(--text-sm)}.inv-pick .id{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-subtle);margin-top:1px}.inv-pick .amt{font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:600;font-size:var(--text-sm);white-space:nowrap}.inv-pick.off{opacity:.48}.charge{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden}.charge+.charge{margin-top:var(--space-3)}.charge-h{padding:var(--space-4);align-items:center;gap:12px;display:flex}.charge-h .grow{flex:1;min-width:0}.charge-h .nm{color:var(--text-strong);font-weight:600;font-size:var(--text-sm)}.charge-h .sub{font-size:var(--text-xs);color:var(--text-muted)}.charge-h .amt{font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:700}.charge-body{padding:0 var(--space-4) var(--space-4)}.charge-method{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:9px;padding:8px 0;display:flex}.charge-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.charge-declined{background:var(--danger-bg);color:var(--danger);font-size:var(--text-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-3);align-items:center;gap:8px;padding:9px 12px;display:flex}.charge-declined svg{flex:none}.receipt-doc{padding:var(--space-6);max-width:420px;margin:0 auto}.rcpt-head{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;display:flex}.rcpt-head .cc-mark{width:40px;height:40px}.rcpt-brand{font-size:var(--text-sm);color:var(--text-strong);font-weight:600}.toast-brand-icon{color:var(--brand)}.rcpt-sub{font-size:var(--text-xs);color:var(--text-muted)}.rcpt-stamp{font-size:var(--text-xs);color:var(--success);background:var(--success-bg);border-radius:var(--radius-pill);align-items:center;gap:5px;margin-left:auto;padding:5px 10px;font-weight:700;display:inline-flex}.rcpt-amount{text-align:center;font-size:var(--text-3xl);color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);margin-top:var(--space-5);font-weight:700}.rcpt-amount .cur{vertical-align:.45em;color:var(--text-muted);margin-right:3px;font-size:.42em}.rcpt-prov{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.rcpt-sec{font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin:var(--space-5) 0 var(--space-1);font-weight:700}.rcpt-rows{flex-direction:column;display:flex}.rcpt-row{font-size:var(--text-sm);border-bottom:1px dashed var(--border-subtle);justify-content:space-between;gap:16px;padding:8px 0;display:flex}.rcpt-row>span{color:var(--text-muted)}.rcpt-row b{color:var(--text-strong);text-align:right;font-weight:600}.rcpt-row.total{border-bottom:0;border-top:2px solid var(--border-default);margin-top:4px;padding-top:10px}.rcpt-row.total>span,.rcpt-row.total b{font-size:var(--text-md);color:var(--text-strong);font-weight:700}.rcpt-foot{text-align:center;font-size:var(--text-2xs);color:var(--text-subtle);margin-top:var(--space-6);line-height:1.7}.spinner{border:2.5px solid var(--teal-100);border-top-color:var(--brand);vertical-align:-3px;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{border:2px solid var(--teal-100);vertical-align:-2px;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.page-loader{justify-content:center;align-items:center;min-height:40vh;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.consumer-toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.search-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-pill);flex:1;align-items:center;gap:8px;min-width:200px;height:38px;padding:0 16px;display:flex}.search-box svg{color:var(--text-muted);flex:none}.search-box input{font-size:var(--text-sm);color:var(--text-strong);background:0 0;border:none;outline:none;width:100%;font-family:inherit}.search-box input::placeholder{color:var(--text-muted)}.app-section-h{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.app-section-h h3{font-size:var(--text-md);color:var(--text-strong)}.app-section-h a,.app-section-h .link-btn{white-space:nowrap;flex:none}.mv-row.clickable{cursor:pointer;border-radius:var(--radius-sm);margin:0 calc(-1 * var(--space-2));padding-left:var(--space-2);padding-right:var(--space-2)}.mv-row.clickable:hover{background:var(--bg-sunken)}.method-mini{margin-top:10px}.method-mini .method-row{cursor:pointer}.ct-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ct-table th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-sunken)}.ct-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-default);vertical-align:middle}.ct-table tbody tr:last-child td{border-bottom:0}.ct-table tbody tr.ct-row{cursor:pointer;transition:background var(--dur-fast)}.ct-table tbody tr.ct-row:hover{background:var(--bg-sunken)}.ct-table .ct-num{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-xs);color:var(--text-strong);font-weight:var(--weight-semibold);letter-spacing:.02em}.ct-table .ct-alias{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.ct-table .ct-titular{font-size:var(--text-sm);color:var(--text-default)}.ct-table .ct-cid{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:1px}.ct-table .ct-inm{color:var(--text-muted);max-width:220px}.ct-table th.num,.ct-table td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);color:var(--text-strong)}.ct-table .ct-svc{white-space:nowrap;font-weight:var(--weight-medium);color:var(--text-strong);align-items:center;gap:8px;display:flex}.ct-table .ct-actions{white-space:nowrap;text-align:right}.ct-table .ct-actions button{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;padding:6px}.ct-table .ct-actions button:hover{background:var(--brand-subtle);color:var(--brand)}.ct-table .ct-actions button.danger-h:hover{background:var(--danger-bg);color:var(--danger)}#printArea{display:none}@media print{@page{margin:18mm 22mm;size:auto}body>:not(#printArea){display:none!important}#printArea{display:block!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}#printArea .receipt-doc{box-shadow:none;background:#fff;border:1px solid #e8eded;border-radius:16px;max-width:480px;margin:0 auto;padding:32px 28px;font-family:Hanken Grotesk,system-ui,-apple-system,Segoe UI,sans-serif}#printArea .rcpt-head{border-bottom:1px solid #e8eded;align-items:center;gap:12px;padding-bottom:20px;display:flex}#printArea .rcpt-head .cc-mark{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:11px;flex:none;width:44px;height:44px}#printArea .rcpt-brand{color:#081523;font-size:14px;font-weight:600}#printArea .rcpt-brand b{color:#066}#printArea .rcpt-sub{color:#6c7a7a;margin-top:1px;font-size:12px}#printArea .rcpt-stamp{color:#1f8a5b;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#e6f4ec;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}#printArea .rcpt-stamp svg{color:#1f8a5b;width:14px;height:14px}#printArea .rcpt-amount{text-align:center;color:#081523;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:28px;font-size:38px;font-weight:700;line-height:1.1}#printArea .rcpt-amount .cur{vertical-align:.45em;color:#6c7a7a;margin-right:3px;font-size:.42em}#printArea .rcpt-prov{text-align:center;color:#6c7a7a;margin-top:4px;margin-bottom:8px;font-size:13px}#printArea .rcpt-sec{letter-spacing:.12em;text-transform:uppercase;color:#94a2a2;margin:22px 0 6px;font-size:11px;font-weight:700}#printArea .rcpt-rows{flex-direction:column;display:flex}#printArea .rcpt-row{border-bottom:1px dashed #e8eded;justify-content:space-between;gap:16px;padding:9px 0;font-size:13px;display:flex}#printArea .rcpt-row>span{color:#6c7a7a}#printArea .rcpt-row b{color:#081523;text-align:right;font-weight:600}#printArea .rcpt-row b.mono{letter-spacing:.01em;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:12px}#printArea .rcpt-row.total{border-top:2px solid #d6dede;border-bottom:0;margin-top:4px;padding-top:12px}#printArea .rcpt-row.total>span,#printArea .rcpt-row.total b{color:#081523;font-size:17px;font-weight:700}#printArea .rcpt-foot{text-align:center;color:#94a2a2;margin-top:28px;font-size:11px;line-height:1.7}.rcpt-page{page-break-after:always}.rcpt-page:last-child{page-break-after:auto}}.phone-input-row{gap:var(--space-2);align-items:stretch;display:flex}.country-select{flex:none;position:relative}.country-trigger{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);height:48px;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-strong);cursor:pointer;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 12px;display:flex}.country-trigger:hover{border-color:var(--border-strong,var(--border-default))}.country-trigger:focus-visible{border-color:var(--brand);box-shadow:var(--focus-ring)}.country-flag{font-size:18px;line-height:1}.country-label{color:var(--text-strong)}.country-dropdown{z-index:var(--z-modal,100);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:100%;max-height:220px;box-shadow:var(--shadow-lg);animation:scr .14s var(--ease-out);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.country-option{border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-default);cursor:pointer;transition:background var(--dur-fast);align-items:center;gap:8px;padding:9px 12px;display:flex}.country-option:hover{background:var(--bg-sunken)}.country-option.selected{background:var(--brand-subtle);color:var(--brand);font-weight:var(--weight-semibold)}.otp-row{gap:var(--space-2);display:flex}.otp-inp{text-align:center;width:100%;min-width:0;max-width:64px;height:60px;color:var(--text-strong);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);caret-color:var(--brand);flex:1;font-family:inherit;font-size:24px;font-weight:600}.otp-inp:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-subtle);outline:none}.otp-inp.is-filled{border-color:var(--brand)}.otp-inp.is-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--red-50);animation:.35s shake}.otp-inp:disabled{opacity:.6;cursor:not-allowed}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.success-ic{background:var(--success-bg);width:76px;height:76px;color:var(--success);margin:0 auto var(--space-5);animation:pop .5s var(--ease-out);border-radius:50%;place-items:center;display:grid}.success-ic svg{width:38px;height:38px}.cc-skeleton{background:var(--bg-sunken);background-image:linear-gradient(90deg, var(--bg-sunken) 0px, var(--border-subtle) 40px, var(--bg-sunken) 80px);background-size:200% 100%;animation:1.5s linear infinite cc-shimmer}@keyframes cc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cc-popover{background:var(--bg-default);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);animation:.15s ease-out forwards fadeIn}.cc-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-sm);transition:background var(--dur-fast);background:0 0;border:none;font-weight:500;display:flex}.cc-menu-item:hover{background:var(--bg-sunken)}.last\:border-b-0:last-child{border-bottom-width:0}.focus-within\:border-brand:focus-within{border-color:var(--brand)}.focus-within\:shadow-\[var\(--focus-ring\)\]:focus-within{--tw-shadow-color:var(--focus-ring);--tw-shadow:var(--tw-shadow-colored)}.hover\:border-border-subtle:hover{border-color:var(--border-subtle)}.hover\:bg-bg-sunken:hover{background-color:var(--bg-sunken)}.hover\:bg-danger-bg:hover{background-color:var(--danger-bg)}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:text-danger:hover{color:var(--danger)}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-text-strong:hover{color:var(--text-strong)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-emerald-400:focus{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.focus\:border-emerald-600:focus{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-emerald-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 250 229/var(--tw-ring-opacity,1))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity,1))}.focus\:ring-gray-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(17 24 39/var(--tw-ring-opacity,1))}.focus\:ring-red-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-bg-sunken:active{background-color:var(--bg-sunken)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:translate-x-1{--tw-translate-x:var(--space-1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (width>=640px){.sm\:mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.sm\:h-16{height:var(--space-16)}.sm\:max-w-16{max-width:var(--space-16)}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:var(--space-3)}.sm\:px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.sm\:text-3xl{font-size:var(--text-3xl)}}@media (width>=768px){.md\:my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.md\:mb-6{margin-bottom:var(--space-6)}.md\:ml-0{margin-left:var(--space-0)}.md\:mt-0{margin-top:var(--space-0)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-0{gap:var(--space-0)}.md\:whitespace-nowrap{white-space:nowrap}.md\:p-12{padding:var(--space-12)}.md\:px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.md\:text-right{text-align:right}.md\:text-2xl{font-size:var(--text-2xl)}}@media (prefers-color-scheme:dark){.dark\:bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}}.\[\&\:\:-webkit-scrollbar\]\:w-0::-webkit-scrollbar{width:var(--space-0)}.\[\&\>a\:hover\]\:bg-bg-sunken>a:hover{background-color:var(--bg-sunken)}.\[\&\>a\:hover\]\:text-text-strong>a:hover{color:var(--text-strong)}.\[\&\>a\]\:rounded-sm>a{border-radius:var(--radius-sm)}.\[\&\>a\]\:px-3>a{padding-left:var(--space-3);padding-right:var(--space-3)}.\[\&\>a\]\:py-2\.5>a{padding-top:.625rem;padding-bottom:.625rem}.\[\&\>a\]\:text-sm>a{font-size:var(--text-sm)}.\[\&\>a\]\:font-medium>a{font-weight:500}.\[\&\>a\]\:text-text-muted>a{color:var(--text-muted)}.\[\&\>a\]\:transition-colors>a{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[\&\>div\>svg\]\:text-brand>div>svg{color:var(--brand)}.\[\&\>div\>svg\]\:text-danger>div>svg{color:var(--danger)}.\[\&\>div\>svg\]\:text-success>div>svg{color:var(--success)}.\[\&\>div\>svg\]\:opacity-80>div>svg{opacity:.8}.\[\&\>form\]\:flex>form{display:flex}.\[\&\>form\]\:flex-col>form{flex-direction:column}.\[\&\>form\]\:gap-4>form{gap:var(--space-4)}.\[\&\>svg\]\:text-text-muted>svg{color:var(--text-muted)}