*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1a1d23;--bg-secondary:#20232a;--bg-card:#23262e;--bg-input:#2a2d35;--bg-sidebar:#13151a;--bg-hover:#2f323a;--bg-active:#4f8cff1a;--accent:#4f8cff;--accent-hover:#3a7aff;--accent-glow:#4f8cff40;--secondary:#00d4aa;--secondary-hover:#00c09a;--danger:#ff4d6a;--danger-hover:#e63f5c;--warning:#ffb84d;--success:#00d4aa;--text-primary:#e8eaed;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#2e3139;--border-light:#383b44;--sidebar-width:250px;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow:0 2px 8px #0000004d;--shadow-lg:0 8px 32px #0006;--transition:0.2s ease}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background-color:#1a1d23;background-color:var(--bg-primary);color:#e8eaed;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}a{color:#4f8cff;color:var(--accent);text-decoration:none}.loading-screen{align-items:center;background:#1a1d23;background:var(--bg-primary);display:flex;height:100vh;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #2e3139;border-top-color:#4f8cff;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}.loading-spinner.small{border-width:2px;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-page{align-items:center;background:linear-gradient(135deg,#0f1117,#1a1d23 40%,#1e2330);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-page:before{background:radial-gradient(ellipse at 30% 20%,#4f8cff0f 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#00d4aa0a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-card{background:#23262e;background:var(--bg-card);border:1px solid #2e3139;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-lg);max-width:420px;padding:48px 40px 36px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:36px;text-align:center}.login-logo{display:inline-block;margin-bottom:16px}.login-title{color:#e8eaed;color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.login-subtitle{color:#9ca3af;color:var(--text-secondary);font-size:.95rem;margin-top:4px}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#ff4d6a1a;border:1px solid #ff4d6a4d;border-radius:6px;border-radius:var(--radius-sm);color:#ff4d6a;color:var(--danger);font-size:.85rem;padding:10px 14px;text-align:center}.login-footer{border-top:1px solid #2e3139;border-top:1px solid var(--border);margin-top:32px;padding-top:20px;text-align:center}.login-footer p{color:#6b7280;color:var(--text-muted);font-size:.75rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label,.form-label{color:#9ca3af;color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-wrapper{position:relative}.input-icon{color:#6b7280;color:var(--text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper input{padding-left:42px}.form-input,.form-select,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text]{background:#2a2d35;background:var(--bg-input);border:1px solid #2e3139;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#e8eaed;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus,.form-select:focus,input:focus{border-color:#4f8cff;border-color:var(--accent);box-shadow:0 0 0 3px #4f8cff40;box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:#6b7280;color:var(--text-muted)}select.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}select.form-select option{background:#23262e;background:var(--bg-card);color:#e8eaed;color:var(--text-primary)}input[type=date]{color-scheme:dark}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;outline:none;padding:10px 20px;transition:all .2s ease;transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#4f8cff;background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#3a7aff;background:var(--accent-hover);box-shadow:0 4px 12px #4f8cff40;box-shadow:0 4px 12px var(--accent-glow)}.btn-block{padding:12px 20px;width:100%}.btn-loading{align-items:center;display:inline-flex;gap:8px}.dashboard-layout{display:flex;min-height:100vh}.main-content{background:#1a1d23;background:var(--bg-primary);flex:1 1;margin-left:250px;margin-left:var(--sidebar-width);min-height:100vh}.sidebar{background:#13151a;background:var(--bg-sidebar);border-right:1px solid #2e3139;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:250px;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #2e3139;border-bottom:1px solid var(--border);padding:24px 20px 20px}.sidebar-logo{align-items:center;display:flex;gap:12px}.sidebar-brand{color:#e8eaed;color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:12px 10px}.sidebar-link{align-items:center;border-radius:10px;border-radius:var(--radius);color:#9ca3af;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:450;gap:12px;padding:11px 16px;text-decoration:none;transition:all .2s ease;transition:all var(--transition)}.sidebar-link:hover{background:#2f323a;background:var(--bg-hover);color:#e8eaed;color:var(--text-primary)}.sidebar-link.active{background:#4f8cff1a;background:var(--bg-active)}.sidebar-link.active,.sidebar-link.active .sidebar-link-icon{color:#4f8cff;color:var(--accent)}.sidebar-link-icon{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;flex-shrink:0;transition:color .2s ease;transition:color var(--transition)}.sidebar-link:hover .sidebar-link-icon{color:#e8eaed;color:var(--text-primary)}.sidebar-footer{border-top:1px solid #2e3139;border-top:1px solid var(--border);padding:16px 10px}.sidebar-logout{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--radius);color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:12px;padding:11px 16px;transition:all .2s ease;transition:all var(--transition);width:100%}.sidebar-logout:hover{background:#ff4d6a14;color:#ff4d6a;color:var(--danger)}.page-content{max-width:1280px;padding:32px}.page-header{margin-bottom:28px}.page-header h1{color:#e8eaed;color:var(--text-primary);font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.page-description{color:#9ca3af;color:var(--text-secondary);font-size:.9rem;margin-top:4px}.section-title{margin:32px 0 16px}.section-title h2{color:#e8eaed;color:var(--text-primary);font-size:1.15rem;font-weight:600}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{align-items:center;background:#23262e;background:var(--bg-card);border:1px solid #2e3139;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;gap:16px;padding:20px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition)}.stat-card:hover{border-color:#383b44;border-color:var(--border-light);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow)}.stat-icon{align-items:center;border-radius:10px;border-radius:var(--radius);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.calls-icon{background:#4f8cff1f;color:#4f8cff;color:var(--accent)}.week-icon{background:#00d4aa1f;color:#00d4aa;color:var(--secondary)}.recordings-icon{background:#ffb84d1f;color:#ffb84d;color:var(--warning)}.duration-icon{background:#ff4d6a1f;color:#ff4d6a;color:var(--danger)}.stat-info{display:flex;flex-direction:column}.stat-value{color:#e8eaed;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:#9ca3af;color:var(--text-secondary);font-size:.8rem;margin-top:2px}.agents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.agent-card{background:#23262e;background:var(--bg-card);border:1px solid #2e3139;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition)}.agent-card:hover{border-color:#383b44;border-color:var(--border-light);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow)}.agent-card-header{align-items:center;border-bottom:1px solid #2e3139;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:20px}.agent-avatar{align-items:center;background:#2a2d35;background:var(--bg-input);border-radius:50%;color:#9ca3af;color:var(--text-secondary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.agent-info h3{color:#e8eaed;color:var(--text-primary);font-size:.95rem;font-weight:600}.agent-status{align-items:center;display:flex;font-size:.8rem;gap:6px;margin-top:2px}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-online .status-dot{background:#00d4aa;background:var(--success);box-shadow:0 0 6px #00d4aa80}.status-busy .status-dot{box-shadow:0 0 6px #ffb84d80}.status-busy .status-dot,.status-paused .status-dot{background:#ffb84d;background:var(--warning)}.status-offline .status-dot{background:#6b7280;background:var(--text-muted)}.status-online{color:#00d4aa;color:var(--success)}.status-busy,.status-paused{color:#ffb84d;color:var(--warning)}.status-offline{color:#6b7280;color:var(--text-muted)}.agent-card-body{display:flex;gap:32px;padding:16px 20px}.agent-stat{display:flex;flex-direction:column;gap:2px}.agent-stat-label{color:#6b7280;color:var(--text-muted);font-size:.75rem}.agent-stat-value{color:#e8eaed;color:var(--text-primary);font-size:1.05rem;font-weight:600}.softphone-container{display:flex;justify-content:center}.softphone-panel{background:#23262e;background:var(--bg-card);border:1px solid #2e3139;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-lg);max-width:400px;padding:28px 24px;width:100%}.softphone-section{margin-bottom:20px}.softphone-status-bar{align-items:center;background:#2a2d35;background:var(--bg-input);border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.sip-status{align-items:center;display:flex;font-size:.82rem;font-weight:500;gap:8px}.sip-status.registered{color:#00d4aa;color:var(--success)}.sip-status.registered .status-dot{background:#00d4aa;background:var(--success);box-shadow:0 0 6px #00d4aa80}.sip-status.unregistered{color:#6b7280;color:var(--text-muted)}.sip-status.unregistered .status-dot{background:#6b7280;background:var(--text-muted)}.sip-status.error{color:#ff4d6a;color:var(--danger)}.sip-status.error .status-dot{background:#ff4d6a;background:var(--danger)}.call-status-badge{border-radius:20px;font-size:.78rem;font-weight:600;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.call-status-badge.idle{background:#6b728026;color:#6b7280;color:var(--text-muted)}.call-status-badge.calling,.call-status-badge.ringing{animation:pulse-badge 1.5s ease infinite;background:#4f8cff26;color:#4f8cff;color:var(--accent)}.call-status-badge.in-call{background:#00d4aa26;color:#00d4aa;color:var(--success)}.call-status-badge.on-hold{background:#ffb84d26;color:#ffb84d;color:var(--warning)}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.softphone-error{background:#ff4d6a1a;border:1px solid #ff4d6a40;border-radius:6px;border-radius:var(--radius-sm);color:#ff4d6a;color:var(--danger);font-size:.82rem;margin-bottom:16px;padding:10px 14px}.call-timer{margin-bottom:16px;text-align:center}.timer-display{font-feature-settings:"tnum";color:#e8eaed;color:var(--text-primary);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.05em}.phone-input-wrapper{margin-bottom:20px;position:relative}.phone-input{background:#2a2d35;background:var(--bg-input);border:1px solid #2e3139;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#e8eaed;color:var(--text-primary);font-family:inherit;font-size:1.25rem;font-weight:500;letter-spacing:.05em;outline:none;padding:14px 40px 14px 16px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.phone-input:focus{border-color:#4f8cff;border-color:var(--accent);box-shadow:0 0 0 3px #4f8cff40;box-shadow:0 0 0 3px var(--accent-glow)}.phone-input::placeholder{color:#6b7280;color:var(--text-muted);font-size:1rem;font-weight:400}.phone-clear-btn{align-items:center;background:#2f323a;background:var(--bg-hover);border:none;border-radius:50%;color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;transition:all var(--transition);width:28px}.phone-clear-btn:hover{background:#383b44;background:var(--border-light);color:#e8eaed;color:var(--text-primary)}.dialpad{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.dialpad-row{gap:14px}.dialpad-btn,.dialpad-row{display:flex;justify-content:center}.dialpad-btn{align-items:center;background:#2a2d35;background:var(--bg-input);border:1px solid #2e3139;border:1px solid var(--border);border-radius:50%;color:#e8eaed;color:var(--text-primary);cursor:pointer;height:60px;transition:all .2s ease;transition:all var(--transition);width:60px}.dialpad-btn:hover:not(:disabled){background:#2f323a;background:var(--bg-hover);border-color:#383b44;border-color:var(--border-light);transform:scale(1.05)}.dialpad-btn:active:not(:disabled){background:#4f8cff;background:var(--accent);border-color:#4f8cff;border-color:var(--accent);transform:scale(.95)}.dialpad-btn:disabled{cursor:not-allowed;opacity:.4}.dialpad-digit{font-size:1.25rem;font-weight:600}.softphone-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.action-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;transition:all var(--transition)}.action-btn:disabled{cursor:not-allowed;opacity:.4}.call-btn{background:#00d4aa;background:var(--success);color:#fff;flex:1 1;min-width:140px}.call-btn:hover:not(:disabled){background:#00c09a;background:var(--secondary-hover);box-shadow:0 4px 12px #00d4aa4d}.hangup-btn{background:#ff4d6a;background:var(--danger);color:#fff}.hangup-btn:hover{background:#e63f5c;background:var(--danger-hover);box-shadow:0 4px 12px #ff4d6a4d}.hold-btn{background:#2a2d35;background:var(--bg-input);border:1px solid #2e3139;border:1px solid var(--border);color:#e8eaed;color:var(--text-primary)}.hold-btn:hover{background:#2f323a;background:var(--bg-hover)}.hold-btn.active{background:#ffb84d26;border-color:#ffb84d;border-color:var(--warning);color:#ffb84d;color:var(--warning)}.transfer-btn{background:#2a2d35;background:var(--bg-input);border:1px solid #2e3139;border:1px solid var(--border);color:#e8eaed;color:var(--text-primary)}.transfer-btn:hover{background:#2f323a;background:var(--bg-hover)}.card{background:#23262e;background:var(--bg-card);border:1px solid #2e3139;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #2e3139;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.card-header h3{font-size:1rem;font-weight:600}.results-count{color:#6b7280;color:var(--text-muted);font-size:.82rem}.filter-card{margin-bottom:20px;padding:20px}.filter-form{width:100%}.filter-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-action{align-items:flex-end;display:flex}.filter-action .btn{width:100%}.results-card{margin-top:0}.alert{border-radius:6px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:16px;padding:12px 16px}.alert-error{background:#ff4d6a1a;border:1px solid #ff4d6a40;color:#ff4d6a;color:var(--danger)}.empty-state{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 20px}.empty-state p{font-size:.9rem}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead th{background:#20232a;background:var(--bg-secondary);color:#6b7280;color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr,.data-table thead th{border-bottom:1px solid #2e3139;border-bottom:1px solid var(--border)}.data-table tbody tr{transition:background .2s ease;transition:background var(--transition)}.data-table tbody tr:nth-child(2n){background:#2a2d354d}.data-table tbody tr:hover{background:#2f323a;background:var(--bg-hover)}.data-table tbody tr.row-playing{background:#4f8cff14}.data-table td{color:#e8eaed;color:var(--text-primary);font-size:.88rem;padding:12px 16px;white-space:nowrap}.phone-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.table-actions{display:flex;gap:6px}.icon-btn{align-items:center;background:#2a2d35;background:var(--bg-input);border:1px solid #2e3139;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-secondary);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;transition:all var(--transition);width:34px}.icon-btn:hover{background:#2f323a;background:var(--bg-hover);border-color:#383b44;border-color:var(--border-light);color:#e8eaed;color:var(--text-primary)}.play-btn.active{background:#4f8cff26;border-color:#4f8cff;border-color:var(--accent);color:#4f8cff;color:var(--accent)}.download-btn:hover{border-color:#00d4aa;border-color:var(--secondary);color:#00d4aa;color:var(--secondary)}@media (max-width:768px){.sidebar{overflow:hidden;width:64px}.sidebar-brand,.sidebar-link-label,.sidebar-logout span{display:none}.sidebar-header{padding:16px 12px}.sidebar-logo{justify-content:center}.sidebar-nav{padding:12px 8px}.sidebar-link{justify-content:center;padding:11px}.sidebar-footer{padding:12px 8px}.sidebar-logout{justify-content:center;padding:11px}.main-content{margin-left:64px}.page-content{padding:20px 16px}.stats-grid{grid-template-columns:1fr 1fr}.agents-grid,.filter-grid{grid-template-columns:1fr}.softphone-panel{padding:20px 16px}.dialpad-btn{height:52px;width:52px}.dialpad-row{gap:10px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.login-card{padding:32px 24px 28px}.softphone-actions{flex-direction:column}.action-btn{width:100%}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#383b44;background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-muted)}::selection{background:#4f8cff4d;color:#e8eaed;color:var(--text-primary)}
/*# sourceMappingURL=main.4ca9eff6.css.map*/