:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f5f9;--card:#fff;--border:#e3e9f0;--border-strong:#d3dde6;--text:#0f2233;--muted:#61758a;--primary:#0684bc;--primary-dark:#056fa1;--primary-soft:#e7f4fb;--green:#22a94c;--green-dark:#1b8a3e;--green-soft:#e9f7ee;--red:#ef4444;--red-dark:#d92d2d;--red-soft:#fdeceb;--amber:#f5a623;--amber-soft:#fef4e0;--amber-text:#9a6a08;--green-border:#22a94c59;--primary-border:#0684bc59;--amber-border:#f5a62373;--red-border:#ef444459;--surface:#fff;--surface-2:#f4f7fa;--bg-soft:#f7fafc;--bg-hover:#eef3f8;--bg-active:#e3ecf4;--key-bg:#f2f6fa;--key-hover:#e6edf4;--code-bg:#eef2f6;--row-border:#edf1f6;--row-hover:#f6f9fc;--green-hover:#22a94c2e;--skel-a:var(--row-border);--skel-b:var(--surface-2);--seg-on-bg:#fff;--backdrop:#0f223373;--nav-blur-bg:#ffffffdb;--nav-blur-border:#0f223312;--nav-dot-off:#b9c4cf;--focus-ring:#0684bc24;--radius:22px;--radius-sm:14px;--shadow:0 1px 2px #0f22330d, 0 14px 34px -20px #0f223340;--nav-w:92px;--spring:cubic-bezier(.34, 1.4, .64, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b141d;--card:#121f2b;--border:#223547;--border-strong:#2e455b;--text:#e7eff6;--muted:#90a5b8;--primary:#2ba3dd;--primary-dark:#5ebbe8;--primary-soft:#2ba3dd29;--green:#2cbd58;--green-dark:#5fd88c;--green-soft:#2cbd5824;--red:#f45b5b;--red-dark:#ff8078;--red-soft:#f45b5b24;--amber:#f7b23e;--amber-soft:#f7b23e21;--amber-text:#f0bd67;--green-border:#5fd88c52;--primary-border:#5ebbe852;--amber-border:#f0bd6752;--red-border:#ff807852;--surface:#182838;--surface-2:#16242f;--bg-soft:#1b2c3c;--bg-hover:#192939;--bg-active:#22364a;--key-bg:#1c2d3e;--key-hover:#263c52;--code-bg:#1e3040;--row-border:#1c2c3c;--row-hover:#182634;--green-hover:#2cbd584d;--skel-a:#1a2a3a;--skel-b:#223549;--seg-on-bg:#2b425a;--backdrop:#0009;--nav-blur-bg:#0b141dd9;--nav-blur-border:#ffffff14;--nav-dot-off:#47596b;--focus-ring:#2ba3dd40;--shadow:0 1px 2px #00000059, 0 14px 34px -20px #0009}:root[data-theme=dark] .btn-primary:hover:not(:disabled){background:#1290cc}:root[data-theme=dark] .btn-green:hover:not(:disabled){background:#1f9e47}:root[data-theme=dark] .btn-red:hover:not(:disabled),:root[data-theme=dark] .btn-danger:hover:not(:disabled){background:#e04343}:root[data-theme=dark] .seg-on{box-shadow:0 1px 3px #0006}:root[data-theme=dark] .phone-paused{background:linear-gradient(180deg, #16222e, var(--card) 60%);border-color:#f7b23e59}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,ui-sans-serif,system-ui,Helvetica,Arial,sans-serif;font-size:15.5px;line-height:1.5}body{overscroll-behavior-y:none}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--code-bg);border-radius:5px;padding:1px 5px;font-size:.9em}button,.key,.nav-tab{-webkit-user-select:none;user-select:none;touch-action:manipulation}.shell{min-height:100dvh;display:flex}.content{min-width:0;margin-left:var(--nav-w);flex:1}.page{max-width:720px;padding:22px max(16px, env(safe-area-inset-right)) 110px max(16px, env(safe-area-inset-left));flex-direction:column;gap:16px;margin:0 auto;animation:.24s both page-in;display:flex}.page-dialer{max-width:560px}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dialer-grid{flex-direction:column;gap:16px;display:flex}.dialer-col-side{flex-direction:column;gap:16px;min-width:0;display:flex}.desktop-only{display:none}@media (min-width:1100px){.page-dialer{max-width:1120px}.page-dialer .notice{width:100%;max-width:560px;margin:0 auto}.dialer-grid{grid-template-columns:minmax(420px,540px) minmax(400px,1fr);align-items:start;gap:18px;display:grid}.dialer-col-phone{position:sticky;top:22px}.desktop-only{display:block}}.nav{z-index:30;background:var(--card);border-right:1px solid var(--border);width:var(--nav-w);flex-direction:column;align-items:center;gap:8px;padding:14px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.nav-brand{margin-bottom:10px;position:relative}.nav-logo{color:#fff;background:linear-gradient(135deg,#1195ce,#045a86);border-radius:15px;place-items:center;width:46px;height:46px;font-size:22px;display:grid;box-shadow:0 8px 18px -8px #0684bcb3}.nav-dot{border:2.5px solid var(--card);border-radius:50%;width:13px;height:13px;position:absolute;bottom:-2px;right:-2px}.nav-dot-ready{background:var(--green)}.nav-dot-connected{background:var(--amber)}.nav-dot-off{background:var(--nav-dot-off)}.nav-tabs{flex-direction:column;gap:6px;width:100%;padding:0 10px;display:flex}.nav-tab{color:var(--muted);border-radius:13px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;font-size:12px;font-weight:600;transition:color .15s,background .15s;display:flex;position:relative}.nav-tab:hover{background:var(--bg-hover);text-decoration:none}.nav-tab-active{color:var(--primary);background:var(--primary-soft)}.nav-icon svg{width:24px;height:24px;transition:transform .2s var(--spring);display:block}.nav-tab-active .nav-icon svg{transform:scale(1.08)}.nav-tab:active .nav-icon svg{transform:scale(.9)}.nav-badge{background:var(--primary);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:4px;right:10px}@media (max-width:760px){.nav{border-right:none;border-top:1px solid var(--nav-blur-border);background:var(--nav-blur-bg);-webkit-backdrop-filter:blur(18px)saturate(1.7);backdrop-filter:blur(18px)saturate(1.7);width:100%;padding:6px 4px calc(6px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;inset:auto 0 0}.nav-brand{display:none}.nav-tabs{flex-direction:row;justify-content:space-around;padding:0}.nav-tab{border-radius:12px;flex:1;gap:2px;padding:7px 4px 5px;font-size:10.5px}.nav-tab-active{background:0 0}.content{margin-left:0}.page{padding-top:16px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-head h1{letter-spacing:-.5px;margin:0;font-size:27px;font-weight:800}.page-sub{color:var(--muted);margin:2px 0 0;font-size:13.5px}.head-pills{flex-wrap:wrap;gap:8px;display:flex}.page-foot{text-align:center;color:var(--muted);font-size:12.5px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-head h2{margin:0;font-size:16px;font-weight:700}.notice{text-align:center;padding:26px 18px}.notice h2{margin:0 0 6px;font-size:20px}.notice p{color:var(--muted);max-width:46ch;margin:0 auto 16px}.seg{background:var(--bg-soft);border-radius:13px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.seg-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:9px 10px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.seg-on{background:var(--seg-on-bg);color:var(--primary-dark);box-shadow:0 1px 3px #0f22331f}.redirect-box{border:1px dashed var(--border-strong);background:var(--surface-2);color:var(--muted);border-radius:12px;flex-direction:column;gap:4px;margin-top:14px;padding:11px 13px;font-size:13px;display:flex}.redirect-box code{word-break:break-all;color:var(--primary-dark);background:0 0;padding:0;font-weight:600}.copy-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.field-grid{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}@media (max-width:560px){.field-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field-wide{grid-column:1/-1}.field>span{color:var(--muted);font-size:12.5px;font-weight:600}.field-hint{color:var(--muted);font-size:12px;font-style:normal}input,select,textarea{background:var(--surface);width:100%;color:var(--text);border:1.5px solid var(--border);font:inherit;border-radius:12px;padding:10px 12px;font-size:16px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--muted)}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px}.input-row{align-items:center;gap:6px;display:flex}.input-row input{flex:1}.check{color:var(--muted);cursor:pointer;align-items:flex-start;gap:9px;margin:12px 0 0;font-size:13.5px;display:flex}.check input{width:auto;accent-color:var(--primary);margin-top:3px}.check-inline{align-items:center;margin:0}.btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:filter .12s ease, transform .12s var(--spring), background .12s ease;border-radius:13px;padding:10px 16px;font-size:15px;font-weight:650}a.btn{text-align:center;display:inline-block}a.btn:hover{text-decoration:none}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px -10px #0684bcb3}.btn-primary:hover:not(:disabled){background:var(--primary-dark);filter:none}.btn-green{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 8px 18px -10px #22a94cb3}.btn-green:hover:not(:disabled){background:var(--green-dark);filter:none}.btn-red{background:var(--red);border-color:var(--red);color:#fff}.btn-red:hover:not(:disabled){background:var(--red-dark);filter:none}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-ghost{background:0 0}.btn-sm{border-radius:10px;padding:6px 11px;font-size:13.5px}.btn-lg{border-radius:15px;padding:13px 26px;font-size:16.5px}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.card .btn-row:first-of-type{margin-top:0}.pill{border:1px solid var(--border);color:var(--muted);background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-block}.pill-connected{color:var(--green-dark);border-color:var(--green-border);background:var(--green-soft)}.pill-connecting{color:var(--primary);border-color:var(--primary-border);background:var(--primary-soft)}.pill-disconnected,.pill-neutral{color:var(--muted)}.pill-run-running{color:var(--green-dark);border-color:var(--green-border);background:var(--green-soft);animation:1.6s infinite pulse}.pill-run-paused{color:var(--amber-text);border-color:var(--amber-border);background:var(--amber-soft)}.pill-run-stopping{color:var(--red-dark);border-color:var(--red-border);background:var(--red-soft)}.pill-run-idle{color:var(--muted)}.pill-sp-registered{color:var(--green-dark);border-color:var(--green-border);background:var(--green-soft)}.pill-sp-provisioning,.pill-sp-registering{color:var(--primary);border-color:var(--primary-border);background:var(--primary-soft);animation:1.6s infinite pulse}.pill-sp-reconnecting{color:var(--amber-text);border-color:var(--amber-border);background:var(--amber-soft);animation:1.6s infinite pulse}.pill-sp-error{color:var(--red-dark);border-color:var(--red-border);background:var(--red-soft)}.pill-sp-off,.st-queued{color:var(--muted)}.st-active{color:var(--primary);border-color:var(--primary-border);background:var(--primary-soft);animation:1.6s infinite pulse}.st-ringing{color:var(--amber-text);border-color:var(--amber-border);background:var(--amber-soft);animation:1.1s infinite pulse}.st-connected{color:var(--green-dark);border-color:var(--green-border);background:var(--green-soft)}.st-done{color:var(--green-dark);border-color:var(--green-border)}.st-noanswer{color:var(--amber-text);border-color:var(--amber-border)}.st-failed{color:var(--red-dark);border-color:var(--red-border)}.st-muted{color:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.phone{animation:phone-in .3s var(--spring) both;flex-direction:column;align-items:center;gap:18px;padding:26px 18px 24px;display:flex}@keyframes phone-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.call-face{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#1195ce,#045a86);border-radius:50%;place-items:center;width:96px;height:96px;margin-bottom:10px;font-size:34px;font-weight:700;display:grid;box-shadow:0 10px 28px -10px #0684bc99}.avatar-ringing{animation:1.2s infinite ring-pulse}@keyframes ring-pulse{0%,to{box-shadow:0 0 #78bee666}50%{box-shadow:0 0 0 18px #78bee600}}.call-name{letter-spacing:-.3px;font-size:24px;font-weight:750}.call-number{color:var(--muted);font-size:15px}.call-state{color:var(--primary);margin-top:6px;font-size:15px;font-weight:600}.call-state-ringing{color:var(--amber-text)}.call-state-connected,.call-state-live{color:var(--green-dark)}.call-state-cooldown{color:var(--muted)}.call-timer{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px}.dtmf-trail{color:var(--primary);letter-spacing:2px;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.phone-live{color:#eef5fa;background:radial-gradient(120% 90% at 50% -10%,#2684bc59,#0000 60%),linear-gradient(165deg,#14293d 0%,#0d1f30 55%,#0a1826 100%);border-color:#ffffff0f}.phone-live .call-name{color:#fff}.phone-live .call-number,.phone-live .call-timer{color:#9fb5c7}.phone-live .call-state{color:#7cc7ec}.phone-live .call-state-ringing{color:#ffd479}.phone-live .call-state-connected,.phone-live .call-state-live{color:#5fd88c}.phone-live .call-state-cooldown{color:#9fb5c7}.phone-live .avatar{background:linear-gradient(135deg,#3aa7d6,#0a6491);box-shadow:0 16px 44px -14px #3aa7d6a6}.phone-live .dtmf-trail{color:#7cc7ec}.phone-live .ctl-btn>:first-child{color:#fff;background:#ffffff1a;border-color:#ffffff24}.phone-live .ctl-btn:hover:not(:disabled)>:first-child{background:#ffffff2e}.phone-live .ctl-btn span{color:#b9cbd9}.phone-live .ctl-on>:first-child{color:#056fa1;border-color:#fff;background:#fff!important}.phone-live .ctl-on span{color:#fff}.phone-live .round-btn{color:#b9cbd9}.phone-live .key{background:#ffffff17}.phone-live .key:active{background:#ffffff38}.phone-live .key-digit{color:#fff}.phone-live .key-sub{color:#9fb5c7}.incoming-banner{background:var(--green-soft);border:1px solid var(--green-border);width:100%;animation:phone-in .25s var(--spring) both;border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.phone-live .incoming-banner{background:#22a94c29;border-color:#5fd88c66}.ib-info{flex-direction:column;line-height:1.25;display:flex}.ib-label{letter-spacing:.8px;text-transform:uppercase;color:var(--green-dark);font-size:11px;font-weight:800}.phone-live .ib-label{color:#5fd88c}.ib-actions{gap:8px;display:flex}.call-controls{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.ctl-btn{cursor:pointer;color:var(--text);font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.ctl-btn>svg,.ctl-btn>:first-child svg{width:26px;height:26px}.ctl-btn>:first-child,.ctl-btn>svg{background:var(--bg-hover);border:1.5px solid var(--border);width:60px;height:60px;transition:background .12s ease, transform .15s var(--spring);border-radius:50%;place-items:center;display:grid}.ctl-btn:hover:not(:disabled)>:first-child{background:var(--bg-active)}.ctl-btn:active:not(:disabled)>:first-child{transform:scale(.92)}.ctl-btn:disabled{opacity:.4;cursor:not-allowed}.ctl-on>:first-child{border-color:var(--primary);color:#fff;background:var(--primary)!important}.ctl-btn span{color:var(--muted)}.ctl-on span{color:var(--primary)}.call-actions{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.round-btn{cursor:pointer;font:inherit;color:var(--muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.round-btn svg{width:30px;height:30px}.round-btn>svg{box-sizing:content-box;color:#fff;transition:transform .15s var(--spring), filter .12s ease;border-radius:50%;padding:20px}.round-btn:hover:not(:disabled)>svg{filter:brightness(1.08)}.round-btn:active:not(:disabled)>svg{transform:scale(.92)}.round-btn:disabled{opacity:.4;cursor:not-allowed}.round-green>svg{background:linear-gradient(160deg,#2cbd58,#1b8a3e);box-shadow:0 12px 28px -10px #22a94cbf}.round-red>svg{background:linear-gradient(160deg,#f45b5b,#d92d2d);box-shadow:0 12px 28px -10px #ef4444bf}.round-amber>svg{background:linear-gradient(160deg,#f7b23e,#e08e0b);box-shadow:0 12px 28px -10px #f5a623bf}.round-blue>svg{background:linear-gradient(160deg,#2ea3d8,#056fa1);box-shadow:0 12px 28px -10px #0684bcbf}.keypad{grid-template-columns:repeat(3,1fr);justify-items:center;gap:14px 26px;display:grid}.key{background:var(--key-bg);cursor:pointer;width:74px;height:74px;transition:background .12s ease, transform .15s var(--spring);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.key:hover{background:var(--key-hover)}.key:active{background:var(--primary-soft);transform:scale(.9)}.key-digit{color:var(--text);font-size:28px;font-weight:600;line-height:1.1}.key-sub{letter-spacing:1.5px;color:var(--muted);font-size:10px;font-weight:700}.keypad-compact{gap:8px 18px}.keypad-compact .key{width:56px;height:56px}.keypad-compact .key-digit{font-size:21px}.keypad-compact .key-sub{display:none}@media (max-width:380px){.key{width:64px;height:64px}.keypad{gap:10px 16px}}.dial-display{width:100%;max-width:320px;position:relative}.dial-display input{text-align:center;border:none;border-bottom:2px solid var(--border);letter-spacing:1px;background:0 0;border-radius:0;padding:8px 36px;font-size:26px;font-weight:600}.dial-display input:focus{box-shadow:none;border-bottom-color:var(--primary)}.backspace{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:21px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.dial-preview{color:var(--primary);min-height:18px;font-size:13px;font-weight:600}.dial-preview-muted{color:var(--muted);font-weight:500}.autodial-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.autodial-head h2{margin:0;font-size:16px;font-weight:700}.autodial-controls{flex-wrap:wrap;gap:8px;display:flex}.autodial-controls .btn-lg{flex:auto}.autodial-blocked{color:var(--muted);margin:12px 0 0;font-size:14px}.progress-wrap{margin-top:14px}.progress-bar{background:var(--bg-soft);border-radius:999px;height:9px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), #3aa4d4);border-radius:999px;height:100%;transition:width .4s}.progress-text{color:var(--muted);margin-top:6px;font-size:12.5px;display:block}.upnext{flex-direction:column;gap:8px;margin-top:14px;font-size:14px;display:flex}.upnext-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:800}.upnext-item{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.upnext-item strong{color:var(--text)}.upnext-actions{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.upnext-more{font-size:13.5px;font-weight:600}.table-wrap{overflow-x:auto}.queue-table{border-collapse:collapse;width:100%;font-size:14.5px}.queue-table th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);border-bottom:1.5px solid var(--border);padding:7px 9px;font-size:11px}.queue-table td{border-bottom:1px solid var(--row-border);vertical-align:middle;padding:10px 9px}.queue-table tr:last-child td{border-bottom:none}.row-current td{background:var(--primary-soft)}.col-idx{color:var(--muted);width:30px}.col-note{color:var(--muted);font-size:13.5px}.col-act{text-align:right;white-space:nowrap}.col-act .btn+.btn{margin-left:4px}.q-name{font-weight:600}.q-phone{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.q-dur{color:var(--muted)}@media (max-width:560px){.col-note{display:none}}.recents-card{padding:10px 14px}.day-sep{letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:12px 4px 6px;font-size:11.5px;font-weight:800}.call-row{border-bottom:1px solid var(--row-border);border-radius:12px;align-items:center;gap:12px;padding:10px 8px;display:flex}.call-row:last-child{border-bottom:none}@media (hover:hover){.call-row:hover{background:var(--row-hover);border-bottom-color:#0000}.call-dial:hover:not(:disabled){background:var(--green);color:#fff}}.call-ico{border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.call-ico svg{width:19px;height:19px}.call-ico-out{background:var(--primary-soft);color:var(--primary)}.call-ico-in{background:var(--green-soft);color:var(--green-dark)}.call-ico-missed{background:var(--red-soft);color:var(--red-dark)}.call-main{flex:1;min-width:0}.call-who{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:650;overflow:hidden}.call-missed{color:var(--red-dark)}.call-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.call-when{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12.5px}.call-dial{cursor:pointer;background:var(--green-soft);width:40px;height:40px;color:var(--green-dark);transition:background .12s ease, transform .15s var(--spring);border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.call-dial svg{width:18px;height:18px}.call-dial:hover:not(:disabled){background:var(--green-hover)}.call-dial:active:not(:disabled){transform:scale(.9)}.call-dial:disabled{opacity:.35;cursor:not-allowed}.skel{background:linear-gradient(90deg, var(--skel-a) 25%, var(--skel-b) 50%, var(--skel-a) 75%);background-size:200% 100%;border-radius:8px;animation:1.2s linear infinite shimmer}.skel-circle{border-radius:50%;flex-shrink:0;width:38px;height:38px}.skel-line{height:12px;margin:3px 0}.skel-dim{opacity:.6}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.account-row{align-items:center;gap:14px;display:flex}.account-avatar{color:#fff;background:linear-gradient(135deg,#1195ce,#045a86);border-radius:50%;place-items:center;width:54px;height:54px;font-size:19px;font-weight:700;display:grid;box-shadow:0 8px 20px -10px #0684bcb3}.account-name{font-size:17px;font-weight:750}.account-sub{color:var(--muted);font-size:13.5px}.sp-row{border:1px solid var(--border);background:var(--surface-2);border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.sp-title{font-size:14.5px;font-weight:700}.sp-sub{color:var(--muted);font-size:13px}.log-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.log-controls select{width:auto;padding:6px 9px;font-size:13.5px}.log-body{color:#dbe6f1;background:#0f1722;border:1px solid #223047;border-radius:14px;max-height:420px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;overflow-y:auto}.log-empty{color:#8195aa}.log-line{align-items:baseline;gap:8px;padding:1px 0;display:flex}.log-ts{color:#5b6b80;flex-shrink:0}.log-level{flex-shrink:0;width:46px;font-size:10.5px;font-weight:700}.log-debug .log-level{color:#5b6b80}.log-info .log-level{color:#38bdf8}.log-warn .log-level{color:#fbbf24}.log-error .log-level{color:#f87171}.log-msg{word-break:break-word;min-width:0}.log-warn .log-msg{color:#fde68a}.log-error .log-msg{color:#fecaca}.log-data summary{cursor:pointer;color:#38bdf8;font-size:11.5px}.log-data pre{color:#8fa3b8;background:#0a0f16;border-radius:8px;margin:4px 0;padding:8px;font-size:11.5px;overflow-x:auto}.debug-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px 14px;display:grid}.debug-grid>div{flex-direction:column;gap:1px;font-size:14px;display:flex}.debug-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.hint{color:var(--muted);margin:12px 0 0;font-size:13.5px}.error-text{color:var(--red-dark);margin:10px 0 0;font-size:13.5px;font-weight:600}.warn-text{color:var(--amber-text);margin:10px 0 0;font-size:13.5px}.drawer-backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--card);border-left:1px solid var(--border);width:min(460px,100%);height:100%;padding:20px;animation:.25s both drawer-in;overflow-y:auto}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.help-list{flex-direction:column;gap:10px;padding-left:20px;font-size:14.5px;display:flex}.help-list strong{color:var(--primary-dark);font-weight:700}.help-notes{border:1px solid var(--amber-border);background:var(--amber-soft);border-radius:13px;margin-top:16px;padding:14px;font-size:13.5px}.help-notes p{color:var(--amber-text);margin:0 0 6px;font-weight:700}.help-notes ul{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.phone-paused{border:1px solid var(--amber-border);background:linear-gradient(#fffdf6,#fff 60%)}.avatar-paused{background:linear-gradient(135deg,#f7b23e,#e08e0b);font-size:40px;box-shadow:0 10px 28px -10px #f5a62399}.call-state-paused{color:var(--amber-text);max-width:34ch}.phone-paused .call-number{margin-top:8px}.phone-paused .call-number strong{color:var(--text)}.call-position{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:12px;font-weight:700}.phone-live .call-position{color:#9fb5c7}.lead-info{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;flex-direction:column;gap:8px;width:100%;max-width:340px;max-height:170px;padding:11px 14px;font-size:13.5px;display:flex;overflow-y:auto}.lead-row{flex-direction:column;gap:1px;display:flex}.lead-label{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.lead-value{color:var(--text);overflow-wrap:anywhere;line-height:1.4}.phone-live .lead-info{background:#ffffff12;border-color:#ffffff21}.phone-live .lead-label{color:#9fb5c7}.phone-live .lead-value{color:#e8f1f8}.lead-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px 20px;display:grid}.lead-grid .lead-row{min-width:0}.lead-grid .lead-row-wide{grid-column:1/-1}.lead-grid .lead-value{font-size:14px}@media (min-width:1100px){.page-dialer .phone .lead-info{display:none}}.notes-box{flex-direction:column;gap:4px;width:100%;max-width:340px;display:flex}.notes-box>span{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.notes-box textarea{border-radius:var(--radius-sm);min-height:40px;padding:8px 12px;font-family:inherit;font-size:14px}.phone-live .notes-box>span{color:#9fb5c7}.phone-live .notes-box textarea{color:#e8f1f8;background:#ffffff12;border-color:#ffffff21}.phone-live .notes-box textarea::placeholder{color:#7e93a6}.phone-live .notes-box textarea:focus{border-color:#7cc7ec;box-shadow:0 0 0 3px #7cc7ec2e}.map-box{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);margin-top:14px;padding:14px}.map-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.map-src{color:var(--muted);font-size:12.5px}.map-grid{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}@media (max-width:520px){.map-grid{grid-template-columns:1fr}}.map-extras{margin-top:12px}.map-extras-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.map-extras-label{color:var(--muted);font-size:12.5px;font-weight:600;display:block}.map-extras-count{font-weight:400}.map-extras-actions{gap:12px;display:flex}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600}.link-btn:hover{text-decoration:underline}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--primary)}.chip-on{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-dark)}.map-preview{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:12.5px}.map-preview strong{color:var(--text)}.map-preview-warn{color:var(--amber-text)}.map-skipped{color:var(--amber-text);font-size:12.5px}.qt-actions{flex-wrap:wrap;gap:6px;display:flex}.q-notes{flex-direction:column;gap:4px;max-width:480px;margin-top:8px;display:flex}.q-notes>span{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:10.5px;font-weight:800}.q-notes textarea{border-radius:10px;min-height:36px;padding:7px 10px;font-family:inherit;font-size:13.5px}.q-info{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0 0 0 7px;font-size:11.5px;font-weight:700}.q-info:hover{text-decoration:underline}.row-extra td{background:var(--surface-2);padding:6px 9px 12px}.q-extra{flex-wrap:wrap;gap:4px 20px;font-size:13px;display:flex}.q-extra-item{align-items:baseline;gap:6px;min-width:0;display:flex}.q-extra-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);white-space:nowrap;font-size:10.5px;font-weight:800}.q-extra-value{color:var(--text);overflow-wrap:anywhere}.cb-box{text-align:left;flex-direction:column;gap:6px;width:100%;max-width:340px;display:flex}.q-notes+.cb-box{max-width:480px;margin-top:10px}.cb-label{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.cb-label .cb-when{color:var(--amber-text,#9a6a00)}.cb-chips{flex-wrap:wrap;gap:6px;display:flex}.cb-chip{padding:4px 11px}.cb-chip-cancel:hover{border-color:var(--red);color:var(--red-dark)}.cb-custom{align-items:center;gap:6px;display:flex}.cb-custom input{border-radius:10px;flex:1;width:auto;min-width:0;padding:6px 9px;font-size:13.5px}.phone-live .cb-label{color:#9fb5c7}.phone-live .cb-label .cb-when{color:#ffd479}.phone-live .cb-chip{color:#e8f1f8;background:#ffffff17;border-color:#ffffff24}.phone-live .cb-chip:hover{border-color:#7cc7ec}.phone-live .cb-chip.chip-on{color:#fff;background:#7cc7ec40}.phone-live .cb-custom input{color:#e8f1f8;background:#ffffff12;border-color:#ffffff21}.cb-row-flag{margin-left:6px;font-size:13px}.cb-list{flex-direction:column;display:flex}.cb-item{border-bottom:1px solid var(--row-border,var(--border));flex-wrap:wrap;align-items:center;gap:10px;padding:10px 4px;display:flex}.cb-item:last-child{border-bottom:none}.cb-item-due{background:var(--amber-soft);border-bottom-color:#0000;border-radius:12px;padding:10px}.cb-main{flex-direction:column;flex:1;min-width:140px;line-height:1.35;display:flex}.cb-who{font-weight:650}.cb-phone{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.cb-note{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;display:-webkit-box;overflow:hidden}.cb-pill-due{color:var(--amber-text,#9a6a00);border-color:var(--amber-border,#f2d9a6);background:var(--amber-soft);animation:1.6s infinite pulse}.cb-actions{flex-shrink:0;gap:4px;display:flex}.cb-popup{z-index:45;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));background:var(--card);border:1.5px solid var(--amber-border,#f2d9a6);border-radius:var(--radius-sm);width:min(420px,100%);animation:cb-pop-in .3s var(--spring) both;flex-direction:column;gap:10px;margin:0 auto;padding:14px;display:flex;position:fixed;box-shadow:0 4px 10px #0f22331f,0 24px 54px -18px #0f223366}@media (min-width:761px){.cb-popup{margin:0;bottom:20px;left:auto;right:20px}}@keyframes cb-pop-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cb-popup-head{align-items:center;gap:10px;display:flex}.cb-popup-bell{font-size:26px;animation:2.2s infinite cb-bell}@keyframes cb-bell{0%,70%,to{transform:none}74%,82%,90%{transform:rotate(-12deg)}78%,86%,94%{transform:rotate(12deg)}}.cb-popup-title{flex-direction:column;line-height:1.3;display:flex}.cb-popup-title strong{font-size:15.5px}.cb-popup-title span{color:var(--muted);font-size:13.5px}.cb-popup-note{color:var(--muted);background:var(--surface-2,#f6f9fc);border:1px solid var(--border);white-space:pre-line;overflow-wrap:anywhere;border-radius:10px;max-height:76px;padding:7px 10px;font-size:13px;overflow-y:auto}.cb-popup-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav-badge-due{background:var(--amber);animation:1.6s infinite pulse}.app-splash{background:var(--bg);place-items:center;min-height:100dvh;display:grid}.app-splash-logo{opacity:.6;font-size:44px;animation:1.6s infinite pulse}.offline-banner{z-index:60;padding:5px 12px calc(5px + env(safe-area-inset-top) * .4);text-align:center;color:#fff;background:var(--amber);font-size:12.5px;font-weight:600;position:fixed;top:0;left:0;right:0}.update-toast{z-index:50;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;gap:10px;width:min(360px,100%);margin:0 auto;padding:10px 14px;font-size:14px;display:flex;position:fixed;box-shadow:0 10px 34px -10px #0f223359}.update-toast span{flex:1}@media (min-width:761px){.update-toast{margin:0;bottom:20px;left:auto;right:20px}}.dfilter-head{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:0;display:flex}.dfilter-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.dfilter-count{color:var(--muted);font-size:13px;font-weight:600}.dfilter-count-none{color:var(--red-dark)}.dfilter-summary{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:12.5px}.dfilter-body{flex-direction:column;gap:8px;margin-top:10px;display:flex}.dfilter-row{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px}.dfilter-row-active{border-color:var(--primary-border);background:var(--primary-soft)}.dfilter-row-head{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding:0;display:flex}.dfilter-field{font-size:13.5px;font-weight:700}.dfilter-state{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.dfilter-row-active .dfilter-state{color:var(--primary-dark);font-weight:600}.dfilter-ctl{margin-top:8px}.dfilter-inputs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dfilter-inputs select,.dfilter-inputs input{width:auto;min-width:0}.dfilter-inputs input[type=text]{flex:140px}.dfilter-inputs input[type=number]{width:90px}.dfilter-mini{align-items:center;gap:6px;display:inline-flex}.dfilter-mini>span,.dfilter-hint{color:var(--muted);font-size:12.5px;font-weight:600}.chip-count{opacity:.75;margin-left:6px;font-size:11px;font-weight:700}.chip-skip{background:var(--red-soft);border-color:var(--red-border);color:var(--red-dark);text-decoration:line-through}.chip-skip:hover{border-color:var(--red)}.row-filtered td{opacity:.55}.q-filtered{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-left:6px;font-size:11px;font-weight:700;display:inline-block}.autodial-pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.today-tally{white-space:nowrap}.cheer{max-width:320px;color:var(--muted);margin-top:10px;font-size:13px;font-style:italic;line-height:1.45;animation:.6s ease-out both cheer-in}.phone-live .cheer{color:#ffffffb8}@keyframes cheer-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.motivation-toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:40;background:var(--card);border:1px solid var(--primary-border);border-radius:var(--radius-sm);align-items:center;gap:10px;max-width:min(420px,100vw - 32px);padding:12px 16px;animation:.45s cubic-bezier(.22,1.4,.36,1) both toast-pop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 38px -10px #0f223366}@media (min-width:761px){.motivation-toast{bottom:24px}}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.motivation-text{font-size:14.5px;font-weight:700}.motivation-close{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:13px}.motivation-burst{flex-shrink:0;width:0;height:0;position:relative}.confetti{opacity:0;border-radius:2px;width:7px;height:10px;animation:1.1s ease-out both confetti-fly;position:absolute;top:0;left:0}@keyframes confetti-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx,20px), var(--dy,-40px)) rotate(560deg)}}.confetti:first-child{--dx:-46px;--dy:-52px;background:#f59e0b}.confetti:nth-child(2){--dx:38px;--dy:-64px;background:#3b82f6;animation-delay:40ms}.confetti:nth-child(3){--dx:-22px;--dy:-70px;background:#ef4444;animation-delay:80ms}.confetti:nth-child(4){--dx:54px;--dy:-38px;background:#22c55e;animation-delay:20ms}.confetti:nth-child(5){--dx:-58px;--dy:-26px;background:#a855f7;animation-delay:.1s}.confetti:nth-child(6){--dx:26px;--dy:-78px;background:#eab308;animation-delay:.12s}.confetti:nth-child(7){--dx:-38px;--dy:-44px;background:#06b6d4;animation-delay:60ms}.confetti:nth-child(8){--dx:48px;--dy:-56px;background:#f97316;animation-delay:.14s}.confetti:nth-child(9){--dx:-12px;--dy:-84px;background:#84cc16;animation-delay:.16s}.confetti:nth-child(10){--dx:14px;--dy:-60px;background:#ec4899;animation-delay:.18s}.queue-table tr{content-visibility:auto;contain-intrinsic-size:auto 44px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.signin-screen{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.24s both page-in;display:flex}.signin-card{width:100%;max-width:440px;padding:32px 22px 26px}.signin-brand{margin-bottom:10px;font-size:48px;line-height:1}.signin-title{letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:800}.signin-card .btn-row{justify-content:center}.signin-foot{margin:0}.content-public{margin-left:0}.public-bar{max-width:720px;padding:14px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:12px;margin:0 auto;font-size:14px;display:flex}.public-bar-brand{font-weight:700}.guide{border-color:var(--primary-border)}.guide-head{align-items:flex-start}.guide-sub{color:var(--muted);margin:2px 0 0;font-size:13.5px}.guide-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.guide-progress{margin-top:8px}.guide-steps{flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.guide-step{border:1px solid var(--border);border-radius:12px;overflow:hidden}.guide-step-current{border-color:var(--primary-border);background:var(--primary-soft)}.guide-step-done{opacity:.8}.guide-step-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;display:flex}.guide-step-num{width:28px;height:28px;color:var(--primary-dark);background:var(--card);border:1.5px solid var(--primary-border);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.guide-step-done .guide-step-num{color:#fff;background:var(--green);border-color:var(--green)}.guide-step-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.guide-step-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.guide-step-done .guide-step-title{text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.guide-step-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--primary-dark);background:var(--card);border:1px solid var(--primary-border);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:800}.guide-step-summary{color:var(--muted);font-size:13px}.guide-step-chev{color:var(--muted);font-size:12px}.guide-step-body{padding:0 12px 12px 52px;font-size:13.5px}.guide-step-body ul{flex-direction:column;gap:5px;margin:6px 0 10px;padding-left:18px;display:flex}.guide-step-body code{font-size:12.5px}.guide-step-where{color:var(--muted);margin:0;font-size:13px}.guide-step-body .btn{text-decoration:none}@media (max-width:480px){.guide-step-body{padding-left:12px}}