.an-panel{display:flex;flex-direction:column;gap:16px;padding:16px;min-height:0;overflow-x:clip}.an-header{display:flex;align-items:center;gap:8px}.an-header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.an-header-title{font-size:1.05rem;font-weight:600;color:var(--text-primary, #e6edf3);letter-spacing:-.01em}.an-subtabs-wrap{position:sticky;top:0;z-index:10;background:var(--bg-primary, #0f1117);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.an-subtabs-wrap::-webkit-scrollbar{display:none}.an-subtabs{display:flex;gap:3px;background:var(--bg-card, #1a1f26);border-radius:8px;padding:4px;border:1px solid var(--border-subtle, rgba(48,54,61,.5));width:fit-content;min-width:100%}.an-subtab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary, #8b949e);cursor:pointer;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.an-subtab:hover{background:var(--bg-hover, #21262e);color:var(--text-primary, #e6edf3)}.an-subtab.active{background:var(--accent-primary, #58a6ff);color:#fff;box-shadow:0 1px 6px #58a6ff4d}.an-period-picker{display:flex;flex-direction:column;gap:8px}.an-period-picker.row{flex-direction:row;align-items:center;flex-wrap:wrap}.an-period-quick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1px}.an-period-quick::-webkit-scrollbar{display:none}.an-period-btn{padding:5px 15px;border-radius:20px;border:1px solid var(--border-subtle, rgba(48,54,61,.6));background:transparent;color:var(--text-secondary, #8b949e);cursor:pointer;font-size:.78rem;font-weight:500;white-space:nowrap;flex-shrink:0;line-height:1.5;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.an-period-btn:hover{background:var(--bg-hover, #21262e);border-color:var(--border-accent, #484f58);color:var(--text-primary, #e6edf3)}.an-period-btn.active{background:var(--accent-primary, #58a6ff);border-color:var(--accent-primary, #58a6ff);color:#fff;font-weight:600;box-shadow:0 2px 10px #58a6ff47}.an-period-custom{display:inline-flex;align-items:center;gap:0;width:fit-content;background:var(--bg-secondary, #161b22);border:1px solid var(--border-subtle, rgba(48,54,61,.6));border-radius:9px;padding:2px 6px;transition:border-color .15s,box-shadow .15s}.an-period-custom:focus-within{border-color:var(--accent-primary, #58a6ff);box-shadow:0 0 0 2px #58a6ff1f}.an-period-cal-icon{color:var(--text-muted, #6e7681);flex-shrink:0;margin-right:4px}.an-date-input{padding:4px;border:none;background:transparent;color:var(--text-primary, #e6edf3);font-size:.8rem;font-family:inherit;color-scheme:dark;width:auto;min-width:0;cursor:pointer;box-sizing:content-box}.an-date-input:focus{outline:none}.an-period-sep{color:var(--text-muted, #6e7681);font-size:.8rem;flex-shrink:0;padding:0 6px;-webkit-user-select:none;user-select:none}.an-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.an-kpi-card{background:var(--bg-card, #1a1f26);border:1px solid var(--border-subtle, rgba(48,54,61,.5));border-radius:10px;padding:15px 16px 13px;display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s;cursor:default}.an-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000059;border-color:var(--border-accent, #484f58)}.an-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:10px 10px 0 0;background:var(--accent-primary, #58a6ff);opacity:.4;transition:background .18s,opacity .18s}.an-kpi-card:hover:before{opacity:.7}.an-kpi-card.good:before{background:var(--accent-success, #3fb950)}.an-kpi-card.warn:before{background:var(--accent-warning, #d29922)}.an-kpi-card.bad:before{background:var(--accent-danger, #f85149)}.an-kpi-label{font-size:.72rem;color:var(--text-muted, #6e7681);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.an-kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary, #e6edf3);line-height:1;letter-spacing:-.02em}.an-kpi-value.good{color:var(--accent-success, #3fb950)}.an-kpi-value.warn{color:var(--accent-warning, #d29922)}.an-kpi-value.bad{color:var(--accent-danger, #f85149)}.an-kpi-delta{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600}.an-kpi-delta.pos{color:var(--accent-success, #3fb950)}.an-kpi-delta.neg{color:var(--accent-danger, #f85149)}.an-kpi-delta.neu{color:var(--text-muted, #6e7681)}.an-kpi-delta-label{font-weight:400;opacity:.65;font-size:.68rem}.an-kpi-desc{font-size:.7rem;color:var(--text-muted, #6e7681);line-height:1.4}.an-sparkline{margin-top:6px;opacity:.85}.an-progress{height:4px;border-radius:2px;background:var(--bg-tertiary, #1c2128);overflow:hidden;flex-shrink:0}.an-progress-fill{height:100%;border-radius:2px;background:var(--accent-primary, #58a6ff);transition:width .45s ease}.an-progress-fill.good{background:var(--accent-success, #3fb950)}.an-progress-fill.warn{background:var(--accent-warning, #d29922)}.an-progress-fill.bad{background:var(--accent-danger, #f85149)}.an-section{background:var(--bg-card, #1a1f26);border:1px solid var(--border-subtle, rgba(48,54,61,.5));border-radius:10px;padding:16px}.an-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.an-section-title{font-size:.8rem;font-weight:600;color:var(--text-secondary, #8b949e);text-transform:uppercase;letter-spacing:.06em}.an-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.an-table{width:100%;border-collapse:collapse;font-size:.82rem}.an-table th{text-align:left;padding:9px 12px;color:var(--text-muted, #6e7681);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle, rgba(48,54,61,.5));cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast, .15s);background:var(--bg-card, #1a1f26)}.an-table th:hover{color:var(--text-primary, #e6edf3)}.an-table th.sorted{color:var(--accent-primary, #58a6ff)}.an-table th.sticky,.an-table td.sticky{position:sticky;left:0;z-index:1;background:var(--bg-card, #1a1f26)}.an-table td{padding:9px 12px;color:var(--text-primary, #e6edf3);border-bottom:1px solid var(--border-subtle, rgba(48,54,61,.5));vertical-align:middle}.an-table tr:hover td{background:var(--bg-hover, #21262e)}.an-table tr:hover td.sticky{background:var(--bg-card, #1a1f26);filter:brightness(1.06)}.an-table .num{text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.an-table .muted{color:var(--text-muted, #6e7681)}.an-sla-cell{display:flex;flex-direction:column;gap:4px;min-width:72px}.an-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.72rem;font-weight:700;background:#58a6ff1f;color:var(--accent-primary, #58a6ff);flex-shrink:0}.an-rank.gold{background:#d2a32229;color:#f0c040;border:1px solid rgba(210,163,34,.3)}.an-rank.silver{background:#b4b4b41f;color:silver;border:1px solid rgba(180,180,180,.25)}.an-rank.bronze{background:#b4784629;color:#cd7f32;border:1px solid rgba(180,120,70,.3)}.an-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap;letter-spacing:.02em}.an-badge.sla-met{background:#3fb9501f;color:var(--accent-success, #3fb950);border:1px solid rgba(63,185,80,.2)}.an-badge.sla-fail{background:#f851491a;color:var(--accent-danger, #f85149);border:1px solid rgba(248,81,73,.18)}.an-badge.neutral{background:#6e76811f;color:var(--text-muted, #6e7681);border:1px solid rgba(110,118,129,.2)}.an-heatmap{overflow-x:auto;-webkit-overflow-scrolling:touch}.an-heatmap-grid{display:grid;grid-template-columns:44px repeat(24,minmax(22px,1fr));gap:2px;font-size:.65rem;min-width:600px}.an-heatmap-hour-label{color:var(--text-muted, #6e7681);text-align:center;padding:2px 0;font-size:.6rem;font-weight:500}.an-heatmap-day-label{color:var(--text-secondary, #8b949e);display:flex;align-items:center;padding-right:6px;font-size:.68rem;font-weight:600}.an-heatmap-cell{height:24px;border-radius:3px;background:var(--bg-tertiary, #1c2128);cursor:default;position:relative;transition:transform .1s,filter .1s}.an-heatmap-cell:hover{transform:scale(1.08);filter:brightness(1.3);z-index:1}.an-heatmap-cell:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--bg-primary, #0f1117);border:1px solid var(--border-accent, #484f58);padding:4px 8px;border-radius:5px;white-space:nowrap;font-size:.7rem;color:var(--text-primary, #e6edf3);z-index:20;pointer-events:none;box-shadow:0 4px 12px #0006}.an-heatmap-legend{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.68rem;color:var(--text-muted, #6e7681)}.an-heatmap-legend-bar{height:8px;width:120px;border-radius:4px;background:linear-gradient(to right,#58a6ff0f,#58a6ffcc)}.an-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 16px;background:var(--bg-card, #1a1f26);border:1px solid var(--border-subtle, rgba(48,54,61,.5));border-radius:10px}.an-filter-group{position:relative;display:flex;align-items:center}.an-filter-icon{position:absolute;left:9px;color:var(--text-muted, #6e7681);pointer-events:none;flex-shrink:0}.an-filter-input{padding:6px 10px 6px 30px;border-radius:var(--radius-md, 12px);border:1px solid var(--border-subtle, rgba(48,54,61,.5));background:var(--bg-primary, #0f1117);color:var(--text-primary, #e6edf3);font-size:.8rem;font-family:inherit;transition:border-color var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s);min-width:0}.an-filter-input:hover{border-color:var(--border-accent, #484f58)}.an-filter-input:focus{outline:none;border-color:var(--accent-primary, #58a6ff);box-shadow:0 0 0 3px var(--status-call-glow, rgba(88,166,255,.2));background:var(--bg-secondary, #161b22)}.an-filter-input::placeholder{color:var(--text-muted, #6e7681);opacity:.7}.an-filter-select{padding:6px 28px 6px 10px;border-radius:var(--radius-md, 12px);border:1px solid var(--border-subtle, rgba(48,54,61,.5));background:var(--bg-primary, #0f1117);color:var(--text-primary, #e6edf3);font-size:.8rem;font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s);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='%236e7681' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.an-filter-select:hover{border-color:var(--border-accent, #484f58)}.an-filter-select:focus{outline:none;border-color:var(--accent-primary, #58a6ff);box-shadow:0 0 0 3px var(--status-call-glow, rgba(88,166,255,.2))}.an-filter-select option{background:var(--bg-primary, #0f1117);color:var(--text-primary, #e6edf3)}.an-filter-clear{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid rgba(248,81,73,.3);background:#f8514914;color:var(--accent-danger, #f85149);cursor:pointer;font-size:.76rem;font-weight:500;transition:all .15s;white-space:nowrap}.an-filter-clear:hover{background:#f8514926;border-color:#f8514980}.an-filter-count{margin-left:auto;font-size:.76rem;color:var(--text-muted, #6e7681);white-space:nowrap}.an-export-bar{display:flex;gap:8px;align-items:center;justify-content:flex-end}.an-export-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:7px;border:1px solid var(--border-subtle, rgba(48,54,61,.5));background:transparent;color:var(--text-secondary, #8b949e);cursor:pointer;font-size:.79rem;font-weight:500;transition:all var(--transition-fast, .15s);white-space:nowrap}.an-export-btn:hover:not(:disabled){border-color:var(--accent-primary, #58a6ff);color:var(--accent-primary, #58a6ff);background:#58a6ff14}.an-export-btn:disabled{opacity:.38;cursor:default;pointer-events:none}.an-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:64px 0;color:var(--text-muted, #6e7681);font-size:.87rem}.an-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 0;color:var(--text-muted, #6e7681);font-size:.84rem;text-align:center}.an-empty-icon{opacity:.35;margin-bottom:4px}.an-spinner{width:18px;height:18px;border:2px solid var(--border-subtle, rgba(48,54,61,.5));border-top-color:var(--accent-primary, #58a6ff);border-radius:50%;animation:an-spin .7s linear infinite;flex-shrink:0}@keyframes an-spin{to{transform:rotate(360deg)}}.an-pagination{display:flex;align-items:center;gap:6px}.an-page-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:1px solid var(--border-subtle, rgba(48,54,61,.5));background:transparent;color:var(--text-secondary, #8b949e);cursor:pointer;font-size:1rem;line-height:1;transition:all var(--transition-fast, .15s)}.an-page-btn:hover:not(:disabled){border-color:var(--accent-primary, #58a6ff);color:var(--accent-primary, #58a6ff);background:#58a6ff14}.an-page-btn:disabled{opacity:.3;cursor:default}.an-page-info{font-size:.78rem;color:var(--text-muted, #6e7681);padding:0 6px;white-space:nowrap}.an-chart-wrap{margin-top:4px}.an-agent-cell{display:flex;align-items:center;gap:8px}.an-agent-info{display:flex;flex-direction:column;gap:1px}.an-agent-name{font-size:.82rem;color:var(--text-primary, #e6edf3);font-weight:500}.an-agent-ext{font-size:.7rem;color:var(--text-muted, #6e7681)}.an-drilldown-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:8px 0 0}@media(max-width:900px){.an-kpi-grid{grid-template-columns:repeat(4,1fr)}.an-date-input{width:118px}}@media(max-width:640px){.an-panel{padding:10px;gap:10px}.an-header{flex-direction:column;align-items:flex-start;gap:8px}.an-date-input{width:110px}.an-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.an-kpi-value{font-size:1.45rem}.an-section{padding:12px}.an-filters{padding:10px 12px;gap:6px}.an-filter-input,.an-filter-select,.an-filter-group{width:100%}.an-drilldown-footer{flex-direction:column-reverse;align-items:flex-start}.an-export-bar{width:100%;justify-content:flex-start}.an-heatmap-grid{grid-template-columns:36px repeat(24,minmax(18px,1fr))}.an-heatmap-cell{height:18px}}@media(max-width:420px){.an-kpi-grid{grid-template-columns:1fr 1fr}.an-kpi-value{font-size:1.25rem}}[dir=rtl] .an-table th,[dir=rtl] .an-table td{text-align:right}[dir=rtl] .an-table .num{text-align:center}[dir=rtl] .an-table th.sticky,[dir=rtl] .an-table td.sticky{left:auto;right:0}[dir=rtl] .an-filter-icon{left:auto;right:9px}[dir=rtl] .an-filter-input{padding-left:10px;padding-right:30px}[dir=rtl] .an-filter-select{padding-left:28px;padding-right:10px;background-position:left 8px center}[dir=rtl] .an-filter-count{margin-left:0;margin-right:auto}[dir=rtl] .an-kpi-delta{flex-direction:row-reverse}:root{--bg-primary: #0f1117;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--bg-card: #1a1f26;--bg-hover: #21262e;--bg-glass: rgba(22, 27, 34, .7);--border-primary: #30363d;--border-accent: #484f58;--border-subtle: rgba(48, 54, 61, .5);--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #6e7681;--status-idle: #3fb950;--status-idle-bg: rgba(63, 185, 80, .12);--status-idle-glow: rgba(63, 185, 80, .2);--status-ringing: #f85149;--status-ringing-bg: rgba(248, 81, 73, .12);--status-ringing-glow: rgba(248, 81, 73, .25);--status-call: #58a6ff;--status-call-bg: rgba(88, 166, 255, .12);--status-call-glow: rgba(88, 166, 255, .2);--status-unavailable: #6e7681;--status-unavailable-bg: rgba(110, 118, 129, .12);--status-hold: #a5a5ff;--status-hold-bg: rgba(165, 165, 255, .12);--accent-primary: #58a6ff;--accent-primary-hover: #79c0ff;--accent-secondary: #1f6feb;--accent-teal: #39c5cf;--accent-purple: #a5a5ff;--accent-success: #3fb950;--accent-warning: #d29922;--accent-danger: #f85149;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(88, 166, 255, .15);--shadow-glow-ringing: 0 0 20px rgba(248, 81, 73, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--glass-bg: rgba(22, 27, 34, .8);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}html[lang=ar] body{font-family:Noto Sans Arabic,Tajawal,Cairo,Segoe UI,Inter,Roboto,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(88,166,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(57,197,207,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(165,165,255,.04) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-dim)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:400px;background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-brand{text-align:center;margin-bottom:28px}.login-logo{width:56px;height:56px;margin:0 auto 14px;background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.login-title{font-size:1.5rem;font-weight:600;margin:0 0 4px}.login-subtitle{font-size:.9rem;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:16px}.login-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.login-input{width:100%;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast)}.login-input:focus{outline:none;border-color:var(--accent-primary)}.login-input::placeholder{color:var(--text-muted)}.login-input:disabled{opacity:.7;cursor:not-allowed}.login-error{padding:10px 12px;background:#f8514926;border:1px solid var(--accent-danger);border-radius:var(--radius-sm);color:var(--accent-danger);font-size:.9rem}.login-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);margin-top:8px}.login-submit:hover:not(:disabled){background:var(--accent-primary-hover)}.login-submit:disabled{opacity:.8;cursor:not-allowed}.login-spinner{font-weight:500}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{background:var(--glass-bg);border-bottom:1px solid var(--border-subtle);padding:0 20px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:100;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px #ffffff0d inset}.header-brand{display:flex;align-items:center;gap:14px}.header-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-teal) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:700;font-size:18px;box-shadow:var(--shadow-glow);transition:transform var(--transition-fast)}.header-logo:hover{transform:scale(1.05)}.header-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:500;margin-top:2px}.header-scope{font-size:10px;color:var(--accent);margin-top:2px;opacity:.9}.header-monitor-mode{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:11px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-subtle)}.header-monitor-mode .header-monitor-icon{color:var(--accent);flex-shrink:0}.header-monitor-mode .header-monitor-label{text-transform:capitalize}.header-status{display:flex;align-items:center;gap:4px}.header-softphone-btn{display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);padding:clamp(6px,1.5vw,10px) clamp(10px,2vw,16px);margin-right:8px;border-right:1px solid var(--border-subtle);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:clamp(12px,2.5vw,14px);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.header-softphone-btn:hover{background:var(--bg-hover)}.header-softphone-btn.registered,.header-softphone-btn.registered:hover{color:var(--status-idle)}.header-softphone-btn.not-registered,.header-softphone-btn.not-registered:hover{color:var(--accent-danger)}@media(max-width:600px){.header-softphone-btn span{display:none}.header-softphone-btn{padding:8px 12px;min-width:44px;min-height:44px;justify-content:center}}.header-status .stats-bar{display:flex;gap:8px;padding-right:14px;margin-right:8px;border-right:1px solid var(--border-subtle)}.header-status .stat-item{padding:8px 14px;min-width:100px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid transparent;transition:all var(--transition-fast)}.header-status .stat-item:hover{transform:none;border-color:var(--border-subtle);box-shadow:none;background:var(--bg-hover)}.header-status .stat-item:before{height:3px;border-radius:2px 2px 0 0}.header-status .stat-item:nth-child(1):before{background:linear-gradient(90deg,var(--accent-teal),var(--accent-primary))}.header-status .stat-item:nth-child(2):before{background:linear-gradient(90deg,var(--accent-primary),#79c0ff)}.header-status .stat-item:nth-child(3):before{background:linear-gradient(90deg,var(--accent-purple),var(--accent-primary))}.header-status .stat-item:before{opacity:1}.header-status .stat-item:hover:before{opacity:1}.header-status .stat-icon{color:var(--accent-primary);opacity:.95}.header-status .stat-value{font-size:18px;font-weight:700;letter-spacing:-.02em}.header-status .stat-label{font-size:9px;letter-spacing:.1em;margin-top:1px}.header-status .header-monitor-mode{margin-right:6px;padding:6px 12px;font-size:11px;border-radius:var(--radius-md);background:var(--bg-card);border-color:transparent}.header-status .header-monitor-mode:hover{background:var(--bg-hover)}.header-status .btn{padding:8px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:500;background:transparent;border-color:transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.header-status .btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-subtle)}.header-status .connection-status{padding:6px 12px;border-radius:var(--radius-md);background:var(--bg-card);border-color:transparent;margin-left:auto;margin-right:6px}.header-status .connection-status:hover{background:var(--bg-hover);border-color:transparent}.header-bell-wrap{position:relative;display:inline-flex;align-items:center}.header-bell-btn{position:relative;padding:8px 10px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-bell-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#000;background:var(--status-ringing, #eab308);border-radius:8px;box-shadow:0 0 0 1px var(--bg-card)}.header-bell-dropdown{position:absolute;top:100%;right:0;margin-top:6px;min-width:320px;max-width:400px;max-height:70vh;overflow:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000}.header-bell-dropdown-header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.header-bell-dropdown-header svg{flex-shrink:0;color:var(--text-muted)}.header-bell-dropdown-count{margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--status-ringing, #eab308);color:#000}.header-bell-dropdown-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:13px;color:var(--text-muted)}.header-bell-dropdown-empty svg{opacity:.5}.header-bell-list{list-style:none;margin:0;padding:8px 0}.header-bell-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);font-size:12px;transition:background var(--transition-fast)}.header-bell-item:hover{background:var(--bg-hover)}.header-bell-item:last-child{border-bottom:none}.header-bell-item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.header-bell-item-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.header-bell-item-icon{flex-shrink:0;color:var(--text-muted)}.header-bell-item-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;min-width:28px}.header-bell-item-value{font-weight:600;color:var(--text-primary);font-family:var(--font-mono, monospace);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.header-bell-item-meta{margin-top:2px;padding-top:6px;border-top:1px solid var(--border-subtle)}.header-bell-item-time{font-size:11px;color:var(--text-muted)}.header-bell-reason{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:4px;margin-left:auto}.header-bell-reason-busy{background:#f59e0b33;color:#d97706}.header-bell-reason-noanswer{background:#eab30833;color:#b45309}.header-bell-reason-failed{background:#ef444426;color:#dc2626}.header-bell-reason-switched_off,.header-bell-reason-invalid_number{background:#6b728033;color:var(--text-muted)}.header-bell-item-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.header-bell-action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;font-size:11px;white-space:nowrap}.connection-status{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.connection-status:hover{border-color:var(--border-accent);background:var(--bg-hover)}.connection-status.connected{border-color:#3fb95059;background:linear-gradient(135deg,rgba(63,185,80,.08) 0%,var(--bg-tertiary) 100%);box-shadow:0 0 0 1px #3fb9501f inset}.connection-status.connected:hover{border-color:#3fb95080;background:linear-gradient(135deg,rgba(63,185,80,.12) 0%,var(--bg-hover) 100%)}.connection-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-normal)}.connection-status.connected .connection-icon{color:var(--status-idle);background:var(--status-idle-bg);box-shadow:0 0 16px var(--status-idle-glow);animation:connectionIconPulse 3s ease-in-out infinite}.connection-status:not(.connected) .connection-icon{background:#6e768126;color:var(--status-unavailable)}@keyframes connectionIconPulse{0%,to{opacity:1;box-shadow:0 0 16px var(--status-idle-glow)}50%{opacity:.92;box-shadow:0 0 24px var(--status-idle-glow),0 0 8px #3fb9504d}}.connection-text{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;transition:color var(--transition-normal)}.connection-status.connected .connection-text{color:var(--status-idle);text-shadow:0 0 20px rgba(63,185,80,.25)}.stats-bar{display:flex;gap:10px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast);position:relative;overflow:hidden;flex:1 1 auto;min-width:120px}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-teal));opacity:0;transition:opacity var(--transition-fast)}.stat-item:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item:hover:before{opacity:1}.stat-icon{color:var(--accent-primary);filter:drop-shadow(0 0 4px var(--accent-primary))}.stat-value{font-size:20px;font-weight:700;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;line-height:1.2}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:2px}.body-layout{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--bg-secondary);border-inline-end:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;padding:10px 8px;transition:width var(--transition-normal)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1px;overflow-y:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-divider{height:1px;background:var(--border-subtle);margin:6px 4px}.sidebar-section-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:8px 12px 4px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;width:100%;text-align:start;position:relative;white-space:nowrap;flex-shrink:0}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:#58a6ff1a;color:var(--accent-primary);font-weight:600}.sidebar-item.active:before{content:"";position:absolute;inset-inline-start:0;top:20%;bottom:20%;width:3px;background:var(--accent-primary);border-radius:0 3px 3px 0}[dir=rtl] .sidebar-item.active:before{border-radius:3px 0 0 3px}.sidebar-item.registered{color:var(--status-idle)}.sidebar-item.not-registered{color:var(--accent-danger)}.sidebar-item.registered:hover{color:var(--status-idle);background:var(--status-idle-bg)}.sidebar-item.not-registered:hover{color:var(--accent-danger);background:var(--status-ringing-bg)}.sidebar-badge{margin-inline-start:auto;font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;line-height:1.4}.sidebar-bottom{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border-subtle);flex-shrink:0}.sidebar-stats{display:flex;flex-direction:column;gap:4px}.sidebar-stat-item{display:flex;align-items:center;gap:10px;padding:7px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-stat-item:hover{border-color:var(--border-accent);background:var(--bg-hover)}.sidebar-stat-icon{color:var(--accent-primary);flex-shrink:0}.sidebar-stat-value{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.sidebar-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-top:2px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:7px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.sidebar.collapsed{width:52px;padding:10px 6px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:9px 0}.sidebar.collapsed .sidebar-item.active:before{top:15%;bottom:15%}.sidebar.collapsed .sidebar-stat-item{justify-content:center;padding:7px 0}.sidebar.collapsed .sidebar-connection{justify-content:center;padding:8px 0}.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:7px 0}.sidebar-connection{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);font-size:12px;font-weight:600;color:var(--text-muted);transition:all var(--transition-normal)}.sidebar-connection.connected{border-color:#3fb95059;background:linear-gradient(135deg,rgba(63,185,80,.08) 0%,var(--bg-card) 100%);color:var(--status-idle)}.main-content{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;width:100%}.tabs{display:flex;gap:6px;background:var(--bg-tertiary);padding:6px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:fit-content;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.tab{display:flex;align-items:center;gap:10px;padding:12px 24px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;position:relative;white-space:nowrap}.tab:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-teal));opacity:0;transition:opacity var(--transition-fast)}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab:hover:before{opacity:.1}.btn-tab-icon{display:flex;align-items:center;justify-content:center;padding:10px 12px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;margin:0 2px}.btn-tab-icon:hover{color:var(--accent-primary);background:var(--bg-hover)}.tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-teal));color:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tab.active:before{opacity:0}.panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.panel:hover{border-color:var(--border-accent);box-shadow:var(--shadow-xl)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-title{font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.panel-title-icon{color:var(--accent-primary);filter:drop-shadow(0 0 6px var(--accent-primary));width:16px;height:16px}.btn-panel-sync{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-panel-sync:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.panel-content{padding:16px;background:var(--bg-card)}.extensions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.extension-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.extension-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--status-unavailable);transition:all var(--transition-normal);box-shadow:0 2px 8px #0003}.extension-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(88,166,255,.05) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.extension-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.extension-card:hover:after{opacity:1}.extension-card.status-idle:before{background:linear-gradient(90deg,var(--status-idle),var(--status-idle));box-shadow:0 0 12px var(--status-idle-glow)}.extension-card.status-ringing:before{background:linear-gradient(90deg,var(--status-ringing),var(--status-ringing));box-shadow:0 0 12px var(--status-ringing-glow)}.extension-card.status-in_call:before{background:linear-gradient(90deg,var(--status-call),var(--status-call));box-shadow:0 0 12px var(--status-call-glow)}.extension-card.status-dialing:before{background:linear-gradient(90deg,var(--status-call),var(--status-call));box-shadow:0 0 12px var(--status-call-glow)}.extension-card.status-on_hold:before{background:linear-gradient(90deg,var(--status-hold),var(--status-hold))}.extension-card.status-ringing{animation:ring-pulse 1.5s ease-in-out infinite}@keyframes ring-pulse{0%,to{box-shadow:var(--shadow-md),0 0 0 0 var(--status-ringing-glow)}50%{box-shadow:var(--shadow-lg),0 0 0 12px #f8514900}}.extension-header{margin-bottom:12px}.extension-number{font-size:28px;font-weight:800;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:6px}.extension-name{font-size:14px;font-weight:500;color:var(--text-secondary);line-height:1.4;margin-top:2px;opacity:.85;transition:opacity var(--transition-fast),color var(--transition-fast);letter-spacing:.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.extension-card:hover .extension-name{opacity:1;color:var(--text-primary)}.extension-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent;transition:all var(--transition-fast)}.extension-status.idle{background:var(--status-idle-bg);color:var(--status-idle)}.extension-status.ringing{background:var(--status-ringing-bg);color:var(--status-ringing)}.extension-status.in_call,.extension-status.dialing{background:var(--status-call-bg);color:var(--status-call)}.extension-status.unavailable{background:var(--status-unavailable-bg);color:var(--status-unavailable)}.extension-status.on_hold{background:var(--status-hold-bg);color:var(--status-hold)}.extension-info{margin-top:14px;font-size:12px;color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;padding-top:12px;border-top:1px solid var(--border-subtle)}.extension-info-row{display:flex;align-items:center;gap:6px;margin-top:4px;padding:2px 0}.calls-table{width:100%;border-collapse:separate;border-spacing:0}.calls-table th,.calls-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-subtle)}.calls-table th{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;background:var(--bg-tertiary);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calls-table tbody tr{transition:all var(--transition-fast)}.calls-table tbody tr:hover{background:var(--bg-hover)}.calls-table tbody tr:hover td{background:transparent}.calls-table td{font-size:14px;color:var(--text-primary)}.call-ext{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-weight:700;color:var(--accent-primary);font-size:15px}.call-state{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.call-state.ringing{background:var(--status-ringing-bg);color:var(--status-ringing);border-color:var(--status-ringing)}.call-state.up{background:var(--status-call-bg);color:var(--status-call);border-color:var(--status-call)}.call-state.ring{background:var(--status-ringing-bg);color:var(--status-ringing);border-color:var(--status-ringing)}.call-talking-to{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-weight:500}.call-duration{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;color:var(--text-secondary);font-weight:500}.call-actions{display:flex;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#58a6ff1a,#39c5cf1a);opacity:0;transition:opacity var(--transition-fast)}.btn:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-teal));border-color:transparent;color:var(--bg-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-primary-hover),var(--accent-teal));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-icon{padding:8px;min-width:36px;min-height:36px;border-radius:var(--radius-md)}.btn-listen{color:var(--status-idle)}.btn-whisper{color:var(--accent-warning)}.btn-barge{color:var(--accent-danger)}.btn-listen:hover{background:var(--status-idle-bg);border-color:var(--status-idle);color:var(--status-idle);box-shadow:0 0 12px var(--status-idle-glow)}.btn-whisper:hover{background:#d2992226;border-color:var(--accent-warning);color:var(--accent-warning)}.btn-barge:hover{background:var(--status-ringing-bg);border-color:var(--accent-danger);color:var(--accent-danger);box-shadow:0 0 12px #f851494d}.queues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.queue-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.queue-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.queue-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-subtle)}.queue-name{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.queue-waiting{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--status-ringing-bg);border-radius:24px;font-size:12px;font-weight:700;color:var(--status-ringing);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;border:1px solid var(--status-ringing);box-shadow:0 0 8px var(--status-ringing-glow)}.queue-waiting.empty{background:var(--status-idle-bg);color:var(--status-idle);border-color:var(--status-idle);box-shadow:0 0 8px var(--status-idle-glow)}.queue-members{padding:16px 20px}.queue-member{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.queue-member:hover{padding-left:6px;padding-right:6px;background:var(--bg-hover);border-radius:var(--radius-md);margin:0 -6px}.queue-member:last-child{border-bottom:none}.queue-member-info{display:flex;align-items:center;gap:12px}.queue-member-status{width:10px;height:10px;border-radius:50%;background:var(--status-idle);box-shadow:0 0 8px var(--status-idle-glow);flex-shrink:0}.queue-member-status.busy{background:var(--status-call);box-shadow:0 0 8px var(--status-call-glow)}.queue-member-status.unavailable,.queue-member-status.paused{background:var(--status-unavailable);box-shadow:none}.queue-member-name{font-size:14px;font-weight:600;color:var(--text-primary)}.queue-member-interface{font-size:11px;color:var(--text-muted);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-weight:500}.queue-member-actions{display:flex;gap:4px}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:440px;overflow:hidden;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.modal-title{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;display:flex;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-family:inherit;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:hover{border-color:var(--border-accent)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow);background:var(--bg-secondary)}.form-input::placeholder{color:var(--text-muted);opacity:.7}select.form-input,select.cl-filter-select,select.an-filter-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b949e' 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:14px;padding-right:32px;cursor:pointer;min-height:38px;transition:all var(--transition-fast)}select.form-input:hover,select.cl-filter-select:hover,select.an-filter-select:hover{border-color:var(--accent-primary, #58a6ff);background-color:var(--bg-hover, #21262e)}select.form-input:focus,select.cl-filter-select:focus,select.an-filter-select:focus{border-color:var(--accent-primary, #58a6ff);box-shadow:0 0 0 3px #58a6ff26,0 2px 8px #0003;outline:none}select.form-input option,select.cl-filter-select option,select.an-filter-select option{background:var(--bg-card, #1a1f26);color:var(--text-primary, #e6edf3);padding:10px 14px;border-bottom:1px solid var(--border-subtle, rgba(48, 54, 61, .5))}select.form-input option:checked,select.cl-filter-select option:checked,select.an-filter-select option:checked{background:#58a6ff26;color:var(--accent-primary, #58a6ff)}[dir=rtl] select.form-input,[dir=rtl] select.cl-filter-select,[dir=rtl] select.an-filter-select{background-position:left 10px center;padding-right:14px;padding-left:32px}.notifications{position:fixed;bottom:32px;right:32px;display:flex;flex-direction:column;gap:12px;z-index:1001}.notification{padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;color:var(--text-primary);animation:slide-in .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:400px;border-left:3px solid var(--accent-primary)}@keyframes slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state-icon{margin-bottom:20px;opacity:.4;filter:grayscale(.3)}.empty-state-text{font-size:15px;font-weight:500;color:var(--text-secondary)}@media(max-width:1024px){.extensions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.queues-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.stats-bar{gap:8px}.stat-item{min-width:100px;padding:8px 12px}.stat-value{font-size:18px}}@media(max-width:768px){.main-content{padding:16px;gap:16px}.header{flex-direction:column;gap:12px;padding:12px 16px}.header-status{flex-direction:column;width:100%;gap:10px;padding:12px}.header-status .stats-bar{width:100%;gap:8px;padding-right:0;margin-right:0;margin-bottom:8px;padding-bottom:10px;border-right:none;border-bottom:1px solid var(--border-subtle)}.header-status .stat-item{width:100%;min-width:auto;justify-content:space-between;padding:10px 14px}.stats-bar{width:100%;gap:8px}.stat-item{width:100%;min-width:auto;justify-content:space-between;padding:10px 14px}.extensions-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.queues-grid{grid-template-columns:1fr;gap:12px}.tabs{width:100%;overflow-x:auto;padding:4px}.tab{padding:8px 16px;font-size:12px}.panel-header{padding:12px 16px}.panel-content{padding:12px}.calls-table{font-size:11px}.calls-table th,.calls-table td{padding:10px 8px}.notifications{bottom:12px;right:12px;left:12px}.notification{max-width:100%;padding:12px 16px}.extension-card{padding:14px}.extension-number{font-size:24px}}@media(max-width:480px){.main-content{padding:12px;gap:12px}.header{padding:10px 12px}.header-title{font-size:18px}.header-logo{width:32px;height:32px;font-size:16px}.extension-number{font-size:22px}.stat-value{font-size:18px}.stat-item{padding:8px 12px}.extensions-grid{grid-template-columns:1fr}.extension-card{padding:12px}.btn{padding:10px 16px;font-size:13px}.btn-icon{padding:6px;min-width:32px;min-height:32px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner,.spin{animation:spin 1s linear infinite}.call-notifications-panel .panel-header{display:flex;align-items:center;gap:10px}.cn-badge-new{background:var(--status-ringing, #eab308);color:#000;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:4px}.btn-icon{padding:6px;margin-left:auto}.cn-filters{display:flex;gap:6px;padding:10px 18px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.cn-filter-btn{padding:6px 12px;font-size:12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cn-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.cn-filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.cn-list-wrap{max-height:60vh;overflow-y:auto}.cn-loading,.cn-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--text-muted);font-size:14px}.cn-list{list-style:none;margin:0;padding:0}.cn-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.cn-item:hover{background:var(--bg-hover)}.cn-item-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.cn-icon{flex-shrink:0;color:var(--text-muted);margin-top:2px}.cn-item-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;min-width:0}.cn-ext{font-weight:600;color:var(--text-primary)}.cn-caller{color:var(--text-secondary)}.cn-queue{font-size:12px;color:var(--text-muted)}.cn-time{font-size:12px;color:var(--text-muted);font-family:var(--font-mono, monospace)}.cn-item-actions{display:flex;gap:6px;flex-shrink:0}.cn-status-new{background:#eab3080f}.settings-modal .modal{max-width:640px;max-height:90vh;display:flex;flex-direction:column}.settings-tabs{display:flex;gap:4px;padding:0 20px 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.settings-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.settings-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.settings-tab.active{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--border-accent)}.settings-body{padding:20px 24px 24px;overflow-y:auto;flex:1;min-height:0}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.settings-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.settings-section-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#58a6ff1f;color:var(--accent-primary);flex-shrink:0}.settings-section-title{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.settings-section-desc{font-size:12px;color:var(--text-muted);margin-top:4px;line-height:1.5}.settings-alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;margin-top:12px}.settings-alert.success{background:#3fb9501f;border:1px solid rgba(63,185,80,.3);color:var(--accent-success)}.settings-alert.error{background:#f851491f;border:1px solid rgba(248,81,73,.3);color:var(--accent-danger)}.settings-actions-row{display:flex;gap:12px;flex-wrap:wrap}.settings-advanced-toggle{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;background:none;border:none;font-family:inherit;transition:color var(--transition-fast);margin-top:8px}.settings-advanced-toggle:hover{color:var(--accent-primary)}.settings-advanced-body{margin-top:12px;padding-top:16px;border-top:1px solid var(--border-subtle)}.settings-users-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;margin-top:16px}.settings-users-table{width:100%;border-collapse:collapse;font-size:13px}.settings-users-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.settings-users-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.settings-users-table tbody tr:hover{background:var(--bg-hover)}.settings-users-table tbody tr:last-child td{border-bottom:none}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.settings-form-grid{grid-template-columns:1fr}.settings-tabs{flex-wrap:wrap;padding:0 16px 12px}.settings-tab{padding:8px 14px;font-size:12px}.settings-body,.settings-section{padding:16px}}.up-root{padding:24px;max-width:900px;margin:0 auto}.up-tabs{display:flex;gap:6px;margin-bottom:24px;padding:6px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:fit-content}.up-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.up-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.up-tab.active{background:var(--bg-secondary);color:var(--accent-primary);border:1px solid var(--border-accent);box-shadow:var(--shadow-sm)}.up-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;margin-bottom:24px;border:1px solid}.up-alert.success{background:#3fb9501a;border-color:#3fb95059;color:var(--accent-success)}.up-alert.error{background:#f851491a;border-color:#f8514959;color:var(--accent-danger)}.up-add-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:28px;box-shadow:var(--shadow-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.up-add-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg)}.up-add-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.up-add-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#58a6ff33,#39c5cf33);color:var(--accent-primary);flex-shrink:0}.up-add-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.up-add-desc{font-size:13px;color:var(--text-muted);margin-top:4px}.up-add-body{padding:24px}.up-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.up-form-row.single{grid-template-columns:1fr}.up-form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.up-form-group .form-input{width:100%}.up-form-divider{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.up-actions{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}.up-list-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:0 4px}.up-list-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#58a6ff1f;color:var(--accent-primary)}.up-list-title{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.up-list-desc{font-size:13px;color:var(--text-muted);margin-top:2px}.up-users-list{display:flex;flex-direction:column;gap:12px}.up-user-card{display:flex;align-items:center;gap:20px;padding:18px 22px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.up-user-card:hover{border-color:var(--border-accent);background:var(--bg-hover);box-shadow:var(--shadow-md)}.up-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-teal));color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;text-transform:uppercase;letter-spacing:-.02em}.up-user-info{flex:1;min-width:0}.up-user-name{font-size:15px;font-weight:600;color:var(--text-primary)}.up-user-meta{font-size:12px;color:var(--text-muted);margin-top:4px}.up-user-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.up-role-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.up-role-badge.admin{background:linear-gradient(135deg,#58a6ff33,#39c5cf33);color:var(--accent-primary);border:1px solid rgba(88,166,255,.4)}.up-role-badge.supervisor{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-accent)}.up-access-tag{font-size:11px;color:var(--text-muted);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.up-access-tag-btn{background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;font-family:inherit;font-size:11px;color:var(--text-secondary);transition:all var(--transition-fast)}.up-access-tag-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.up-access-expanded{margin-top:10px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:12px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;color:var(--text-secondary);word-break:break-word}.up-access-expanded-line{margin-bottom:6px}.up-access-expanded-line:last-child{margin-bottom:0}.up-user-actions{display:flex;gap:8px;flex-shrink:0}.up-user-actions .btn{padding:10px 14px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.up-user-actions .btn-edit:hover{background:#58a6ff26;border-color:var(--accent-primary);color:var(--accent-primary)}.up-user-actions .btn-delete:hover{background:#f8514926;border-color:var(--accent-danger);color:var(--accent-danger)}.up-empty{text-align:center;padding:48px 24px;background:var(--bg-secondary);border:1px dashed var(--border-accent);border-radius:var(--radius-lg);color:var(--text-muted);font-size:14px}.gp-expanded{margin-top:16px;padding:16px 18px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);border-left:3px solid var(--accent-teal)}.gp-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.gp-detail-section{display:flex;flex-direction:column;gap:8px;min-width:0}.gp-detail-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:flex;align-items:center;gap:6px}.gp-detail-label span{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:none;letter-spacing:0}.gp-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:2px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.gp-chips::-webkit-scrollbar{width:6px}.gp-chips::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.gp-chips::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}.gp-chips::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.gp-chip{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:20px;flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-chip-agent{border-color:#58a6ff59;background:#58a6ff14;color:var(--accent-primary)}.gp-chip-queue{border-color:#39c5cf59;background:#39c5cf14;color:var(--accent-teal)}.gp-chip-user{border-color:#3fb95059;background:#3fb95014;color:var(--status-idle)}.gp-empty-hint{font-size:12px;color:var(--text-muted);font-style:italic;padding:8px 0}@media(max-width:640px){.up-root{padding:16px}.up-tabs{width:100%;flex-wrap:wrap}.up-tab{flex:1;min-width:120px;justify-content:center}.up-form-row{grid-template-columns:1fr;gap:16px}.up-user-card{flex-wrap:wrap;gap:12px}.up-user-actions{width:100%;justify-content:flex-end}.gp-detail-grid{grid-template-columns:1fr}.gp-chips{max-height:160px}}.cl-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.cl-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);flex-wrap:wrap;gap:12px}.cl-header-left{display:flex;flex-direction:column;gap:2px}.cl-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.cl-subtitle{font-size:12px;color:var(--text-muted)}.cl-header-right{display:flex;align-items:center;gap:12px}.cl-stats-card{display:flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:var(--radius-md);box-shadow:0 4px 14px #7c3aed4d}.cl-stats-count{font-size:22px;font-weight:800;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.cl-stats-label{font-size:11px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.06em}.cl-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:10px;padding:16px 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.cl-filter-item{position:relative;display:flex;align-items:center}.cl-filter-search{position:relative}.cl-filter-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none;z-index:1}.cl-filter-input{width:100%;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit;transition:all var(--transition-fast)}.cl-filter-search .cl-filter-input{padding-left:38px;padding-right:32px}.cl-filter-input:hover{border-color:var(--border-accent)}.cl-filter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow);background:var(--bg-secondary)}.cl-filter-input::placeholder{color:var(--text-muted);opacity:.7}.cl-filter-date{color-scheme:dark;padding-left:34px;cursor:pointer}.cl-filter-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:all var(--transition-fast)}.cl-filter-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.cl-filter-select{width:100%;padding:10px 32px 10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);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='%236e7681' 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}.cl-filter-select:hover{border-color:var(--border-accent)}.cl-filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow)}.cl-filter-select option{background:var(--bg-primary);color:var(--text-primary)}.cl-table-wrap{overflow-x:auto}.cl-loading,.cl-error,.cl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px;color:var(--text-muted)}.cl-loading p,.cl-error p,.cl-empty p{font-size:15px;font-weight:500}.cl-error p{color:var(--accent-danger)}.cl-empty{opacity:.5}.cl-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1200px}.cl-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10;white-space:nowrap}.cl-table td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.cl-row-even{background:transparent}.cl-row-odd{background:#ffffff04}.cl-table tbody tr{transition:background var(--transition-fast)}.cl-table tbody tr:hover{background:var(--bg-hover)!important}.cl-phone{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-weight:600;color:var(--accent-primary);font-size:13px}.cl-customer{color:var(--text-secondary)}.cl-direction{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap;letter-spacing:.02em}.cl-direction-in{background:#3fb9501f;color:#3fb950;border:1px solid rgba(63,185,80,.22)}.cl-direction-out{background:#58a6ff1f;color:#58a6ff;border:1px solid rgba(88,166,255,.22)}.cl-direction-internal{background:#a5a5ff1f;color:#a5a5ff;border:1px solid rgba(165,165,255,.22)}.cl-direction-unknown{background:#6e76811f;color:#6e7681}.cl-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.05em;border:1px solid;white-space:nowrap}.cl-status-badge[role=button]{cursor:pointer;transition:all var(--transition-fast)}.cl-status-badge[role=button]:hover{filter:brightness(1.2);transform:scale(1.05)}.cl-duration{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:12px;color:var(--text-secondary);font-weight:500}.cl-datetime{display:flex;flex-direction:column;gap:2px}.cl-date{font-size:12px;font-weight:600;color:var(--text-primary)}.cl-time{font-size:11px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;color:var(--text-muted)}.cl-no-recording{font-size:12px;color:var(--text-muted);opacity:.6}.cl-no-qos{color:var(--text-muted)}.cl-qos-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--accent-purple);cursor:pointer;transition:all var(--transition-fast)}.cl-qos-btn:hover{background:#a5a5ff26;border-color:var(--accent-purple);transform:scale(1.1);box-shadow:0 0 10px #a5a5ff4d}.cl-journey-btn{gap:4px;color:var(--accent-teal, #2dd4bf)}.cl-journey-btn:hover{border-color:var(--accent-teal, #2dd4bf);box-shadow:0 0 10px #2dd4bf4d}.cl-journey-btn .cl-journey-count{font-size:11px;font-weight:700}.cl-journey-btn:disabled{opacity:.7;cursor:wait}.cl-audio-player{display:flex;align-items:center;gap:6px;min-width:220px}.cl-audio-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;text-decoration:none}.cl-audio-play{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.cl-audio-play:hover{transform:scale(1.1);box-shadow:0 4px 12px #22c55e66}.cl-audio-download{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.cl-audio-download:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.cl-audio-progress-wrap{flex:1;min-width:60px;cursor:pointer;padding:6px 0}.cl-audio-progress-bg{width:100%;height:4px;background:var(--border-primary);border-radius:2px;overflow:hidden}.cl-audio-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:2px;transition:width .1s linear}.cl-audio-time{font-size:10px;color:var(--text-muted);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;white-space:nowrap;min-width:70px}.cl-audio-filename{font-size:9px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-wrap:wrap;gap:12px}.cl-pagination-info{font-size:13px;color:var(--text-muted)}.cl-pagination-controls{display:flex;align-items:center;gap:8px}.cl-page-btn{font-size:13px}.cl-page-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cl-page-current{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-teal));color:var(--bg-primary);font-size:14px;font-weight:700;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.cl-qos-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:640px;overflow:hidden;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.cl-qos-summary{padding:20px 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.cl-qos-text{font-size:14px;color:var(--text-secondary);margin-bottom:14px;line-height:1.6}.cl-qos-participants{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cl-qos-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}.cl-qos-badge.agent{background:#58a6ff1f;color:#58a6ff;border:1px solid rgba(88,166,255,.3)}.cl-qos-badge.customer{background:#3fb9501f;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.cl-qos-arrow{font-size:18px;color:var(--text-muted)}.cl-qos-overall{font-size:14px;color:var(--text-secondary)}.cl-journey-modal{--journey-inbound: #22c55e;--journey-outbound: #3b82f6;--journey-queue: #8b5cf6;--journey-ring: #f59e0b;--journey-answer: #06b6d4;--journey-no-answer: #ef4444;--journey-transfer: #f97316;--journey-hangup: #64748b;max-width:480px}.cl-journey-header{flex-wrap:wrap;gap:8px}.cl-journey-header-top{display:flex;align-items:center;gap:10px}.cl-journey-step-count{font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);padding:4px 10px;border-radius:999px}.cl-journey-body{padding:0;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.cl-journey-summary{padding:18px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.cl-journey-summary-row{margin-bottom:6px}.cl-journey-summary-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px}.cl-journey-summary-value{font-size:15px;font-weight:600;color:var(--text-primary)}.cl-journey-summary-value.cl-journey-phone{font-variant-numeric:tabular-nums}.cl-journey-summary-meta{font-size:13px;color:var(--text-muted);margin-top:8px}.cl-journey-date,.cl-journey-time-summary,.cl-journey-duration{font-variant-numeric:tabular-nums}.cl-journey-dot{margin:0 6px;color:var(--text-muted);opacity:.7}.cl-journey-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cl-journey-direction{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:6px}.cl-journey-direction.cl-direction-in{background:#22c55e1f;color:#22c55e}.cl-journey-direction.cl-direction-out{background:#3b82f61f;color:#3b82f6}.cl-journey-direction.cl-direction-internal{background:#8b5cf61f;color:#8b5cf6}.cl-journey-agent-badge{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 10px;border-radius:6px}.cl-journey-timeline-wrap{padding:16px 20px;overflow-y:auto;flex:1;min-height:0}.cl-journey-empty{font-size:14px;color:var(--text-muted);text-align:center;padding:24px 16px;margin:0}.cl-journey-timeline{list-style:none;margin:0;padding:0}.cl-journey-timeline-item{display:flex;gap:14px;position:relative;padding-bottom:4px}.cl-journey-timeline-item:last-child .cl-journey-timeline-line{display:none}.cl-journey-timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.cl-journey-dot-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-subtle);flex-shrink:0}.cl-journey-timeline-line{width:2px;flex:1;min-height:12px;margin-top:4px;background:var(--border-subtle);border-radius:1px}.cl-journey-timeline-content{flex:1;min-width:0;padding-bottom:12px}.cl-journey-event-time{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-muted);margin-bottom:4px}.cl-journey-event-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px}.cl-journey-event-name{font-size:13px;font-weight:700;display:block;margin-bottom:6px}.cl-journey-event-details{display:flex;flex-wrap:wrap;gap:6px}.cl-journey-detail-pill{font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 8px;border-radius:4px;font-variant-numeric:tabular-nums}.cl-qos-table-wrap{padding:16px 24px}.cl-qos-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.cl-qos-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.cl-qos-table td{padding:10px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}.cl-qos-table tr:last-child td{border-bottom:none}.cl-qos-table td:first-child{font-family:inherit;font-weight:600;color:var(--text-secondary)}@media(max-width:1200px){.cl-filters{grid-template-columns:1fr 1fr 1fr}}@media(max-width:768px){.cl-filters{grid-template-columns:1fr 1fr;padding:12px 16px;gap:8px}.cl-filter-search{grid-column:1 / -1}.cl-header{padding:14px 16px}.cl-pagination{flex-direction:column;align-items:stretch;text-align:center}.cl-pagination-controls{justify-content:center}.cl-qos-modal{max-width:95vw}.cl-audio-player{min-width:180px}.cl-audio-filename{display:none}}@media(max-width:480px){.cl-filters{grid-template-columns:1fr}.cl-header-right{flex-direction:column;width:100%}.cl-stats-card{width:100%;justify-content:center}}.main-content>.softphone-wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.softphone-wrap{width:100%;max-width:100%;padding:0 clamp(12px,3vw,28px) clamp(12px,3vw,28px);display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.softphone-panel{width:100%;max-width:400px;min-width:280px;flex:1 1 auto;min-height:280px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 2px 4px #0003,0 8px 24px #00000040,0 0 0 1px #0000000d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.softphone-panel:focus-within{border-color:var(--border-accent);box-shadow:0 2px 4px #0003,0 10px 32px #0000004d,0 0 0 1px #58a6ff26}.softphone-header{display:flex;align-items:center;gap:10px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.softphone-header-icon{color:var(--accent-primary);flex-shrink:0}.softphone-header-title{font-size:14px;font-weight:700;color:var(--text-primary);flex:1;letter-spacing:-.02em}.softphone-header-right{display:flex;align-items:center;gap:8px}.softphone-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.softphone-status-dot.registered{background:var(--status-idle);box-shadow:0 0 8px var(--status-idle-glow)}.softphone-header-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.softphone-header-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--accent-primary)}.softphone-header-btn:active:not(:disabled){transform:scale(.96)}.softphone-dial-area{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.softphone-search-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.softphone-search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.softphone-search-input{width:100%;padding:14px 72px 14px 42px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:16px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;letter-spacing:.02em;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.softphone-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow)}.softphone-search-input::placeholder{color:var(--text-muted)}.softphone-call-using-label{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;pointer-events:none}.softphone-dialpad{display:flex;flex-direction:column;gap:clamp(6px,1.5vw,12px);flex:0 0 auto;width:100%;max-width:min(280px,95%);margin:0 auto}.softphone-dialpad-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.5vw,12px)}.softphone-dialpad-key{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;min-height:clamp(40px,11vw,56px);padding:clamp(6px,1.5vw,10px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:clamp(16px,4.5vw,22px);font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-dialpad-key:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent);transform:scale(1.02)}.softphone-dialpad-key:active:not(:disabled){transform:scale(.98)}.softphone-dialpad-key:disabled{opacity:.5;cursor:not-allowed}.softphone-dialpad-digit{line-height:1.2}.softphone-dialpad-letters{font-size:clamp(7px,1.8vw,10px);font-weight:500;color:var(--text-muted);margin-top:1px;letter-spacing:.02em;text-transform:uppercase}.softphone-bottom-actions{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:20px;padding-top:8px}.softphone-bottom-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--border-subtle);border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-bottom-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.softphone-bottom-btn:active:not(:disabled){transform:scale(.95)}.softphone-bottom-btn:disabled{opacity:.4;cursor:not-allowed}.softphone-call-btn{width:60px;height:60px;background:linear-gradient(145deg,var(--accent-primary),var(--accent-teal));border:none;color:#fff;box-shadow:0 4px 12px #58a6ff40}.softphone-call-btn:hover:not(:disabled){background:linear-gradient(145deg,var(--accent-primary-hover),var(--accent-teal));box-shadow:0 6px 16px #58a6ff59;transform:scale(1.05)}.softphone-alert.error{flex-shrink:0;margin:0 20px 10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;background:#f851491a;border:1px solid rgba(248,81,73,.25);color:var(--accent-danger)}.softphone-hint{flex-shrink:0;font-size:11px;color:var(--text-muted);padding:0 20px 8px;margin:0;line-height:1.45}.softphone-call-status{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:12px;color:var(--text-secondary);border-top:1px solid var(--border-subtle);gap:12px}.softphone-duration{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;color:var(--accent-primary);font-weight:600}.softphone-log-section{flex-shrink:0;border-top:1px solid var(--border-subtle)}.softphone-log-toggle{width:100%;padding:10px 20px;border:none;background:var(--bg-tertiary);color:var(--text-muted);font-size:11px;font-weight:600;text-align:left;cursor:pointer;font-family:inherit;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.softphone-log-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.softphone-log-box{padding:0 20px 14px;flex-shrink:0}.softphone-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.softphone-log-content{max-height:140px;overflow-y:auto;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:11px}.softphone-incoming{max-width:400px;animation:softphone-incoming-in .25s ease-out}@keyframes softphone-incoming-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.softphone-incoming .softphone-header{flex-shrink:0}.softphone-incoming-body{flex:1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 28px;gap:6px}.softphone-caller-number{font-size:28px;font-weight:700;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;letter-spacing:-.02em;text-align:center;line-height:1.2;flex-shrink:0}.softphone-caller-name{font-size:14px;font-weight:500;color:var(--text-secondary);text-align:center;flex-shrink:0}.softphone-status-row{flex-shrink:0;margin:10px 0 4px}.softphone-status-badge{padding:6px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-muted);font-size:12px;font-weight:600;font-family:inherit;cursor:default}.softphone-answer-actions{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:32px;margin-top:20px;padding-top:16px}.softphone-btn-decline,.softphone-btn-answer{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-btn-decline{background:var(--accent-danger);color:#fff;box-shadow:0 4px 14px #f8514959}.softphone-btn-decline:hover{transform:scale(1.05);box-shadow:0 6px 18px #f8514973}.softphone-btn-decline:active{transform:scale(.96)}.softphone-btn-answer{background:var(--status-idle);color:#fff;box-shadow:0 4px 14px var(--status-idle-glow)}.softphone-btn-answer:hover{transform:scale(1.05);box-shadow:0 6px 18px var(--status-idle-glow)}.softphone-btn-answer:active{transform:scale(.96)}.softphone-incall{max-width:400px}.softphone-incall .softphone-header{flex-shrink:0}.softphone-incall-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px 20px;gap:2px}.softphone-incall-number{font-size:22px;font-weight:700;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;letter-spacing:-.02em;text-align:center;line-height:1.2}.softphone-incall-name{font-size:13px;font-weight:500;color:var(--text-secondary);text-align:center}.softphone-incall-duration{font-size:14px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-bottom:10px}.softphone-audio-levels{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:14px}.softphone-level-item{display:flex;align-items:center;gap:8px}.softphone-level-icon{color:var(--text-secondary);flex-shrink:0}.softphone-level-bar-wrap{width:8px;height:32px;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);overflow:hidden;display:flex;align-items:flex-end}.softphone-level-bar{width:100%;min-height:2px;border-radius:3px;transition:height .08s ease-out}.softphone-level-speaker{background:linear-gradient(to top,var(--accent-primary),#79c0ff)}.softphone-level-mic{background:linear-gradient(to top,var(--accent-success),#6dd68a)}.softphone-incall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:100%;padding:0 8px;margin-bottom:14px}.softphone-incall-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:10px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-incall-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary)}.softphone-incall-btn:active:not(:disabled){transform:scale(.98)}.softphone-incall-btn.softphone-incall-btn-active{background:#f8514926;border-color:var(--accent-danger);color:var(--accent-danger)}.softphone-incall-btn.softphone-incall-btn-active:hover:not(:disabled){background:#f8514940}.softphone-btn-hangup{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background:var(--accent-danger);color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #f8514959;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-btn-hangup:hover{transform:scale(1.05);box-shadow:0 6px 18px #f8514973}.softphone-btn-hangup:active{transform:scale(.96)}@media(max-width:480px){.softphone-wrap{padding:0 12px max(12px,env(safe-area-inset-bottom))}.softphone-panel{min-width:260px}.softphone-dial-area{padding:12px 16px 16px}.softphone-search-input{padding-left:38px;padding-right:64px;font-size:15px}.softphone-call-using-label{right:10px;font-size:10px}}@media(min-width:768px){.softphone-wrap{padding:0 20px 24px}.softphone-panel:hover{border-color:var(--border-accent);box-shadow:0 4px 8px #0003,0 12px 32px #00000047,0 0 0 1px #0000000d}}.an-select{position:relative;flex-shrink:0}.an-select-trigger{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-subtle, rgba(48,54,61,.5));background:var(--bg-secondary, #161b22);color:var(--text-primary, #e6edf3);cursor:pointer;font-size:.8rem;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s;white-space:nowrap;width:100%}.an-select-trigger:hover{border-color:var(--accent-primary, #58a6ff);background:var(--bg-hover, #21262e)}.an-select.open .an-select-trigger{border-color:var(--accent-primary, #58a6ff);box-shadow:0 0 0 3px #58a6ff26;background:var(--bg-hover, #21262e)}.an-select-icon{color:var(--text-muted, #6e7681);flex-shrink:0}.an-select-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.an-select-chevron{color:var(--text-muted, #6e7681);flex-shrink:0;transition:transform .2s ease}.an-select.open .an-select-chevron{transform:rotate(180deg)}.an-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;min-width:100%;background:var(--bg-card, #1a1f26);border:1px solid var(--border-accent, #484f58);border-radius:9px;overflow:hidden;z-index:200;box-shadow:0 8px 28px #00000073,0 1px 4px #0003;animation:an-dropdown-in .13s ease}@keyframes an-dropdown-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.an-select-option{display:flex;align-items:center;gap:8px;padding:8px 13px;font-size:.8rem;color:var(--text-secondary, #8b949e);cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.an-select-option:hover{background:var(--bg-hover, #21262e);color:var(--text-primary, #e6edf3)}.an-select-option.selected{color:var(--accent-primary, #58a6ff);background:#58a6ff14;font-weight:500}.an-select--md{width:100%}.an-select--md .an-select-trigger{padding:10px 14px;font-size:13px;border-radius:var(--radius-md, 10px);background:var(--bg-tertiary, #1c2128)}.an-select--md .an-select-option{padding:10px 14px;font-size:13px}.an-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.an-dot-green{background:var(--accent-success, #3fb950)}.an-dot-red{background:var(--accent-danger, #f85149)}.an-dot-blue{background:var(--accent-primary, #58a6ff)}.an-dot-orange{background:var(--accent-warning, #d29922)}.an-dot-neutral{background:var(--text-muted, #6e7681)}[dir=rtl] .an-select-dropdown{left:auto;right:0}[dir=rtl] .an-select-label{text-align:right}@media(prefers-reduced-motion:reduce){.softphone-panel,.softphone-dialpad-key,.softphone-bottom-btn,.softphone-btn-answer,.softphone-btn-decline,.softphone-btn-hangup,.softphone-incall-btn,.softphone-header-btn,.softphone-call-using-label{transition:none}.softphone-incoming{animation:none}.softphone-dialpad-key:hover:not(:disabled),.softphone-dialpad-key:active:not(:disabled),.softphone-bottom-btn:active:not(:disabled),.softphone-call-btn:hover:not(:disabled),.softphone-btn-answer:hover,.softphone-btn-answer:active,.softphone-btn-decline:hover,.softphone-btn-decline:active,.softphone-btn-hangup:hover,.softphone-btn-hangup:active,.softphone-incall-btn:active:not(:disabled){transform:none}}