@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#059669;--primary-lt:#d1fae5;--primary-dk:#065f46;--accent:#0ea5e9;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--blue:#3b82f6;--radius:12px;--radius-sm:8px;--radius-xs:5px;--shadow:0 2px 16px #4f46e514;--shadow-md:0 4px 24px #4f46e521;--topbar-h:56px;--nav-w:68px;--blf-w:260px;--transition:.18s ease}[data-theme=light],:root{--bg:#f0f4ff;--surface:#fff;--surface2:#f7f9ff;--border:#e4e8ff;--text-1:#12152e;--text-2:#4b5280;--text-3:#9ba3c4;--overlay:#0a0a1e73;--topbar-bg:#fff;--nav-bg:#fff;--blf-bg:#fff}[data-theme=dark]{--bg:#0c0d1a;--surface:#14162a;--surface2:#1c1f38;--border:#252844;--text-1:#eef0ff;--text-2:#8891c4;--text-3:#4b5280;--overlay:#000000a6;--shadow:0 2px 16px #00000059;--shadow-md:0 4px 28px #00000080;--topbar-bg:#14162a;--nav-bg:#14162a;--blf-bg:#14162a}html,body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif}.login-root{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;gap:20px;width:100%;max-width:400px;padding:40px 36px;display:flex}.login-brand{align-items:center;gap:12px;display:flex}.login-logo{background:var(--primary);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex;overflow:hidden}.login-logo img{object-fit:cover;border-radius:14px;width:100%;height:100%}.login-brand-text{flex-direction:column;display:flex}.login-brand-name{color:var(--text-1);font-size:18px;font-weight:800}.login-brand-sub{color:var(--text-3);font-size:12px;font-weight:500}.login-title{color:var(--text-1);margin-bottom:-8px;font-size:22px;font-weight:800}.login-desc{color:var(--text-3);font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.login-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text-1);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.login-input:focus{border-color:var(--primary);background:var(--surface)}.login-input:disabled{opacity:.6}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{padding-right:40px}.login-pw-toggle{cursor:pointer;color:var(--text-3);background:0 0;border:none;align-items:center;padding:4px;font-size:15px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-pw-toggle:hover{color:var(--primary)}.login-error{border-radius:var(--radius-sm);color:#991b1b;background:#fee2e2;border:1px solid #fecaca;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}[data-theme=dark] .login-error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.login-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.login-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.login-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-note{color:var(--text-3);text-align:center;font-size:11px;line-height:1.6}.app-root{background:var(--bg);height:100vh;color:var(--text-1);transition:background var(--transition),color var(--transition);flex-direction:column;display:flex}.app-body{flex:1;gap:8px;padding:0 8px 8px;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--topbar-bg,var(--surface));border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:50;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex}.topbar-logo{flex-shrink:0;align-items:center;gap:9px;margin-right:8px;display:flex}.logo-icon{background:var(--primary);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.logo-text{color:var(--text-1);letter-spacing:-.3px;white-space:nowrap;font-size:15px}.logo-text b{color:var(--primary);font-weight:800}.stats-strip{flex:1;align-items:center;gap:2px;display:flex;overflow:hidden}.stat-item{border-right:1px solid var(--border);flex-direction:column;align-items:center;min-width:70px;padding:0 12px;display:flex}.stat-item:last-child{border-right:none}.stat-value{font-size:16px;font-weight:700;line-height:1.1}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;margin-top:1px;font-size:10px;font-weight:500}.topbar-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.ctrl-btn{border-radius:var(--radius-sm);color:var(--text-2);background:var(--surface2);border:1px solid var(--border);transition:all var(--transition);cursor:pointer;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:600;display:flex}.ctrl-btn:hover{background:var(--primary-lt);color:var(--primary)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.agent-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.left-nav{width:var(--nav-w);background:var(--nav-bg,var(--surface));border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:center;gap:2px;margin-top:8px;padding:8px 0;display:flex}.nav-tab{border-radius:var(--radius-sm);width:52px;height:52px;color:var(--text-3);transition:all var(--transition);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.nav-tab:hover{background:var(--surface2);color:var(--text-2)}.nav-tab-active{background:var(--primary-lt)!important;color:var(--primary)!important}.nav-label{letter-spacing:.2px;font-size:9px;font-weight:600}.main-area{flex-direction:column;flex:1;min-width:0;margin-top:8px;display:flex;position:relative;overflow:hidden}.panel{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.panel-title{color:var(--text-1);font-size:14px;font-weight:700}.blf-panel{width:var(--blf-w);background:var(--blf-bg,var(--surface));border-radius:var(--radius);border:1px solid var(--border);max-height:calc(100vh - var(--topbar-h) - 24px);flex-direction:column;flex-shrink:0;align-self:flex-start;margin-top:8px;display:flex;overflow:hidden}.app-loading{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.app-loading-spinner{border:3px solid var(--primary-lt);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.app-loading-text{color:var(--text-2);font-size:13px;font-weight:600}.admin-root{background:var(--bg);min-height:100vh;color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif}.admin-topbar{background:var(--surface);border-bottom:1px solid var(--border);height:56px;box-shadow:var(--shadow);align-items:center;gap:12px;padding:0 24px;display:flex}.admin-topbar-logo{align-items:center;gap:9px;display:flex}.admin-topbar-title{color:var(--text-1);font-size:15px;font-weight:700}.admin-topbar-badge{background:var(--primary-lt);color:var(--primary);text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.admin-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.admin-body{gap:20px;max-width:1200px;margin:0 auto;padding:24px 20px;display:flex}.admin-sidebar{flex-direction:column;flex-shrink:0;gap:4px;width:180px;display:flex}.admin-nav-item{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;text-align:left;width:100%;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.admin-nav-item:hover{background:var(--surface2);color:var(--text-1)}.admin-nav-item.active{background:var(--primary-lt);color:var(--primary)}.admin-nav-icon{font-size:16px}.admin-content{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.admin-card-title{color:var(--text-1);font-size:14px;font-weight:700}.admin-card-body{padding:20px}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:700}.admin-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:10px 12px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--surface2)}.admin-table-empty{text-align:center;color:var(--text-3);padding:32px;font-size:13px}.admin-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.admin-badge-admin{color:#6d28d9;background:#ede9fe}.admin-badge-user{background:var(--surface2);color:var(--text-3);border:1px solid var(--border)}.admin-badge-assigned{background:var(--primary-lt);color:var(--primary)}.admin-badge-unassigned{background:var(--surface2);color:var(--text-3);border:1px solid var(--border)}.admin-form{flex-direction:column;gap:14px;display:flex}.admin-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-field{flex-direction:column;gap:5px;display:flex}.admin-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.admin-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text-1);outline:none;padding:9px 13px;font-family:inherit;font-size:13px;transition:border-color .15s}.admin-input:focus{border-color:var(--primary);background:var(--surface)}.admin-input:disabled{opacity:.5;cursor:not-allowed}.admin-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239BA3C4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.admin-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.admin-btn-primary{background:var(--primary);color:#fff}.admin-btn-primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.admin-btn-secondary{background:var(--surface2);color:var(--text-2);border:1px solid var(--border)}.admin-btn-secondary:hover:not(:disabled){background:var(--border);color:var(--text-1)}.admin-btn-danger{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.admin-btn-danger:hover:not(:disabled){background:#fecaca}.admin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-btn-sm{padding:5px 11px;font-size:12px}.admin-error{border-radius:var(--radius-sm);color:#991b1b;background:#fee2e2;border:1px solid #fecaca;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.admin-success{border-radius:var(--radius-sm);background:var(--primary-lt);color:var(--primary-dk);border:1px solid #a7f3d0;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}[data-theme=dark] .admin-error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}[data-theme=dark] .admin-success{color:#6ee7b7;background:#022c22;border-color:#065f46}[data-theme=dark] .admin-badge-admin{color:#c4b5fd;background:#2e1065}[data-theme=dark] .admin-btn-danger{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}[data-theme=dark] .admin-btn-danger:hover:not(:disabled){background:#7f1d1d}.admin-modal-backdrop{background:var(--overlay);z-index:200;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;gap:0;width:100%;max-width:480px;display:flex;overflow:hidden}.admin-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.admin-modal-title{font-size:15px;font-weight:700}.admin-modal-close{cursor:pointer;color:var(--text-3);background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.admin-modal-close:hover{color:var(--text-1)}.admin-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.admin-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.admin-temp-pw{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.05em;color:var(--primary);text-align:center;word-break:break-all;padding:12px 16px;font-family:monospace;font-size:15px;font-weight:700}.admin-color-row{align-items:center;gap:10px;display:flex}.admin-color-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);cursor:pointer;width:44px;height:36px;padding:2px}.admin-divider{background:var(--border);height:1px;margin:4px 0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ctrl-btn.icon-only{padding:6px 9px}.ctrl-active-red{color:var(--red)!important;background:#fee2e2!important;border-color:#fecaca!important}.ctrl-active-green{color:var(--green)!important;background:#d1fae5!important;border-color:#a7f3d0!important}[data-theme=dark] .ctrl-active-red{background:#450a0a!important;border-color:#7f1d1d!important}[data-theme=dark] .ctrl-active-green{background:#064e3b!important;border-color:#065f46!important}.agent-status-btn{border-radius:var(--radius-sm);color:var(--text-1);background:var(--surface2);border:1px solid var(--border);align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;display:flex}.dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:200;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.dropdown-item{text-align:left;width:100%;color:var(--text-1);transition:background var(--transition);align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.dropdown-item:hover{background:var(--surface2)}.status-dot.abs{border:2px solid var(--topbar-bg);width:9px;height:9px;position:absolute;bottom:0;right:0}.nav-badge{background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.nav-call-indicator{background:var(--green);color:#fff;border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:4px;width:44px;height:32px;margin-bottom:4px;animation:2s infinite pulseGreen;display:flex}@keyframes pulseGreen{0%,to{opacity:1}50%{opacity:.7}}.call-pulse{background:#fff;border-radius:50%;width:6px;height:6px;animation:1s infinite pulseDot}@keyframes pulseDot{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}[data-theme=dark] .nav-tab-active{background:#4f46e533!important}.panel-search{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);outline:none;width:200px;padding:6px 12px;font-size:13px}.panel-search:focus{border-color:var(--primary)}.dialer-panel{flex:0 0 360px;max-width:360px;padding:0}.dialer-input-wrap{padding:20px 24px 8px}.dialer-display{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;min-height:52px;padding:12px 16px;display:flex}.dialer-number{letter-spacing:.5px;color:var(--text-1);font-size:22px;font-weight:700}.dialer-placeholder{color:var(--text-3);font-size:15px;font-weight:400}.dialer-backspace{color:var(--text-3);border-radius:4px;padding:4px}.dialer-backspace:hover{color:var(--red)}.keypad{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 24px;display:grid}.key-btn{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text-1);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:10px 6px;transition:all .1s;display:flex}.key-btn:hover{background:var(--primary-lt);border-color:var(--primary);color:var(--primary)}.key-btn:active{transform:scale(.96)}.key-digit{font-size:18px;font-weight:700;line-height:1}.key-sub{letter-spacing:.8px;color:var(--text-3);font-size:8px;font-weight:600}.key-btn:hover .key-sub{color:var(--primary)}.dialer-actions{padding:8px 24px}.call-btn{background:var(--green);color:#fff;border-radius:var(--radius);width:100%;transition:all var(--transition);justify-content:center;align-items:center;gap:8px;padding:13px;font-size:15px;font-weight:700;display:flex}.call-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.call-btn:active{transform:translateY(0)}.call-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.dialer-recents{flex-direction:column;flex:1;padding:0 24px 12px;display:flex;overflow:hidden}.recents-header{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:8px 0 6px;font-size:12px;font-weight:700;display:flex}.recents-search{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-1);outline:none;width:120px;padding:4px 8px;font-size:12px}.recents-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.recent-item{border-radius:var(--radius-sm);text-align:left;width:100%;transition:background var(--transition);align-items:center;gap:10px;padding:8px;display:flex}.recent-item:hover{background:var(--surface2)}.recent-dir-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.recent-dir-icon.in{color:var(--green);background:#d1fae5}.recent-dir-icon.out{color:var(--primary);background:#eef2ff}.recent-dir-icon.missed{color:var(--red);background:#fee2e2}[data-theme=dark] .recent-dir-icon.in{background:#10b98126}[data-theme=dark] .recent-dir-icon.out{background:#4f46e526}[data-theme=dark] .recent-dir-icon.missed{background:#ef444426}.recent-info{flex:1;min-width:0}.recent-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.recent-num{color:var(--text-3);font-size:11px;display:block}.recent-meta{text-align:right;flex-shrink:0}.recent-time{color:var(--text-3);font-size:11px;display:block}.recent-dur{color:var(--text-2);font-size:11px;display:block}.filter-tabs{border-bottom:1px solid var(--border);gap:2px;padding:10px 16px 8px;display:flex}.filter-tab{color:var(--text-2);transition:all var(--transition);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.filter-tab:hover{background:var(--surface2)}.filter-tab.active{background:var(--primary);color:#fff}.list-body{flex:1;padding:6px 8px;overflow-y:auto}.list-row{border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:10px;padding:9px 10px;display:flex}.list-row:hover,.list-row.clickable:hover{background:var(--surface2);cursor:pointer}.list-row.selected{background:var(--primary-lt)}[data-theme=dark] .list-row.selected{background:#4f46e526}.dir-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.list-row-main{flex:1;min-width:0}.list-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.list-row-sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.list-row-meta{text-align:right;flex-shrink:0}.list-row-time{color:var(--text-3);font-size:11px;display:block}.list-row-dur{color:var(--text-2);font-size:11px;display:block}.list-call-btn{background:var(--green);color:#fff;opacity:0;width:30px;height:30px;transition:opacity var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-row:hover .list-call-btn{opacity:1}.contact-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.label-pill{border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.list-empty{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:13px;display:flex}.vm-badge{background:var(--red);color:#fff;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700}.vm-row{border-radius:var(--radius-sm);margin-bottom:2px;overflow:hidden}.vm-row.unheard .list-row-name{color:var(--primary)}.vm-row-main{cursor:pointer;transition:background var(--transition);align-items:center;gap:10px;padding:9px 10px;display:flex}.vm-row-main:hover{background:var(--surface2)}.vm-row.expanded .vm-row-main{background:var(--primary-lt)}[data-theme=dark] .vm-row.expanded .vm-row-main{background:#4f46e526}.vm-icon-wrap{width:28px;height:28px;color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.vm-unread-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px}.vm-expanded{background:var(--surface2);border-top:1px solid var(--border);padding:10px 16px 12px}.vm-transcript{color:var(--text-2);margin-bottom:10px;font-size:13px;font-style:italic;line-height:1.6}.vm-controls{align-items:center;gap:8px;display:flex}.vm-play-btn{background:var(--primary);color:#fff;transition:all var(--transition);border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.vm-play-btn.playing{background:var(--amber)}.vm-progress-wrap{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.vm-progress-bar{background:var(--primary);border-radius:2px;height:100%;transition:width .2s linear}.vm-action{color:var(--text-3);border-radius:4px;padding:4px 8px;font-size:12px}.vm-action:hover{color:var(--red);background:#fee2e220}.settings-panel .panel-header{border-bottom:1px solid var(--border)}.settings-body{flex:1;padding:12px 20px;overflow-y:auto}.settings-section{margin-bottom:20px}.settings-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;font-size:11px;font-weight:700}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--text-2);flex:1;font-size:13px;font-weight:500}.settings-val{color:var(--text-1);font-size:13px;font-weight:500}.settings-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-1);outline:none;width:200px;padding:6px 10px;font-size:13px}.settings-input:focus{border-color:var(--primary)}.settings-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-1);outline:none;width:200px;padding:6px 10px;font-size:13px}.toggle-switch{background:var(--border);width:40px;height:22px;transition:background var(--transition);cursor:pointer;border-radius:11px;flex-shrink:0;position:relative}.toggle-switch.on{background:var(--primary)}.toggle-knob{width:16px;height:16px;transition:left var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-switch.on .toggle-knob{left:21px}.blf-style-picker{gap:4px;display:flex}.blf-style-opt{border-radius:var(--radius-xs);color:var(--text-2);background:var(--surface2);border:1px solid var(--border);transition:all var(--transition);cursor:pointer;padding:5px 11px;font-size:12px;font-weight:600}.blf-style-opt.active{background:var(--primary);color:#fff;border-color:var(--primary)}.blf-section{border-bottom:1px solid var(--border);padding:12px}.blf-section:last-child{border-bottom:none}.blf-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.blf-count{background:var(--green);color:#fff;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}.park-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.park-slot{border-radius:var(--radius-sm);text-align:left;border:1px solid var(--border);transition:all var(--transition);width:100%;padding:7px 9px}.park-slot.empty{color:#059669;background:#10b98114;border-color:#10b98140}.park-slot.empty:hover{border-color:var(--primary);background:#10b98126}.park-slot.occupied{background:linear-gradient(135deg,#ef444414,#ef444405);border-color:#ef44444d;animation:2.5s infinite parkPulse}.park-slot.occupied:hover{border-color:var(--red)}@keyframes parkPulse{0%,to{border-color:#ef44444d}50%{border-color:#ef4444b3}}.park-slot-label{color:var(--text-3);margin-bottom:2px;font-size:10px;font-weight:700}.park-slot.occupied .park-slot-label{color:var(--red)}.park-slot-info{flex-direction:column;gap:1px;display:flex}.park-caller{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.park-timer{color:var(--red);font-size:10px;font-weight:600}.park-slot-empty{color:var(--text-3);font-size:11px}.blf-compact-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.blf-compact-key{border-radius:var(--radius-xs);background:var(--surface2);border:1px solid var(--border);transition:all var(--transition);align-items:center;gap:5px;width:100%;padding:6px 8px;display:flex}.blf-compact-key:hover{border-color:var(--primary);background:var(--primary-lt)}.blf-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.blf-compact-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.blf-compact-ext{color:var(--text-3);font-size:10px}.blf-cards{flex-direction:column;gap:4px;display:flex}.blf-card{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);text-align:left;transition:all var(--transition);align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.blf-card:hover{border-color:var(--primary)}.blf-card.busy{border-left:3px solid var(--red)}.blf-card.ringing{border-left:3px solid var(--blue);animation:.8s infinite ringFlash}@keyframes ringFlash{0%,to{border-left-color:var(--blue)}50%{border-left-color:#0000}}.blf-card.away{border-left:3px solid var(--amber)}.blf-card.dnd{border-left:3px solid #8b5cf6}.blf-card-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex;position:relative}.blf-card-dot{border:2px solid var(--surface2);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.blf-card-body{flex:1;min-width:0}.blf-card-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.blf-card-status{font-size:10px;font-weight:600}.blf-card-caller{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.blf-card-ext{color:var(--text-3);flex-shrink:0;font-size:11px;font-weight:500}.blf-pills{flex-direction:column;gap:3px;display:flex}.blf-pill{background:var(--surface2);border:1px solid var(--border);text-align:left;width:100%;transition:all var(--transition);border-radius:20px;align-items:center;gap:7px;padding:7px 10px;display:flex}.blf-pill:hover{background:var(--primary-lt);border-color:var(--primary)}.blf-pill-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.blf-pill-name{color:var(--text-1);flex:1;font-size:12px;font-weight:600}.blf-pill-ext{color:var(--text-3);font-size:10px}.blf-pill-timer{color:var(--red);margin-left:auto;font-size:10px;font-weight:700}.quick-dial-list{flex-direction:column;gap:3px;display:flex}.quick-dial-btn{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);text-align:left;width:100%;transition:all var(--transition);align-items:center;gap:8px;padding:8px 10px;display:flex}.quick-dial-btn:hover{background:var(--primary-lt);border-color:var(--primary)}.qd-icon{flex-shrink:0;font-size:14px}.qd-label{color:var(--text-1);flex:1;font-size:12px;font-weight:600}.qd-num{color:var(--text-3);background:var(--border);border-radius:4px;padding:2px 6px;font-size:11px}.blf-drag-handle{color:var(--text-3);cursor:grab;flex-shrink:0;padding:2px 4px;font-size:14px}.blf-drag-handle:active{cursor:grabbing}.active-call-overlay{border-radius:var(--radius);z-index:100;position:absolute;inset:0;overflow:hidden}.ringing-screen{background:linear-gradient(160deg,var(--surface) 0%,var(--surface2) 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;display:flex}.ringing-ripple{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.ripple{border:2px solid var(--primary);opacity:.4;border-radius:50%;animation:2s infinite rippleAnim;position:absolute}.ripple.r1{width:120px;height:120px;animation-delay:0s}.ripple.r2{width:90px;height:90px;animation-delay:.4s}.ripple.r3{width:60px;height:60px;animation-delay:.8s}@keyframes rippleAnim{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.ringing-avatar{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 20px #0003}.ringing-info{text-align:center}.ringing-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:6px;font-size:12px;font-weight:700}.ringing-name{color:var(--text-1);font-size:24px;font-weight:800}.ringing-num{color:var(--text-3);margin-top:4px;font-size:14px}.ringing-tag{background:var(--primary-lt);color:var(--primary);border-radius:20px;margin-top:8px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}[data-theme=dark] .ringing-tag{background:#4f46e533}.ringing-actions{gap:32px;display:flex}.ring-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .15s;display:flex}.ring-btn:hover{transform:scale(1.08)}.ring-btn.reject{background:var(--red)}.ring-btn.reject svg{transform:rotate(135deg)}.ring-btn.accept{background:var(--green)}.active-screen{background:var(--surface);gap:0;height:100%;display:flex}.call-left{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;width:260px;display:flex;overflow-y:auto}.call-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.call-right{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.call-contact-card{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px;display:flex}.call-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.call-contact-info{flex:1;min-width:0}.call-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.call-num{color:var(--text-3);font-size:12px}.call-tag{color:var(--primary);font-size:10px;font-weight:700}.call-timer-badge{text-align:right;flex-shrink:0}.timer{color:var(--green);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.held-badge{color:var(--amber);background:#f59e0b1a;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.call-notes-card{flex-direction:column;flex:1;gap:6px;padding:12px 16px;display:flex}.notes-header{text-transform:uppercase;letter-spacing:.4px;color:var(--text-3);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.notes-input{resize:none;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-1);outline:none;flex:1;padding:8px 10px;font-size:12px}.notes-input:focus{border-color:var(--primary)}.disposition-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-1);outline:none;padding:6px 10px;font-size:12px}.call-controls-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;display:grid}.ctrl-circle{border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border);color:var(--text-2);transition:all var(--transition);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:11px;font-weight:600;display:flex}.ctrl-circle:hover{background:var(--primary-lt);color:var(--primary);border-color:var(--primary)}.ctrl-circle.ctrl-on{background:var(--primary);color:#fff;border-color:var(--primary)}.ctrl-circle.ctrl-on.amber{background:var(--amber);border-color:var(--amber)}.end-call-btn{background:var(--red);color:#fff;border-radius:var(--radius);transition:all var(--transition);align-items:center;gap:8px;padding:12px 36px;font-size:14px;font-weight:700;display:flex}.end-call-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 20px #ef444459}.dtmf-pad{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:220px;padding:10px}.dtmf-display{text-align:center;letter-spacing:4px;color:var(--text-1);min-height:36px;padding:6px;font-size:18px;font-weight:700}.dtmf-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.dtmf-key{border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--border);color:var(--text-1);cursor:pointer;padding:8px;font-size:15px;font-weight:700;transition:all .1s}.dtmf-key:hover{background:var(--primary);color:#fff}.dtmf-key:active{transform:scale(.93)}.transfer-panel{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:260px;padding:12px}.transfer-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:12px;font-weight:700}.transfer-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text-1);outline:none;margin-bottom:8px;padding:8px 10px;font-size:13px}.transfer-input:focus{border-color:var(--primary)}.transfer-btns{gap:6px;margin-bottom:8px;display:flex}.transfer-btn{border-radius:var(--radius-xs);transition:all var(--transition);cursor:pointer;flex:1;padding:7px;font-size:11px;font-weight:700}.transfer-btn.blind{background:var(--red);color:#fff}.transfer-btn.attended{background:var(--primary);color:#fff}.transfer-agents{flex-direction:column;gap:3px;display:flex}.transfer-agent-item{border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--border);color:var(--text-1);transition:background var(--transition);cursor:pointer;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:500;display:flex}.transfer-agent-item:hover{background:var(--primary-lt)}.transfer-ext{color:var(--text-3);margin-left:auto;font-size:11px}.debug-log-body{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:3px;max-height:200px;padding:8px;font-family:Courier New,monospace;font-size:11px;display:flex;overflow-y:auto}.debug-log-empty{color:var(--text-3);padding:4px;font-style:italic}.debug-log-line{align-items:baseline;gap:8px;display:flex}.debug-ts{color:var(--text-3);flex-shrink:0}.debug-level{flex-shrink:0;width:36px;font-weight:700}.debug-msg{word-break:break-all;flex:1;line-height:1.4}.debug-help{border-radius:var(--radius-sm);background:#f59e0b12;border:1px solid #f59e0b40;flex-direction:column;gap:6px;margin-top:8px;padding:10px 12px;display:flex}.debug-help-title{color:var(--amber);font-size:12px;font-weight:700}.debug-help-item{color:var(--text-2);font-size:11px;line-height:1.5}.debug-help-item code{background:var(--surface2);border-radius:3px;padding:1px 4px;font-size:10px}.sip-status-indicator{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);align-items:center;gap:5px;padding:5px 10px;display:flex}.sip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sip-dot[data-status=registered]{background:var(--green);box-shadow:0 0 6px #10b98180}.sip-dot[data-status=connecting]{background:var(--amber);animation:1s infinite livePulse}.sip-dot[data-status=failed],.sip-dot[data-status=error]{background:var(--red)}.sip-dot[data-status=disconnected]{background:var(--text-3)}.sip-label{color:var(--text-2);font-size:11px;font-weight:600}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sip-toast{border-radius:var(--radius);z-index:2000;cursor:pointer;box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;animation:.2s toastIn;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sip-toast.info{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.sip-toast.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.sip-toast.warn{color:#92400e;background:#f59e0b1f;border:1px solid #f59e0b59}[data-theme=dark] .sip-toast.info{color:#6ee7b7;background:#064e3b;border-color:#065f46}[data-theme=dark] .sip-toast.error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}[data-theme=dark] .sip-toast.warn{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.trial-notice{color:#92400e;background:#f59e0b1a;border-bottom:1px solid #f59e0b40;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}[data-theme=dark] .trial-notice{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b33}.trial-upgrade-btn{background:var(--amber);color:#fff;cursor:pointer;border-radius:20px;margin-left:auto;padding:4px 12px;font-size:11px;font-weight:700}[data-color=indigo]{--primary:#4f46e5;--primary-lt:#eef2ff;--primary-dk:#3730a3}[data-color=violet]{--primary:#7c3aed;--primary-lt:#f5f3ff;--primary-dk:#5b21b6}[data-color=sky]{--primary:#0284c7;--primary-lt:#e0f2fe;--primary-dk:#0369a1}[data-color=emerald]{--primary:#059669;--primary-lt:#d1fae5;--primary-dk:#065f46}