.sp-card{--sp-bg:#0f172a;--sp-panel:#1e293b;--sp-key:#273449;--sp-text:#e2e8f0;--sp-muted:#94a3b8;--sp-green:#22c55e;--sp-red:#ef4444;--sp-blue:#38bdf8;background:linear-gradient(180deg,var(--sp-panel),var(--sp-bg));color:var(--sp-text);border:1px solid #334155;border-radius:20px;padding:1.1rem;width:100%;max-width:360px;margin:0 auto;box-shadow:0 20px 50px #00000059;font-family:inherit}.sp-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.sp-who{flex:1;display:flex;flex-direction:column;min-width:0}.sp-who strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-who small{color:var(--sp-muted)}.sp-dot{width:11px;height:11px;border-radius:50%;background:#64748b;flex:0 0 auto;box-shadow:0 0 0 3px #64748b40}.sp-dot.sp-registered{background:var(--sp-green, #22c55e);box-shadow:0 0 0 3px #22c55e40}.sp-dot.sp-connecting{background:#f59e0b;animation:sp-pulse 1s infinite}.sp-dot.sp-error{background:var(--sp-red, #ef4444)}@keyframes sp-pulse{50%{opacity:.35}}.sp-link{background:none;border:none;color:var(--sp-blue, #38bdf8);cursor:pointer;font-size:.85rem;padding:.3rem}.sp-link:disabled{opacity:.4;cursor:not-allowed}.sp-hint{font-size:.78rem;color:var(--sp-muted, #94a3b8);background:#38bdf814;border-radius:10px;padding:.5rem .6rem;margin-bottom:.6rem;word-break:break-word}.sp-err{color:#fca5a5;background:#ef44441a}.sp-input{width:100%;background:#0b1220;color:var(--sp-text, #e2e8f0);border:1px solid #334155;border-radius:12px;padding:.65rem .8rem;font-size:1rem;min-height:44px;box-sizing:border-box}.sp-display{font-size:1.6rem;text-align:center;letter-spacing:.08em;margin-bottom:.8rem}.sp-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.4rem 0 .8rem}.sp-key{background:var(--sp-key, #273449);color:var(--sp-text, #e2e8f0);border:none;border-radius:50%;aspect-ratio:1/1;max-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:1.45rem;font-weight:600;transition:background .12s,transform .05s;justify-self:center;width:100%;max-width:72px}.sp-key small{font-size:.55rem;color:var(--sp-muted, #94a3b8);letter-spacing:.12em;min-height:.7rem}.sp-key:hover{background:#334155}.sp-key:active{transform:scale(.95)}.sp-row{display:flex;gap:.5rem;align-items:center;margin:.4rem 0}.sp-btn{border:none;border-radius:999px;padding:.7rem 1rem;min-height:46px;font-weight:600;cursor:pointer;color:#fff;flex:1;font-size:.95rem}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-wide{width:100%}.sp-green{background:#16a34a}.sp-red{background:#dc2626}.sp-blue{background:#0284c7;flex:0 0 auto}.sp-ghost{background:#273449;flex:0 0 56px}.sp-echo{display:block;margin:.4rem auto 0}.sp-call{text-align:center;padding:.4rem 0}.sp-avatar{width:72px;height:72px;border-radius:50%;margin:.3rem auto .6rem;background:linear-gradient(135deg,#22c55e,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:700;color:#fff}.sp-state-ringing .sp-avatar{animation:sp-ring 1.2s infinite}@keyframes sp-ring{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 14px #22c55e00}}.sp-number{font-size:1.35rem;font-weight:700;letter-spacing:.04em}.sp-name{color:var(--sp-text, #e2e8f0);margin-top:.15rem}.sp-sub{color:var(--sp-muted, #94a3b8);font-size:.82rem}.sp-status{margin:.6rem 0 .9rem;color:var(--sp-green, #22c55e);font-variant-numeric:tabular-nums;font-size:1.05rem}.sp-tools{justify-content:space-between}.sp-tool{background:#273449;color:#e2e8f0;border:none;border-radius:14px;flex:1;padding:.55rem .2rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;font-size:1.1rem;min-height:56px}.sp-tool span{font-size:.7rem;color:#94a3b8}.sp-tool.on{background:#0ea5e9}.sp-tool.on span{color:#fff}.sp-toast{position:fixed;right:1rem;bottom:1rem;z-index:1300;width:min(320px,calc(100vw - 2rem));background:#0f172a;color:#e2e8f0;border:1px solid #22c55e;border-radius:18px;padding:1rem;box-shadow:0 20px 50px #00000073;text-align:center;animation:sp-in .2s ease-out}.sp-toast-title{font-weight:700;color:#22c55e;margin-bottom:.3rem}@keyframes sp-in{0%{transform:translateY(20px);opacity:0}}.sp-pill{position:fixed;right:1rem;bottom:1rem;z-index:1300;background:#0f172a;color:#e2e8f0;border:1px solid #22c55e;border-radius:999px;padding:.55rem .9rem;display:flex;align-items:center;gap:.45rem;cursor:pointer;box-shadow:0 10px 30px #00000059}@media (max-width: 640px){.sp-card{border-radius:16px;padding:.9rem}.sp-key{max-width:64px;font-size:1.3rem}}:root{--bg: #0f172a;--panel: #1e293b;--panel2: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #22c55e;--accent2: #38bdf8;--danger: #f87171;--border: #475569;--topbar-h: 56px;--sidebar-w: 260px;--touch: 44px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:linear-gradient(160deg,#0f172a,#111827 40%,#0b3b2e);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden}a{color:var(--accent2);text-decoration:none}img,svg,video{max-width:100%;height:auto}code{word-break:break-all}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;min-height:100dvh}.sidebar{background:#0f172af5;border-right:1px solid var(--border);padding:1.25rem;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;z-index:40}.sidebar h1{font-size:1.1rem;margin:0 0 1rem;color:var(--accent)}.sidebar .sidebar-user{margin-bottom:1rem;font-size:.85rem}.sidebar nav{display:flex;flex-direction:column;gap:.35rem}.sidebar a,.sidebar button.linkish{color:var(--text);padding:.65rem .75rem;min-height:var(--touch);border-radius:8px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:.95rem;display:flex;align-items:center}.sidebar a.active,.sidebar a:hover,.sidebar button.linkish:hover{background:var(--panel2)}.sidebar-close{display:none;position:absolute;top:.75rem;right:.75rem}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:35}.content-col{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:.5rem;padding:0 .75rem 0 .5rem;background:#0f172aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar-title{flex:1;margin:0;font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.topbar-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.hamburger,.btn-icon{width:var(--touch);height:var(--touch);min-width:var(--touch);display:inline-flex;align-items:center;justify-content:center;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:1.25rem;padding:0}.hamburger{display:none}.user-menu{position:relative}.user-menu-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--touch);padding:.35rem .65rem;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;cursor:pointer;max-width:160px}.user-menu-btn .um-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;max-width:110px}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + .35rem);min-width:180px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.4rem;box-shadow:0 12px 30px #00000059;z-index:50}.user-menu-dropdown button{width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:.65rem .75rem;min-height:var(--touch);border-radius:8px;cursor:pointer}.user-menu-dropdown button:hover{background:var(--panel2)}.content{padding:1.25rem 1.5rem;min-width:0;max-width:100%}.card{background:#1e293be6;border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem;margin-bottom:1rem;box-shadow:0 10px 30px #00000040;max-width:100%;overflow-x:auto}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{font-size:1.8rem;font-weight:700;color:var(--accent)}.muted{color:var(--muted)}label{display:block;font-size:.9rem;margin-top:.25rem}input,select,textarea,button.primary{width:100%;min-height:var(--touch);padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:#0b1220;color:var(--text);margin:.35rem 0 .75rem;font-size:1rem}button.primary{background:linear-gradient(135deg,#16a34a,#0ea5e9);border:none;font-weight:600;cursor:pointer}button.primary:hover{filter:brightness(1.08)}.form-grid{display:grid;gap:0 1rem;grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1 / -1}.login-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1rem;width:100%}.login-card{width:min(400px,100%);margin:0}.row{display:flex;gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:var(--panel2);font-size:.8rem}.error{color:var(--danger);margin:.5rem 0;word-break:break-word}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;align-items:center}.lang-toggle{display:flex;gap:.35rem;margin-top:0}.lang-toggle button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:999px;min-height:36px;min-width:44px;padding:.35rem .7rem;cursor:pointer;margin:0;width:auto}.lang-toggle button.active{border-color:var(--accent);color:var(--accent)}.table-wrap{width:100%;max-width:100%}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--border);font-size:.92rem;vertical-align:top}.actions-cell{white-space:nowrap}.actions-cell .btn-sm{margin:.15rem}.btn-danger{background:#b91c1c;color:#fff;border:none;border-radius:8px;padding:.55rem .9rem;min-height:var(--touch);cursor:pointer;font-weight:600;width:auto}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem .75rem;min-height:var(--touch);cursor:pointer;width:auto;margin:0}.btn-sm{padding:.45rem .7rem;min-height:var(--touch);font-size:.9rem;margin:0 .15rem;width:auto;border-radius:8px;cursor:pointer}button.btn-edit{background:#334155;color:#fff;border:1px solid var(--border)}.check-row{display:flex;gap:.5rem;align-items:center;margin:.75rem 0;min-height:var(--touch)}.check-row input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:1000;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal{background:#1e293b;border:1px solid var(--border);border-radius:14px;width:min(520px,100%);max-height:90vh;max-height:90dvh;overflow:auto;box-shadow:0 20px 50px #00000073}.modal-wide{width:min(720px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:#1e293b;z-index:1}.modal-head h3{margin:0;font-size:1.05rem;padding-right:.5rem}.modal-body{padding:1rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}.modal-actions button{flex:1 1 auto;min-width:120px}@media (max-width: 900px){.layout{grid-template-columns:1fr}.hamburger{display:inline-flex}.sidebar{position:fixed;top:0;left:0;width:min(var(--sidebar-w),86vw);height:100vh;height:100dvh;transform:translate(-105%);transition:transform .22s ease;border-right:1px solid var(--border);box-shadow:none}.layout.nav-open .sidebar{transform:translate(0);box-shadow:8px 0 30px #0006}.layout.nav-open .nav-overlay{display:block}.sidebar-close{display:inline-flex}.sidebar{padding-top:3rem}.content{padding:1rem}.form-grid{grid-template-columns:1fr}.page-heading{display:none}}@media (max-width: 640px){.grid{grid-template-columns:1fr 1fr}.user-menu-btn .um-email{display:none}.topbar-title{font-size:.98rem}.table-wrap table.responsive-table thead{display:none}.table-wrap table.responsive-table,.table-wrap table.responsive-table tbody{display:block;width:100%}.table-wrap table.responsive-table tr{display:block;background:#0f172a8c;border:1px solid var(--border);border-radius:12px;padding:.65rem .75rem;margin-bottom:.75rem}.table-wrap table.responsive-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;border-bottom:1px dashed rgba(71,85,105,.5);padding:.45rem 0;text-align:right;word-break:break-word}.table-wrap table.responsive-table td:last-child{border-bottom:none}.table-wrap table.responsive-table td:before{content:attr(data-label);font-weight:600;color:var(--muted);text-align:left;flex:0 0 38%;max-width:42%}.table-wrap table.responsive-table td.actions-cell{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;padding-top:.65rem}.table-wrap table.responsive-table td.actions-cell:before{flex:1 1 100%;max-width:100%;margin-bottom:.25rem}.table-wrap table.responsive-table td.actions-cell .btn-sm{flex:1 1 calc(50% - .25rem);min-width:120px}.modal-backdrop{padding:0;align-items:stretch}.modal,.modal-wide{width:100%;min-height:100vh;min-height:100dvh;max-height:none;border-radius:0;border:none}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;min-width:0}.card{padding:.85rem}.login-card{width:100%}}@media (max-width: 400px){.grid{grid-template-columns:1fr}}.sidebar .sidebar-close.btn-icon{display:none}@media (max-width: 900px){.sidebar .sidebar-close.btn-icon{display:inline-flex}}.small{font-size:.82rem}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-field{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.inline-field input,.inline-field select{width:auto}.notice{background:#38bdf81a;border:1px solid rgba(56,189,248,.35);border-radius:10px;padding:.5rem .75rem;margin:.5rem 0}.tabs{display:flex;gap:.3rem;flex-wrap:wrap}.tab{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.45rem .9rem}.tab.active{background:var(--accent, #0ea5e9);color:#fff;border-color:transparent}.seg{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.seg button{background:transparent;border:none;border-radius:0;padding:.45rem .85rem;color:var(--muted);min-height:38px}.seg button.active{background:var(--accent, #0ea5e9);color:#fff}.v2-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.v2-split{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:1rem;align-items:start}.v2-split>.card+.card,.v2-split>div>.card+.card{margin-top:1rem}.v2-list{padding-left:1.1rem;line-height:1.6}.v2-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;margin-top:.6rem}.v2-item{background:#0f172a8c;border:1px solid var(--border);border-radius:14px;padding:.85rem;display:flex;flex-direction:column;gap:.45rem}.v2-item-head{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.v2-actions{display:flex;gap:.4rem;justify-content:flex-end;margin-top:auto}.v2-digits{display:flex;flex-direction:column;gap:.25rem}.v2-digit{display:flex;align-items:center;gap:.5rem;font-size:.86rem}.v2-key{width:28px;height:28px;border-radius:50%;background:#273449;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}.v2-opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.5rem;margin-bottom:1rem}.v2-opt-row{display:flex;align-items:center;gap:.5rem}.dest-picker{display:flex;gap:.4rem;flex:1;min-width:0}.dest-picker select{flex:1;min-width:0}.v2-upload{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.6rem}.v2-upload input[type=file]{max-width:260px}.v2-toggle-list{display:flex;flex-direction:column;gap:.35rem}.v2-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .2rem;border-bottom:1px dashed var(--border)}input.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border-radius:999px;background:#475569;position:relative;cursor:pointer;transition:background .15s;padding:0;min-height:0;border:none;flex:0 0 auto}input.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}input.switch:checked{background:#22c55e}input.switch:checked:after{left:21px}.pager{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:.6rem}.st-answered{background:#22c55e2e;color:#86efac}.st-missed{background:#ef44442e;color:#fca5a5}.v2-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}.v2-kv>div{display:flex;flex-direction:column}.v2-player{display:flex;gap:.6rem;align-items:center}.v2-player a{white-space:nowrap}.v2-comments{display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow:auto;margin-bottom:.6rem}.v2-comment{background:#0f172a8c;border-radius:10px;padding:.5rem .7rem}.v2-comment .linkish{float:right}.v2-comment-form{display:flex;gap:.5rem;align-items:flex-end}.v2-comment-form textarea{flex:1}.v2-stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:1rem}.stat-value{font-size:1.9rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-ok{border-left:4px solid #22c55e}.stat-bad{border-left:4px solid #ef4444}.stat-info{border-left:4px solid #38bdf8}.stat-warn{border-left:4px solid #f59e0b}.stat-plain{border-left:4px solid #64748b}.live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;animation:sp-pulse 1.6s infinite}@keyframes sp-pulse{50%{opacity:.3}}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.55rem}.agent{background:#0f172a8c;border:1px solid var(--border);border-radius:12px;padding:.6rem .7rem;min-width:0}.agent-top{display:flex;align-items:center;gap:.35rem}.agent-in_call{border-color:#38bdf8}.agent-ringing{border-color:#f59e0b}.agent-offline{opacity:.6}.sdot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto;background:#64748b}.s-online{background:#22c55e}.s-in_call{background:#38bdf8}.s-ringing{background:#f59e0b;animation:sp-pulse 1s infinite}.badge.warn{background:#f59e0b33;color:#fcd34d}.warn-t{color:#f59e0b}.bars{display:flex;align-items:flex-end;gap:3px;height:180px;padding-top:.5rem}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}.bar-stack{width:100%;display:flex;flex-direction:column;border-radius:4px 4px 0 0;overflow:hidden;min-height:2px;background:#334155}.bar-ok{background:#22c55e}.bar-miss{background:#ef4444}.bar-col.now .bar-stack{outline:1px solid #38bdf8}.bar-lbl{font-size:.65rem;color:var(--muted);height:1rem}.legend{display:flex;gap:.4rem;align-items:center;margin-top:.4rem;color:var(--muted)}.lg{width:10px;height:10px;border-radius:2px;display:inline-block}.lg.ok{background:#22c55e}.lg.bad{background:#ef4444;margin-left:.6rem}.q-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;text-align:center}.q-stats div{display:flex;flex-direction:column}.q-stats b{font-size:1.15rem}.q-stats span{font-size:.68rem;color:var(--muted)}.q-members{display:flex;flex-direction:column;gap:.3rem;border-top:1px dashed var(--border);padding-top:.45rem}.q-member{display:flex;align-items:center;gap:.45rem;min-width:0}@media (max-width: 900px){.v2-split{grid-template-columns:1fr}}@media (max-width: 640px){.v2-cards,.v2-opt-grid{grid-template-columns:1fr}.q-stats{grid-template-columns:repeat(3,1fr)}.v2-filters>*{flex:1 1 100%}.v2-filters .seg{justify-content:stretch}.v2-filters .seg button{flex:1}.v2-player{flex-direction:column;align-items:stretch}.dest-picker{flex-direction:column}.v2-comment-form{flex-direction:column;align-items:stretch}.bars{height:130px}}