.dashboard-content{display:flex;flex-direction:column;gap:var(--space-5)}.dash-live-badge{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);padding:5px 11px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary)}.dash-live-badge.on{color:var(--accent-success);border-color:color-mix(in srgb,var(--accent-success) 40%,transparent);background:var(--status-idle-bg)}.dash-live-dot{width:8px;height:8px;border-radius:var(--radius-circle);background:var(--text-muted);flex-shrink:0}.dash-live-badge.on .dash-live-dot{background:var(--accent-success);box-shadow:0 0 color-mix(in srgb,var(--accent-success) 70%,transparent);animation:dash-ping 2s ease-out infinite}.dash-live-time{color:var(--text-muted);font-weight:var(--weight-normal);padding-inline-start:7px;border-inline-start:1px solid var(--border-subtle)}@keyframes dash-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes dash-ping{0%{box-shadow:0 0 color-mix(in srgb,var(--accent-success) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.dash-section-label{display:flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.dash-section-label svg{color:var(--accent-primary)}.dash-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(var(--space-4),2.5vw,var(--space-7));align-items:center;padding:clamp(var(--space-4),2vw,var(--space-6));border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:radial-gradient(120% 140% at 0% 0%,var(--accent-light) 0%,transparent 55%),var(--bg-card);box-shadow:var(--shadow-sm)}.dash-hero-main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.dash-hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary)}.dash-hero-eyebrow svg{animation:dash-pulse 2s ease-in-out infinite}.dash-hero-figure{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.dash-hero-value{font-size:clamp(3rem,6vw,5rem);font-weight:var(--weight-bold);line-height:1;letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-hero-figure.active .dash-hero-value{color:var(--accent-primary)}.dash-hero-label{font-size:clamp(var(--text-base),1.1vw,var(--text-lg));font-weight:var(--weight-medium);color:var(--text-secondary)}.dash-hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dash-hero-stat{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--text-sm);color:var(--text-secondary)}.dash-hero-stat-icon{display:inline-flex;color:var(--text-muted)}.dash-hero-stat-value{font-weight:var(--weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-hero-stat.warn{border-color:color-mix(in srgb,var(--accent-warning) 40%,transparent);background:var(--status-hold-bg)}.dash-hero-stat.warn .dash-hero-stat-icon,.dash-hero-stat.warn .dash-hero-stat-value{color:var(--accent-warning)}.dash-hero-stat.danger{border-color:color-mix(in srgb,var(--accent-danger) 40%,transparent);background:var(--status-ringing-bg)}.dash-hero-stat.danger .dash-hero-stat-icon,.dash-hero-stat.danger .dash-hero-stat-value{color:var(--accent-danger)}.dash-hero-wf{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.dash-hero-wf-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dash-hero-wf-title{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.dash-hero-wf-title svg{color:var(--text-muted)}.dash-hero-wf-total{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);font-variant-numeric:tabular-nums}.dash-wf-bar{display:flex;gap:2px;height:12px;border-radius:var(--radius-pill);overflow:hidden;background:var(--bg-tertiary)}.dash-wf-bar.sm{height:8px}.dash-wf-seg{min-width:3px;transition:flex-grow var(--transition)}.dash-wf-seg.available{background:var(--status-idle)}.dash-wf-seg.busy{background:var(--status-call)}.dash-wf-seg.ringing{background:var(--status-ringing)}.dash-wf-seg.paused{background:var(--status-hold)}.dash-wf-seg.unavailable,.dash-wf-seg.offline{background:var(--status-unavailable)}.dash-wf-seg.empty{background:var(--bg-tertiary)}.dash-wf-legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.dash-wf-leg{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}.dash-wf-leg i{width:8px;height:8px;border-radius:var(--radius-circle);flex-shrink:0}.dash-wf-leg b{font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-wf-leg.available i{background:var(--status-idle)}.dash-wf-leg.busy i{background:var(--status-call)}.dash-wf-leg.ringing i{background:var(--status-ringing)}.dash-wf-leg.offline i{background:var(--status-unavailable)}.dash-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3)}@media(max-width:1200px){.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.dash-grid{grid-template-columns:1fr}}.dash-tile{display:flex;align-items:center;gap:var(--space-3);padding:clamp(15px,1.4vw,22px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.dash-tile:hover{transform:translateY(-2px);border-color:var(--border-accent);box-shadow:var(--shadow-md)}.dash-tile:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--border-accent);opacity:.7}.dash-tile.accent:before{background:var(--accent-primary);opacity:1}.dash-tile.success:before{background:var(--accent-success);opacity:1}.dash-tile.warn:before{background:var(--accent-warning);opacity:1}.dash-tile.danger:before{background:var(--accent-danger);opacity:1}.dash-tile-icon{display:flex;align-items:center;justify-content:center;width:clamp(40px,3vw,52px);height:clamp(40px,3vw,52px);flex-shrink:0;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary)}.dash-tile.accent .dash-tile-icon{background:var(--accent-light);color:var(--accent-primary)}.dash-tile.success .dash-tile-icon{background:var(--status-idle-bg);color:var(--accent-success)}.dash-tile.warn .dash-tile-icon{background:var(--status-hold-bg);color:var(--accent-warning)}.dash-tile.danger .dash-tile-icon{background:var(--status-ringing-bg);color:var(--accent-danger)}.dash-tile-body{min-width:0}.dash-tile-value{font-size:clamp(1.6rem,2.6vw,2.6rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.dash-tile.accent .dash-tile-value{color:var(--accent-primary)}.dash-tile.success .dash-tile-value{color:var(--accent-success)}.dash-tile.warn .dash-tile-value{color:var(--accent-warning)}.dash-tile.danger .dash-tile-value{color:var(--accent-danger)}.dash-tile-label{font-size:clamp(var(--text-xs),.9vw,var(--text-base));color:var(--text-secondary);font-weight:var(--weight-medium);margin-top:2px}.dash-tile-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.dash-trend{padding:var(--space-4) var(--space-4) var(--space-3);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dash-trend-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.dash-trend-title{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.dash-trend-title svg{color:var(--accent-primary)}.dash-trend-legend{display:inline-flex;gap:var(--space-4)}.dash-trend-key{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}.dash-trend-key i{width:10px;height:3px;border-radius:var(--radius-2xs);flex-shrink:0}.dash-trend-key.in i{background:var(--accent-primary)}.dash-trend-key.out i{background:var(--accent-teal)}.dash-trend-chart{width:100%}.dash-queue-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,22vw,340px),1fr));gap:var(--space-3)}.dash-queue-card{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.dash-queue-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-queue-card.has-waiting{border-color:color-mix(in srgb,var(--accent-warning) 50%,transparent);background:linear-gradient(180deg,var(--status-hold-bg) 0%,transparent 42%),var(--bg-card)}.dash-queue-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.dash-queue-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-queue-waiting{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--bg-tertiary);padding:3px 9px;border-radius:var(--radius-sm);flex-shrink:0}.dash-queue-waiting.active{color:var(--text-on-accent);background:var(--accent-warning)}.dash-queue-metrics{display:flex;gap:var(--space-5);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.dash-queue-metric{display:flex;flex-direction:column;gap:2px}.dash-queue-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.dash-queue-metric-val{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-queue-metric-val.warn{color:var(--accent-warning)}.dash-queue-metric-val.danger{color:var(--accent-danger)}.dash-queue-wf{display:flex;flex-direction:column;gap:var(--space-3)}.dash-queue-agents{display:flex;flex-wrap:wrap;gap:6px}.dash-agent-pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 8px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.dash-agent-pill i{width:7px;height:7px;border-radius:var(--radius-circle);display:inline-block;flex-shrink:0}.dash-agent-pill.available i{background:var(--status-idle)}.dash-agent-pill.busy i{background:var(--status-call)}.dash-agent-pill.paused i{background:var(--status-hold)}.dash-waiting{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--text-muted);font-size:var(--text-sm);background:var(--bg-secondary);border:1px dashed var(--border-primary);border-radius:var(--radius-lg)}.dash-waiting-icon{color:var(--accent-primary);animation:dash-pulse 1.6s ease-in-out infinite}[dir=rtl] .dash-hero{background:radial-gradient(120% 140% at 100% 0%,var(--accent-light) 0%,transparent 55%),var(--bg-card)}@media(max-width:720px){.dash-hero{grid-template-columns:1fr}}@media(min-width:1800px){.dash-grid{gap:var(--space-4)}.dash-tile-value{font-size:clamp(2.6rem,3vw,4rem)}.dash-hero-value{font-size:clamp(5rem,6vw,7rem)}}@media(prefers-reduced-motion:reduce){.dash-live-badge.on .dash-live-dot,.dash-hero-eyebrow svg,.dash-waiting-icon{animation:none}.dash-tile:hover,.dash-queue-card:hover{transform:none}}.ui-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-page{display:flex;flex-direction:column;min-width:0;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.ui-page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-6);border-block-end:1px solid var(--border-subtle);background:var(--bg-secondary)}.ui-page-title{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ui-page-title-icon{display:inline-flex;flex-shrink:0;color:var(--accent-primary)}.ui-page-status{display:inline-flex;margin-inline-start:var(--space-1)}.ui-page-trail{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;min-width:0}.ui-page-scope,.ui-page-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ui-page-tabs{padding:0 var(--space-6);border-block-end:1px solid var(--border-subtle);background:var(--bg-secondary);overflow-x:auto;scrollbar-width:none}.ui-page-tabs::-webkit-scrollbar{display:none}.ui-page-tabs .ui-tabs{flex-wrap:nowrap;margin-block:var(--space-3);margin-inline:0}.ui-page-toolbar{padding:var(--space-3) var(--space-6);border-block-end:1px solid var(--border-subtle);background:var(--bg-secondary)}.ui-page-body{min-width:0;min-height:0}.ui-toolbar{container:uitoolbar / inline-size;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.ui-toolbar-lead,.ui-toolbar-trail{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.ui-toolbar-lead{flex:1 1 auto}.ui-toolbar-trail{flex:0 0 auto}.ui-toolbar-search{flex:1 1 240px;min-width:0;max-width:420px}.ui-toolbar-filter{flex:0 1 180px;min-width:0}.ui-toolbar-filter[data-active] .an-select-trigger{border-color:var(--accent-primary);color:var(--text-primary)}.ui-toolbar-action{display:flex;align-items:center;flex-shrink:0}.ui-toolbar-filters-btn{display:none}.ui-toolbar-filters-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-4);height:var(--space-4);padding-inline:var(--space-1);border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--text-on-accent);font-size:var(--text-xs);font-weight:var(--weight-bold)}@container uitoolbar (max-width: 640px){.ui-toolbar-filter{display:none}.ui-toolbar-filters-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h);padding-inline:var(--control-pad-inline);border:1px solid var(--border-subtle);border-radius:var(--control-radius);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;font-weight:var(--weight-medium);cursor:pointer}.ui-toolbar-filters-btn:hover{border-color:var(--border-accent)}.ui-toolbar-filters-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}}.ui-toolbar .an-select-trigger,.ui-toolbar .ui-search-input,.ui-toolbar .btn{height:var(--control-h);padding-block:0;border-radius:var(--control-radius);font-size:var(--text-base)}.ui-toolbar .an-select{width:100%}.ui-range-trigger{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h);padding-inline:var(--control-pad-inline);border:1px solid var(--border-subtle);border-radius:var(--control-radius);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-range-trigger:hover{border-color:var(--border-accent)}.ui-range-trigger:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow)}.ui-range-trigger[data-state=open]{border-color:var(--accent-primary)}.ui-range-icon,.ui-range-caret{color:var(--text-muted);flex-shrink:0}.ui-range-value{font-variant-numeric:tabular-nums;white-space:nowrap}.ui-range-panel{z-index:var(--z-dropdown);display:flex;flex-direction:column;min-width:220px;padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-lg)}.ui-range-presets{display:flex;flex-direction:column}.ui-range-preset{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--space-7);padding-inline:var(--space-3);border:0;border-radius:var(--radius-xs);background:none;color:var(--text-secondary);font-size:var(--text-base);font-family:inherit;text-align:start;cursor:pointer}.ui-range-preset:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-range-preset:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.ui-range-preset[aria-pressed=true]{color:var(--accent-primary);font-weight:var(--weight-semibold)}.ui-range-custom{display:flex;flex-direction:column;gap:var(--space-2);margin-block-start:var(--space-2);padding-block-start:var(--space-3);padding-inline:var(--space-3);border-block-start:1px solid var(--border-subtle)}.ui-range-custom-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ui-range-dates{display:flex;align-items:center;gap:var(--space-1)}.ui-range-date{min-width:0;flex:1 1 auto;padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;color-scheme:light dark;cursor:pointer}.ui-range-date:focus-visible{outline:none;border-color:var(--accent-primary)}.ui-range-arrow{color:var(--text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}@media(pointer:coarse){.ui-range-preset{min-height:44px}.ui-range-date{padding-block:var(--space-2)}}.ui-search{position:relative;display:flex;align-items:center;width:100%;min-width:0}.ui-search-icon{position:absolute;inset-inline-start:var(--control-pad-inline);color:var(--text-muted);pointer-events:none}.ui-search-input{width:100%;min-width:0;height:var(--control-h);padding-inline:calc(var(--control-pad-inline) * 2 + var(--space-3)) calc(var(--control-pad-inline) * 2 + var(--space-2));border:1px solid var(--border-subtle);border-radius:var(--control-radius);background:var(--control-surface);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-search-input::placeholder{color:var(--text-muted)}.ui-search-input::-webkit-search-cancel-button{appearance:none}.ui-search-input:hover{border-color:var(--border-accent)}.ui-search-input:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow)}.ui-search-clear,.ui-search-spinner{position:absolute;inset-inline-end:var(--control-pad-inline);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.ui-search-clear{padding:0;border:0;background:none;cursor:pointer}.ui-search-clear:hover{color:var(--text-primary)}.ui-search-clear:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-xs)}.ui-stat{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--control-radius);background:var(--bg-tertiary)}.ui-stat-icon{display:inline-flex;align-self:center;color:var(--text-muted)}.ui-stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variant-numeric:tabular-nums}.ui-stat-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ui-stat--primary .ui-stat-value{color:var(--accent-primary)}.ui-stat--success .ui-stat-value{color:var(--accent-success)}.ui-stat--warning .ui-stat-value{color:var(--accent-orange)}.ui-stat--danger .ui-stat-value{color:var(--accent-danger)}@media(max-width:768px){.ui-page-head,.ui-page-tabs,.ui-page-toolbar{padding-inline:var(--space-4)}.ui-toolbar-search{flex-basis:100%;max-width:none}.ui-toolbar-filter{flex-basis:calc(50% - var(--space-2))}.ui-toolbar-trail{width:100%;justify-content:flex-start}}.ui-sheet-backdrop{position:fixed;inset:0;z-index:var(--z-overlay);background:#0000008c}.ui-sheet{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-modal);display:flex;flex-direction:column;max-height:85dvh;padding-block-end:env(safe-area-inset-bottom);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);background:var(--bg-card);border-block-start:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);transform:translateY(var(--sheet-drag, 0));transition:transform var(--transition-fast)}.ui-sheet[data-dragging=true]{transition:none}.ui-sheet-grip{display:flex;align-items:center;justify-content:center;min-height:44px;touch-action:none;cursor:grab}.ui-sheet-grip-bar{width:var(--space-7);height:var(--space-1);border-radius:var(--radius-pill);background:var(--border-accent)}.ui-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4) var(--space-3)}.ui-sheet-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.ui-sheet-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--control-radius);background:none;color:var(--text-muted);cursor:pointer}.ui-sheet-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-sheet-body{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4) var(--space-4);overflow-y:auto}.ui-sheet-foot{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--border-subtle)}.ui-sheet-field{display:flex;flex-direction:column;gap:var(--space-2)}.ui-sheet-field-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.ui-sheet-field .an-select-trigger{min-height:44px;border-radius:var(--control-radius);font-size:var(--text-base)}@media(prefers-reduced-motion:reduce){.ui-sheet{transition:none}}.ui-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:5px;border-radius:var(--radius-lg, 10px);border:1px solid var(--border-subtle, rgba(48,54,61,.5));width:fit-content;flex-wrap:wrap;margin-bottom:16px}.ui-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .15s);font-family:inherit;white-space:nowrap}.ui-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-tab.active{background:var(--accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-md)}.ui-tab-count{background:#ffffff2e;border-radius:var(--radius-xs);padding:1px 6px;font-size:10px;font-weight:700}.ui-tab.active .ui-tab-count{background:#ffffff40}.an-tab-content{display:flex;flex-direction:column;gap:16px;min-height:0}.panel-header-actions{display:flex;align-items:center;gap:var(--space-2, 8px);flex-wrap:wrap}.an-subtabs{display:flex;gap:3px;background:var(--bg-card);border-radius:var(--radius-sm);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:var(--radius-xs);border:none;background:transparent;color:var(--text-secondary);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);color:var(--text-primary)}.an-subtab.active{background:var(--accent-primary);color:var(--text-on-accent);box-shadow:0 1px 6px #58a6ff4d}.an-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.an-kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle, rgba(48,54,61,.5));border-radius:var(--radius-sm);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)}.an-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--accent-primary);opacity:.4;transition:background .18s,opacity .18s}.an-kpi-card:hover:before{opacity:.7}.an-kpi-card.good:before{background:var(--accent-success)}.an-kpi-card.warn:before{background:var(--accent-warning)}.an-kpi-card.bad:before{background:var(--accent-danger)}.an-kpi-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.an-kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.an-kpi-value.good{color:var(--accent-success)}.an-kpi-value.warn{color:var(--accent-warning)}.an-kpi-value.bad{color:var(--accent-danger)}.an-kpi-delta{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600}.an-kpi-delta.pos{color:var(--accent-success)}.an-kpi-delta.neg{color:var(--accent-danger)}.an-kpi-delta.neu{color:var(--text-muted)}.an-kpi-delta-label{font-weight:400;opacity:.65;font-size:.68rem}.an-kpi-desc{font-size:.7rem;color:var(--text-muted);line-height:1.4}.an-sparkline{margin-top:6px;opacity:.85}.an-progress{height:4px;border-radius:var(--radius-2xs);background:var(--bg-tertiary);overflow:hidden;flex-shrink:0}.an-progress-fill{height:100%;border-radius:var(--radius-2xs);background:var(--accent-primary);transition:width .45s ease}.an-progress-fill.good{background:var(--accent-success)}.an-progress-fill.warn{background:var(--accent-warning)}.an-progress-fill.bad{background:var(--accent-danger)}.an-section{background:var(--bg-card);border:1px solid var(--border-subtle, rgba(48,54,61,.5));border-radius:var(--radius-sm);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);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);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)}.an-table th:hover{color:var(--text-primary)}.an-table th.sorted{color:var(--accent-primary)}.an-table th.sticky,.an-table td.sticky{position:sticky;left:0;z-index:var(--z-raised);background:var(--bg-card)}.an-table td{padding:9px 12px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle, rgba(48,54,61,.5));vertical-align:middle}.an-table tr:hover td{background:var(--bg-hover)}.an-table tr:hover td.sticky{background:var(--bg-card);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)}.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:var(--radius-circle);font-size:.72rem;font-weight:700;background:#58a6ff1f;color:var(--accent-primary);flex-shrink:0}.an-rank.gold{background:#d2a32229;color:var(--rank-gold);border:1px solid rgba(210,163,34,.3)}.an-rank.silver{background:#b4b4b41f;color:var(--rank-silver);border:1px solid rgba(180,180,180,.25)}.an-rank.bronze{background:#b4784629;color:var(--rank-bronze);border:1px solid rgba(180,120,70,.3)}.an-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:var(--radius-xl);font-size:.72rem;font-weight:600;white-space:nowrap;letter-spacing:.02em}.an-badge.sla-met{background:#3fb9501f;color:var(--accent-success);border:1px solid rgba(63,185,80,.2)}.an-badge.sla-fail{background:#f851491a;color:var(--accent-danger);border:1px solid rgba(248,81,73,.18)}.an-badge.neutral{background:#6e76811f;color:var(--text-muted);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);text-align:center;padding:2px 0;font-size:.6rem;font-weight:500}.an-heatmap-day-label{color:var(--text-secondary);display:flex;align-items:center;padding-right:6px;font-size:.68rem;font-weight:600}.an-heatmap-cell{height:24px;border-radius:var(--radius-2xs);background:var(--bg-tertiary);cursor:default;position:relative;transition:transform .1s,filter .1s}.an-heatmap-cell:hover{transform:scale(1.08);filter:brightness(1.3);z-index:var(--z-raised)}.an-heatmap-cell:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-accent);padding:4px 8px;border-radius:var(--radius-xs);white-space:nowrap;font-size:.7rem;color:var(--text-primary);z-index:var(--z-tooltip);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)}.an-heatmap-legend-bar{height:8px;width:120px;border-radius:var(--radius-xs);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);border:1px solid var(--border-subtle, rgba(48,54,61,.5));border-radius:var(--radius-sm)}.an-filter-group{position:relative;display:flex;align-items:center}.an-filter-icon{position:absolute;left:9px;color:var(--text-muted);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(--control-surface);color:var(--text-primary);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)}.an-filter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow, rgba(88,166,255,.2))}.an-filter-input::placeholder{color:var(--text-muted);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(--control-surface);color:var(--text-primary);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)}.an-filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--status-call-glow, rgba(88,166,255,.2))}.an-filter-select option{background:var(--bg-primary);color:var(--text-primary)}.an-filter-clear{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-xs);border:1px solid rgba(248,81,73,.3);background:#f8514914;color:var(--accent-danger);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);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:var(--radius-sm);border:1px solid var(--border-subtle, rgba(48,54,61,.5));background:transparent;color:var(--text-secondary);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);color:var(--accent-primary);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);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);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);border-radius:var(--radius-circle);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:var(--radius-sm);border:1px solid var(--border-subtle, rgba(48,54,61,.5));background:transparent;color:var(--text-secondary);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);color:var(--accent-primary);background:#58a6ff14}.an-page-btn:disabled{opacity:.3;cursor:default}.an-page-info{font-size:.78rem;color:var(--text-muted);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);font-weight:500}.an-agent-ext{font-size:.7rem;color:var(--text-muted)}.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-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{--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", monospace;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--transition-fast: var(--duration-fast) var(--ease-standard);--transition-normal: var(--duration-normal) var(--ease-standard);--transition-slow: var(--duration-slow) var(--ease-standard);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--radius-circle: 50%;--radius-xs: 4px;--radius-2xs: 2px;--z-base: 0;--z-raised: 1;--z-sticky: 10;--z-chrome: 100;--z-overlay: 1000;--z-modal: 1100;--z-dropdown: 1200;--z-toast: 1300;--z-tooltip: 1400;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--measure-max: 1440px;--surface: var(--bg-primary);--surface-raised: var(--bg-card);--surface-sunken: var(--bg-tertiary);--surface-hover: var(--bg-hover);--border: var(--border-primary);--border-strong: var(--border-accent);--text: var(--text-primary);--primary: var(--accent-primary);--danger: var(--accent-danger);--warning: var(--accent-warning);--success: var(--accent-success);--info: var(--accent-teal);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--tracking-tight: -.01em;--transition: .18s ease;--control-h: 40px;--control-radius: var(--radius-md);--control-pad-inline: var(--space-3);--control-surface: var(--bg-primary)}:root,:root[data-theme=dark]{color-scheme:dark;--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: #7f8792;--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: #7f8792;--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);--accent-light: rgba(68, 147, 248, .14);--glass-bg: rgba(22, 27, 34, .8);--glass-border: rgba(255, 255, 255, .1);--bg-tint-1: rgba(88, 166, 255, .08);--bg-tint-2: rgba(57, 197, 207, .06);--bg-tint-3: rgba(165, 165, 255, .04);--inset-highlight: rgba(255, 255, 255, .05);--text-on-accent: #ffffff;--scrim: rgba(0, 0, 0, .75);--scrim-soft: rgba(0, 0, 0, .45);--rank-gold: #f0c040;--rank-gold-bg: rgba(210, 163, 34, .16);--rank-gold-border: rgba(210, 163, 34, .3);--rank-silver: #c0c0c0;--rank-silver-bg: rgba(180, 180, 180, .12);--rank-silver-border: rgba(180, 180, 180, .25);--rank-bronze: #cd7f32;--rank-bronze-bg: rgba(180, 120, 70, .16);--rank-bronze-border: rgba(180, 120, 70, .3);--journey-inbound: #22c55e;--journey-outbound: #3b82f6;--journey-queue: #976df7;--journey-ring: #f59e0b;--journey-answer: #06b6d4;--journey-no-answer: #f04b4b;--journey-transfer: #f97316;--journey-hangup: #79899f;--gradient-success: linear-gradient(135deg, #22c55e, #16a34a);--gradient-success-bar: linear-gradient(90deg, #22c55e, #16a34a);--gradient-info: linear-gradient(135deg, #3b82f6, #2563eb);--glow-success: rgba(34, 197, 94, .4);--glow-info: rgba(59, 130, 246, .3);--accent-success-hover: #6dd68a;--accent-danger-hover: #ff7b72;--accent-orange: #f0883e;--accent-purple-soft: #c084fc;--text-on-danger: #14181d;--reason-busy: #f0b429;--reason-noanswer: #e3c04a;--reason-failed: #ff7b72;--warning-bg: rgba(210, 153, 34, .12);--orange-bg: rgba(240, 136, 62, .12);--neutral-bg: rgba(139, 148, 158, .12)}:root[data-theme=light]{color-scheme:light;--bg-primary: #f6f8fa;--bg-secondary: #ffffff;--bg-tertiary: #eef1f5;--bg-card: #ffffff;--bg-hover: #f0f3f7;--bg-glass: rgba(255, 255, 255, .85);--border-primary: #d8dee6;--border-accent: #c2cbd6;--border-subtle: rgba(15, 23, 42, .08);--text-primary: #1c2128;--text-secondary: #5a6573;--text-muted: #677282;--status-idle: #1a7f37;--status-idle-bg: rgba(26, 127, 55, .1);--status-idle-glow: rgba(26, 127, 55, .16);--status-ringing: #cf222e;--status-ringing-bg: rgba(207, 34, 46, .1);--status-ringing-glow: rgba(207, 34, 46, .18);--status-call: #186aea;--status-call-bg: rgba(31, 111, 235, .1);--status-call-glow: rgba(31, 111, 235, .16);--status-unavailable: #677282;--status-unavailable-bg: rgba(139, 149, 163, .12);--status-hold: #7250ff;--status-hold-bg: rgba(124, 92, 255, .1);--accent-primary: #186aea;--accent-primary-hover: #1a5fd0;--accent-secondary: #1a5fd0;--accent-teal: #0b7d84;--accent-purple: #724fff;--accent-success: #1a7f37;--accent-warning: #9a6700;--accent-danger: #cf222e;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 2px 8px rgba(15, 23, 42, .08);--shadow-lg: 0 6px 20px rgba(15, 23, 42, .1);--shadow-xl: 0 12px 36px rgba(15, 23, 42, .14);--shadow-glow: 0 0 0 0 transparent;--shadow-glow-ringing: 0 0 0 0 transparent;--accent-light: rgba(31, 111, 235, .1);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(15, 23, 42, .08);--bg-tint-1: rgba(31, 111, 235, .05);--bg-tint-2: rgba(13, 154, 163, .04);--bg-tint-3: rgba(124, 92, 255, .03);--inset-highlight: transparent;--text-on-accent: #ffffff;--scrim: rgba(15, 23, 42, .45);--scrim-soft: rgba(15, 23, 42, .28);--rank-gold: #8a6d00;--rank-gold-bg: rgba(210, 163, 34, .14);--rank-gold-border: rgba(154, 103, 0, .3);--rank-silver: #5a6573;--rank-silver-bg: rgba(90, 101, 115, .1);--rank-silver-border: rgba(90, 101, 115, .24);--rank-bronze: #8a4b1d;--rank-bronze-bg: rgba(180, 120, 70, .14);--rank-bronze-border: rgba(138, 75, 29, .28);--journey-inbound: #11813b;--journey-outbound: #2563eb;--journey-queue: #7c3aed;--journey-ring: #b45309;--journey-answer: #0e7490;--journey-no-answer: #dc2626;--journey-transfer: #c2410c;--journey-hangup: #475569;--gradient-success: linear-gradient(135deg, #16a34a, #15803d);--gradient-success-bar: linear-gradient(90deg, #16a34a, #15803d);--gradient-info: linear-gradient(135deg, #2563eb, #1d4ed8);--glow-success: rgba(22, 163, 74, .28);--glow-info: rgba(37, 99, 235, .22);--accent-success-hover: #15803d;--accent-danger-hover: #b91c1c;--accent-orange: #c2410c;--accent-purple-soft: #7c3aed;--text-on-danger: #ffffff;--reason-busy: #9a6700;--reason-noanswer: #8a6d00;--reason-failed: #b91c1c;--warning-bg: rgba(154, 103, 0, .1);--orange-bg: rgba(194, 65, 12, .1);--neutral-bg: rgba(90, 101, 115, .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%,var(--bg-tint-1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--bg-tint-2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--bg-tint-3) 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:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-dim)}.login-page{min-height:100dvh;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(--control-surface);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:100dvh;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:var(--z-chrome);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 var(--inset-highlight) 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-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:var(--radius-2xs) var(--radius-2xs) 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),var(--accent-primary-hover))}.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 .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:var(--text-on-danger);background:var(--status-ringing);border-radius:var(--radius-sm);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:var(--z-dropdown)}.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{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);background:var(--status-ringing);color:var(--text-on-danger)}.header-bell-mark-all-btn{margin-left:auto;font-size:11px!important;padding:3px 8px!important;opacity:.75;white-space:nowrap}.header-bell-mark-all-btn:hover{opacity:1}.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:var(--radius-xs);margin-left:auto}.header-bell-reason-busy{background:#f59e0b33;color:var(--reason-busy)}.header-bell-reason-noanswer{background:#eab30833;color:var(--reason-noanswer)}.header-bell-reason-failed{background:#ef444426;color:var(--reason-failed)}.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 var(--radius-2xs) var(--radius-2xs) 0}[dir=rtl] .sidebar-item.active:before{border-radius:var(--radius-2xs) 0 0 var(--radius-2xs)}.sidebar-group{display:flex;flex-direction:column}.sidebar-group-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:start;font-family:inherit;white-space:nowrap}.sidebar-group-header span{flex:1}.sidebar-group-header:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-group-header.has-active{color:var(--text-primary)}.sidebar-group-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-fast)}.sidebar-group-chevron.open{transform:rotate(90deg)}.sidebar-group-items{display:flex;flex-direction:column;gap:1px}.sidebar-subitem{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px 6px 28px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:start;font-family:inherit;position:relative;white-space:nowrap}.sidebar-subitem:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-subitem.active{background:#58a6ff1a;color:var(--accent-primary)}.sidebar-subitem.active:before{content:"";position:absolute;inset-inline-start:0;top:20%;bottom:20%;width:2px;background:var(--accent-primary);border-radius:0 var(--radius-2xs) var(--radius-2xs) 0}[dir=rtl] .sidebar-subitem{padding:6px 28px 6px 12px}[dir=rtl] .sidebar-subitem.active:before{border-radius:var(--radius-2xs) 0 0 var(--radius-2xs)}.sidebar-sub-item{padding-inline-start:28px}.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:var(--radius-sm);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-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.panel:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;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-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.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:var(--radius-xl);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-status.dnd{background:var(--status-ringing-bg);color:var(--status-ringing)}.extension-card.status-dnd{border-color:color-mix(in srgb,var(--status-ringing) 45%,transparent)}.extension-card.status-dnd:before{background:var(--status-ringing)}.extension-status.ready{background:var(--status-idle-bg);color:var(--status-idle)}.extension-card.status-ready:before{background:var(--status-idle)}.extension-status.not_ready{background:color-mix(in srgb,var(--accent-warning) 16%,transparent);color:var(--accent-warning)}.extension-card.status-not_ready{border-color:color-mix(in srgb,var(--accent-warning) 45%,transparent)}.extension-card.status-not_ready:before{background:var(--accent-warning)}.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:var(--z-sticky);-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:var(--radius-xl);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-contact-number{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;color:var(--text-muted);font-size:.85em;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-ghost{background:transparent;border-color:transparent;color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);box-shadow:none}.btn-ghost:hover{background:var(--bg-hover);border-color:transparent;color:var(--text-primary);transform:none;box-shadow:none}.btn-ghost:before{content:none}.btn-ghost:disabled,.btn-ghost:disabled:hover{background:transparent;opacity:.45;cursor:not-allowed;color:var(--text-secondary)}.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:var(--radius-xl);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:var(--radius-circle);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:var(--z-overlay);-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(--control-surface);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)}.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);background-color:var(--bg-hover)}select.form-input:focus,select.cl-filter-select:focus,select.an-filter-select:focus{border-color:var(--accent-primary);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);color:var(--text-primary);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)}[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:calc(90px + env(safe-area-inset-bottom,0px));right:clamp(16px,4vw,28px);top:auto;display:flex;flex-direction:column;gap:12px;z-index:var(--z-toast)}.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{gap:8px;padding:0 12px}.header-brand .header-subtitle{display:none}.header-title{font-size:15px}.header-status{gap:6px}.header-profile-name{display:none}.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:calc(90px + env(safe-area-inset-bottom,0px));right:12px;left:12px;top:auto}.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);color:var(--text-on-danger);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);margin-left:4px}.btn-icon{padding:6px;margin-left:auto}.up-search{max-width:420px;margin-block-end:var(--space-4)}.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:var(--text-on-accent)}.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-x:auto;overflow-y: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}.settings-panel-full{flex:1;min-height:0;display:flex;flex-direction:column}.settings-panel-full .panel-content{flex:1;min-height:0;overflow-y:auto}.settings-panel-full .up-root{max-width:none;padding:28px 32px;margin:0}.up-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:5px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:fit-content}.up-tabs.up-tabs-inline{margin-bottom:0;padding:3px;border-radius:var(--radius-md)}.up-tabs.up-tabs-inline .up-tab{padding:7px 14px;font-size:13px}.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:linear-gradient(135deg,var(--accent-primary),var(--accent-teal));color:var(--bg-primary);border:none;box-shadow:var(--shadow-md);transform:none}.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:var(--radius-circle);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:var(--radius-xl);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}.contact-src-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-xl);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.contact-src-badge.manual{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-accent)}.contact-src-badge.crm{background:linear-gradient(135deg,#58a6ff33,#39c5cf33);color:var(--accent-primary);border:1px solid rgba(88,166,255,.4)}.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:var(--radius-2xs)}.gp-chips::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--radius-2xs)}.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:var(--radius-xl);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-filter-select{width:100%;padding:10px 32px 10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--control-surface);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:var(--z-sticky);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:var(--radius-xl);font-size:.72rem;font-weight:600;white-space:nowrap;letter-spacing:.02em}.cl-direction-in{background:#3fb9501f;color:var(--accent-success);border:1px solid rgba(63,185,80,.22)}.cl-direction-out{background:#58a6ff1f;color:var(--accent-primary);border:1px solid rgba(88,166,255,.22)}.cl-direction-internal{background:#a5a5ff1f;color:var(--accent-purple);border:1px solid rgba(165,165,255,.22)}.cl-direction-unknown{background:#6e76811f;color:var(--text-muted)}.cl-direction-supervision{background:#a855f71a;color:var(--accent-purple-soft);border:1px solid rgba(168,85,247,.25)}.cl-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-xl);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)}.cl-journey-btn:hover{border-color:var(--accent-teal);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:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;text-decoration:none}.cl-audio-play{background:var(--gradient-success);color:var(--text-on-accent);box-shadow:0 2px 8px var(--glow-success)}.cl-audio-play:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--glow-success)}.cl-audio-download{background:var(--gradient-info);color:var(--text-on-accent);box-shadow:0 2px 8px var(--glow-info)}.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:var(--radius-2xs);overflow:hidden}.cl-audio-progress-fill{height:100%;background:var(--gradient-success-bar);border-radius:var(--radius-2xs);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:var(--radius-xs);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:var(--radius-xl);font-size:12px;font-weight:700}.cl-qos-badge.agent{background:#58a6ff1f;color:var(--accent-primary);border:1px solid rgba(88,166,255,.3)}.cl-qos-badge.customer{background:#3fb9501f;color:var(--accent-success);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-vad-modal{max-width:560px}.cl-audio-filename-btn{display:inline-flex;align-items:center;gap:4px;cursor:pointer;border:none;background:var(--bg-tertiary);color:var(--text-muted);font-size:9px;padding:2px 6px;border-radius:var(--radius-xs);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .15s,color .15s}.cl-audio-filename-btn:hover{background:#58a6ff26;color:var(--accent-primary)}.cl-vad-filename{font-size:11px;color:var(--text-muted);margin-bottom:16px;font-family:SF Mono,Monaco,monospace}.cl-vad-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.cl-vad-stat{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;display:flex;flex-direction:column;gap:4px}.cl-vad-stat-sp1{border-left:3px solid var(--accent-primary)}.cl-vad-stat-sp2{border-left:3px solid var(--accent-success)}.cl-vad-stat-overlap{border-left:3px solid var(--accent-orange)}.cl-vad-stat-silence{border-left:3px solid var(--text-muted)}.cl-vad-stat-label{font-size:11px;color:var(--text-muted)}.cl-vad-stat-value{font-size:15px;font-weight:700;color:var(--text-primary);font-family:SF Mono,Monaco,monospace}.cl-vad-stat-value small{font-size:11px;font-weight:400;color:var(--text-muted)}.cl-vad-timeline-wrap{display:flex;flex-direction:column;gap:4px}.cl-vad-timeline-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:8px}.cl-vad-timeline-track{position:relative;height:20px;background:var(--bg-secondary);border-radius:var(--radius-xs);overflow:hidden;border:1px solid var(--border-subtle)}.cl-vad-segment{position:absolute;top:2px;height:calc(100% - 4px);border-radius:var(--radius-2xs);min-width:2px}.cl-vad-segment-sp1{background:var(--accent-primary);opacity:.85}.cl-vad-segment-sp2{background:var(--accent-success);opacity:.85}.cl-vad-time-axis{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);font-family:SF Mono,Monaco,monospace;margin-top:2px}.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:var(--radius-pill)}.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:var(--radius-xs)}.cl-journey-direction.cl-direction-in{background:#22c55e1f;color:var(--journey-inbound)}.cl-journey-direction.cl-direction-out{background:#3b82f61f;color:var(--journey-outbound)}.cl-journey-direction.cl-direction-internal{background:#8b5cf61f;color:var(--journey-queue)}.cl-journey-agent-badge{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 10px;border-radius:var(--radius-xs)}.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:var(--radius-circle);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:var(--radius-2xs)}.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:var(--radius-xs);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:768px){.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}}.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:var(--radius-circle);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(--control-surface);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:var(--radius-circle);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:var(--text-on-accent);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:19px;font-weight:600;color:var(--text-primary);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:var(--radius-circle);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.softphone-btn-decline{background:var(--accent-danger);color:var(--text-on-accent);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:var(--text-on-accent);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:var(--radius-xs);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:var(--radius-2xs);transition:height .08s ease-out}.softphone-level-speaker{background:linear-gradient(to top,var(--accent-primary),var(--accent-primary-hover))}.softphone-level-mic{background:linear-gradient(to top,var(--accent-success),var(--accent-success-hover))}.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:var(--radius-circle);background:var(--accent-danger);color:var(--text-on-accent);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,0px))}.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:var(--radius-sm);border:1px solid var(--border-subtle, rgba(48,54,61,.5));background:var(--control-surface);color:var(--text-primary);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);background:var(--bg-hover)}.an-select.open .an-select-trigger{border-color:var(--accent-primary);box-shadow:0 0 0 3px #58a6ff26;background:var(--bg-hover)}.an-select-icon{color:var(--text-muted);flex-shrink:0}.an-select-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.an-select-chevron{color:var(--text-muted);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%;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-sm);overflow:hidden;z-index:var(--z-dropdown);box-shadow:0 8px 28px #00000073,0 1px 4px #0003;animation:an-dropdown-in .13s ease}.an-select-options{overflow-y:auto;overscroll-behavior:contain;min-height:0}.an-select-search{display:flex;align-items:center;gap:7px;padding:8px 11px;border-bottom:1px solid var(--border-subtle, rgba(48,54,61,.5));flex-shrink:0}.an-select-search-icon{color:var(--text-muted);flex-shrink:0}.an-select-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--text-primary);font-family:inherit;font-size:.8rem}.an-select-search input::placeholder{color:var(--text-muted)}.an-select-empty{padding:12px 13px;color:var(--text-muted);font-size:.8rem}@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);cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.an-select-option:hover,.an-select-option.active{background:var(--bg-hover);color:var(--text-primary)}.an-select-option.selected{color:var(--accent-primary);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)}.an-select--md .an-select-option{padding:10px 14px;font-size:13px}.an-dot{width:7px;height:7px;border-radius:var(--radius-circle);flex-shrink:0}.an-dot-green{background:var(--accent-success)}.an-dot-red{background:var(--accent-danger)}.an-dot-blue{background:var(--accent-primary)}.an-dot-orange{background:var(--accent-warning)}.an-dot-neutral{background:var(--text-muted)}[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}}.header-hamburger{display:none;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.header-hamburger:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-backdrop{display:none}.softphone-fab{position:fixed;inset-block-end:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-end:clamp(16px,4vw,28px);z-index:var(--z-modal);width:58px;height:58px;border-radius:var(--radius-circle);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));box-shadow:var(--shadow-lg),var(--shadow-glow);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.softphone-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-xl),var(--shadow-glow)}.softphone-fab:active{transform:scale(.96)}.softphone-fab:focus-visible{outline:2px solid var(--accent-primary-hover);outline-offset:3px}.softphone-fab-dot{position:absolute;inset-block-start:4px;inset-inline-end:4px;width:11px;height:11px;border-radius:var(--radius-circle);border:2px solid var(--bg-primary);background:var(--text-muted)}.softphone-fab--registered .softphone-fab-dot{background:var(--accent-success)}.softphone-fab--offline .softphone-fab-dot{background:var(--text-muted)}.softphone-fab--in-call{background:linear-gradient(135deg,var(--accent-success),var(--accent-teal))}.softphone-fab--ringing{background:linear-gradient(135deg,var(--accent-danger),var(--accent-danger-hover));animation:softphone-fab-pulse 1.4s ease-in-out infinite}.softphone-fab-badge{position:absolute;inset-block-start:-2px;inset-inline-end:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-sm);background:var(--accent-danger);border:2px solid var(--bg-primary);color:var(--text-on-accent);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}@keyframes softphone-fab-pulse{0%{box-shadow:var(--shadow-lg),0 0 0 0 var(--status-ringing-glow)}70%{box-shadow:var(--shadow-lg),0 0 0 16px #f8514900}to{box-shadow:var(--shadow-lg),0 0 #f8514900}}.softphone-popover{position:fixed;inset-block-end:calc(90px + env(safe-area-inset-bottom,0px));inset-inline-end:clamp(16px,4vw,28px);z-index:calc(var(--z-modal) + 2);width:min(360px,calc(100vw - 32px))}.softphone-popover .softphone-panel{max-width:none;min-width:0;width:100%;box-shadow:0 12px 48px #0009}.softphone-popover .softphone-dial-area{flex:0 0 auto}.softphone-popover-backdrop{display:none}.header-profile{position:relative}.header-profile-btn{display:inline-flex;align-items:center;gap:7px}.header-profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-circle);background:var(--accent-light);color:var(--accent-primary);flex-shrink:0}.header-profile-avatar-lg{width:38px;height:38px}.header-profile-name{font-size:13px;font-weight:600;color:var(--text-primary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-caret{color:var(--text-muted);transition:transform var(--transition-fast)}.header-profile-caret.open{transform:rotate(180deg)}.header-profile-dropdown{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:280px;background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:10px;animation:an-dropdown-in .13s ease}.header-profile-identity{display:flex;align-items:center;gap:10px;padding:4px 4px 8px}.header-profile-identity-text{min-width:0}.header-profile-identity-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-identity-meta{font-size:12px;color:var(--text-muted);margin-top:1px}.header-profile-role{text-transform:capitalize}.header-profile-divider{height:1px;background:var(--border-primary);margin:6px 0}.header-profile-section-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:4px 4px 6px}.header-profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px}.header-profile-row-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.header-profile-row-value{font-size:12px;font-weight:600;color:var(--text-primary)}.header-profile-segmented{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:2px;gap:2px}.header-profile-seg{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:inherit;transition:all var(--transition-fast)}.header-profile-seg:hover{color:var(--text-primary)}.header-profile-seg.active{background:var(--accent-primary);color:var(--text-on-accent);font-weight:600}.header-profile-signout{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--accent-danger);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:background var(--transition-fast)}.header-profile-signout:hover{background:color-mix(in srgb,var(--accent-danger) 10%,transparent)}.softphone-transfer{margin-top:16px;padding:12px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.softphone-transfer-label{font-size:12px;color:var(--text-muted);width:100%}.softphone-transfer-input{flex:1;min-width:90px}.sidebar-item:focus-visible,.header-hamburger:focus-visible,.header-profile-seg:focus-visible,.softphone-dialpad-key:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(max-width:768px){.header-hamburger{display:inline-flex}.sidebar{position:fixed;inset-block:56px 0;inset-inline-start:0;width:270px;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-xl)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:270px}.sidebar.collapsed .sidebar-item,.sidebar.collapsed .sidebar-stat-item,.sidebar.collapsed .sidebar-connection{justify-content:flex-start}.sidebar-backdrop{display:block;position:fixed;inset:56px 0 0;background:#00000080;z-index:var(--z-overlay);animation:an-dropdown-in .15s ease}}@media(max-width:600px){.softphone-popover{inset-block-end:0;inset-inline:0;top:auto;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-card)}.softphone-popover .softphone-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.softphone-popover-backdrop{display:block;position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);background:#00000073;animation:an-dropdown-in .15s ease}.softphone-popover .softphone-dialpad-key{min-height:54px}.softphone-fab.is-open{opacity:0;pointer-events:none}}@media(max-width:600px){.calls-table thead,.cl-table thead{display:none}.calls-table,.calls-table tbody,.cl-table,.cl-table tbody{display:block;width:100%}.calls-table tr,.cl-table tr{display:block;margin-bottom:10px;padding:4px 0;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.calls-table td,.cl-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px!important;border:none;text-align:end}.calls-table td:before,.cl-table td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:start;flex-shrink:0}.calls-table td[data-label=""]:before,.cl-table td[data-label=""]:before{content:none}.calls-table td[data-label=""],.cl-table td[data-label=""]{justify-content:flex-end}.extensions-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.softphone-fab,.softphone-fab--ringing{animation:none;transition:none}.softphone-fab:hover{transform:none}.sidebar{transition:none}}.crm-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.crm-switch input{position:absolute;opacity:0;width:0;height:0}.crm-track{position:relative;width:42px;height:24px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--bg-primary);border:1px solid var(--border-primary);transition:background var(--transition-fast),border-color var(--transition-fast)}.crm-thumb{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:var(--radius-circle);background:var(--text-muted);transition:inset-inline-start var(--transition-fast),background var(--transition-fast)}.crm-switch input:checked+.crm-track{background:#58a6ff40;border-color:var(--accent-primary)}.crm-switch input:checked+.crm-track .crm-thumb{inset-inline-start:20px;background:var(--accent-primary)}.crm-switch input:focus-visible+.crm-track{outline:2px solid var(--accent-primary);outline-offset:2px}.crm-switch-text{display:flex;flex-direction:column;gap:2px}.crm-switch-label{font-size:14px;font-weight:600;color:var(--text-primary)}.crm-switch-desc{font-size:12px;color:var(--text-muted)}.crm-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.crm-badge.on{background:var(--status-idle-bg);color:var(--accent-success);box-shadow:0 0 8px #3fb95033}.crm-badge.off{background:var(--status-unavailable-bg);color:var(--text-muted)}.crm-count{font-size:11px;font-weight:700;color:var(--accent-primary-hover);background:var(--accent-light);padding:2px 9px;border-radius:var(--radius-pill)}.crm-link-btn{background:none;border:none;color:var(--accent-primary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:2px 4px}.crm-link-btn:hover{color:var(--accent-primary-hover);text-decoration:underline}.crmx{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-2)}.crmx-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:72px 24px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-secondary);box-shadow:var(--shadow-md)}.crmx-loading p{font-size:var(--text-base);color:var(--text-secondary)}.crmx-hero{display:flex;align-items:center;gap:var(--space-4);padding:18px 22px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 60%);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.crmx-hero.on{border-color:#3fb95066;background:radial-gradient(120% 180% at 0% 0%,var(--status-idle-bg) 0%,transparent 55%),linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 60%)}.crmx-hero-ico{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#58a6ff33,#39c5cf33);color:var(--accent-primary)}.crmx-hero.on .crmx-hero-ico{background:linear-gradient(135deg,var(--status-idle-bg),rgba(57,197,207,.16));color:var(--accent-success)}.crmx-hero-main{min-width:0;flex:1}.crmx-hero-titles{display:flex;align-items:center;gap:var(--space-3)}.crmx-hero-titles h2{font-size:17px;font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text-primary)}.crmx-hero-main p{margin-top:3px;font-size:var(--text-sm);line-height:1.5;color:var(--text-muted)}.crmx-hero .crm-switch{flex-shrink:0}.crmx-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--border-subtle)}.crmx-meta-cell{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 16px;background:var(--bg-secondary)}.crmx-meta-k{font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.crmx-meta-v{display:flex;align-items:center;gap:7px;min-width:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crmx-meta-v.mono{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);direction:ltr;text-align:start;unicode-bidi:isolate}.crmx-num{direction:ltr;unicode-bidi:isolate}.crmx-dot{width:7px;height:7px;flex-shrink:0;border-radius:var(--radius-circle);background:var(--text-muted)}.crmx-dot.ok{background:var(--accent-success);box-shadow:0 0 0 3px var(--status-idle-bg)}.crmx-dot.warn{background:var(--accent-warning);box-shadow:0 0 0 3px #d2992226}.crmx-dot.off{background:var(--text-muted)}.crmx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:56px 24px;border:1px dashed var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-secondary)}.crmx-empty-ico{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-muted)}.crmx-empty h3{font-size:15px;font-weight:var(--weight-semibold);color:var(--text-primary)}.crmx-empty p{max-width:460px;font-size:var(--text-sm);line-height:1.6;color:var(--text-muted)}.crmx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:var(--space-4)}.crmx-col{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.crmx-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.crmx-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.crmx-card-head{display:flex;align-items:center;gap:var(--space-3);padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.crmx-step{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);background:var(--accent-light);border:1px solid rgba(88,166,255,.3);color:var(--accent-primary);font-size:11px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.crmx-card-ico{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--accent-primary)}.crmx-card-titles{min-width:0;flex:1}.crmx-card-titles h3{font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:-.01em;color:var(--text-primary)}.crmx-card-titles p{margin-top:2px;font-size:var(--text-sm);line-height:1.45;color:var(--text-muted)}.crmx-card-head>.crm-switch,.crmx-card-head>.crm-count,.crmx-card-head>.opt-tag{flex-shrink:0}.crmx-card-body{padding:18px}.crmx-card-body>.up-form-group+.up-form-group,.crmx-card-body>.up-form-group+.crmx-fields,.crmx-card-body>.crmx-fields+.up-form-group{margin-top:var(--space-4)}.crmx-card-body .up-form-group label{display:flex;align-items:center;gap:8px}.crmx-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.crmx-half{max-width:340px}.crmx-saved{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:var(--radius-pill);background:var(--status-idle-bg);color:var(--accent-success);font-size:9px;font-weight:var(--weight-bold);letter-spacing:.05em}.crmx-muted-note{font-size:var(--text-sm);line-height:1.6;color:var(--text-muted)}.crmx-inline-warn{display:flex;align-items:center;gap:6px;margin-top:var(--space-2);font-size:var(--text-xs);line-height:1.5;color:var(--accent-warning)}.crmx-inline-warn svg{flex-shrink:0}.crmx-disclose{display:flex;align-items:center;gap:7px;margin-top:var(--space-4);padding:8px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.crmx-disclose:hover{border-color:var(--border-accent);color:var(--text-primary)}.crmx-disclose-body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.crmx-toggle-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.crmx-seg{display:flex;flex-wrap:wrap;gap:var(--space-2)}.crmx-seg-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.crmx-seg-btn:hover{border-color:var(--border-accent);color:var(--text-primary);background:var(--bg-hover)}.crmx-seg-btn.on{border-color:var(--accent-primary);background:var(--accent-light);color:var(--accent-primary)}.crmx-seg-check{opacity:.8}.crmx-map-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.crmx-map-bar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.crmx-sep{width:1px;height:12px;background:var(--border-primary)}.crmx-map{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.crmx-map-header,.crmx-map-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,150px) minmax(120px,170px);align-items:center;gap:var(--space-3)}.crmx-map-header{padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.crmx-map-group+.crmx-map-group{border-top:1px solid var(--border-subtle)}.crmx-map-group-title{padding:6px 12px;background:var(--bg-primary);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.crmx-map-row{padding:7px 12px;border-top:1px solid var(--border-subtle);transition:background var(--transition-fast)}.crmx-map-group-title+.crmx-map-row{border-top:none}.crmx-map-row:hover{background:var(--bg-hover)}.crmx-map-row.on{background:var(--bg-tint-1)}.crmx-map-row.on:hover{background:var(--bg-hover)}.crmx-map-row.collide .crmx-map-input{border-color:var(--accent-warning)}.crmx-map-pick{display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:none;background:none;font-family:inherit;text-align:start;cursor:pointer}.crmx-check{width:17px;height:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-accent);border-radius:var(--radius-xs);background:var(--bg-primary);color:var(--bg-primary);transition:all var(--transition-fast)}.crmx-map-pick:hover .crmx-check{border-color:var(--accent-primary)}.crmx-map-row.on .crmx-check{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.crmx-map-pick:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.crmx-map-name{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:13px;font-weight:var(--weight-medium);color:var(--text-secondary)}.crmx-map-row.on .crmx-map-name{color:var(--text-primary)}.crmx-map-name em{font-style:normal;font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crmx-map-key{padding:3px 2px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left;unicode-bidi:isolate}.crmx-map-row.on .crmx-map-key{color:var(--accent-primary)}.crmx-map-input{padding:5px 9px;min-width:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--control-surface);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;direction:ltr;text-align:left;transition:border-color var(--transition-fast)}.crmx-map-input:focus{outline:none;border-color:var(--accent-primary)}.crmx-map-input:disabled{background:transparent;border-color:transparent;cursor:not-allowed}.crmx-map-input::placeholder{color:var(--text-muted);opacity:.55}.crmx-map-input:not(:placeholder-shown){border-color:#58a6ff66;background:var(--accent-light);color:var(--accent-primary);font-weight:var(--weight-semibold)}.crmx-outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-2) var(--space-4)}.crmx-outcome{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.crmx-outcome>code{padding:4px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-tertiary);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left;unicode-bidi:isolate}.crmx-outcome.mapped>code{color:var(--accent-primary);border-color:#58a6ff40}.crmx-rail{position:sticky;top:0;min-width:0}.crmx-preview{display:flex;flex-direction:column;gap:var(--space-3);padding:14px 16px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.crmx-preview-head{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--accent-primary)}.crmx-preview-head span{flex:1;font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.crmx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.crmx-icon-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.crmx-req{display:flex;align-items:baseline;gap:var(--space-2);padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary)}.crmx-req code{min-width:0;font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--text-secondary);overflow-wrap:anywhere;direction:ltr;text-align:left;unicode-bidi:isolate}.crmx-verb{flex-shrink:0;padding:2px 7px;border-radius:var(--radius-xs);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.05em;background:var(--status-idle-bg);color:var(--accent-success)}.crmx-verb.put{background:var(--status-call-bg);color:var(--accent-primary)}.crmx-json{margin:0;padding:12px;max-height:46vh;overflow:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-primary);font-family:var(--font-mono);font-size:11.5px;line-height:1.7;direction:ltr;text-align:left;unicode-bidi:isolate;white-space:pre}.crmx-json-line{display:block}.crmx-json .j-k{color:var(--accent-primary)}.crmx-json .j-s{color:var(--accent-success)}.crmx-json .j-n{color:var(--accent-purple)}.crmx-json .j-p{color:var(--text-muted)}.crmx-preview-note{font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}.crmx-test{display:flex;align-items:flex-start;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);line-height:1.5}.crmx-test svg{flex-shrink:0;margin-top:1px}.crmx-test.success{background:var(--status-idle-bg);border-color:#3fb95059;color:var(--accent-success)}.crmx-test.error{background:var(--status-ringing-bg);border-color:#f8514959;color:var(--accent-danger)}.crmx-test.muted{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-muted)}.crmx-lookup-test-row{display:flex;gap:var(--space-2);align-items:stretch}.crmx-lookup-test-row .form-input{flex:1;min-width:0}.crmx-lookup-test-row .btn{white-space:nowrap}.crmx-lookup-raw{margin-top:var(--space-2)}.crmx-lookup-raw summary{cursor:pointer;font-size:var(--text-xs);color:var(--text-muted);-webkit-user-select:none;user-select:none}.crmx-lookup-raw pre{margin-top:var(--space-2);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);font-size:var(--text-xs);line-height:1.5;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto}.crmx-bar{position:sticky;bottom:0;z-index:var(--z-raised);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-1);padding:12px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg)}.crmx-bar-state{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted)}.crmx-bar-state.dirty{color:var(--accent-warning)}.crmx-bar-actions{display:flex;align-items:center;gap:var(--space-3)}.crmx-bar-actions .btn{display:inline-flex;align-items:center;gap:8px}.crmx-bar-actions .btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1240px){.crmx-grid{grid-template-columns:minmax(0,1fr)}.crmx-rail{position:static}.crmx-json{max-height:none}}@media(max-width:820px){.crmx-hero{flex-wrap:wrap}.crmx-map-header{display:none}.crmx-map-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"pick pick" "key input";gap:var(--space-2);padding:10px 12px}.crmx-map-pick{grid-area:pick}.crmx-map-key{grid-area:key}.crmx-map-input{grid-area:input}.crmx-map-input:disabled{display:none}.crmx-bar{flex-direction:column;align-items:stretch}.crmx-bar-actions .btn{flex:1;justify-content:center}}.agent-status-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);position:relative}.agent-status-bar-main{display:inline-flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);font:inherit;text-align:start}.agent-status-bar-main:disabled{cursor:default}.agent-status-bar-main:not(:disabled):hover{background:var(--bg-hover)}.agent-status-bar-dot{width:9px;height:9px;border-radius:var(--radius-circle);flex:0 0 auto}.agent-status-bar-label{font-size:var(--text-base);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-status-bar-right{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.agent-toggle{display:inline-flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;flex:0 0 auto}.agent-toggle:disabled{opacity:.55;cursor:default}.agent-toggle-track{position:relative;width:44px;height:22px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--tg, var(--status-unavailable)) 20%,transparent);border:1px solid color-mix(in srgb,var(--tg, var(--status-unavailable)) 55%,transparent);transition:background .15s ease}.agent-toggle-knob{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:2px;width:18px;height:18px;border-radius:var(--radius-circle);background:var(--tg, var(--status-unavailable));color:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:inset-inline-start .15s ease}.agent-toggle.on .agent-toggle-knob{inset-inline-start:24px}.agent-status-menu{position:absolute;top:100%;inset-inline-end:var(--space-3);z-index:var(--z-dropdown);min-width:200px;background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:6px;box-shadow:var(--shadow-md);margin-top:4px}.agent-status-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:start;background:transparent;border:none;color:var(--text-primary);padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base)}.agent-status-menu-item:hover{background:var(--bg-hover)}.agent-status-menu-item.danger{color:var(--accent-danger, var(--status-ringing))}.agent-status-menu-label{font-size:var(--text-xs);color:var(--text-muted);padding:4px 8px}.agent-status-menu-sep{height:1px;background:var(--border-subtle);margin:4px 0}.agent-status-menu-swatch{width:9px;height:9px;border-radius:var(--radius-circle);flex:0 0 auto}.softphone-quality{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:10px}.softphone-quality-head{display:flex;align-items:center;gap:6px}.softphone-quality-mos{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.softphone-quality-detail{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.agent-header{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:10px 12px 10px 14px;flex-shrink:0;border-bottom:1px solid var(--border-subtle);background:linear-gradient(to right,color-mix(in srgb,var(--ah-color) 16%,transparent),var(--ah-bg)),var(--bg-secondary);border-inline-start:3px solid var(--ah-color, transparent)}.agent-header-idle{background:var(--bg-secondary)}.agent-header-ic{flex:0 0 auto;width:26px;height:26px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--ah-color);background:color-mix(in srgb,var(--ah-color) 16%,transparent)}.agent-header-main{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0;border:none;background:transparent;padding:4px 6px;margin:-4px -6px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);text-align:start;font:inherit}.agent-header-main:disabled{cursor:default}.agent-header-main:not(:disabled):hover{background:color-mix(in srgb,var(--ah-color) 12%,transparent)}.agent-header-state{font-weight:700;font-size:var(--text-sm);letter-spacing:.01em;color:var(--ah-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-header-timer{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);margin-inline-start:2px}.agent-header-caret{color:var(--text-muted);flex:0 0 auto}.agent-header-right{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.agent-dnd-toggle,.agent-queue-toggle{display:inline-flex;align-items:center;padding:0;border:none;background:none;cursor:pointer;flex:0 0 auto}.agent-dnd-toggle:disabled,.agent-queue-toggle:disabled{opacity:.55;cursor:default}.agent-dnd-toggle-track,.agent-queue-toggle-track{position:relative;width:44px;height:22px;border-radius:var(--radius-pill);transition:background .15s ease}.agent-dnd-toggle-track{background:color-mix(in srgb,var(--dt-color, var(--status-unavailable)) 20%,transparent);border:1px solid color-mix(in srgb,var(--dt-color, var(--status-unavailable)) 55%,transparent)}.agent-queue-toggle-track{background:color-mix(in srgb,var(--qt-color, var(--status-unavailable)) 20%,transparent);border:1px solid color-mix(in srgb,var(--qt-color, var(--status-unavailable)) 55%,transparent)}.agent-dnd-toggle-knob,.agent-queue-toggle-knob{position:absolute;top:50%;inset-inline-start:2px;transform:translateY(-50%);width:18px;height:18px;border-radius:var(--radius-circle);color:var(--bg-primary);display:inline-flex;align-items:center;justify-content:center;transition:inset-inline-start .15s ease}.agent-dnd-toggle-knob{background:var(--dt-color, var(--status-unavailable))}.agent-queue-toggle-knob{background:var(--qt-color, var(--status-unavailable))}.agent-dnd-toggle.on .agent-dnd-toggle-knob,.agent-queue-toggle.on .agent-queue-toggle-knob{inset-inline-start:24px}.agent-header-reg{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--status-unavailable)}.agent-header-reg.on{color:var(--status-idle)}.agent-header-reg.off{color:var(--accent-danger)}.agent-header-refresh{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer}.agent-header-refresh:hover:not(:disabled){background:var(--bg-hover);color:var(--text-secondary)}.agent-header-refresh:disabled{opacity:.5;cursor:default}.agent-header-menu{position:absolute;inset-inline-start:10px;inset-block-start:calc(100% + 4px);min-width:210px;background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000080;padding:4px;z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}.agent-header-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:start;background:transparent;border:none;color:var(--text-primary);padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);font-family:inherit}.agent-header-menu-item:hover{background:var(--bg-hover)}.agent-header-menu-item.danger{color:var(--accent-danger)}.agent-header-menu-item.danger:hover{background:var(--status-ringing-bg)}.agent-header-menu-label{padding:6px 10px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.agent-header-menu-swatch{width:9px;height:9px;border-radius:var(--radius-circle);flex:0 0 auto}.agent-header-menu-sep{height:1px;background:var(--border-subtle);margin:4px 6px}.queue-member-name{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.queue-member-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:1px 8px;border-radius:var(--radius-pill);line-height:1.6;background:var(--status-idle-bg);color:var(--status-idle)}.queue-member-badge.ready{background:var(--status-idle-bg);color:var(--status-idle)}.queue-member-badge.busy{background:var(--status-call-bg);color:var(--status-call)}.queue-member-badge.unavailable{background:var(--status-unavailable-bg);color:var(--status-unavailable)}.queue-member-badge.paused{background:color-mix(in srgb,var(--accent-warning) 16%,transparent);color:var(--accent-warning)}.ext-webrtc-tag{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 8px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent)}.ui-toggle-row{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.ui-toggle-row:hover{border-color:var(--border-accent);background:var(--bg-hover)}.ui-toggle-row:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ui-toggle-row.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.ui-toggle-switch{position:relative;width:44px;height:26px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:2px solid var(--border-accent);transition:all var(--transition-normal);flex-shrink:0}.ui-toggle-switch.active{background:var(--accent-primary);border-color:transparent}.ui-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-circle);background:var(--text-muted);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-size:10px;transition:all var(--transition-normal)}.ui-toggle-switch.active .ui-toggle-knob{left:20px;background:var(--text-on-accent);color:var(--accent-primary);box-shadow:0 2px 6px #00000038}[dir=rtl] .ui-toggle-switch.active .ui-toggle-knob{left:2px;right:auto}[dir=rtl] .ui-toggle-knob{left:auto;right:2px}[dir=rtl] .ui-toggle-switch.active .ui-toggle-knob{right:20px;left:auto}.ui-toggle-info{display:flex;flex-direction:column;gap:2px}.ui-toggle-label{font-size:14px;font-weight:600;color:var(--text-primary)}.ui-toggle-desc{font-size:12px;color:var(--text-muted)}[dir=rtl] .ui-toggle-row,[dir=rtl] .ui-toggle-info{text-align:right}.lg-alert{margin:0}.lg-error{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;border:1px solid rgba(248,81,73,.2);border-radius:var(--radius-md);background:#f8514914;color:var(--accent-danger);font-size:13px;flex-shrink:0}.lg-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:var(--text-xs);white-space:nowrap}.lg-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;border:1px solid transparent;white-space:nowrap}.lg-badge-live{color:var(--status-idle);background:var(--status-idle-bg);border-color:var(--status-idle-glow);animation:lg-badge-pulse 2.4s ease-in-out infinite}.lg-badge-off{color:var(--text-muted);background:var(--status-unavailable-bg);border-color:var(--border-subtle)}.lg-badge-ok{color:var(--accent-success);background:#3fb9501f;border-color:#3fb95059}.lg-badge-fail{color:var(--accent-danger);background:#f851491f;border-color:#f8514959}@keyframes lg-badge-pulse{0%,to{opacity:1}50%{opacity:.75}}.lg-viewer-card{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.lg-viewer{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 0;direction:ltr;text-align:left;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.55;background:var(--bg-secondary)}.lg-empty{padding:32px 24px;text-align:center;color:var(--text-muted);font-family:inherit}.lg-line-main{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;padding:2px 10px;background:none;border:none;border-left:2px solid transparent;cursor:pointer;text-align:left;font:inherit;color:var(--text-secondary);transition:background var(--transition-fast)}.lg-line-main:hover{background:var(--bg-hover)}.lg-line.is-open .lg-line-main{background:var(--bg-hover);border-left-color:var(--accent-primary)}.lg-line-chevron{flex-shrink:0;align-self:center;display:inline-flex;opacity:.35;color:var(--text-muted);transition:transform .12s ease,opacity .12s ease}.lg-line.is-open .lg-line-chevron{transform:rotate(90deg);opacity:.7}.lg-line-ts{flex:0 0 76px;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.lg-line-level{flex:0 0 160px;font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lg-line-text{flex:1 1 auto;min-width:0;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-line-fields{display:grid;grid-template-columns:max-content 1fr;gap:3px 16px;padding:6px 10px 10px 48px;background:var(--bg-card);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs);animation:fadeIn .1s ease}.lg-line-field-key{color:var(--text-muted);-webkit-user-select:none;user-select:none;white-space:nowrap}.lg-line-field-val{color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.lg-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-card);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.lg-jump{font-size:var(--text-xs);padding:3px 8px}.lg-table,.ak-table{min-width:860px}.lg-mono,.lg-method,.lg-url,.ak-prefix{font-family:var(--font-mono);direction:ltr;text-align:left;unicode-bidi:isolate}.lg-mono{font-size:var(--text-xs);color:var(--text-secondary)}.lg-arrow{color:var(--text-muted)}.lg-method{display:inline-block;padding:1px 6px;margin-inline-end:6px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);font-size:10px;font-weight:var(--weight-bold);color:var(--text-muted)}.lg-url{font-size:var(--text-xs);color:var(--text-muted);display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.lg-err{margin-top:3px;font-size:11px;color:var(--accent-danger);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-resent{margin-inline-start:5px;color:var(--accent-warning)}.lg-row-actions{display:flex;gap:4px;justify-content:flex-end;align-items:center}.lg-detail-row>td{background:var(--bg-secondary)}.lg-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4);padding:var(--space-3)}.lg-detail-col{min-width:0}.lg-detail-col h4{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.lg-copy{padding:2px 8px;font-size:11px;margin-inline-start:auto}.lg-kv{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2);font-family:var(--font-mono)}.lg-json{margin:0;padding:var(--space-3);max-height:320px;overflow:auto;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;direction:ltr;text-align:left}.ak-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:64px 24px;color:var(--text-muted)}.ak-label{display:block;margin-bottom:6px;font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-primary)}.ak-prefix,.ak-dim{font-size:var(--text-xs);color:var(--text-muted)}.ak-row-actions{display:flex;gap:4px;justify-content:flex-end}.ak-danger{color:var(--accent-danger)}.ak-danger:hover{border-color:var(--accent-danger)}.ak-preset{padding:4px 10px;font-size:var(--text-xs)}.ak-group-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:6px;cursor:pointer}.ak-group-label{font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.ak-group-count{font-size:10px;font-weight:var(--weight-semibold);color:var(--text-muted)}.ak-scope-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 12px;padding-inline-start:22px}.ak-scope{display:flex;align-items:center;gap:7px;cursor:pointer;padding:3px 0}.ak-scope-label{font-size:var(--text-xs);color:var(--text-secondary)}.ak-scope-token{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-inline-start:2px;direction:ltr;unicode-bidi:isolate}.ak-key-reveal{width:100%;font-family:var(--font-mono);font-size:var(--text-xs);padding-inline-end:40px;direction:ltr;text-align:left}.crm-hint{margin:4px 0 0;font-size:var(--text-xs);line-height:1.5;color:var(--text-muted)}.opt-tag{padding:1px 7px;border-radius:var(--radius-pill);background:var(--bg-tertiary);border:1px solid var(--border-subtle);font-size:10px;font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.crm-keymap-warn{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0;padding:8px 12px;border-radius:var(--radius-md);background:#d299221a;border:1px solid rgba(210,153,34,.35);color:var(--accent-warning);font-size:var(--text-xs);line-height:1.5}.crm-keymap-arrow{color:var(--text-muted);font-size:var(--text-sm)}[dir=rtl] .crm-keymap-arrow,[dir=rtl] .lg-arrow{transform:scaleX(-1);display:inline-block}[dir=rtl] .lg-row-actions,[dir=rtl] .ak-row-actions{justify-content:flex-start}@media(max-width:600px){.lg-table,.ak-table{min-width:0}.lg-detail{grid-template-columns:1fr;padding:var(--space-2)}.lg-line-level{flex:0 0 110px}.lg-line-fields{padding-left:24px}.lg-url,.lg-err{max-width:60vw}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.03em;border:1px solid transparent;white-space:nowrap}.badge-success{background:var(--status-idle-bg);color:var(--status-idle);border-color:#3fb95040}.badge-danger{background:var(--status-ringing-bg);color:var(--status-ringing);border-color:#f8514940}.badge-warning{background:color-mix(in srgb,var(--accent-warning) 15%,transparent);color:var(--accent-warning);border-color:color-mix(in srgb,var(--accent-warning) 30%,transparent)}.badge-muted{background:var(--status-unavailable-bg);color:var(--text-muted);border-color:var(--border-subtle)}.badge-info{background:var(--status-call-bg);color:var(--status-call);border-color:#58a6ff40}.panel-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.notes-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:4px}.notes-toolbar .panel-subtitle{margin-top:0}.notes-toolbar-action{margin-inline-start:auto;white-space:nowrap}.notes-cell-strong{font-weight:var(--weight-semibold);color:var(--text-primary)}.notes-row-actions{display:flex;gap:6px;justify-content:flex-end}.notes-row-inactive{opacity:.55}.notes-muted{color:var(--text-muted)}.notes-table-empty{color:var(--text-muted);text-align:center;padding:24px}.up-hint{font-size:12px;color:var(--text-muted)}.up-form-divider.first{margin-top:0}.ui-required{color:var(--accent-danger);margin-inline-start:2px}