.centered-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.error{color:#ff3300fa;font-weight:bolder}.pagination .page-link{border:1px solid #dee2e6;background-color:#fff;position:relative}.pagination .page-link:hover,.pagination .page-link:focus{border-color:#0d6efd;background-color:#f8f9fa;z-index:3}.pagination .page-link{min-width:36px;text-align:center}.pagination .page-item:not(:first-child) .page-link{margin-left:0!important}@keyframes ccpdSpin{to{transform:rotate(360deg)}}.ccpd-dashboard{display:flex;min-height:100vh;background:#0a0e17;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#f1f5f9}.ccpd-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;font-family:inherit;color:#94a3b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .15s}.ccpd-back-btn:hover{background:#ffffff1a;color:#f1f5f9}.ccpd-sidebar{width:240px;background:#0f1623;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0}.ccpd-sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.ccpd-sidebar-logo{display:flex;align-items:center;gap:10px;color:#f59e0b;font-weight:700;font-size:1rem}.ccpd-sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.ccpd-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#64748b;text-decoration:none;font-size:.87rem;font-weight:500;transition:all .15s;cursor:pointer}.ccpd-nav-item:hover{background:#ffffff0a;color:#94a3b8}.ccpd-nav-item.ccpd-active{background:#f59e0b1a;color:#f59e0b}.ccpd-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.06)}.ccpd-sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ccpd-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#000;flex-shrink:0}.ccpd-user-name{font-size:.85rem;font-weight:600;color:#f1f5f9;text-transform:capitalize;margin:0}.ccpd-user-role{font-size:.72rem;color:#475569;margin:1px 0 0}.ccpd-user-info{flex:1;min-width:0}.ccpd-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:.82rem;font-weight:500;font-family:inherit;color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:10px;cursor:pointer;transition:all .15s}.ccpd-logout-btn:hover{background:#ef444426}.ccpd-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.ccpd-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(245,158,11,.04) 0%,transparent 50%)}.ccpd-topbar-title{font-size:1.35rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em;margin:0}.ccpd-topbar-subtitle{font-size:.8rem;color:#475569;margin:2px 0 0}.ccpd-topbar-status{display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ccpd-topbar-status.ccpd-status-initializing,.ccpd-topbar-status.ccpd-status-connecting{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.ccpd-topbar-status.ccpd-status-connected{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.ccpd-topbar-status.ccpd-status-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.ccpd-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:ccpdPulse 2s ease infinite}@keyframes ccpdPulse{0%,to{opacity:1}50%{opacity:.4}}.ccpd-status-spinner-sm{width:14px;height:14px;border:2px solid rgba(234,179,8,.25);border-top-color:#eab308;border-radius:50%;animation:ccpdSpin .8s linear infinite}.ccpd-disclaimer-banner{display:flex;align-items:flex-start;gap:10px;margin:20px 28px 0;padding:12px 16px;background:#eab3080f;border:1px solid rgba(234,179,8,.15);border-radius:10px;color:#64748b;font-size:.78rem;line-height:1.5}.ccpd-disclaimer-banner svg{flex-shrink:0;margin-top:1px;color:#eab308}.ccpd-disclaimer-banner strong{color:#eab308}.ccpd-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 28px}.ccpd-grid-ccp,.ccpd-grid-log{min-width:0}.ccpd-log-card{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;min-height:400px}.ccpd-log-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.ccpd-log-header h3{font-size:.95rem;font-weight:600;color:#f1f5f9;margin:0}.ccpd-log-count{font-size:.72rem;color:#475569;padding:3px 10px;background:#ffffff0a;border-radius:12px}.ccpd-log-body{flex:1;overflow-y:auto;padding:8px 12px;max-height:500px}.ccpd-log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:200px;color:#475569;font-size:.85rem}.ccpd-log-empty svg{opacity:.3}.ccpd-log-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:8px;font-size:.8rem;line-height:1.4;transition:background .15s}.ccpd-log-item:hover{background:#ffffff08}.ccpd-log-icon{flex-shrink:0;font-size:.75rem;margin-top:2px}.ccpd-log-message{flex:1;color:#94a3b8;word-break:break-word}.ccpd-log-time{flex-shrink:0;font-size:.7rem;color:#475569}.ccpd-log-success .ccpd-log-message{color:#10b981}.ccpd-log-error .ccpd-log-message{color:#fca5a5}.ccpd-log-call .ccpd-log-message{color:#3b82f6}.ccpd-log-agent .ccpd-log-message{color:#f59e0b}.ccpd-status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 28px 28px}.ccpd-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .15s}.ccpd-stat-card:hover{background:#1a2332;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.ccpd-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ccpd-stat-label{font-size:.72rem;color:#475569;text-transform:uppercase;letter-spacing:.04em;font-weight:500;margin:0}.ccpd-stat-value{font-size:1rem;font-weight:700;color:#f1f5f9;margin:2px 0 0}@media (max-width: 1024px){.ccpd-grid{grid-template-columns:1fr}.ccpd-status-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ccpd-sidebar{display:none}.ccpd-topbar{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:12px}.ccpd-status-cards{grid-template-columns:1fr 1fr}.ccpd-grid{padding:16px 20px}}@media (max-width: 480px){.ccpd-status-cards{grid-template-columns:1fr}}.ccp-agent-status{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-online .status-indicator{background:#10b981;box-shadow:0 0 8px #10b981}.status-busy .status-indicator{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-offline .status-indicator{background:#64748b}.status-info{display:flex;flex-direction:column}.agent-name{font-size:.85rem;font-weight:600;color:#f1f5f9}.agent-state{font-size:.7rem;color:#94a3b8}.ccp-call-timer{font-family:Monaco,Courier New,monospace;font-size:1.2rem;font-weight:700;color:#f59e0b;background:#f59e0b1a;padding:4px 12px;border-radius:8px}.ccp-incoming-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.ccp-incoming-modal{background:#111827;width:400px;border-radius:24px;border:1px solid rgba(245,158,11,.3);box-shadow:0 20px 50px #00000080;padding:32px;text-align:center;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-header h3{color:#f59e0b;margin-bottom:20px}.pulse-phone{font-size:48px;margin:20px 0;animation:phonePulse 1.5s infinite}@keyframes phonePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.phone-number{font-size:2rem;font-weight:800;color:#f1f5f9;margin-bottom:8px}.call-info{color:#94a3b8;margin-bottom:32px}.modal-footer{display:flex;gap:16px}.modal-footer button{flex:1;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;border:none}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626}.btn-accept{background:#10b981;color:#fff}.btn-accept:hover{background:#059669}.ccp-call-controls{background:#1e293b;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.05)}.call-info-mini{display:flex;flex-direction:column;margin-bottom:20px}.call-status{font-size:.7rem;text-transform:uppercase;color:#f59e0b;font-weight:700}.call-number{font-size:1.1rem;font-weight:700;color:#f1f5f9}.controls-row{display:flex;gap:12px;justify-content:center}.control-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:14px;color:#94a3b8;width:70px;cursor:pointer;transition:all .2s}.control-btn:hover{background:#ffffff1a;color:#f1f5f9}.control-btn.active{background:#f59e0b33;border-color:#f59e0b;color:#f59e0b}.btn-end{background:#ef44441a;border-color:#ef444433;color:#ef4444}.btn-end:hover{background:#ef4444;color:#fff}.ccp-dial-pad{padding:20px}.dial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dial-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:50%;aspect-ratio:1/1;color:#f1f5f9;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s}.dial-btn:hover{background:#f59e0b4d;border-color:#f59e0b;transform:scale(1.05)}