.sidebar{position:fixed;top:0;left:0;height:100vh;width:80px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-color);min-height:76px}.logo{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.logo-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0}.logo-img{height:36px;width:auto;flex-shrink:0;object-fit:contain}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.logo-with-status{position:relative;display:flex;align-items:center}.sync-dot{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:2px solid var(--bg-card);transition:all .3s ease}.sync-dot.connected{background:#22c55e;box-shadow:0 0 6px #22c55e80}.sync-dot.reconnecting{background:#f59e0b;animation:syncPulse 1.5s ease-in-out infinite}.sync-dot.disconnected{background:#6b7280}@keyframes syncPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .2s}.collapse-btn:hover{background:var(--bg-tertiary);color:var(--primary);border-color:var(--primary)}.sidebar-toggle-collapsed{display:flex;justify-content:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color)}.sidebar-toggle-collapsed .collapse-btn.centered{width:44px;height:36px}.sidebar-nav{flex:1;padding:var(--space-md);overflow-y:auto}.nav-item{display:block;margin-bottom:var(--space-xs);border-radius:var(--radius-md);text-decoration:none;position:relative}.nav-item-content{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);position:relative;z-index:1}.nav-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#dc262626,#dc26260d);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);z-index:-1}.nav-item.active .nav-item-content{color:var(--primary)}.nav-item:hover:not(.active) .nav-item-content{color:var(--text-primary);background:var(--bg-elevated);border-radius:var(--radius-md)}.nav-icon{flex-shrink:0}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;background:var(--danger, #ef4444);color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef444466;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-item.has-badge .nav-icon{color:var(--danger, #ef4444)}.nav-label{white-space:nowrap;font-size:.9rem;font-weight:500}.sidebar.collapsed .nav-item-content{justify-content:center;padding:10px;gap:0}.sidebar.collapsed .nav-indicator{top:4px;right:4px;bottom:4px;left:4px}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);margin-bottom:var(--space-sm);justify-content:center}.user-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);color:#fff;font-weight:600;flex-shrink:0}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{color:var(--danger);border-color:#dc26264d;background:#dc26261a}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-sm)}.theme-toggle-btn:hover{color:var(--secondary);border-color:#6366f14d;background:#6366f11a}.mobile-menu-btn{display:none;position:fixed;top:var(--space-md);left:var(--space-md);width:48px;height:48px;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);z-index:200;cursor:pointer}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90}@media (max-width: 1024px){.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform var(--transition-base);width:280px!important}.sidebar.mobile-open{transform:translate(0)}.collapse-btn,.sidebar-toggle-collapsed{display:none}.main-content{margin-left:0!important;padding-top:80px}}.main-content{flex:1;padding:var(--space-xl);min-height:100vh;margin-left:80px}.client-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:var(--space-lg)}.client-login-container{width:100%;max-width:420px;background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.client-login-header{text-align:center;margin-bottom:var(--space-xl)}.client-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.client-logo .logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.client-logo .logo-text{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.client-login-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.client-login-header p{font-size:.875rem;color:var(--text-muted)}.client-login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.client-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.client-form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.client-form-group input{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-fast)}.client-form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.client-form-group input::placeholder{color:var(--text-muted)}.client-login-btn{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-sm)}.client-login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #dc262666}.client-login-btn:disabled{opacity:.7;cursor:not-allowed}.client-error-message{padding:var(--space-sm) var(--space-md);background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:var(--primary-light);font-size:.875rem}.client-login-footer{margin-top:var(--space-lg);text-align:center}.client-login-footer p{font-size:.8125rem;color:var(--text-muted)}.client-login-footer a{color:var(--primary);text-decoration:none}.client-login-footer a:hover{text-decoration:underline}.client-layout{min-height:100vh;background:var(--bg-dark);display:flex}.client-sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.client-sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);min-height:76px;display:flex;align-items:center}.client-sidebar-logo{display:flex;align-items:center;gap:var(--space-md)}.client-sidebar-logo .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:#fff}.client-sidebar-logo .logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.client-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.client-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition-fast);position:relative}.client-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.client-nav-item.active{background:linear-gradient(135deg,#dc262626,#dc26260d);border:1px solid rgba(220,38,38,.2);color:var(--primary)}.client-nav-item svg{width:20px;height:20px;flex-shrink:0}.client-sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border-color)}.client-user-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);margin-bottom:var(--space-sm)}.client-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff;flex-shrink:0}.client-user-details{flex:1;min-width:0;display:flex;flex-direction:column}.client-user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-user-balance{font-size:.75rem;color:var(--success);font-weight:500}.client-user-balance.low{color:var(--danger)}.client-logout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.client-logout-btn:hover{color:var(--danger);border-color:#dc26264d;background:#dc26261a}.client-main{flex:1;margin-left:260px;padding:var(--space-xl);min-height:100vh}.client-page-header{margin-bottom:var(--space-lg)}.client-page-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.client-page-header p{font-size:.875rem;color:var(--text-muted)}.grace-period-banner{padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#f59e0b1f,#ef444414);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.grace-period-banner.urgent{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef44444d}.grace-period-content{display:flex;align-items:center;gap:var(--space-md)}.grace-period-icon{width:40px;height:40px;background:#f59e0b26;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--warning);flex-shrink:0}.grace-period-banner.urgent .grace-period-icon{background:#dc262626;color:var(--danger)}.grace-period-text h3{font-size:.875rem;font-weight:600;color:var(--warning-light);margin-bottom:2px}.grace-period-banner.urgent .grace-period-text h3{color:var(--primary-light)}.grace-period-text p{font-size:.8125rem;color:var(--text-secondary)}.grace-period-btn{padding:var(--space-sm) var(--space-md);background:var(--warning);color:#0f172a;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.grace-period-btn:hover{background:var(--warning-light);transform:translateY(-1px)}.client-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md)}.client-loading p{color:var(--text-muted);font-size:.875rem}.client-stat-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.client-stat-block{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid transparent;display:flex;align-items:center;gap:var(--space-md);transition:all var(--transition-fast)}.client-stat-block:hover{transform:translateY(-2px)}.client-stat-block.green{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e33}.client-stat-block.green:hover{border-color:#22c55e59}.client-stat-block.blue{background:linear-gradient(135deg,#3b82f61a,#6366f10d);border-color:#3b82f633}.client-stat-block.blue:hover{border-color:#3b82f659}.client-stat-block.purple{background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border-color:#8b5cf633}.client-stat-block.purple:hover{border-color:#8b5cf659}.client-stat-block.orange{background:linear-gradient(135deg,#f59e0b1a,#f973160d);border-color:#f59e0b33}.client-stat-block.orange:hover{border-color:#f59e0b59}.client-stat-block.red{background:linear-gradient(135deg,#dc26261a,#b91c1c0d);border-color:#dc262633}.client-stat-block.red:hover{border-color:#dc262659}.client-stat-block.amber{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-color:#f59e0b33}.client-stat-block.amber:hover{border-color:#f59e0b59}.client-stat-block.gray{background:linear-gradient(135deg,#6b72801a,#4b55630d);border-color:#6b728033}.client-stat-block.gray:hover{border-color:#6b728059}.client-stat-block.cyan{background:linear-gradient(135deg,#06b6d41a,#14b8a60d);border-color:#06b6d433}.client-stat-block.cyan:hover{border-color:#06b6d459}.client-stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-stat-block.green .client-stat-icon{background:#22c55e26;color:var(--success)}.client-stat-block.blue .client-stat-icon{background:#3b82f626;color:var(--info)}.client-stat-block.purple .client-stat-icon{background:#8b5cf626;color:var(--secondary)}.client-stat-block.orange .client-stat-icon{background:#f59e0b26;color:var(--warning)}.client-stat-block.red .client-stat-icon{background:#dc262626;color:var(--danger)}.client-stat-block.amber .client-stat-icon{background:#f59e0b26;color:#f59e0b}.client-stat-block.gray .client-stat-icon{background:#6b728026;color:#6b7280}.client-stat-block.cyan .client-stat-icon{background:#06b6d426;color:#06b6d4}.client-stat-content{flex:1;min-width:0}.client-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.client-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:500}.client-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}.client-table-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated)}.client-table-header h2{font-size:1rem;font-weight:600;color:var(--text-primary)}.client-table{width:100%;border-collapse:collapse}.client-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}.client-table td{padding:var(--space-md);font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.client-table tbody tr{transition:background var(--transition-fast)}.client-table tbody tr:hover{background:var(--bg-card-hover)}.client-table tbody tr:last-child td{border-bottom:none}.dialer-name{font-weight:500;color:var(--text-primary)}.dialer-host{font-size:.75rem;color:var(--text-muted)}.bot-sip{font-weight:600;color:var(--text-primary);font-family:monospace;font-size:.8125rem}.bot-name{font-size:.75rem;color:var(--text-muted)}.bot-count{font-weight:500;color:var(--text-primary)}.vm-info{font-size:.75rem;color:var(--text-muted);font-family:monospace}.client-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.client-status.online,.client-status.active{background:#22c55e1f;color:var(--success)}.client-status.offline,.client-status.inactive{background:#64748b1f;color:var(--text-muted)}.client-status.error,.client-status.crashed{background:#dc26261f;color:var(--danger)}.client-status.pending{background:#f59e0b1f;color:var(--warning)}.client-status.in_progress{background:#3b82f61f;color:var(--info)}.client-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.bot-actions{display:flex;align-items:center;gap:var(--space-xs)}.client-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast)}.client-action-btn:disabled{opacity:.5;cursor:not-allowed}.client-action-btn.primary{background:#3b82f61f;color:var(--info)}.client-action-btn.primary:hover:not(:disabled){background:#3b82f633}.client-action-btn.danger{background:#dc26261f;color:var(--danger)}.client-action-btn.danger:hover:not(:disabled){background:#dc262633}.client-action-btn.success{background:#22c55e1f;color:var(--success)}.client-action-btn.success:hover:not(:disabled){background:#22c55e33}.client-filters{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.client-search{flex:1;min-width:200px;max-width:300px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.client-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.client-search svg{color:var(--text-muted);flex-shrink:0}.client-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.client-search input::placeholder{color:var(--text-muted)}.client-filter-group{display:flex;align-items:center;gap:var(--space-sm)}.client-filter-group svg{color:var(--text-muted)}.client-filter-group select{padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:140px}.client-filter-group select:hover{border-color:var(--primary)}.client-filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.billing-summary-content{padding:var(--space-lg)}.billing-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.billing-summary-row:last-child{border-bottom:none}.billing-label{font-size:.875rem;color:var(--text-muted)}.billing-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.billing-value.warning{color:var(--warning)}.client-section{margin-bottom:var(--space-lg)}.stats-overview-content{padding:var(--space-lg)}.stats-bar-container{display:flex;flex-direction:column;gap:var(--space-md)}.stats-bar{height:24px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;display:flex}.stats-bar-segment{height:100%;transition:width .3s ease}.stats-bar-segment.online{background:linear-gradient(90deg,#22c55e,#16a34a)}.stats-bar-segment.offline{background:linear-gradient(90deg,#64748b,#475569)}.stats-bar-segment.error{background:linear-gradient(90deg,#dc2626,#b91c1c)}.stats-bar-legend{display:flex;align-items:center;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.online{background:#22c55e}.legend-dot.offline{background:#64748b}.legend-dot.error{background:#dc2626}.client-table tfoot tr{border-top:2px solid var(--border-color)}.client-table tfoot td{padding:var(--space-md);font-size:.875rem;color:var(--text-primary)}@media (max-width: 1024px){.client-sidebar{width:260px;transform:translate(-100%);transition:transform var(--transition-base)}.client-sidebar.open{transform:translate(0)}.client-main{margin-left:0;padding:var(--space-md)}.client-stat-blocks{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.client-stat-blocks{grid-template-columns:1fr}.grace-period-banner{flex-direction:column;text-align:center}.grace-period-content{flex-direction:column}.client-filters{flex-direction:column;align-items:stretch}.client-search{max-width:none}.client-filter-group{justify-content:space-between}.client-filter-group select{flex:1}}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media (max-width: 768px){.dashboard-two-col{grid-template-columns:1fr}}.client-table-subtitle{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.call-stats-date-nav{display:flex;align-items:center;gap:6px}.date-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .15s;padding:0}.date-nav-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--primary)}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-nav-label{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-muted);cursor:pointer;position:relative;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);transition:all .15s}.date-nav-label:hover{border-color:var(--primary);color:var(--text-primary)}.date-nav-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.date-nav-today-btn{font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.3);background:#3b82f61a;color:#3b82f6;cursor:pointer;transition:all .15s}.date-nav-today-btn:hover{background:#3b82f633}.date-nav-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.dashboard-status-content{padding:var(--space-lg)}.dashboard-status-bar{height:12px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;display:flex;margin-bottom:var(--space-lg)}.dashboard-status-segment{height:100%;transition:width .3s ease}.dashboard-status-segment.active{background:linear-gradient(90deg,#10b981,#059669)}.dashboard-status-segment.waiting{background:linear-gradient(90deg,#f59e0b,#d97706)}.dashboard-status-segment.dial-level-0{background:linear-gradient(90deg,#ef4444,#dc2626)}.dashboard-status-segment.offline{background:linear-gradient(90deg,#6b7280,#4b5563)}.dashboard-status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media (max-width: 640px){.dashboard-status-cards{grid-template-columns:repeat(2,1fr)}}.dashboard-status-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard-status-card:hover{transform:translateY(-2px)}.dashboard-status-card.active{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.dashboard-status-card.waiting{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b}.dashboard-status-card.dial-level-0{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.dashboard-status-card.offline{background:#6b72801a;border:1px solid rgba(107,114,128,.2);color:#6b7280}.dashboard-status-card .status-count{font-size:1.5rem;font-weight:700;color:inherit}.dashboard-status-card .status-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;opacity:.9}.dashboard-dispo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);padding:var(--space-lg)}.dashboard-dispo-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard-dispo-card:hover{transform:translateY(-2px)}.dashboard-dispo-card .dispo-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.dashboard-dispo-card .dispo-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dashboard-dispo-card .dispo-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);text-align:center}.dashboard-dispo-card.calls{background:#3b82f614;border:1px solid rgba(59,130,246,.15)}.dashboard-dispo-card.calls .dispo-icon{background:#3b82f626;color:#3b82f6}.dashboard-dispo-card.xfer{background:#10b98114;border:1px solid rgba(16,185,129,.15)}.dashboard-dispo-card.xfer .dispo-icon{background:#10b98126;color:#10b981}.dashboard-dispo-card.am{background:#8b5cf614;border:1px solid rgba(139,92,246,.15)}.dashboard-dispo-card.am .dispo-icon{background:#8b5cf626;color:#8b5cf6}.dashboard-dispo-card.ni{background:#f59e0b14;border:1px solid rgba(245,158,11,.15)}.dashboard-dispo-card.ni .dispo-icon{background:#f59e0b26;color:#f59e0b}.dashboard-dispo-card.na{background:#6b728014;border:1px solid rgba(107,114,128,.15)}.dashboard-dispo-card.na .dispo-icon{background:#6b728026;color:#6b7280}.dashboard-dispo-card.dnc{background:#ef444414;border:1px solid rgba(239,68,68,.15)}.dashboard-dispo-card.dnc .dispo-icon{background:#ef444426;color:#ef4444}.dashboard-dispo-card.dnq{background:#f9731614;border:1px solid rgba(249,115,22,.15)}.dashboard-dispo-card.dnq .dispo-icon{background:#f9731626;color:#f97316}.dashboard-dispo-card.rate{background:#06b6d414;border:1px solid rgba(6,182,212,.15)}.dashboard-dispo-card.rate .dispo-icon{background:#06b6d426;color:#06b6d4}[data-theme=light] .client-layout{background:var(--bg-dark)}[data-theme=light] .client-sidebar{background:var(--bg-card);border-right-color:var(--border-color)}[data-theme=light] .client-sidebar-logo .logo-text,[data-theme=light] .client-user-name{color:var(--text-primary)}[data-theme=light] .client-nav-item{color:var(--text-secondary)}[data-theme=light] .client-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}[data-theme=light] .client-nav-item.active{background:linear-gradient(135deg,#dc26261a,#dc26260d);color:var(--primary)}[data-theme=light] .client-page-header h1{color:var(--text-primary)}[data-theme=light] .client-page-header p{color:var(--text-muted)}[data-theme=light] .client-stat-value{color:var(--text-primary)}[data-theme=light] .client-stat-label{color:var(--text-muted)}[data-theme=light] .client-table-container{background:var(--bg-card);border-color:var(--border-color)}[data-theme=light] .client-table-header{background:var(--bg-elevated);border-bottom-color:var(--border-color)}[data-theme=light] .client-table-header h2{color:var(--text-primary)}[data-theme=light] .client-table th{background:var(--bg-elevated);color:var(--text-muted);border-bottom-color:var(--border-color)}[data-theme=light] .client-table td{color:var(--text-secondary);border-bottom-color:var(--border-color)}[data-theme=light] .client-table tbody tr:hover{background:var(--bg-card-hover)}[data-theme=light] .dialer-name,[data-theme=light] .bot-sip,[data-theme=light] .bot-count,[data-theme=light] .billing-value{color:var(--text-primary)}[data-theme=light] .client-logout-btn{color:var(--text-muted);border-color:var(--border-color)}[data-theme=light] .client-logout-btn:hover{color:var(--danger);border-color:#dc26264d;background:#dc26260d}[data-theme=light] .grace-period-banner{background:linear-gradient(135deg,#f59e0b14,#ef44440d)}[data-theme=light] .grace-period-text p{color:var(--text-secondary)}.client-page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.client-sync-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;transition:all var(--transition-fast)}.client-sync-status.connected{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.client-sync-status.reconnecting{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2);animation:pulse 1.5s infinite}.client-sync-status.disconnected{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.client-sync-toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-card);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:slideIn .3s ease}.client-sync-toast svg{color:#10b981}.client-sync-toast span{font-size:.875rem;color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes highlightNew{0%{background-color:#22c55e4d}to{background-color:transparent}}.call-row.highlight-new{animation:highlightNew 2s ease-out}.bots-tab-modern{display:flex;flex-direction:column;gap:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.bt-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bt-header-left{display:flex;align-items:center;gap:10px}.bt-header-left h2{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:600;color:var(--text-primary, #fff);margin:0}.bt-header-left h2 svg{color:var(--primary, #dc2626)}.bt-count{font-size:12px;color:var(--text-muted, #666);padding:2px 8px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:10px}.bt-date-selector{display:flex;align-items:center;gap:4px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:6px;padding:3px}.bt-date-btn{padding:5px 10px;font-size:11px;font-weight:500;color:var(--text-muted, #888);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.bt-date-btn:hover{color:var(--text-primary, #fff);background:#ffffff0d}.bt-date-btn.active{color:#fff;background:var(--primary, #dc2626)}.bt-date-picker{display:flex;align-items:center;gap:6px;padding:4px 8px;margin-left:4px;border-left:1px solid var(--border-color, #2a2a2a)}.bt-date-picker input[type=date]{padding:4px 8px;font-size:11px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #2a2a2a);border-radius:4px;color:var(--text-primary, #fff);color-scheme:dark}.bt-date-picker span{font-size:11px;color:var(--text-muted, #666)}.bt-date-apply{padding:4px 10px;font-size:11px;font-weight:500;color:#fff;background:var(--primary, #dc2626);border:none;border-radius:4px;cursor:pointer}.bt-refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:6px;color:var(--text-muted, #888);cursor:pointer;transition:all .2s}.bt-refresh-btn:hover{border-color:var(--primary, #dc2626);color:var(--primary, #dc2626)}.bt-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.bt-refresh-btn .spinning{animation:bt-spin 1s linear infinite}.bt-stats-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.bt-status-cards{display:flex;gap:6px}.bt-stat-card{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:6px;cursor:pointer;transition:all .15s;font-size:12px}.bt-stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.bt-stat-card.active{border-color:currentColor}.bt-stat-active{color:#10b981}.bt-stat-active.active{background:#10b9811a}.bt-stat-dial_level_0{color:#dc2626}.bt-stat-dial_level_0.active{background:#dc26261a}.bt-stat-waiting{color:#f59e0b}.bt-stat-waiting.active{background:#f59e0b1a}.bt-stat-offline{color:#6b7280}.bt-stat-offline.active{background:#6b72801a}.bt-stat-num{font-weight:700;font-size:16px}.bt-stat-label{font-size:11px;text-transform:capitalize;opacity:.8}.bt-dispo-cards{display:flex;gap:4px;margin-left:auto}.bt-dispo-card{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:4px;font-size:12px;color:var(--text-secondary, #999)}.bt-dispo-card span{font-weight:600;color:var(--text-primary, #fff)}.bt-dispo-xfer{border-color:#10b9814d}.bt-dispo-xfer svg{color:#10b981}.bt-dispo-am{border-color:#8b5cf64d}.bt-dispo-am svg{color:#8b5cf6}.bt-dispo-ni{border-color:#dc26264d}.bt-dispo-ni svg{color:#dc2626}.bt-dispo-na{border-color:#6b72804d}.bt-dispo-na svg{color:#6b7280}.bt-dispo-dnc{border-color:#dc26264d}.bt-dispo-dnc svg{color:#dc2626}.bt-dispo-dnq{border-color:#f59e0b4d}.bt-dispo-dnq svg{color:#f59e0b}.bt-bulk-actions{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;margin-left:auto}.bt-bulk-count{font-size:12px;font-weight:500;color:#3b82f6}.bt-bulk-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s;background:var(--bg-elevated, rgba(30, 30, 30, .8))}.bt-bulk-start{background:#10b98133;color:#10b981}.bt-bulk-start:hover{background:#10b9814d}.bt-bulk-stop{background:#f59e0b33;color:#f59e0b}.bt-bulk-stop:hover{background:#f59e0b4d}.bt-bulk-clear{background:transparent;color:var(--text-muted, #888)}.bt-bulk-clear:hover{color:var(--text-primary, #fff)}.bt-table-wrapper{background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:8px;overflow:hidden}.bt-loading,.bt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-muted, #666);gap:8px}.bt-spinner{width:24px;height:24px;border:2px solid var(--border-color, #2a2a2a);border-top-color:var(--primary, #dc2626);border-radius:50%;animation:bt-spin 1s linear infinite}.bt-empty svg{opacity:.4}.bt-empty p{margin:0;font-size:13px}.bt-table{width:100%;border-collapse:collapse;font-size:12px}.bt-table thead{background:var(--bg-primary, #0a0a0a);position:sticky;top:0}.bt-table th{padding:8px 10px;text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted, #666);border-bottom:1px solid var(--border-color, #2a2a2a);white-space:nowrap}.bt-th-check{width:36px;text-align:center!important;padding:8px 6px!important}.bt-th-icon{text-align:center!important;padding:8px 6px!important;width:36px}.bt-th-icon svg{opacity:.7}.bt-th-actions{width:110px;text-align:center!important}.bt-col-xfer svg{color:#10b981}.bt-col-am svg{color:#8b5cf6}.bt-col-ni svg{color:#dc2626}.bt-col-na svg{color:#6b7280}.bt-col-dnc svg{color:#dc2626}.bt-col-dnq svg{color:#f59e0b}.bt-th-voice{text-align:center!important;padding:8px 4px!important;width:70px}.bt-th-voice svg{color:var(--primary, #dc2626);opacity:.8}.bt-td-voice{text-align:center;padding:4px 2px!important;white-space:nowrap}.bt-voice-gender{display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:600;margin:0 1px}.bt-voice-male{background:#3b82f626;color:#3b82f6}.bt-voice-male svg{color:#3b82f6}.bt-voice-female{background:#ec489926;color:#ec4899}.bt-voice-female svg{color:#ec4899}.bt-table tbody tr{border-bottom:1px solid var(--border-color, #2a2a2a);transition:background .1s}.bt-table tbody tr:last-child{border-bottom:none}.bt-table tbody tr:hover{background:#ffffff05}.bt-table tbody tr.row-active{background:#10b9810d}.bt-table tbody tr.row-selected{background:#3b82f614}.bt-table td{padding:8px 10px;color:var(--text-primary, #fff);vertical-align:middle}.bt-td-check{width:36px;text-align:center;padding:8px 6px!important}.bt-check-btn{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--text-muted, #666);cursor:pointer;transition:color .15s}.bt-check-btn:hover,.row-selected .bt-check-btn{color:#3b82f6}.bt-td-sip{font-weight:600;font-size:12px;display:flex;align-items:center;gap:4px;white-space:nowrap}.bt-sip-divider{color:var(--text-muted, #666);font-weight:400;font-size:10px}.bt-avatar-name{font-weight:400;color:var(--text-muted, #888);font-size:11px}.bt-td-num{text-align:center;font-size:12px;font-weight:500;padding:8px 6px!important}.bt-td-muted{color:var(--text-muted, #666)!important}.bt-td-step{font-size:11px;color:var(--text-secondary, #999);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-td-hb{font-size:11px;color:var(--text-muted, #666);white-space:nowrap}.bt-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:color-mix(in srgb,var(--c) 15%,transparent);border-radius:4px;font-size:11px;font-weight:500;color:var(--c);white-space:nowrap}.bt-progress-status{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#3b82f61a;border-radius:4px;color:#3b82f6}.bt-progress-spinner{width:10px;height:10px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:bt-spin .8s linear infinite}.bt-progress-text{font-size:11px;font-weight:500;white-space:nowrap}.bt-td-actions{padding:4px 8px!important}.bt-action-group{display:flex;align-items:center;justify-content:center;gap:4px}.bt-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color, #2a2a2a);background:var(--bg-tertiary, #252525);color:var(--text-secondary, #999);cursor:pointer;transition:all .1s}.bt-action-btn:hover:not(:disabled){transform:translateY(-1px)}.bt-action-btn:disabled{opacity:.3;cursor:not-allowed}.bt-action-start{border-color:#10b9814d;color:#10b981}.bt-action-start:hover:not(:disabled){background:#10b98126;border-color:#10b981}.bt-action-stop{border-color:#f59e0b4d;color:#f59e0b}.bt-action-stop:hover:not(:disabled){background:#f59e0b26;border-color:#f59e0b}.bt-action-restart{border-color:#8b5cf64d;color:#8b5cf6}.bt-action-restart:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf6}.bt-action-warn{border-color:#dc2626!important;color:#dc2626!important;background:#dc262626;animation:bt-pulse-warn 2s infinite}.bt-action-warn:hover:not(:disabled){background:#dc262640}@keyframes bt-pulse-warn{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 4px #dc262600}}.bt-action-stats{border-color:#3b82f64d;color:#3b82f6}.bt-action-stats:hover:not(:disabled){background:#3b82f626;border-color:#3b82f6}.bt-action-crash{border-color:#6b72804d;color:#6b7280}.bt-action-crash:hover:not(:disabled){background:#6b728026;border-color:#6b7280}.bt-action-crash.bt-has-crashes{border-color:#f59e0b4d;color:#f59e0b}.bt-action-crash.bt-has-crashes:hover:not(:disabled){background:#f59e0b26;border-color:#f59e0b}.bt-action-voice{border-color:#8b5cf64d;color:#8b5cf6}.bt-action-voice:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf6}.bt-td-auto{text-align:center;padding:6px 4px!important}.bt-auto-btn{display:flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--text-muted, #555);cursor:pointer;transition:all .15s;opacity:.5}.bt-auto-btn:hover{opacity:.8;color:#10b981}.bt-auto-btn.bt-auto-on{color:#10b981;opacity:1}.bt-auto-btn.bt-auto-on:hover{opacity:.8}.bt-revive-btn{display:flex;align-items:center;justify-content:center;width:24px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--text-muted, #555);cursor:pointer;transition:all .15s;opacity:.4}.bt-revive-btn:hover:not(.bt-revive-disabled){opacity:.8;color:#f59e0b}.bt-revive-btn.bt-revive-on{color:#f59e0b;opacity:1}.bt-revive-btn.bt-revive-on:hover{opacity:.8}.bt-revive-btn.bt-revive-disabled{opacity:.2;cursor:not-allowed}.bt-bulk-divider{width:1px;height:20px;background:var(--border-color, #333);margin:0 4px}.bt-bulk-auto-on{border-color:#10b9814d!important;color:#10b981!important}.bt-bulk-auto-on:hover:not(:disabled){background:#10b98126!important;border-color:#10b981!important}.bt-bulk-auto-off{border-color:#6b72804d!important;color:#6b7280!important}.bt-bulk-auto-off:hover:not(:disabled){background:#6b728026!important;border-color:#6b7280!important}.bt-bulk-revive-on{border-color:#f59e0b4d!important;color:#f59e0b!important}.bt-bulk-revive-on:hover:not(:disabled){background:#f59e0b26!important;border-color:#f59e0b!important}.bt-bulk-revive-off{border-color:#6b72804d!important;color:#6b7280!important}.bt-bulk-revive-off:hover:not(:disabled){background:#6b728026!important;border-color:#6b7280!important}.bt-bulk-vm-start{border-color:#3b82f64d!important;color:#3b82f6!important}.bt-bulk-vm-start:hover:not(:disabled){background:#3b82f626!important;border-color:#3b82f6!important}.bt-bulk-vm-restart{border-color:#f59e0b4d!important;color:#f59e0b!important}.bt-bulk-vm-restart:hover:not(:disabled){background:#f59e0b26!important;border-color:#f59e0b!important}.bt-bulk-vm-stop{border-color:#ef44444d!important;color:#ef4444!important}.bt-bulk-vm-stop:hover:not(:disabled){background:#ef444426!important;border-color:#ef4444!important}.bt-bulk-edit{border-color:#dc26264d!important;color:#dc2626!important}.bt-bulk-edit:hover:not(:disabled){background:#dc262626!important;border-color:#dc2626!important}.bt-progress-error{color:#ef4444!important;background:#ef44441a;border-radius:4px;padding:2px 6px}.bt-progress-error .bt-error-icon{color:#ef4444;flex-shrink:0}.bt-progress-error .bt-progress-text{color:#ef4444;font-size:10px}.bt-dismiss-error{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:#ef444433;border-radius:50%;color:#ef4444;cursor:pointer;margin-left:4px;flex-shrink:0}.bt-dismiss-error:hover{background:#ef444466}.bt-td-call-status{text-align:center;padding:6px 4px!important}.bt-call-indicator{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted, #555);opacity:.4}.bt-call-indicator.bt-in-call{color:#10b981;opacity:1;animation:bt-pulse-call 1.5s infinite}@keyframes bt-pulse-call{0%,to{opacity:1}50%{opacity:.5}}.bt-pagination{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:6px;font-size:12px}.bt-page-info{color:var(--text-muted, #888)}.bt-page-controls{display:flex;align-items:center;gap:6px}.bots-tab-modern .bt-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:4px 24px 4px 8px;background:var(--bg-primary, #0a0a0a) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 6px center;background-size:12px;border:1px solid var(--border-color, #2a2a2a);border-radius:4px;color:var(--text-primary, #fff);font-size:11px;cursor:pointer;min-width:60px}.bots-tab-modern .bt-select:focus{outline:none;border-color:var(--primary, #dc2626)}.bt-page-controls button{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #2a2a2a);border-radius:4px;color:var(--text-secondary, #999);cursor:pointer;transition:all .1s}.bt-page-controls button:hover:not(:disabled){border-color:var(--primary, #dc2626);color:var(--text-primary, #fff)}.bt-page-controls button:disabled{opacity:.3;cursor:not-allowed}.bt-page-controls>span{color:var(--text-muted, #888);font-size:11px;min-width:40px;text-align:center}@keyframes bt-spin{to{transform:rotate(360deg)}}[data-theme=light] .bt-header-left h2,[data-theme=light] .bt-td-sip,[data-theme=light] .bt-stat-num,[data-theme=light] .bt-dispo-card span{color:#1a1a1a}[data-theme=light] .bt-count,[data-theme=light] .bt-refresh-btn,[data-theme=light] .bt-stat-card,[data-theme=light] .bt-dispo-card,[data-theme=light] .bt-table-wrapper,[data-theme=light] .bt-pagination,[data-theme=light] .bt-date-selector{background:#fff;border-color:#e5e5e5}[data-theme=light] .bt-table thead{background:#f9fafb}[data-theme=light] .bt-action-btn{background:#f9fafb;border-color:#e5e5e5}[data-theme=light] .bt-bulk-actions{background:#3b82f614;border-color:#3b82f633}[data-theme=light] .bt-bulk-btn{background:#fff;border-color:#e5e5e5}[data-theme=light] .bt-bulk-start{background:#10b9811a;border-color:#10b9814d}[data-theme=light] .bt-bulk-stop{background:#f59e0b1a;border-color:#f59e0b4d}[data-theme=light] .bt-bulk-divider{background:#e5e5e5}[data-theme=light] .bt-bulk-auto-on,[data-theme=light] .bt-bulk-revive-on{background:#10b98114!important}[data-theme=light] .bt-bulk-auto-off,[data-theme=light] .bt-bulk-revive-off{background:#6b728014!important}[data-theme=light] .bt-bulk-vm-start{background:#3b82f614!important}[data-theme=light] .bt-bulk-vm-restart{background:#f59e0b14!important}[data-theme=light] .bt-bulk-vm-stop{background:#ef444414!important}[data-theme=light] .bots-tab-modern .bt-select,[data-theme=light] .bt-page-controls button{background:#f9fafb;border-color:#e5e5e5;color:#1a1a1a}[data-theme=light] .bt-date-picker input[type=date]{background:#f9fafb;border-color:#e5e5e5;color:#1a1a1a;color-scheme:light}@media (max-width: 1200px){.bt-dispo-cards{margin-left:0;width:100%;flex-wrap:wrap}.bt-bulk-actions{margin-left:0;width:100%}}@media (max-width: 900px){.bt-header{flex-direction:column;align-items:stretch;gap:8px}.bt-date-selector{width:100%;justify-content:center}.bt-stats-row{flex-direction:column;align-items:stretch}.bt-status-cards{width:100%}.bt-stat-card{flex:1;justify-content:center}}.bt-vm-dropdown-wrapper{position:relative}.bt-action-vm{display:flex;align-items:center;gap:2px;width:auto;padding:0 6px;border-color:#8b5cf64d;color:#8b5cf6}.bt-action-vm:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf6}.bt-action-vm.bt-action-disabled{opacity:.3;cursor:not-allowed}.bt-vm-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:6px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:120px;overflow:hidden}.bt-vm-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;font-size:11px;font-weight:500;color:var(--text-secondary, #999);cursor:pointer;transition:all .1s;text-align:left}.bt-vm-dropdown button:hover{background:#ffffff0d;color:var(--text-primary, #fff)}.bt-vm-dropdown button svg{color:var(--text-muted, #888)}.bt-vm-dropdown button:hover svg{color:inherit}.bt-vm-dropdown button:first-child svg{color:#10b981}.bt-vm-dropdown button:nth-child(2) svg{color:#f59e0b}.bt-vm-dropdown button:nth-child(3) svg{color:#8b5cf6}.bt-vm-dropdown button.bt-vm-dropdown-divider{border-top:1px solid var(--border-color, #2a2a2a);margin-top:4px;padding-top:12px}.bt-vm-dropdown button.bt-vm-dropdown-divider svg{color:#3b82f6}.bt-action-vm.bt-action-linked{border-color:#10b98166;color:#10b981}.bt-vm-dropdown button:not(:last-child){border-bottom:1px solid var(--border-color, #2a2a2a)}[data-theme=light] .bt-vm-dropdown{background:#fff;border-color:#e5e5e5;box-shadow:0 4px 12px #0000001a}[data-theme=light] .bt-vm-dropdown button:hover{background:#f3f4f6}[data-theme=light] .bt-vm-dropdown button:not(:last-child){border-color:#e5e5e5}.bt-toast-container{position:fixed;top:20px;right:20px;z-index:1100;display:flex;flex-direction:column;gap:8px}.bt-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:8px;box-shadow:0 4px 16px #0000004d;animation:bt-toast-in .3s ease;min-width:280px;max-width:400px}@keyframes bt-toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.bt-toast span{flex:1;font-size:13px;color:var(--text-primary, #fff)}.bt-toast button{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:var(--text-muted, #888);cursor:pointer;opacity:.7;transition:opacity .15s}.bt-toast button:hover{opacity:1}.bt-toast-success{border-color:#10b98166}.bt-toast-success>svg:first-child{color:#10b981}.bt-toast-error{border-color:#dc262666}.bt-toast-error>svg:first-child{color:#dc2626}.bt-toast-info{border-color:#3b82f666}.bt-toast-info>svg:first-child{color:#3b82f6}.bt-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bt-confirm-dialog{background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0006;animation:bt-confirm-in .2s ease}@keyframes bt-confirm-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.bt-confirm-title{font-size:16px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:12px}.bt-confirm-message{font-size:13px;color:var(--text-secondary, #999);line-height:1.5;margin-bottom:16px}.bt-confirm-checkboxes{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.bt-confirm-checkbox{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;cursor:pointer;transition:all .15s}.bt-confirm-checkbox:hover{background:#10b9811f;border-color:#10b9814d}.bt-confirm-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#10b981;cursor:pointer;flex-shrink:0}.bt-confirm-checkbox span{font-size:13px;color:var(--text-primary, #fff);font-weight:500}[data-theme=light] .bt-confirm-checkboxes .bt-confirm-checkbox{background:#10b9810f;border-color:#10b98126}[data-theme=light] .bt-confirm-checkboxes .bt-confirm-checkbox:hover{background:#10b9811a;border-color:#10b98140}[data-theme=light] .bt-confirm-checkbox span{color:#1a1a1a}.bt-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.bt-confirm-no,.bt-confirm-yes{padding:10px 20px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s}.bt-confirm-no{background:transparent;border:1px solid var(--border-color, #2a2a2a);color:var(--text-muted, #888)}.bt-confirm-no:hover{border-color:var(--text-secondary, #999);color:var(--text-primary, #fff)}.bt-confirm-yes{background:#dc2626;border:1px solid #dc2626;color:#fff}.bt-confirm-yes:hover{background:#dc2626;border-color:#dc2626}.row-expanded{background:#8b5cf60d!important}.bt-action-expanded{background:#8b5cf633!important;border-color:#8b5cf6!important}.bt-vm-row{background:#8b5cf608}.bt-vm-row td{padding:0!important}.bt-vm-panel{padding:16px 20px;border-top:1px solid rgba(139,92,246,.2);animation:bt-vm-expand .2s ease}@keyframes bt-vm-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.bt-vm-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--text-primary, #fff);font-size:13px;font-weight:500}.bt-vm-panel-header svg{color:#8b5cf6}.bt-vm-id{font-size:12px;color:var(--text-muted, #888);padding:2px 8px;background:var(--bg-secondary, #1a1a1a);border-radius:4px}.bt-vm-loading{font-size:11px;color:var(--text-muted, #666);font-style:italic}.bt-vm-status{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;text-transform:capitalize}.bt-vm-status-running{background:#10b98126;color:#10b981}.bt-vm-status-stopped{background:#6b728026;color:#6b7280}.bt-vm-status-unknown{background:#f59e0b26;color:#f59e0b}.bt-vm-panel-body{display:flex;align-items:center}.bt-vm-actions{display:flex;gap:10px;flex-wrap:wrap}.bt-vm-no-link{display:flex;align-items:center;gap:16px;color:var(--text-muted, #888);font-size:13px}.bt-vm-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s}.bt-vm-start{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.bt-vm-start:hover{background:#10b98140;border-color:#10b981}.bt-vm-stop{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.bt-vm-stop:hover{background:#f59e0b40;border-color:#f59e0b}.bt-vm-restart{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.bt-vm-restart:hover{background:#8b5cf640;border-color:#8b5cf6}.bt-vm-link{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.bt-vm-link:hover{background:#3b82f640;border-color:#3b82f6}.bt-vm-clone{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.bt-vm-clone:hover{background:#8b5cf640;border-color:#8b5cf6}.bt-bulk-clone{background:#8b5cf626;color:#8b5cf6}.bt-bulk-clone:hover{background:#8b5cf640}.bt-bulk-voice{background:#06b6d426;color:#06b6d4}.bt-bulk-voice:hover{background:#06b6d440}[data-theme=light] .bt-toast{background:#fff;border-color:#e5e5e5;box-shadow:0 4px 16px #0000001a}[data-theme=light] .bt-toast span{color:#1a1a1a}[data-theme=light] .bt-confirm-dialog{background:#fff;border-color:#e5e5e5}[data-theme=light] .bt-confirm-title{color:#1a1a1a}[data-theme=light] .bt-vm-panel{border-color:#8b5cf626}[data-theme=light] .bt-vm-panel-header{color:#1a1a1a}[data-theme=light] .bt-vm-id{background:#f3f4f6}.bt-servers-section{background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:8px;overflow:hidden}.bt-servers-header{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;font-size:13px;font-weight:500;color:var(--text-primary, #fff);cursor:pointer;transition:background .15s}.bt-servers-header:hover{background:#ffffff08}.bt-servers-header svg:first-child{color:var(--text-muted, #888)}.bt-servers-header svg:nth-child(2){color:#8b5cf6}.bt-servers-header .spinning{margin-left:auto;color:var(--text-muted, #888);animation:bt-spin 1s linear infinite}.bt-servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:0 16px 16px}.bt-server-card{background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #2a2a2a);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:all .15s}.bt-server-card:hover{border-color:#8b5cf64d;box-shadow:0 2px 8px #0003}.bt-server-header{display:flex;align-items:center;gap:8px}.bt-server-ip{font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.bt-server-name{font-size:11px;color:var(--text-muted, #888)}.bt-server-stats{display:flex;gap:12px}.bt-server-stat{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary, #999)}.bt-server-stat svg{opacity:.7}.bt-server-stat-ok{color:#10b981}.bt-server-stat-warning{color:#f59e0b}.bt-server-stat-critical{color:#dc2626}.bt-server-vms{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:8px 10px;background:#8b5cf614;border-radius:4px}.bt-server-vms-dialer{color:var(--text-primary, #fff)}.bt-server-vms-dialer strong{color:#8b5cf6;font-weight:600}.bt-server-vms-total{color:var(--text-muted, #888)}.bt-server-online{display:flex;gap:12px;font-size:11px}.bt-online-count{display:flex;align-items:center;gap:4px;color:#10b981}.bt-offline-count{display:flex;align-items:center;gap:4px;color:#6b7280}.bt-server-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:11px;font-weight:500;color:var(--text-muted, #888);background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:4px;cursor:pointer;transition:all .15s}.bt-server-link:hover{border-color:#3b82f6;color:#3b82f6}[data-theme=light] .bt-servers-section{background:#fff;border-color:#e5e5e5}[data-theme=light] .bt-servers-header{color:#1a1a1a}[data-theme=light] .bt-servers-header:hover{background:#f9fafb}[data-theme=light] .bt-server-card{background:#f9fafb;border-color:#e5e5e5}[data-theme=light] .bt-server-card:hover{border-color:#8b5cf666}[data-theme=light] .bt-server-ip{color:#1a1a1a}[data-theme=light] .bt-server-vms{background:#8b5cf614}[data-theme=light] .bt-server-vms-dialer{color:#1a1a1a}[data-theme=light] .bt-server-link{background:#fff;border-color:#e5e5e5}@media (max-width: 600px){.bt-servers-grid{grid-template-columns:1fr}}.bt-servers-rows{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.bt-server-row{display:flex;align-items:center;gap:16px;padding:10px 14px;background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #2a2a2a);border-radius:6px;transition:all .15s}.bt-server-row:hover{border-color:#8b5cf64d;background:var(--bg-elevated, #2a2a2a)}.bt-server-row-info{display:flex;align-items:center;gap:8px;min-width:200px}.bt-server-row-ip{font-size:13px;font-weight:600;color:var(--text-primary, #fff);font-family:SF Mono,Monaco,Inconsolata,monospace}.bt-server-row-name{font-size:11px;color:var(--text-muted, #888);padding:2px 6px;background:#8b5cf61a;border-radius:4px}.bt-server-row-stats{display:flex;align-items:center;gap:12px}.bt-server-row-stat{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:3px 8px;border-radius:4px;background:#ffffff0d}.bt-server-row-stat svg{opacity:.8}.bt-server-row-vms{display:flex;align-items:center;gap:10px;padding:4px 10px;background:#8b5cf61a;border-radius:4px}.bt-server-row-vms-dialer{font-size:12px;color:var(--text-primary, #fff)}.bt-server-row-vms-dialer strong{color:#8b5cf6;font-weight:700}.bt-server-row-vms-total{font-size:11px;color:var(--text-muted, #888)}.bt-server-row-online{display:flex;align-items:center;gap:10px;margin-left:auto}.bt-row-online{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#10b981}.bt-row-offline{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#6b7280}.bt-server-row-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border-color, #2a2a2a);border-radius:4px;color:var(--text-muted, #888);cursor:pointer;transition:all .15s}.bt-server-row-link:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f61a}[data-theme=light] .bt-server-row{background:#f9fafb;border-color:#e5e5e5}[data-theme=light] .bt-server-row:hover{background:#fff;border-color:#8b5cf666}[data-theme=light] .bt-server-row-ip{color:#1a1a1a}[data-theme=light] .bt-server-row-stat{background:#0000000a}[data-theme=light] .bt-server-row-vms{background:#8b5cf614}[data-theme=light] .bt-server-row-vms-dialer{color:#1a1a1a}[data-theme=light] .bt-server-row-link{border-color:#e5e5e5}@media (max-width: 768px){.bt-server-row{flex-wrap:wrap;gap:10px}.bt-server-row-info{min-width:auto;flex:1 1 100%}.bt-server-row-online{margin-left:0}}.bt-action-edit{background:#dc262626;border-color:#dc26264d;color:#f87171}.bt-action-edit:hover:not(:disabled){background:#dc262640;border-color:#dc262680}.bt-edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.bt-edit-modal{background:var(--bg-card, #151515);border:1px solid var(--border-color, #2a2a2a);border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease-out;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bt-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #2a2a2a);background:var(--bg-secondary, #1a1a1a)}.bt-edit-modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.bt-edit-modal-header h3 svg{color:#dc2626}.bt-edit-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted, #888);border-radius:6px;cursor:pointer;transition:all .15s}.bt-edit-modal-close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.bt-edit-modal-body{padding:20px;overflow-y:auto;flex:1}.bt-edit-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text-muted, #888)}.bt-edit-modal-loading .spinning{animation:spin 1s linear infinite}.bt-edit-section{margin-bottom:24px}.bt-edit-section:last-child{margin-bottom:0}.bt-edit-section h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.bt-edit-section h4 svg{color:#dc2626}.bt-edit-hint{margin:0 0 12px;font-size:12px;color:var(--text-muted, #888)}.bt-voice-set-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;padding:4px;background:var(--bg-primary, #0a0a0a);border:1px solid var(--border-color, #2a2a2a);border-radius:8px}.bt-voice-set-item{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:16px;cursor:pointer;transition:all .15s;text-align:left;font-size:11px}.bt-voice-set-item:hover{border-color:#dc262666;background:#dc26260d}.bt-voice-set-item.selected{border-color:#dc2626;background:#dc262626;color:#dc2626}.bt-vs-name{font-size:11px;font-weight:500;color:var(--text-primary, #fff);white-space:nowrap}.bt-voice-set-item.selected .bt-vs-name{color:#dc2626}.bt-vs-gender{font-size:9px;color:var(--text-muted, #888);text-transform:capitalize;padding:1px 4px;background:#ffffff0d;border-radius:4px}.bt-voice-set-item.selected .bt-vs-gender{background:#dc262633;color:#dc2626}.bt-vs-check{color:#dc2626;flex-shrink:0}.bt-selected-count{margin-top:8px;padding:6px 12px;font-size:11px;font-weight:500;color:#dc2626;background:#dc26261a;border-radius:6px;text-align:center}.bt-vs-preview{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:50%;cursor:pointer;color:#dc2626;transition:all .15s;flex-shrink:0}.bt-vs-preview:hover{background:#dc262633;border-color:#dc262666}.bt-vs-preview:active{transform:scale(.95)}.bt-voice-set-item.selected .bt-vs-preview{background:#dc262633;border-color:#dc2626}.bt-edit-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-top:12px;font-size:12px;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px}.bt-edit-notice svg{flex-shrink:0}.bt-edit-select{width:100%;padding:10px 36px 10px 12px;font-size:13px;color:var(--text-primary, #fff);background-color:var(--bg-secondary, #1a1a1a);background-image:none;border:1px solid var(--border-color, #2a2a2a);border-radius:6px;cursor:pointer;transition:all .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.bt-edit-select:hover{border-color:#dc262666}.bt-edit-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.bt-edit-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color, #2a2a2a);background:var(--bg-secondary, #1a1a1a)}.bt-edit-cancel{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-muted, #888);background:transparent;border:1px solid var(--border-color, #2a2a2a);border-radius:6px;cursor:pointer;transition:all .15s}.bt-edit-cancel:hover{background:#ffffff0d;color:var(--text-primary, #fff)}.bt-edit-save{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:500;color:#fff;background:#dc2626;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.bt-edit-save:hover:not(:disabled){background:#b91c1c}.bt-edit-save:disabled{opacity:.5;cursor:not-allowed}.bt-edit-save .spinning{animation:spin 1s linear infinite}[data-theme=light] .bt-edit-modal-overlay{background:#0006}[data-theme=light] .bt-edit-modal{background:#fff;border-color:#e5e5e5}[data-theme=light] .bt-edit-modal-header{background:#f9fafb;border-color:#e5e5e5}[data-theme=light] .bt-edit-modal-header h3{color:#1a1a1a}[data-theme=light] .bt-edit-modal-header h3 svg{color:#dc2626}[data-theme=light] .bt-edit-modal-close:hover{background:#0000000d}[data-theme=light] .bt-edit-section h4{color:#1a1a1a}[data-theme=light] .bt-edit-section h4 svg{color:#dc2626}[data-theme=light] .bt-voice-set-grid{background:#f9fafb;border-color:#e5e5e5}[data-theme=light] .bt-voice-set-item{background:#fff;border-color:#e5e5e5}[data-theme=light] .bt-voice-set-item:hover{background:#dc26260d;border-color:#dc26264d}[data-theme=light] .bt-voice-set-item.selected{background:#dc26261a;border-color:#dc2626}[data-theme=light] .bt-vs-name{color:#1a1a1a}[data-theme=light] .bt-voice-set-item.selected .bt-vs-name{color:#dc2626}[data-theme=light] .bt-vs-gender{background:#0000000d;color:#666}[data-theme=light] .bt-voice-set-item.selected .bt-vs-gender{background:#dc262626;color:#dc2626}[data-theme=light] .bt-vs-preview{background:#dc262614;border-color:#dc262626}[data-theme=light] .bt-vs-preview:hover{background:#dc262626;border-color:#dc26264d}[data-theme=light] .bt-edit-notice{background:#f59e0b14;border-color:#f59e0b26}[data-theme=light] .bt-edit-select{background-color:#fff;border-color:#e5e5e5;color:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}[data-theme=light] .bt-edit-select:hover{border-color:#dc262666}[data-theme=light] .bt-edit-select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}[data-theme=light] .bt-edit-modal-footer{background:#f9fafb;border-color:#e5e5e5}[data-theme=light] .bt-edit-cancel{border-color:#e5e5e5;color:#666}[data-theme=light] .bt-edit-cancel:hover{background:#00000008;color:#1a1a1a}.bt-th-transcriber{width:60px;min-width:60px;text-align:center;color:var(--text-muted, #888)}.bt-td-transcriber{text-align:center;padding:6px 4px!important}.bt-transcriber-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;font-size:9px;font-weight:600;border-radius:4px;white-space:nowrap}.bt-transcriber-badge svg{width:10px;height:10px}.bt-transcriber-label{text-transform:uppercase;letter-spacing:.3px}.bt-transcriber-vosk{color:#06b6d4;background:#06b6d426;border:1px solid rgba(6,182,212,.3)}.bt-transcriber-vosk-v15l{color:#a855f7;background:#a855f726;border:1px solid rgba(168,85,247,.3)}.bt-transcriber-whisper-cpu,.bt-transcriber-wcpu,.bt-transcriber-w-cpu{color:#f97316;background:#f9731626;border:1px solid rgba(249,115,22,.3)}.bt-transcriber-whisper-s1,.bt-transcriber-ws1{color:#22c55e;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.bt-transcriber-whisper-s2,.bt-transcriber-ws2{color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3)}.bt-transcriber-whisper-s3,.bt-transcriber-ws3{color:#14b8a6;background:#14b8a626;border:1px solid rgba(20,184,166,.3)}.bt-transcriber-whisper-s4,.bt-transcriber-ws4{color:#0d9488;background:#0d948826;border:1px solid rgba(13,148,136,.3)}.bt-action-transcriber{background:#a855f71a!important;border-color:#a855f733!important;color:#a855f7!important}.bt-action-transcriber:hover{background:#a855f733!important;border-color:#a855f766!important}.bt-action-logs{background:#06b6d41a!important;border-color:#06b6d433!important;color:#06b6d4!important}.bt-action-logs:hover{background:#06b6d433!important;border-color:#06b6d466!important}.bt-bulk-transcriber{background:#a855f71a;border-color:#a855f733;color:#a855f7}.bt-bulk-transcriber:hover{background:#a855f733;border-color:#a855f766}.bt-transcriber-modal{max-width:400px}.bt-transcriber-grid{display:flex;flex-direction:column;gap:6px}.bt-transcriber-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color, #2a2a2a);border-radius:8px;cursor:pointer;transition:all .15s}.bt-transcriber-option:hover{border-color:#a855f766;background:#a855f70d}.bt-transcriber-option.selected{border-color:#a855f7;background:#a855f726}.bt-transcriber-option svg{color:var(--text-muted, #888);flex-shrink:0}.bt-transcriber-option.selected svg{color:#a855f7}.bt-to-label{font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.bt-transcriber-option.selected .bt-to-label{color:#a855f7}.bt-to-desc{font-size:11px;color:var(--text-muted, #888);flex:1}.bt-to-check{color:#a855f7;flex-shrink:0}[data-theme=light] .bt-transcriber-badge{border-width:1px}[data-theme=light] .bt-transcriber-option{background:#fff;border-color:#e5e5e5}[data-theme=light] .bt-transcriber-option:hover{background:#a855f708}[data-theme=light] .bt-transcriber-option.selected{background:#a855f714}.bt-td-branch{text-align:center;padding:6px 4px!important}.bt-branch-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;font-size:9px;font-weight:700;border-radius:4px;border:1px solid;cursor:pointer;transition:all .15s ease;min-width:36px}.bt-branch-btn:hover{transform:scale(1.05)}.bt-branch-prod{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.bt-branch-prod:hover{background:#22c55e40}.bt-branch-dev{background:#f9731626;color:#f97316;border-color:#f973164d}.bt-branch-dev:hover{background:#f9731640}.bt-branch-test{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.bt-branch-test:hover{background:#3b82f640}.bt-branch-linux{background:#a855f726;color:#a855f7;border-color:#a855f74d}.bt-branch-linux:hover{background:#a855f740}[data-theme=light] .bt-branch-prod{background:#22c55e1a}[data-theme=light] .bt-branch-dev{background:#f973161a}[data-theme=light] .bt-branch-test{background:#3b82f61a}[data-theme=light] .bt-branch-linux{background:#a855f71a}.spin{animation:spin 1s linear infinite}:root{--primary: #dc2626;--primary-dark: #b91c1c;--primary-light: #f87171;--primary-glow: rgba(220, 38, 38, .4);--secondary: #6366f1;--secondary-dark: #4f46e5;--secondary-light: #a5b4fc;--success: #22c55e;--success-light: #86efac;--warning: #f59e0b;--warning-light: #fcd34d;--danger: #dc2626;--info: #3b82f6;--bg-dark: #0a0a0f;--bg-darker: #050507;--bg-card: #111118;--bg-card-hover: #1a1a24;--bg-elevated: #18181f;--bg-input: #0d0d12;--bg-tertiary: #1f1f28;--glass-bg: rgba(17, 17, 24, .8);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-disabled: #52525b;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--border-focus: var(--primary);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--primary-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gradient-bg-1: rgba(220, 38, 38, .15);--gradient-bg-2: rgba(99, 102, 241, .1);--gradient-bg-3: rgba(17, 17, 24, .5)}[data-theme=light]{--bg-dark: #f5f5f7;--bg-darker: #e8e8ec;--bg-card: #ffffff;--bg-card-hover: #f9f9fb;--bg-elevated: #fafafa;--bg-input: #f0f0f3;--bg-tertiary: #f3f4f6;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #6b7280;--text-disabled: #9ca3af;--border-color: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(220, 38, 38, .2);--primary-glow: rgba(220, 38, 38, .25);--gradient-bg-1: rgba(220, 38, 38, .08);--gradient-bg-2: rgba(99, 102, 241, .05);--gradient-bg-3: rgba(255, 255, 255, .5)}[data-theme=light] .btn:before{background:#00000014}[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .btn-primary:hover{color:#fff;background:linear-gradient(135deg,var(--primary-dark) 0%,#b91c1c 100%)}[data-theme=light] .btn-danger{color:#fff}[data-theme=light] .btn-danger:hover{color:#fff;background:linear-gradient(135deg,#dc2626,#991b1b)}[data-theme=light] .btn-success{color:#fff}[data-theme=light] .btn-success:hover{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d)}[data-theme=light] .btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}[data-theme=light] .btn-secondary:hover{background:var(--bg-darker);color:var(--text-primary);border-color:var(--border-light)}[data-theme=light] .btn-ghost{color:var(--text-secondary)}[data-theme=light] .btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.light .btn:before{background:#00000014}.light .btn-primary,.light .btn-primary:hover,.light .btn-danger,.light .btn-danger:hover,.light .btn-success,.light .btn-success:hover{color:#fff}.light .btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#b91c1c 100%)}.light .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#991b1b)}.light .btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.light .btn-secondary{background:var(--bg-card);color:var(--text-primary)}.light .btn-secondary:hover{background:var(--bg-darker);color:var(--text-primary)}.light .btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-slow)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% -20%,var(--gradient-bg-1),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,var(--gradient-bg-2),transparent),radial-gradient(ellipse 50% 50% at 50% 50%,var(--gradient-bg-3),transparent);pointer-events:none;z-index:-1;animation:gradientShift 20s ease-in-out infinite alternate;transition:background var(--transition-slow)}@keyframes gradientShift{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:280px;padding:var(--space-xl);transition:margin-left var(--transition-base)}@media (max-width: 1024px){.main-content{margin-left:0;padding:var(--space-md)}}.page-container{max-width:1600px;margin:0 auto}.card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.card-title{font-size:1.25rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #dc262666}.btn-primary:hover{box-shadow:0 6px 20px #dc262680;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#b91c1c 100%);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#16a34a 100%);color:#fff}.btn-success:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.btn-danger:hover{box-shadow:0 6px 20px #dc262666;transform:translateY(-1px)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:1rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-icon.sm{width:32px;height:32px}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:var(--text-muted)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:44px}.input-with-icon .icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}textarea.input{min-height:100px;resize:vertical}select.input{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;min-height:38px}select.input:hover{border-color:var(--primary)}select:not(.input){padding:var(--space-sm) 32px var(--space-sm) var(--space-md);min-height:36px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}select:not(.input):hover{border-color:var(--primary)}select:not(.input):focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}select.select-sm{min-height:28px;padding:4px 28px 4px 8px;font-size:.75rem;background-size:10px;background-position:right 8px center}select.select-lg{min-height:44px;padding:10px 36px 10px 14px;font-size:1rem;background-size:14px;background-position:right 12px center}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox{width:18px;height:18px;border:2px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox:checked{background:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:36px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;color:var(--text-primary)}.dropdown-trigger:hover{border-color:var(--primary)}.dropdown-trigger.open{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.dropdown-trigger .placeholder{color:var(--text-muted)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-height:280px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;padding:4px;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.dropdown-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);font-size:.875rem}.dropdown-item:hover{background:var(--bg-card-hover)}.dropdown-item.active,.dropdown-item.selected{background:#dc26261f;color:var(--primary)}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.dropdown-header{padding:var(--space-sm) var(--space-md) var(--space-xs);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.searchable-select{position:relative;width:100%;font-size:.8125rem}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:36px}.searchable-select-trigger:hover{border-color:var(--primary)}.searchable-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.searchable-select-trigger .placeholder{color:var(--text-muted)}.searchable-select-trigger .chevron{transition:transform .2s;color:var(--text-muted);flex-shrink:0;margin-left:var(--space-sm)}.searchable-select-trigger .chevron.rotated{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}.searchable-select-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);background:var(--bg-elevated)}.searchable-select-search svg{color:var(--text-muted);flex-shrink:0}.searchable-select-search input{flex:1;border:none;background:transparent;outline:none;font-size:.8125rem;color:var(--text-primary)}.searchable-select-search input::placeholder{color:var(--text-muted)}.searchable-select-search .clear-search{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:var(--bg-tertiary);border-radius:4px;cursor:pointer;color:var(--text-muted)}.searchable-select-search .clear-search:hover{background:var(--bg-card-hover);color:var(--text-primary)}.searchable-select-options{max-height:240px;overflow-y:auto;padding:4px}.searchable-select-options::-webkit-scrollbar{width:6px}.searchable-select-options::-webkit-scrollbar-track{background:transparent}.searchable-select-options::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.searchable-select-option{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select-option:hover{background:var(--bg-card-hover)}.searchable-select-option.selected{background:#dc26261f;color:var(--primary);font-weight:500}.searchable-select-empty{padding:var(--space-md);text-align:center;color:var(--text-muted);font-size:.75rem}.searchable-select-dropdown.flip-up{top:auto;bottom:calc(100% + 4px);animation:dropdownFadeInUp .15s ease}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .dropdown-menu,[data-theme=light] .searchable-select-dropdown{box-shadow:0 8px 24px #0000001f}[data-theme=light] select:not(.input){background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--bg-elevated);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-card-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary)}.badge-primary{background:#dc262626;color:var(--primary-light)}.badge-success{background:#22c55e26;color:var(--success-light)}.badge-warning{background:#f59e0b26;color:var(--warning-light)}.badge-info{background:#3b82f626;color:#93c5fd}.badge-secondary{background:#6366f126;color:var(--secondary-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.call-detail-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:750px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.call-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-card)}.call-detail-modal .modal-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.call-detail-modal .close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:all .2s}.call-detail-modal .close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.call-detail-modal .modal-body{flex:1;overflow-y:auto;padding:var(--space-lg);background:var(--bg-card)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:var(--space-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;transition:all var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-light);box-shadow:var(--shadow-lg)}.stat-card:hover:before{opacity:1}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.stat-icon.red{background:#dc262626;color:var(--primary)}.stat-icon.blue{background:#3b82f626;color:var(--info)}.stat-icon.green{background:#22c55e26;color:var(--success)}.stat-icon.purple{background:#6366f126;color:var(--secondary)}.stat-icon.orange{background:#f59e0b26;color:var(--warning)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring) ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:2000}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideLeft var(--transition-base) ease-out}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--info)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-xl);color:var(--text-muted);margin-bottom:var(--space-lg)}.empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm)}.empty-state-description{color:var(--text-muted);max-width:400px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.w-full{width:100%}.h-full{height:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.stat-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.stat-block{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid transparent;transition:all .2s ease}.stat-block-icon{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.stat-block-content{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-block.purple{background:linear-gradient(135deg,#6366f114,#8b5cf60a);border-color:#6366f126}.stat-block.blue{background:linear-gradient(135deg,#3b82f614,#06b6d40a);border-color:#3b82f626}.stat-block.orange{background:linear-gradient(135deg,#f59e0b14,#f973160a);border-color:#f59e0b26}.stat-block.green{background:linear-gradient(135deg,#10b98114,#14b8a60a);border-color:#10b98126}.stat-block.pink{background:linear-gradient(135deg,#ec489914,#f43f5e0a);border-color:#ec489926}.stat-block.red{background:linear-gradient(135deg,#dc262614,#c521210a);border-color:#dc262626}.stat-block.cyan{background:linear-gradient(135deg,#06b6d414,#14b8a60a);border-color:#06b6d426}.stat-block:hover{transform:translateY(-1px)}.stat-block.purple:hover{border-color:#6366f14d}.stat-block.blue:hover{border-color:#3b82f64d}.stat-block.orange:hover{border-color:#f59e0b4d}.stat-block.green:hover{border-color:#10b9814d}.stat-block.pink:hover{border-color:#ec48994d}.stat-block.red:hover{border-color:#dc26264d}.stat-block.cyan:hover{border-color:#06b6d44d}.stat-block.purple .stat-block-icon{background:#6366f126;color:#6366f1}.stat-block.blue .stat-block-icon{background:#3b82f626;color:#3b82f6}.stat-block.orange .stat-block-icon{background:#f59e0b26;color:#f59e0b}.stat-block.green .stat-block-icon{background:#10b98126;color:#10b981}.stat-block.pink .stat-block-icon{background:#ec489926;color:#ec4899}.stat-block.red .stat-block-icon{background:#dc262626;color:#dc2626}.stat-block.cyan .stat-block-icon{background:#06b6d426;color:#06b6d4}.stat-block-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-block-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.stat-block-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.stat-block.purple .stat-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.stat-block.blue .stat-bar-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.stat-block.orange .stat-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-block.green .stat-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.stat-block.pink .stat-bar-fill{background:linear-gradient(90deg,#ec4899,#f472b6)}.stat-block.red .stat-bar-fill{background:linear-gradient(90deg,#b91c1c,#dc2626)}.stat-block.cyan .stat-bar-fill{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.stat-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-bar-fill.critical{background:linear-gradient(90deg,#b91c1c,#dc2626)}[data-theme=light] .stat-block{border-color:transparent}[data-theme=light] .stat-block.purple{background:linear-gradient(135deg,#6366f10f,#8b5cf605);border-color:#6366f11f}[data-theme=light] .stat-block.blue{background:linear-gradient(135deg,#3b82f60f,#06b6d405);border-color:#3b82f61f}[data-theme=light] .stat-block.orange{background:linear-gradient(135deg,#f59e0b0f,#f9731605);border-color:#f59e0b1f}[data-theme=light] .stat-block.green{background:linear-gradient(135deg,#10b9810f,#14b8a605);border-color:#10b9811f}[data-theme=light] .stat-block.pink{background:linear-gradient(135deg,#ec48990f,#f43f5e05);border-color:#ec48991f}[data-theme=light] .stat-block.red{background:linear-gradient(135deg,#dc26260f,#c5212105);border-color:#dc26261f}[data-theme=light] .stat-block.cyan{background:linear-gradient(135deg,#06b6d40f,#14b8a605);border-color:#06b6d41f}[data-theme=light] .stat-block-bar{background:#0000000f}