:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--orange:#f0611c;--orange-dark:#d8500f;--orange-light:#f5843a;--orange-tint:#fdeee4;--orange-tint2:#fbe0cf;--orange-border:#f7c9ac;--grad-orange:linear-gradient(150deg, #f0611c, #f5843a);--bg:#f4f4f3;--surface:#fff;--surface2:#fbfbfa;--fill:#efefec;--ink:#17171a;--muted:#8a8a90;--muted2:#6c6c74;--border:#e6e6e2;--border2:#ecece9;--dark:#1b1922;--dark2:#232030;--green:#1f9d6b;--green-bg:#e6f4ee;--green-bd:#bee6d5;--red:#dc2626;--red-bg:#fef2f2;--red-bd:#fecaca;--amber:#b45309;--amber-bg:#fef3c7;--amber-bd:#fde68a;--blue:#185fa5;--blue-bg:#e6f1fb;--blue-bd:#bbd8f0;--violet:#7c5ce0;--violet-bg:#eee9fb;--violet-bd:#ddd6fe;--font:var(--font-cyr), var(--font-space-grotesk), system-ui, -apple-system, sans-serif;--font-sans:var(--font);--mono:var(--font-mono), ui-monospace, "SFMono-Regular", monospace;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-17:17px;--fs-20:20px;--fs-22:22px;--fs-23:23px;--fs-30:30px;--fw-regular:400;--fw-medium:500;--fw-bold:700;--lh-tight:1.25;--lh-base:1.5;--lh-doc:1.6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--r-sm:8px;--r-md:11px;--r:14px;--r-lg:18px;--r-xl:22px;--r-pill:999px;--sh-sm:0 1px 2px #1c19170a;--sh-md:0 6px 20px #1c19170d;--sh-lg:0 12px 40px #1c19170f;--field-radius:11px;--btn-radius:12px;--card-radius:16px;--card-pad:20px;--focus-ring:0 0 0 3px #f9731626;--background:var(--bg);--foreground:var(--ink)}
*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--ink);background:var(--bg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.tnum{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.login{background:radial-gradient(1100px 500px at 70% -10%, var(--orange-tint), transparent), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;width:380px;max-width:94vw;padding:30px 28px;box-shadow:0 12px 40px #1c19170f}.login-brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:2px;display:flex}.login-mark{width:60px;height:60px;display:block}.login-logo{letter-spacing:-1px;text-align:center;font-size:30px;font-weight:700}.login-logo span{color:var(--orange)}.login-tag{text-align:center;color:var(--muted);margin:4px 0 22px;font-size:13px}.wave-mini{justify-content:center;gap:3px;height:30px;margin-bottom:22px;display:flex}.wave-mini i{background:var(--orange);border-radius:3px;align-self:center;width:4px}.fld{margin-bottom:12px}.fld label{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.fld .inp{border:1px solid var(--border);border-radius:var(--field-radius);background:var(--surface);align-items:center;gap:9px;padding:10px 12px;display:flex}.fld .inp:focus-within{border-color:var(--orange);box-shadow:var(--focus-ring)}.fld .inp svg{width:17px;height:17px;color:var(--muted)}.fld .inp input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:14px}.btn-login{background:var(--orange);color:#fff;border-radius:var(--btn-radius);cursor:pointer;border:none;width:100%;margin-top:6px;padding:12px;font-family:inherit;font-size:15px;font-weight:500}.btn-login:hover{background:var(--orange-dark)}.login-or{text-align:center;color:var(--muted);margin:18px 0 12px;font-size:12px}.demo-roles{gap:10px;display:flex}.demo-roles button{border:1px solid var(--border);color:var(--muted2);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.demo-roles button:hover{border-color:var(--orange-border);background:var(--orange-tint)}.demo-roles svg{width:20px;height:20px;color:var(--orange-dark)}.brand-logo{letter-spacing:-.5px;color:var(--ink);font-size:21px;font-weight:700}.brand-logo span{color:var(--orange)}.role-pill{border:1px solid #0000;border-radius:999px;align-self:flex-start;padding:2px 9px;font-size:11px;font-weight:500;display:inline-block}.role-sdr{background:var(--orange-tint);color:var(--orange-dark);border-color:var(--orange-border)}.role-admin{background:var(--violet-bg);color:var(--violet);border-color:var(--violet-bd)}.role-super{background:var(--blue-bg);color:var(--blue);border-color:#bbd8f0}.navlist{flex-direction:column;gap:2px;display:flex}.navitem{color:var(--muted2);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .13s,color .13s;display:flex;overflow:hidden}.navitem:hover{background:var(--fill)}.navitem.active{background:var(--orange-tint);color:var(--orange-dark)}.navitem svg{flex-shrink:0;width:18px;height:18px}.navitem.disabled{opacity:.45;cursor:default;pointer-events:none}.nav-sep{background:var(--border);height:1px;margin:12px 4px 10px}.side-user{border-top:1px solid var(--border2);white-space:nowrap;align-items:center;gap:10px;margin-top:auto;padding:10px 8px 2px;display:flex;overflow:hidden}.avatar{background:var(--orange-tint2);color:var(--orange-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.u-info{flex:1;min-width:0;line-height:1.25}.u-name{color:var(--ink);text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.u-role{color:var(--muted);font-size:11px}.logout{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;display:flex}.logout:hover{color:var(--red);background:#fef2f2}.logout svg{width:16px;height:16px}.topbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.topbar>.topbar-titles{flex:1;min-width:0}.title{color:var(--ink);letter-spacing:-.01em;font-size:20px;font-weight:600}.subtitle{color:var(--muted);margin-top:2px;font-size:13px}.online{color:var(--green);background:var(--green-bg);border:1px solid var(--green-bd);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.dot{background:var(--green);border-radius:50%;width:7px;height:7px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-pad);box-shadow:0 1px 2px #1c18120a}.hero{background:linear-gradient(120deg, var(--orange-tint), var(--surface));border:1px solid var(--orange-border);border-radius:var(--r-lg);max-width:980px;padding:24px}.hero h2{color:var(--ink);font-size:22px;font-weight:700}.hero h2 span{color:var(--orange)}.hero p{color:var(--muted2);max-width:560px;margin:6px 0 16px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;max-width:980px;margin-bottom:14px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px}.metric .ml{color:var(--muted);font-size:12px}.metric .mv{color:var(--ink);margin-top:4px;font-size:23px;font-weight:700}.section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:500}.tiles{grid-template-columns:1fr 1fr;gap:14px;max-width:980px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-pad)}.tile h3{color:var(--ink);align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:500;display:flex}.tile h3 svg{width:16px;height:16px;color:var(--muted)}.quicklink{border:1px solid var(--border);color:var(--ink);background:var(--surface);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:11px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.quicklink:last-child{margin-bottom:0}.quicklink:hover{background:var(--bg)}.quicklink svg{width:17px;height:17px;color:var(--orange-dark);flex-shrink:0}.quicklink .ql-sub{color:var(--muted);font-size:11px;font-weight:400}.btn{border-radius:var(--btn-radius);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s,transform 80ms;display:inline-flex}.btn:hover{background:var(--fill)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary:not(:disabled){box-shadow:0 1px 2px #ea580c40}.btn svg{width:18px;height:18px}.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-primary:hover{background:var(--orange-dark)}.btn-flex{flex:1}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed}.dial-grid{flex-direction:column;gap:14px;max-width:1480px;display:flex}.dial-col{flex-direction:column;gap:14px;min-width:0;display:flex}@media (min-width:1180px){.dial-grid{grid-template-columns:1fr 1fr;align-items:start;display:grid}}.blk{padding:0;overflow:hidden}.blk-h{color:var(--muted2);align-items:center;gap:9px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.blk-h svg{width:16px;height:16px;color:var(--muted)}.blk-h.col{cursor:pointer;background:var(--bg);border-bottom:1px solid var(--border2);text-align:left;border-top:none;border-left:none;border-right:none;justify-content:space-between;width:100%;margin-bottom:0;padding:14px 18px;font-family:inherit}.blk-h.col.closed{border-bottom:none}.blk-body{padding:16px 18px}.bh-l{align-items:center;gap:9px;display:flex}.chev svg{width:16px;height:16px;color:var(--muted);transition:transform .15s}.chev.open svg{transform:rotate(180deg)}.blk-n{background:var(--orange-tint);width:30px;height:30px;color:var(--orange-dark);border:1px solid var(--orange-border);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.blk-n.n1{background:var(--blue-bg);color:var(--blue);border-color:#bbd8f0}.blk-n.n2{background:var(--violet-bg);color:var(--violet);border-color:#ddd6fe}.blk-n.n3{background:var(--green-bg);color:var(--green);border-color:var(--green-bd)}.blk-n.n4{background:var(--orange-tint);color:var(--orange-dark);border-color:var(--orange-border)}.pcard-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.company{letter-spacing:-.2px;font-size:20px;font-weight:700}.prio{background:var(--orange-tint);color:var(--orange-dark);border:1px solid var(--orange-border);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500}.prow{color:var(--muted2);align-items:center;gap:9px;padding:5px 0;font-size:13px;display:flex}.prow svg{width:15px;height:15px;color:var(--muted);flex-shrink:0}.signal{background:var(--orange-tint);border:1px solid var(--orange-border);border-radius:12px;margin:12px 0 4px;padding:11px 13px}.signal .lab{color:var(--orange-dark);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:11px;font-weight:500}.numbox{background:var(--bg);border:1px solid var(--border2);border-radius:14px;margin:14px 0;padding:14px 16px}.num-row{justify-content:space-between;align-items:center;display:flex}.num{letter-spacing:.3px;font-size:22px;font-weight:700}.timer{color:var(--green);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.callerid{color:#a8a29e;margin-top:5px;font-size:12px}.wave{justify-content:center;align-items:center;gap:3px;height:60px;margin:6px 0;display:flex}.bar{background:var(--orange);transform-origin:50%;border-radius:3px;width:4px;transition:transform .3s}.wave.paused .bar{background:var(--muted2);transform:scaleY(.14);animation:none!important}@keyframes wv{0%,to{transform:scaleY(.22)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:no-preference){.wave:not(.paused) .bar{animation:1s ease-in-out infinite wv}}.badges{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.badge{border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.badge svg{width:14px;height:14px}.badge-ai{background:var(--orange-tint);color:var(--orange-dark);border:1px solid var(--orange-border)}.badge-rec{color:var(--red);background:#fef2f2;border:1px solid #fecaca}.badge-call{background:var(--blue-bg);color:var(--blue)}.badge-hold{background:var(--amber-bg);color:var(--amber)}.rec-dot{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.3}}.controls{justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.ctrl{background:var(--fill);width:46px;height:46px;color:var(--muted2);cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform 80ms;display:flex}.ctrl:hover{background:#ebeae6}.ctrl:active:not([disabled]){transform:scale(.94)}.ctrl svg{width:20px;height:20px}.ctrl.on{background:var(--orange-tint);color:var(--orange-dark);border:1px solid var(--orange-border)}.ctrl-end{background:var(--red);color:#fff}.ctrl-end:hover{background:#b91c1c}.ctrl[disabled]{opacity:.45;cursor:default;pointer-events:none}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.power{color:var(--muted2);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.power.on{background:var(--orange-tint);color:var(--orange-dark);border-color:var(--orange-border)}.power svg{width:16px;height:16px}.sec-lab{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:11px}.outcome{flex-wrap:wrap;gap:7px;display:flex}.oc{border:1px solid var(--border);background:var(--surface);color:var(--muted2);cursor:pointer;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:background .13s,color .13s,border-color .13s}.oc:hover{background:var(--fill)}.oc.active{background:var(--orange-tint);border-color:var(--orange-border);color:var(--orange-dark)}.part{border-top:1px solid var(--border2);align-items:center;gap:10px;padding:9px 0;display:flex}.part:first-of-type{border-top:none}.part.part-agent{background:var(--violet-bg);border-top:none;border-radius:10px;padding-left:10px;padding-right:10px}.pa{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.pa-you{background:var(--orange-tint2);color:var(--orange-dark)}.pa-prospect{background:var(--blue-bg);color:var(--blue)}.pa-agent{background:var(--violet-bg);color:var(--violet)}.pa-human{color:var(--green);background:#dcfce7}.pn{flex:1;min-width:0}.pn .nm{font-size:13px;font-weight:500}.pn .rl{color:var(--muted);font-size:11px}.pbtns{gap:6px;display:flex}.pb{background:var(--fill);width:32px;height:32px;color:var(--muted2);cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform .1s;display:flex}.pb:hover:not(:disabled){background:#ebeae6}.pb:active:not(:disabled){transform:scale(.92)}.pb svg{width:16px;height:16px}.pb.off{color:var(--red);background:#fef2f2;border-color:#fecaca}.pb.kick:hover:not(:disabled){color:var(--red);background:#fef2f2}.pb:disabled{opacity:.3;cursor:not-allowed}.part{border-radius:8px;transition:background .15s}.part:hover{background:var(--fill)}.part.part-agent:hover{background:var(--violet-bg)}.inv-tabs{gap:6px;margin-bottom:12px;display:flex}.inv-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--muted2);cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.inv-tabs button svg{width:14px;height:14px}.inv-tabs button.active{background:var(--orange-tint);border-color:var(--orange-border);color:var(--orange-dark)}.ag{align-items:center;gap:10px;padding:7px 0;display:flex}.ag .agn{font-size:13px;font-weight:500}.ag .agr{color:var(--muted);font-size:11px}.add{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.add:hover:not(:disabled){background:var(--orange-dark)}.add:disabled{opacity:.3;cursor:not-allowed}.add svg{width:16px;height:16px}.rm{width:auto;height:30px;color:var(--red);cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.rm svg{width:14px;height:14px}.note{color:var(--muted);margin-top:8px;font-size:11px}.fld.row2{gap:9px;display:flex}.fld.row2>div{flex:1}.fld input.box,.fld textarea.box{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:8px 11px;font-family:inherit;font-size:13px}.fld input.box:focus,.fld textarea.box:focus{border-color:var(--orange);box-shadow:var(--focus-ring);outline:none}.seg{gap:6px;display:flex}.seg button{border:1px solid var(--border);background:var(--surface);color:var(--muted2);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.seg button svg{width:15px;height:15px}.seg button.active{background:var(--orange-tint);border-color:var(--orange-border);color:var(--orange-dark)}.sent-box{background:var(--green-bg);border:1px solid var(--green-bd);color:var(--green);border-radius:12px;padding:11px 13px;font-size:13px}.chk{cursor:pointer;color:var(--muted2);border-top:1px solid var(--border2);align-items:flex-start;gap:9px;padding:7px 0;font-size:13px;display:flex}.chk:first-of-type{border-top:none}.chk svg{width:18px;height:18px;color:var(--border);flex-shrink:0;margin-top:1px}.chk.done{color:var(--muted)}.chk.done .t{text-decoration:line-through}.chk.done svg{color:var(--green)}.lt{border-collapse:collapse;width:100%}.lt thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 12px 10px;font-size:11px;font-weight:500}.lt tbody td{border-top:1px solid var(--border2);vertical-align:middle;padding:12px;font-size:13px}.lt tbody tr{cursor:pointer}.tag{background:var(--fill);color:var(--muted2);border-radius:6px;padding:2px 8px;font-size:11px}.status-on{color:var(--green);font-weight:500}.chips{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.chip,.chipr{border:1px solid var(--border);background:var(--surface);color:var(--muted2);cursor:pointer;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:500}.chip:hover,.chipr:hover{background:var(--fill)}.chip.active,.chipr.active{background:var(--orange-tint);border-color:var(--orange-border);color:var(--orange-dark)}.btn-ghost{border:1px solid var(--border);color:var(--muted2);border-radius:var(--btn-radius);background:var(--surface);cursor:pointer;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:14px;display:inline-flex}.btn-ghost svg{width:15px;height:15px}.btn-add{background:var(--orange);color:#fff;font-weight:var(--fw-medium);font-size:var(--fs-13);border-radius:var(--r-md);cursor:pointer;border:none;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;display:inline-flex}.btn-add:hover{background:var(--orange-dark)}.btn-add svg{width:16px;height:16px}.sec-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sec-title{font-size:15px;font-weight:500}.stage-note{color:var(--amber);background:var(--amber-bg);border:1px solid #fde68a;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.stage-note svg{width:15px;height:15px}.kv{grid-template-columns:repeat(2,1fr);gap:14px 18px;max-width:680px;display:grid}.kv .k{color:var(--muted);font-size:12px}.kv .v{margin-top:2px;font-size:14px;font-weight:500}.back{color:var(--muted2);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;display:inline-flex}.back:hover{color:var(--ink)}.back svg{width:16px;height:16px}.muted{color:var(--muted)}.userchip{flex-shrink:0;align-items:center;gap:11px;display:flex}.uc-info{line-height:var(--lh-tight);text-align:right}.uc-name{font-size:var(--fs-13);color:var(--ink);font-weight:600}.uc-role{font-size:var(--fs-11);font-weight:var(--fw-medium)}.userchip .uc-av{width:34px;height:34px;font-size:var(--fs-12);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.userchip .uc-divider{background:var(--border);width:1px;height:24px}.userchip .uclogout{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;display:flex}.userchip .uclogout:hover{background:var(--red-bg);color:var(--red)}.userchip .uclogout svg{width:17px;height:17px}.acard{border:1px solid var(--border);border-radius:var(--r);cursor:pointer;background:var(--surface);flex-direction:column;justify-content:center;height:62px;margin-bottom:10px;padding:0 14px;display:flex;overflow:hidden}.acard:hover{background:var(--bg)}.acard.sel{border-color:var(--orange-border);background:var(--orange-tint)}.acard .an{font-weight:var(--fw-medium);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.acard .an svg{width:16px;height:16px;color:var(--violet);vertical-align:-3px;flex-shrink:0;margin-right:7px}.acard .ad{font-size:var(--fs-12);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.scn{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden}.scn-h{font-weight:var(--fw-medium);font-size:var(--fs-13);background:var(--bg);align-items:center;gap:8px;padding:11px 14px;display:flex}.scn-h .num{background:var(--orange-tint);width:20px;height:20px;color:var(--orange-dark);font-size:var(--fs-11);font-weight:var(--fw-bold);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.scn-steps{padding:8px 14px 12px}.scn-steps li{font-size:var(--fs-13);color:var(--muted2);gap:9px;padding:5px 0 5px 4px;list-style:none;display:flex}.scn-steps li:before{content:attr(data-n);color:var(--orange-dark);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.test-live{background:var(--violet-bg);border:1px solid var(--violet-bd);border-radius:var(--r);padding:16px}.test-live .th{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.test-live .th b{color:var(--violet)}.sg-wrap{max-width:1080px;margin:0 auto;padding:28px}.sg-head h1{font-size:var(--fs-30);font-weight:var(--fw-bold);letter-spacing:-1px;color:var(--ink)}.sg-head h1 span{color:var(--orange)}.sg-head p{color:var(--muted);font-size:var(--fs-13);margin-top:4px}.sg-toc{flex-wrap:wrap;gap:8px;margin:18px 0 28px;display:flex}.sg-toc a{font-size:var(--fs-13);font-weight:var(--fw-medium);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--muted2);padding:7px 13px}.sg-toc a:hover{background:var(--orange-tint);border-color:var(--orange-border);color:var(--orange-dark)}.sg-section{margin-bottom:40px;scroll-margin-top:16px}.sg-section>h2{font-size:var(--fs-20);font-weight:var(--fw-bold);color:var(--ink);margin-bottom:4px}.sg-section>.sg-desc{font-size:var(--fs-13);color:var(--muted);margin-bottom:16px}.sg-group-label{font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:var(--fw-medium);margin:18px 0 10px}.sg-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.sg-swatch{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);overflow:hidden}.sg-swatch .sw-chip{border-bottom:1px solid var(--border2);height:64px}.sg-swatch .sw-meta{padding:8px 10px}.sg-swatch .sw-name{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--ink)}.sg-swatch .sw-hex{font-size:var(--fs-11);color:var(--muted);text-transform:uppercase;margin-top:1px}.sg-type-row{border-top:1px solid var(--border2);align-items:baseline;gap:18px;padding:10px 0;display:flex}.sg-type-row:first-of-type{border-top:none}.sg-type-meta{width:170px;font-size:var(--fs-11);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.sg-scale-row{align-items:center;gap:14px;margin-bottom:10px;display:flex}.sg-scale-row .sg-scale-label{width:80px;font-size:var(--fs-11);color:var(--muted);flex-shrink:0}.sg-scale-box{background:var(--orange-tint);border:1px solid var(--orange-border);border-radius:var(--r-sm);height:28px}.sg-radius-row{flex-wrap:wrap;gap:18px;display:flex}.sg-radius-demo{background:var(--orange-tint);border:1px solid var(--orange-border);width:84px;height:84px;font-size:var(--fs-11);color:var(--orange-dark);font-weight:var(--fw-medium);justify-content:center;align-items:flex-end;padding-bottom:6px;display:flex}.sg-shadow-row{flex-wrap:wrap;gap:24px;display:flex}.sg-shadow-demo{background:var(--surface);border-radius:var(--r);width:130px;height:84px;font-size:var(--fs-11);color:var(--muted2);font-weight:var(--fw-medium);justify-content:center;align-items:center;display:flex}.sg-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sg-stack{flex-direction:column;gap:12px;display:flex}.sg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px}.sg-comp{margin-bottom:20px}.sg-comp>h3{font-size:var(--fs-15);font-weight:var(--fw-medium);color:var(--ink);margin-bottom:3px}.sg-comp>.sg-note{font-size:var(--fs-12);color:var(--muted);margin-bottom:10px}.sg-wave-mini{align-items:flex-end;gap:3px;height:60px;display:inline-flex}@media (max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.tiles,.kv{grid-template-columns:1fr}}@media (max-width:540px){.metrics{grid-template-columns:1fr}}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:228px;padding:16px 14px;display:flex}.main{flex:1;min-width:0;padding:22px 28px 28px;overflow:auto}.sidebar .logo{font-size:22px;font-weight:700}.login .or{text-align:center;color:var(--muted);margin:18px 0 12px;font-size:12px}.grid2{grid-template-columns:1fr 1fr;gap:14px;max-width:980px;display:grid}.agrid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.agrid:has(>:only-child){grid-template-columns:minmax(0,760px);justify-content:center}@media (max-width:900px){.grid2,.agrid{grid-template-columns:1fr}}.mt12{margin-top:12px}.main>*>.topbar,.topbar{padding-right:250px}.overlay{z-index:60;background:#1c191773;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.overlay.open{display:flex}.modal-card{background:var(--surface);border-radius:18px;width:540px;max-width:94vw;max-height:88vh;padding:22px;overflow:auto}.modal-h{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-h .t{font-size:17px;font-weight:700}.modal-foot{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.mf{margin-bottom:12px}.mf.row2{gap:10px;display:flex}.mf.row2>div{flex:1}.mf label{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.mf input,.mf select,.mf textarea{border:1px solid var(--border);border-radius:var(--field-radius);background:var(--surface);width:100%;color:var(--ink);padding:9px 11px;font-family:inherit;font-size:13px}.mf input:focus,.mf select:focus,.mf textarea:focus{border-color:var(--orange);box-shadow:var(--focus-ring);outline:none}.mf.check{align-items:center;gap:8px;display:flex}.mf.check input{width:auto}.mf input.err,.mf select.err{border-color:var(--red);box-shadow:0 0 0 3px #fef2f2}.err-msg{color:var(--red);margin-top:4px;font-size:11px}.rowact{justify-content:flex-end;gap:6px;display:flex}.rowact button{background:var(--fill);width:30px;height:30px;color:var(--muted2);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .13s,color .13s;display:flex}.rowact button:hover{background:#ebeae6}.rowact .del:hover{color:var(--red);background:#fef2f2}.rowact svg{width:15px;height:15px}.ent-search{border:1px solid var(--border);border-radius:var(--field-radius);background:var(--surface);width:240px;color:var(--ink);padding:8px 11px;font-family:inherit;font-size:13px}.ent-search:focus{border-color:var(--orange);box-shadow:var(--focus-ring);outline:none}.plat-grid{flex-direction:column;gap:14px;max-width:1480px;display:flex}@media (min-width:1180px){.plat-grid{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}}.scn-edit{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:12px;position:relative}.scn-edit .del{width:26px;height:26px;color:var(--red);cursor:pointer;background:#fef2f2;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.scn-edit .del svg{width:14px;height:14px}.addscn{border:1px dashed var(--border);color:var(--muted2);cursor:pointer;background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;display:inline-flex}.addscn:hover{border-color:var(--orange-border);color:var(--orange-dark)}.addscn svg{width:15px;height:15px}.doc{max-width:760px;line-height:1.6}.doc h3{margin:0 0 12px;font-size:19px;font-weight:700}.doc h4{color:var(--orange-dark);margin:18px 0 6px;font-size:14px;font-weight:600}.doc p{color:var(--ink);margin:0 0 10px;font-size:14px}.doc ul{margin:0 0 12px;padding-left:20px}.doc li{margin:5px 0;font-size:14px}.doc code{background:var(--fill);border-radius:5px;padding:1px 5px;font-size:13px}.incoming{background:var(--surface);border-radius:var(--r-lg);text-align:center;width:380px;max-width:92vw;padding:24px}.inc-badge{color:var(--blue);background:var(--blue-bg);border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:6px 13px;font-size:12px;font-weight:500;display:inline-flex}.inc-badge svg{width:15px;height:15px}.inc-co{margin-bottom:2px;font-size:19px;font-weight:700}.inc-num{color:var(--muted);margin-bottom:14px;font-size:14px}.inc-info{text-align:left;background:var(--bg);border:1px solid var(--border2);border-radius:12px;margin-bottom:16px;padding:11px 13px;font-size:13px}.inc-actions{gap:12px;display:flex}.inc-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-weight:500;display:inline-flex}.inc-accept{background:var(--green);color:#fff}.inc-decline{background:var(--red);color:#fff}.inc-actions svg{width:18px;height:18px}@keyframes inc-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.incoming .inc-badge{animation:1.2s ease-in-out infinite inc-pulse}.home-wrap{max-width:1240px}.home-hero{justify-content:space-between;align-items:center;gap:24px;max-width:none;display:flex}.home-hero-text{min-width:0}.home-hero-wave{flex-shrink:0;align-items:center;gap:4px;padding-right:8px;display:flex}.home-hero-wave i{background:var(--orange);opacity:.55;border-radius:4px;width:5px;animation:1.4s ease-in-out infinite hero-bar}.home-hero-wave i:nth-child(2n){opacity:.8;animation-delay:.25s}.home-hero-wave i:nth-child(3n){opacity:.35;animation-delay:.5s}@keyframes hero-bar{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.6)}}@media (max-width:860px){.home-hero-wave{display:none}}.home-metrics{max-width:none;margin-top:14px}.home-metrics .metric{transition:transform .15s,box-shadow .15s}.home-metrics .metric:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1c181212}.home-metrics .metric .ml{align-items:center;gap:6px;display:flex}.home-metrics .metric .ml svg{color:var(--orange-dark)}.home-grid{grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:14px;margin-top:14px;display:grid}.home-grid>.tile,.home-grid>.tile+.tile{margin-top:0}@media (max-width:1100px){.home-grid{grid-template-columns:1fr}}.hero h2{margin-bottom:6px}:root{--t-fast:.16s;--t-med:.28s;--ease:cubic-bezier(.4, 0, .2, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}button,input,select,textarea{font-family:var(--font)}.tile h3,.card h3{letter-spacing:.01em;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.tile h3 svg,.card h3 svg{color:var(--orange-dark);flex:none}.title{letter-spacing:-.01em}.sec-lab{letter-spacing:.02em}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.main>*{animation:pageIn .32s var(--ease) both}.main>:nth-child(2){animation-delay:30ms}.main>:nth-child(3){animation-delay:60ms}.main>:nth-child(4){animation-delay:90ms}.main>:nth-child(5){animation-delay:.12s}.main>:nth-child(6){animation-delay:.15s}.btn,.btn-primary,.btn-ghost,.btn-login,.btn-add,.rm,.pb,.chip,.chipr,.uclogout,.navitem,.tag{transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease), transform var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease)}.btn:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.btn-add:hover,.chip:hover:not(.active),.chipr:hover:not(.active){transform:translateY(-1px)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ea580c47}.btn-login:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #ea580c4d}.btn:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-login:active:not(:disabled),.btn-add:active,.rm:active,.pb:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.97)}.btn:disabled,.btn[disabled],.btn-login:disabled{transition:opacity var(--t-fast) var(--ease)}.btn svg,.btn-primary svg,.btn-ghost svg,.btn-add svg{transition:transform var(--t-fast) var(--ease)}.btn-primary:hover:not(:disabled) svg{transform:scale(1.08)}.navitem{will-change:transform}.navitem:hover:not(.active):not(.disabled){transform:translate(2px)}.navitem svg{transition:transform var(--t-fast) var(--ease), color var(--t-fast) var(--ease)}.navitem:hover:not(.disabled) svg{transform:scale(1.1)}.inp{transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease), background var(--t-fast) var(--ease)}.inp:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #f9731621}.mf input,.mf select,.mf textarea,.ent-search,.tile input,.tile select,.card input,.card select,.login-card input{transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease)}.mf input:focus,.mf select:focus,.mf textarea:focus,.ent-search:focus,.tile input:focus,.tile select:focus,.card input:focus:not([readonly]),.card select:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #f9731621}.card,.tile,.metric{transition:box-shadow var(--t-med) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-med) var(--ease)}.metric:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1c181214}.lt tbody tr{transition:background var(--t-fast) var(--ease)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.overlay.open{animation:overlayIn var(--t-med) var(--ease)}.overlay .modal-card{animation:modalIn .3s var(--ease)}.login-card.fade{animation:pageIn .4s var(--ease) both}.uc-av{transition:transform var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease)}.uc-av:hover{transform:scale(1.07);box-shadow:0 4px 12px #ea580c4d}.uc-name{transition:color var(--t-fast) var(--ease)}.uc-info:hover .uc-name{color:var(--orange-dark)}a{transition:color var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease)}a:hover{opacity:.85}.signal,.note,.err-msg{animation:pageIn .3s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-card button{transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease), opacity var(--t-fast) var(--ease)}.login-card button:hover:not(:disabled){transform:translateY(-1px)}.login-card button:active:not(:disabled){transform:translateY(0)scale(.98)}:root{--grad-orange-soft:linear-gradient(150deg, #fdeee4 0%, #fbe0cf 100%);--sh-sm:0 1px 2px #1c18120d, 0 1px 3px #1c18120a;--sh-md:0 4px 14px #1c181212, 0 1px 3px #1c18120d;--sh-lg:0 14px 40px #1c18121a, 0 3px 10px #1c18120d;--sh-orange:0 6px 18px #ea580c47}.app{background:radial-gradient(1100px 520px at 78% -8%, #fb923c12, transparent 60%), radial-gradient(900px 500px at -6% 108%, #78716c0f, transparent 60%), var(--bg)}.main{background-image:radial-gradient(#78716c0e 1px,#0000 1px);background-size:22px 22px;background-attachment:local}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#fff 0%,#fcfbfa 100%);box-shadow:1px 0 #1c181205}.sidebar .logo span{color:#0000;background:var(--grad-orange);-webkit-background-clip:text;background-clip:text}.navitem{position:relative}.navitem.active{background:var(--grad-orange-soft);color:var(--orange-dark);box-shadow:inset 0 0 0 1px var(--orange-border);font-weight:600}.navitem.active:before{content:"";background:var(--grad-orange);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.card,.tile{box-shadow:var(--sh-sm);border-color:var(--border);position:relative}.metric{box-shadow:var(--sh-sm);border-top:2px solid var(--orange);position:relative}.metric .mv{background:linear-gradient(135deg, var(--ink), #57534e);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.metric:hover{box-shadow:var(--sh-md)}.btn-primary,.btn-login{background:var(--grad-orange);box-shadow:var(--sh-orange);color:#fff;border:none}.btn-primary:hover:not(:disabled),.btn-login:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 8px 22px #ea580c5c}.btn-primary:disabled,.btn-login:disabled{background:var(--grad-orange);opacity:.5;box-shadow:none}.sec-lab{align-items:center;display:inline-flex}.lt tbody tr:hover{background:var(--orange-tint)}.tag{background:var(--grad-orange-soft);border:1px solid var(--orange-border);color:var(--orange-dark);border-radius:999px;font-weight:600}.status-on:before{content:"";background:var(--green);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #16a34a29}.login{background:radial-gradient(60% 60% at 15% 10%,#fb923c2e,#0000 60%) 0 0/200% 200%,radial-gradient(50% 50% at 85% 15%,#ea580c24,#0000 55%) 0 0/200% 200%,radial-gradient(60% 60% at 80% 90%,#78716c1f,#0000 60%) 0 0/200% 200%,linear-gradient(160deg,#fffaf5,#f6f4f1) 0 0/100% 100%;animation:18s ease-in-out infinite authMesh}@keyframes authMesh{0%,to{background-position:0 0,100% 0,100% 100%,0 0}50%{background-position:30% 20%,70% 30%,60% 70%,0 0}}.login-card{-webkit-backdrop-filter:blur(14px)saturate(1.1);box-shadow:var(--sh-lg), inset 0 1px 0 #fff9;background:#ffffffdb;border:1px solid #ffffffb3}.login-logo span{color:#0000;background:var(--grad-orange);-webkit-background-clip:text;background-clip:text}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e3e0dc padding-box content-box;border:3px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#d3cfca padding-box content-box}::-webkit-scrollbar-track{background:0 0}.mf input:hover:not(:focus):not([readonly]),.mf select:hover:not(:focus),.tile input:hover:not(:focus),.card input:hover:not(:focus):not([readonly]){border-color:var(--orange-border)}.title{font-size:var(--fs-20);letter-spacing:-.015em;font-weight:800;line-height:1.15}.subtitle{font-size:var(--fs-13);color:var(--muted);font-weight:500}.sec-lab{font-size:var(--fs-11);letter-spacing:.06em;text-transform:uppercase;color:var(--muted2);font-weight:700}.tile h3,.card h3{font-size:var(--fs-14);letter-spacing:0;font-weight:700}.mf label,.fld label{font-size:var(--fs-12);color:var(--muted2);font-weight:600}.note,.subtitle,.muted{line-height:1.5}.tag{font-size:var(--fs-11)}.btn,.btn-primary,.btn-ghost{font-size:var(--fs-14);font-weight:600}.topbar{margin-bottom:var(--sp-5);align-items:flex-end}.sec-head+.plat-grid,.sec-lab+.card,.sec-lab+.plat-grid{margin-top:var(--sp-3)}.card+.card,.tile+.tile{margin-top:var(--sp-4)}.plat-grid{gap:var(--sp-5)}@media (min-width:1180px){.plat-grid{column-gap:var(--sp-5);row-gap:var(--sp-5);align-items:stretch}}.ui-field{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);width:100%;height:40px;color:var(--ink);font-size:var(--fs-13);font-family:var(--font);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease);padding:0 12px}textarea.ui-field{height:auto;padding:10px 12px}.ui-field::placeholder{color:var(--muted)}.ui-field:hover:not(:focus){border-color:var(--orange-border)}.ui-field:focus{border-color:var(--orange);box-shadow:var(--focus-ring);outline:none}.ui-label{font-size:var(--fs-12);color:var(--muted2);margin-bottom:4px;font-weight:600;display:block}.sk{background:linear-gradient(90deg,#ece9e6 25%,#f5f3f1 37%,#ece9e6 63%) 0 0/400% 100%;border-radius:6px;animation:1.3s ease-in-out infinite skShimmer;display:inline-block}@keyframes skShimmer{0%{background-position:100% 0}to{background-position:0 0}}.lt tbody td .sk{height:12px;display:block}.metric{border-top:1px solid var(--border)}.metric:before{content:"";border-radius:var(--r) var(--r) 0 0;background:var(--grad-orange);opacity:0;height:2px;transition:opacity var(--t-med) var(--ease);pointer-events:none;position:absolute;inset:-1px -1px auto}.metric:hover:before{opacity:1}:root{--content-max:980px}.main{flex-direction:column;align-items:center;display:flex}.main>:not(.topcluster):not(.overlay):not(.userchip){width:100%;max-width:var(--content-max)}.topcluster{z-index:20;align-items:center;gap:18px;display:flex;position:absolute;top:18px;right:28px}.topbar{padding-right:0}.balpill{border:1px solid var(--orange-border);background:var(--grad-orange-soft);border-radius:var(--r-pill);cursor:pointer;font-family:var(--font);box-shadow:var(--sh-sm);transition:box-shadow var(--t-med) var(--ease), transform var(--t-fast) var(--ease);align-items:center;gap:12px;padding:7px 8px 7px 14px;display:flex}.balpill:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.balpill .bp-amt{font-size:var(--fs-15);color:var(--ink);letter-spacing:-.01em;font-weight:800;line-height:1}.balpill .bp-plan{color:var(--orange);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700;line-height:1}.balpill .bp-col{flex-direction:column;display:flex}.balpill .bp-cta{background:var(--grad-orange);color:#fff;font-size:var(--fs-12);border-radius:var(--r-pill);box-shadow:var(--sh-orange);align-items:center;gap:4px;padding:6px 12px;font-weight:600;display:inline-flex}@media (max-width:720px){.balpill .bp-cta span{display:none}}.tile>label+.ui-field,.card>label+.ui-field{margin-top:6px}.tile>.ui-field,.card>.ui-field{margin-bottom:12px}.tile>.ui-field+.btn,.card>.ui-field+.btn{margin-top:2px}.balpill-due .bp-plan{color:var(--red)}.onboard{border-color:var(--orange-border);background:linear-gradient(#fff,#fffaf5);position:relative}.onboard-x{position:absolute;top:12px;right:12px}.onboard-badge{background:var(--grad-orange);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:inline-grid}.onboard-bar{background:var(--fill);border-radius:6px;height:6px;margin-top:4px;overflow:hidden}.onboard-bar>span{background:var(--grad-orange);height:100%;transition:width var(--t-med) var(--ease);border-radius:6px;display:block}.onboard-step{cursor:pointer;width:100%;transition:background var(--t-fast) var(--ease);background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 8px;font-family:inherit;display:flex}.onboard-step:hover:not(.done){background:var(--orange-tint)}.onboard-step.done{cursor:default}.price-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:900px){.price-grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}}.price-grid>.card{flex-direction:column;display:flex}.seg{background:var(--fill);border:1px solid var(--border);border-radius:var(--r-pill);gap:2px;padding:3px;display:inline-flex}.seg>button{cursor:pointer;font-family:inherit;font-size:var(--fs-13);color:var(--muted2);border-radius:var(--r-pill);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:none;padding:6px 14px;font-weight:600}.seg>button:hover:not(.active){color:var(--ink)}.seg>button.active{color:var(--orange-dark);box-shadow:var(--sh-sm);background:#fff}.switch{width:42px;height:24px;transition:background var(--t-fast) var(--ease);cursor:pointer;background:#d6d3d0;border-radius:999px;flex-shrink:0;display:inline-block;position:relative}.switch.on{background:var(--grad-orange)}.switch .knob{width:18px;height:18px;transition:transform var(--t-fast) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch.on .knob{transform:translate(18px)}@keyframes revealIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:revealIn .26s var(--ease) both}.seg>button{transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform .1s var(--ease)}.seg>button:active{transform:scale(.94)}.seg>button.active{animation:segPop .22s var(--ease)}@keyframes segPop{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}.switch .knob{transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.btn:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-primary:active:not(:disabled),.chip:active,.tag:active,.pb:active{transform:scale(.97)}.btn,.btn-ghost,.btn-primary,.pb{transition:background var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease), transform .1s var(--ease), filter var(--t-fast) var(--ease)}.navitem{transition:background .14s,color .14s,padding-left .14s}.navitem:hover:not(.active){padding-left:15px}.uclogout,.onboard-x{transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease)}.onboard-x:hover{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.reveal,.seg>button.active{animation:none}*{transition-duration:.01ms!important}}.tabbar{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.tabbar>button{cursor:pointer;font-family:inherit;font-size:var(--fs-14);color:var(--muted2);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 14px;font-weight:600;display:inline-flex}.tabbar>button:hover:not(.active){color:var(--ink)}.tabbar>button.active{color:var(--orange-dark);border-bottom-color:var(--orange)}.grid-even{align-items:stretch}@media (min-width:901px){.grid-even{grid-auto-rows:1fr}}.mobile-topbar{display:none}.hamburger{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--ink);border-radius:11px;flex-shrink:0;place-items:center;display:inline-grid}.sidebar-scrim{display:none}@media (max-width:900px){.app{height:auto;min-height:100vh;display:block;overflow:visible}.sidebar{z-index:200;width:260px;transition:transform .26s var(--ease);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 0 #0000}.sidebar.open{transform:translate(0);box-shadow:12px 0 40px #1c18122e}.sidebar-scrim{z-index:150;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:revealIn .2s var(--ease);background:#1c18126b;display:block;position:fixed;inset:0}.main{align-items:stretch;height:auto;padding:12px 14px 24px;overflow:visible}.main>:not(.topcluster):not(.overlay):not(.userchip){max-width:100%}.mobile-topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:40;align-items:center;gap:10px;height:52px;margin:-12px -14px 8px;padding:0 14px;display:flex;position:sticky;top:0}.topcluster{margin:0 0 12px auto;padding:0;position:static}.topcluster .userchip{border-left:none;padding-left:0}.topcluster .uc-info,.topcluster .uc-divider,.topcluster .uclogout,.balpill .bp-plan{display:none}.price-grid,.grid2,.agrid,.plat-grid{grid-template-columns:1fr!important}.lt-wrap,.card,.tile{max-width:100%}.lt{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.title{font-size:var(--fs-17)}.modal-card{width:calc(100vw - 28px);max-width:none}}@media (max-width:560px){.topcluster .balpill .bp-cta span{display:none}.tabbar{overflow-x:auto}}.toast-wrap{z-index:500;pointer-events:none;flex-direction:column;gap:10px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-lg);font-size:var(--fs-13);color:var(--ink);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;animation:.28s cubic-bezier(.34,1.56,.64,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.toast-ico{flex-shrink:0;margin-top:1px;display:flex}.toast-success .toast-ico{color:var(--green)}.toast-error{border-color:#f5c2c2}.toast-error .toast-ico{color:var(--red)}.toast-info .toast-ico{color:var(--orange-dark)}.toast-msg{flex:1;line-height:1.4}.toast-x{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.toast-x:hover{color:var(--ink)}@media (max-width:560px){.toast-wrap{max-width:none;bottom:16px;left:16px;right:16px}}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:44px 20px;display:flex}.empty-ico{background:var(--fill);width:56px;height:56px;color:var(--muted);border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.empty-title{font-size:var(--fs-17);color:var(--ink);font-weight:700}.empty-hint{font-size:var(--fs-13);color:var(--muted);max-width:420px;margin-top:6px;line-height:1.5}.sidebar-foot{flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;display:flex}.sidebar-foot .balpill{justify-content:space-between;width:100%}.sidebar-chip{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);align-items:center;gap:10px;width:100%;padding:8px;display:flex}.sidebar-chip .uc-info{flex:1;min-width:0}.sidebar-chip .uc-name{font-size:var(--fs-12);color:var(--ink);font-weight:600}.sidebar-chip .uc-role{font-size:var(--fs-11)}.sidebar-chip .uc-av{color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.sidebar-chip .uclogout{flex-shrink:0}.topcluster .userchip{border-left:none;padding-left:0}.hero-banner{color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;min-height:148px;margin-bottom:22px;padding:34px 36px;display:flex;position:relative;overflow:hidden}.hero-orange{background:linear-gradient(135deg,#f0611c 0%,#f5843a 55%,#e24b7a 120%)}.hero-teal{background:linear-gradient(120deg,#12897e 0%,#1e8fb0 60%,#2c6fd6 120%)}.hero-violet{background:linear-gradient(125deg,#6d4bd8 0%,#8a63e6 60%,#b562d6 120%)}.hero-dark{background:linear-gradient(160deg,#1b1922 0%,#232030 100%)}.hero-wave{opacity:.9;pointer-events:none;width:62%;height:100%;position:absolute;top:0;right:0}.hero-body{z-index:1;min-width:0;position:relative}.hero-label{letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.hero-title{letter-spacing:-.02em;margin:0;font-size:40px;font-weight:800;line-height:1.05}.hero-sub{color:#ffffffe6;max-width:560px;margin:10px 0 0;font-size:15px;font-weight:500}.hero-stat{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;flex-shrink:0;align-items:center;gap:14px;padding:16px 22px;display:flex;position:relative}.hero-stat-ico{color:#ffffffeb;place-items:center;display:grid}.hero-stat-val{font-size:30px;font-weight:800;line-height:1}.hero-stat-lab{color:#fffc;max-width:120px;margin-top:4px;font-size:12px}@media (max-width:720px){.hero-banner{border-radius:18px;flex-direction:column;align-items:flex-start;padding:22px}.hero-title{font-size:28px}.hero-wave{display:none}}.gtopbar{z-index:50;align-items:center;gap:12px;margin-bottom:18px;display:flex;position:relative}.gtopbar-burger{display:none}.gsearch{background:var(--surface);border:1px solid var(--border);height:46px;color:var(--muted);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-med) var(--ease);border-radius:13px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.gsearch:focus-within{border-color:var(--orange);box-shadow:var(--focus-ring)}.gsearch input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.gsearch kbd{font-family:var(--mono);color:var(--muted2);background:var(--fill);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:11px}.icon-btn{border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--muted2);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.icon-btn:hover{background:var(--fill);color:var(--ink)}.gtopbar-sep{background:var(--border);flex-shrink:0;width:1px;height:30px}.gtopbar .userchip{background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.gtopbar .uc-av{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:grid}.gtopbar .uc-info{min-width:0}.gtopbar .uc-name{color:var(--ink);font-size:13px;font-weight:700;line-height:1.2}.gtopbar .uc-role{color:var(--muted);font-size:12px;line-height:1.2}.gtopbar .uclogout{flex-shrink:0}@media (max-width:900px){.gtopbar-burger{display:grid}.gsearch kbd,.gtopbar .uc-info,.gtopbar-sep{display:none}}@keyframes heroPop{0%{opacity:0;transform:scale(.985)translateY(14px)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-banner{animation:.5s cubic-bezier(.2,.8,.25,1) both heroPop}.hero-wave{animation:9s ease-in-out infinite heroFloat}.hero-stat-val{align-items:center;display:inline-flex}.hero-live-dot{background:#fff;border-radius:50%;width:8px;height:8px;margin-right:9px;animation:1.6s ease-in-out infinite pulseDotW;box-shadow:0 0 0 4px #ffffff40}@keyframes pulseDotW{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.main>.card,.main>.tile,.plat-grid>.card,.grid2>.tile,.grid2>.card,.metrics>.metric{animation:.42s cubic-bezier(.2,.7,.3,1) both fadeUp}.metrics>.metric:nth-child(2){animation-delay:50ms}.metrics>.metric:nth-child(3){animation-delay:.1s}.metrics>.metric:nth-child(4){animation-delay:.15s}@media (prefers-reduced-motion:reduce){.hero-banner,.hero-wave,.main>.card,.main>.tile,.metrics>.metric{animation:none}}.logo-mark{background:var(--grad-orange);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 5px 14px #f0611c52;-webkit-background-clip:border-box!important;background-clip:border-box!important}.logo-mark svg{animation:40s linear infinite spinSlowLogo}@keyframes spinSlowLogo{to{transform:rotate(360deg)}}.live-panel{color:#fff;background:linear-gradient(160deg,#1b1922 0%,#232030 100%);border-radius:20px;margin-bottom:22px;padding:20px 22px;animation:.42s cubic-bezier(.2,.7,.3,1) both fadeUp}.live-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.live-badge{letter-spacing:.06em;color:#ff7a59;background:#f0611c24;border:1px solid #f0611c59;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-badge .live-dot{background:#ff5a3c;border-radius:50%;width:7px;height:7px}.live-badge.on .live-dot{animation:1.4s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.live-title{font-size:16px;font-weight:700}.live-count{color:#9b9ba3;font-size:13px}.live-empty{color:#9b9ba3;align-items:center;gap:16px;padding:10px 2px;font-size:14px;display:flex}.live-rows{flex-direction:column;gap:8px;display:flex}.live-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.live-av{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:700;display:grid;position:relative}.live-av-dot{background:#1f9d6b;border:2px solid #1b1922;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.live-who{flex:none;width:200px;min-width:0}.live-co{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.live-sdr{color:#9b9ba3;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.live-eq{flex:1;align-items:flex-end;gap:3px;height:26px;display:flex}.live-eq i{transform-origin:bottom;background:#f0611c;border-radius:3px;width:3px;height:100%;animation:1s ease-in-out infinite eq}.live-eq.idle i{opacity:.6;animation-duration:1.6s}@keyframes eq{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.live-tag{color:#c7c7cc;background:#ffffff0f;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.live-timer{color:#fff;text-align:right;flex-shrink:0;min-width:46px;font-size:13px}.live-listen{color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--t-fast) var(--ease);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.live-listen:hover{background:#ffffff1f}@media (max-width:720px){.live-who{flex:1;width:auto}.live-eq,.live-tag{display:none}}.pill{border-radius:999px;align-items:center;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.pill-ok{color:var(--green);background:var(--green-bg)}.pill-off{color:var(--muted2);background:var(--fill)}.sidebar{background:linear-gradient(#fff,#fdfdfc);border-right:1px solid #ecece9;width:258px;box-shadow:24px 0 48px -40px #3c281438}.navlist{gap:3px}.navitem{color:#6c6c74;border-radius:11px;gap:12px;padding:10px 13px;font-size:14.5px;font-weight:600;transition:background .15s,color .15s,transform .14s}.navitem svg{width:19px;height:19px}.navitem:hover:not(.active){color:var(--ink);background:#f5f5f3;padding-left:13px;transform:translate(3px)}.navitem.active{color:#d8500f;box-shadow:none;background:#fdeee4;font-weight:700}.navitem.active:before{display:none}.navitem.active svg{color:#d8500f}.nav-sep{background:#ecece9;margin:12px 6px}.balpill{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:100%;transition:box-shadow var(--t-med) var(--ease), border-color var(--t-fast) var(--ease);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.balpill:hover{box-shadow:var(--sh-md)}.bp-info{min-width:0}.bp-line{align-items:baseline;gap:6px;display:flex}.bp-amt{font-family:var(--mono);color:var(--ink);font-size:18px;font-weight:600;line-height:1}.bp-plan{color:var(--orange);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.bp-sub{color:var(--muted);margin-top:3px;font-size:11.5px}.bp-cta{cursor:pointer;background:var(--grad-orange);color:#fff;box-shadow:var(--sh-orange);transition:filter var(--t-fast) var(--ease);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.bp-cta:hover{filter:brightness(1.05)}.balpill-due{background:#fdecec;border-color:#f5c2c2}.balpill-due .bp-plan,.balpill-due .bp-amt{color:var(--red)}.balpill-low{background:#fff9ef;border-color:#f5dfb0}.balpill-low .bp-amt{color:#b7791f}.icon-btn{border-radius:12px;width:40px;height:40px}.notif-dot{width:7px;height:7px;box-shadow:0 0 0 2px var(--surface);background:#f0611c;border-radius:50%;position:absolute;top:9px;right:10px}.icon-btn{position:relative}.gtopbar .uclogout{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--muted2);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);border-radius:12px;place-items:center;display:grid}.gtopbar .uclogout:hover{background:var(--fill);color:var(--ink)}.gsearch-wrap{flex:1;position:relative}.gsearch-pop{z-index:300;background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-lg);max-height:62vh;animation:revealIn .16s var(--ease);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.gsearch-empty{color:var(--muted);text-align:center;padding:16px;font-size:13px}.gsearch-group{margin-bottom:6px}.gsearch-gt{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:6px 10px 4px;font-size:11px;font-weight:700}.gsearch-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:inherit;display:flex}.gsearch-item.active,.gsearch-item:hover{background:var(--orange-tint)}.gsearch-ico{color:var(--orange-dark);flex-shrink:0;place-items:center;display:grid}.gsearch-lbl{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.gsearch-sub{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:12px}.notif-wrap{position:relative}.notif-pop{z-index:300;background:var(--surface);border:1px solid var(--border);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--sh-lg);animation:revealIn .16s var(--ease);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.notif-head{color:var(--ink);padding:8px 10px 10px;font-size:13px;font-weight:700}.notif-empty{color:var(--muted2);align-items:center;gap:10px;padding:14px 10px;font-size:13px;display:flex}.notif-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:11px;align-items:flex-start;gap:11px;width:100%;padding:10px;font-family:inherit;display:flex}.notif-item:hover{background:var(--fill)}.notif-ico{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.notif-red{color:var(--red);background:#fdecec}.notif-amber{color:#b7791f;background:#fff7e6}.notif-orange{background:var(--orange-tint);color:var(--orange-dark)}.notif-title{color:var(--ink);font-size:13.5px;font-weight:700;display:block}.notif-body{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.4;display:block}@media (max-width:900px){.gsearch-wrap{flex:1}}.dialer-quick{margin-bottom:18px}.qc-card{background:var(--surface);border:1px solid var(--border);max-width:380px;box-shadow:var(--sh-sm);border-radius:18px;padding:20px}.qc-head{margin-bottom:14px}.qc-title{color:var(--ink);align-items:center;gap:7px;font-size:15px;font-weight:700;display:flex}.qc-sub{color:var(--muted);margin-top:3px;font-size:12px;display:block}.qc-display{background:var(--fill);border-radius:12px;align-items:center;gap:8px;min-height:52px;margin-bottom:14px;padding:10px 14px;display:flex}.qc-display.live{background:var(--dark)}.qc-num{font-family:var(--mono);color:var(--ink);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:21px;font-weight:600}.qc-display.live .qc-num{color:#fff}.qc-bksp{color:var(--muted2);cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid}.qc-bksp:hover{color:var(--ink)}.qc-status{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.qc-livedot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulseDot}.qc-timer{font-family:var(--mono);color:#c7c7cc;margin-left:4px}.qc-pad{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.qc-key{border:1px solid var(--border);background:var(--surface);height:48px;color:var(--ink);cursor:pointer;transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border-radius:12px;font-size:19px;font-weight:600}.qc-key:hover{background:var(--fill)}.qc-key:active{background:var(--orange-tint);transform:scale(.94)}.qc-call{background:var(--grad-green,linear-gradient(150deg, #22b07d, #1f9d6b));color:#fff;cursor:pointer;width:100%;height:52px;transition:filter var(--t-fast) var(--ease);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex;box-shadow:0 6px 18px -8px #1f9d6b99}.qc-call:hover:not(:disabled){filter:brightness(1.05)}.qc-call:disabled{opacity:.5;cursor:not-allowed}.qc-actions{align-items:center;gap:10px;display:flex}.qc-mute{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--ink);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.qc-mute.on{background:var(--orange-tint);border-color:var(--orange-border);color:var(--orange-dark)}.qc-mute:disabled{opacity:.4;cursor:not-allowed}.qc-hang{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:700;display:flex}.qc-hang:hover{filter:brightness(1.05)}.qc-gate .qc-gate-body{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:8px 4px 4px;display:flex}.qc-gate-ic{color:#b7791f;background:#fff7e6;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:2px;display:grid}.qc-gate-title{color:var(--ink);font-size:15px;font-weight:700}.qc-gate-text{color:var(--muted2);max-width:300px;font-size:13px;line-height:1.5}:root{--sh-sm:0 1px 2px #18140e0d, 0 1px 1px #18140e08;--sh-md:0 2px 6px -1px #18140e0f, 0 12px 26px -12px #281c1029;--sh-lg:0 4px 10px -2px #18140e12, 0 26px 52px -18px #281c1038;--sh-lift:0 12px 30px -10px #281c103d, 0 3px 8px -3px #18140e14;--sh-orange:0 8px 22px -6px #f0611c6b, 0 2px 6px -2px #f0611c47;--edge-top:inset 0 1px 0 #ffffffa6;--ease-out:cubic-bezier(.22, .7, .3, 1)}.main{background:radial-gradient(1000px 520px at 100% -8%, #f0611c0e, transparent 58%), radial-gradient(880px 620px at -12% 112%, #7c5ce00d, transparent 55%), var(--bg);position:relative}.card,.tile{border:1px solid var(--border2);box-shadow:var(--sh-md), var(--edge-top);transition:box-shadow .3s var(--ease-out), transform .3s var(--ease-out), border-color .2s var(--ease-out)}.card:hover,.tile:hover{box-shadow:var(--sh-lg), var(--edge-top)}.acard,.metric{box-shadow:var(--sh-sm), var(--edge-top);transition:box-shadow .24s var(--ease-out), transform .24s var(--ease-out), border-color .2s var(--ease-out)}.acard:hover,.metric:hover{box-shadow:var(--sh-lift), var(--edge-top);border-color:var(--orange-border);transform:translateY(-3px)}.acard:active{transform:translateY(-1px)}.acard.sel{box-shadow:var(--sh-md), 0 0 0 1px var(--orange-border)}.metric{background:linear-gradient(180deg, #fff, var(--surface2))}.gsearch{-webkit-backdrop-filter:saturate(1.2)blur(10px);box-shadow:var(--sh-sm), var(--edge-top);background:#ffffffb8}.icon-btn,.gtopbar .uclogout{box-shadow:var(--sh-sm), var(--edge-top);transition:box-shadow .2s var(--ease-out), transform .16s var(--ease-out), background .18s}.icon-btn:hover,.gtopbar .uclogout:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.btn-primary{background:var(--grad-orange);box-shadow:var(--sh-orange), var(--edge-top);transition:transform .12s var(--ease-out), box-shadow .22s var(--ease-out), filter .2s}.btn-primary:hover{box-shadow:0 12px 28px -6px #f0611c80, var(--edge-top);filter:none;transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--sh-orange);transform:translateY(0)}.btn{transition:box-shadow .2s var(--ease-out), transform .12s var(--ease-out), background .18s, border-color .18s}.btn:not(.btn-primary):hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.btn:not(.btn-primary):active{transform:translateY(0)}.hero-banner{box-shadow:0 26px 60px -28px #3c1e0a73}.hero-banner:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at 0 0,#fff3,#0000 46%),linear-gradient(#0000 58%,#0000001f);position:absolute;inset:0}.hero-stat,.hero-banner .hero-body{z-index:1;position:relative}.ui-field,.box,.ent-search,input.box,textarea.box,.inp{transition:box-shadow .2s var(--ease-out), border-color .2s var(--ease-out)}.ui-field:focus,.box:focus,textarea.box:focus{box-shadow:inset 0 1px 2px #18140e0a, var(--focus-ring)}.live-panel{box-shadow:0 30px 64px -28px #14101a99,inset 0 1px #ffffff0f}.navitem.active{box-shadow:0 2px 8px -3px #f0611c59}@media (prefers-reduced-motion:reduce){.card,.tile,.acard,.metric,.btn,.icon-btn{transition:none!important;transform:none!important}}.qc-from,.dialer-from{font-family:var(--mono);color:var(--ink);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:3px 6px;font-size:12px;font-weight:600}.conn-method{text-align:left;border:1px solid var(--border);border-radius:var(--r-md,12px);background:var(--surface);cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px;transition:border-color .15s,background .15s,transform .1s;display:flex}.conn-method:hover:not(:disabled){border-color:var(--orange);background:var(--fill);transform:translateY(-1px)}.conn-method:disabled{opacity:.6;cursor:not-allowed}.conn-method .ico{background:var(--fill);width:40px;height:40px;color:var(--orange-dark);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.conn-method .t{align-items:center;gap:8px;font-size:14.5px;font-weight:650;display:flex}.conn-method .d{color:var(--muted);margin-top:2px;font-size:12.5px}.conn-method .soon{text-transform:uppercase;letter-spacing:.04em;background:var(--fill);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.pill-code{font-family:var(--mono,monospace);background:var(--fill);border:1px solid var(--border);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;display:inline-flex}.pill-code:hover{border-color:var(--orange)}