:root{--color-primary: #6c5ce7;--color-primary-light: #a29bfe;--color-bg-dark: #0f0f23;--color-bg-card: #16213e;--color-bg-sidebar: #0a0a1a;--color-bg-input: #1a1a2e;--color-text: #e0e0ff;--color-text-secondary: #8888aa;--color-success: #00b894;--color-warning: #fdcb6e;--color-danger: #e17055;--color-info: #74b9ff;--gradient-primary: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);--gradient-success: linear-gradient(135deg, #00b894 0%, #55efc4 100%);--gradient-danger: linear-gradient(135deg, #e17055 0%, #fab1a0 100%);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(108, 92, 231, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg-dark);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:#6c5ce766;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6c5ce799}.stat-card{position:relative;overflow:hidden;border:1px solid rgba(108,92,231,.15);transition:all .3s ease}.stat-card:hover{border-color:#6c5ce766;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.stat-card .stat-value{font-size:28px;font-weight:700;line-height:1;margin:4px 0}.stat-card .stat-label{font-size:13px;color:var(--color-text-secondary)}.softphone-container{position:fixed;bottom:24px;right:24px;z-index:1000}.softphone-widget{width:320px;background:var(--color-bg-card);border:1px solid rgba(108,92,231,.3);border-radius:20px;box-shadow:0 8px 40px #00000080;overflow:hidden;animation:slideUp .3s ease}.softphone-fab{width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #6c5ce780;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.softphone-fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #6c5ce7b3}.softphone-fab.ringing{animation:pulse 1s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #6c5ce780}50%{box-shadow:0 0 0 15px #6c5ce700}}.call-popup{position:fixed;top:24px;right:24px;width:380px;background:var(--color-bg-card);border:1px solid rgba(108,92,231,.4);border-radius:16px;box-shadow:0 8px 40px #0009;z-index:2000;animation:slideDown .3s ease;overflow:hidden}.call-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.agent-badge{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}.agent-badge.available{background:var(--color-success);box-shadow:0 0 8px #00b89480}.agent-badge.on-call{background:var(--color-primary);box-shadow:0 0 8px #6c5ce780}.agent-badge.ringing{background:var(--color-warning);animation:pulse 1s infinite}.agent-badge.break{background:var(--color-warning)}.agent-badge.offline{background:#555}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.dialpad-btn{width:100%;aspect-ratio:1.4;border-radius:12px;border:1px solid rgba(108,92,231,.2);background:#6c5ce714;color:var(--color-text);font-size:20px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.dialpad-btn span{font-size:9px;color:var(--color-text-secondary);letter-spacing:2px;margin-top:2px}.dialpad-btn:hover{background:#6c5ce733;border-color:#6c5ce766}.dialpad-btn:active{transform:scale(.95)}