@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";.sidebar{position:fixed!important;left:0!important;top:64px!important;width:72px!important;height:calc(100vh - 64px)!important;background:#fff!important;background-color:#fff!important;border-right:1px solid var(--color-border)!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:24px 0!important;gap:8px!important;z-index:999!important}.sidebar-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:var(--shadow-sm);color:#fff;margin-bottom:8px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.sidebar-spacer{flex:1}.sidebar-bottom{display:flex;flex-direction:column;gap:8px;align-items:center}.sidebar-item,.sidebar-icon-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:20px;cursor:pointer;transition:all .15s ease;position:relative;color:#9ca3af;background:transparent;border:none;text-decoration:none}.sidebar-item:hover,.sidebar-icon-btn:hover{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.sidebar-item.active,.sidebar-icon-btn.active{background:var(--color-accent-subtle);color:var(--color-accent)}.sidebar-item.active:before{content:"";position:absolute;left:-24px;width:3px;height:24px;background:var(--color-accent);border-radius:0 2px 2px 0}.sidebar-divider{width:32px;height:1px;background:var(--color-border);margin:12px 0}.sidebar-badge{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;box-shadow:0 0 0 2px #fff;animation:badge-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sidebar-flyout-wrapper{position:relative}.settings-flyout{position:absolute;left:calc(100% + 12px);bottom:0;width:220px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #00000012,0 10px 25px -5px #0000001a;overflow:hidden;z-index:1000;opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none}.settings-flyout--open{opacity:1;visibility:visible;transform:translate(0);pointer-events:all}.settings-flyout__header{display:flex;align-items:center;gap:6px;padding:10px 14px 8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid var(--color-border)}.settings-flyout__item{display:flex;align-items:center;gap:10px;padding:11px 14px;color:var(--color-text-secondary, #374151);text-decoration:none;font-size:13.5px;font-weight:450;cursor:pointer;transition:background .12s ease,color .12s ease;position:relative}.settings-flyout__item:not(:last-child){border-bottom:1px solid var(--color-border)}.settings-flyout__item:hover{background:var(--color-surface-elevated, #F9FAFB);color:var(--color-accent, #6366F1)}.settings-flyout__item:hover .settings-flyout__item-icon{color:var(--color-accent, #6366F1)}.settings-flyout__item--active{background:var(--color-accent-subtle, #EEF2FF);color:var(--color-accent, #6366F1)}.settings-flyout__item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-accent, #6366F1);border-radius:0 2px 2px 0}.settings-flyout__item--active .settings-flyout__item-icon{color:var(--color-accent, #6366F1)}.settings-flyout__item-icon{display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0;transition:color .12s ease}.settings-flyout__item-label{flex:1}.settings-flyout__item-chevron{color:#d1d5db;flex-shrink:0;transition:color .12s ease,transform .15s ease}.settings-flyout__item:hover .settings-flyout__item-chevron{color:var(--color-accent, #6366F1);transform:translate(2px)}@media(max-width:768px){.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:64px;flex-direction:row;justify-content:center;padding:0 16px;border-right:none;border-top:1px solid var(--color-border);background:#fff}.sidebar-item.active:before{display:none}.sidebar-divider{width:1px;height:32px;margin:0 12px}.settings-flyout{left:50%;bottom:calc(100% + 12px);transform:translate(-50%) translateY(8px)}.settings-flyout--open{transform:translate(-50%) translateY(0)}.sidebar-badge{top:3px;right:3px}}.top-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;height:64px!important;background:#fff!important;background-color:#fff!important;border-bottom:1px solid var(--color-border, #E5E7EB)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 32px!important;z-index:1000!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #0000001a}.nav-left{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:-.3px;color:var(--color-text-primary, #111827)}.logo-mark{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-left:-30px!important;margin-top:18px!important;position:relative;z-index:1100}.logo-image{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;object-fit:cover!important;display:block!important}.nav-links{display:flex;gap:4px}.nav-link{color:var(--color-text-secondary, #6B7280);text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm, 6px);transition:all .15s ease;cursor:pointer;background:transparent;border:none;font-family:inherit}.nav-link:hover{color:var(--color-text-primary, #111827);background:var(--color-surface-elevated, #F8F9FA)}.nav-link.active{color:var(--color-accent, #3B82F6);background:var(--color-accent-subtle, #EFF6FF)}.nav-right{display:flex;align-items:center;gap:16px}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid;border-radius:20px;font-size:13px;font-weight:500;transition:all .3s ease}.status-badge.status-connected{background:var(--color-success-subtle, #D1FAE5);border-color:#86efac;color:#047857}.status-badge.status-away{background:#fef3c7;border-color:#fcd34d;color:#b45309}.status-badge.status-busy,.status-badge.disconnected{background:var(--color-error-subtle, #FEE2E2);border-color:#fca5a5;color:#dc2626}.status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-badge.status-connected .status-dot{background:var(--color-success, #10B981)}.status-badge.status-away .status-dot{background:#f59e0b}.status-badge.status-busy .status-dot,.status-badge.disconnected .status-dot{background:var(--color-error, #EF4444)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-menu{position:relative}.user-avatar{width:36px;height:36px;background:var(--color-accent-subtle, #EFF6FF);border:2px solid var(--color-border, #E5E7EB);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;color:var(--color-accent, #3B82F6)}.user-avatar:hover{border-color:var(--color-accent, #3B82F6);box-shadow:0 0 0 3px var(--color-accent-subtle, #EFF6FF)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 12px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;animation:dropdownSlide .2s ease;z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;background:var(--color-surface-elevated, #F8F9FA);border-bottom:1px solid var(--color-border, #E5E7EB)}.dropdown-user-info{display:flex;flex-direction:column;gap:4px}.dropdown-user-name{font-size:14px;font-weight:600;color:var(--color-text-primary, #111827)}.dropdown-user-email{font-size:12px;color:var(--color-text-tertiary, #9CA3AF)}.dropdown-section{padding:8px}.dropdown-section-title{padding:8px 12px;font-size:11px;font-weight:600;color:var(--color-text-tertiary, #9CA3AF);text-transform:uppercase;letter-spacing:.5px}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-sm, 6px);font-size:14px;font-weight:500;color:var(--color-text-secondary, #6B7280);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.dropdown-item:hover{background:var(--color-surface-elevated, #F8F9FA);color:var(--color-text-primary, #111827)}.dropdown-item.active{background:var(--color-accent-subtle, #EFF6FF);color:var(--color-accent, #3B82F6)}.dropdown-item svg{width:16px;height:16px;flex-shrink:0}.dropdown-item span{flex:1}.check-icon{color:var(--color-accent, #3B82F6);flex-shrink:0}.dropdown-divider{height:1px;background:var(--color-border, #E5E7EB);margin:8px 0}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.status-connected{background:var(--color-success, #10B981);box-shadow:0 0 0 2px var(--color-success-subtle, #D1FAE5)}.status-indicator.status-away{background:#f59e0b;box-shadow:0 0 0 2px #fef3c7}.status-indicator.status-busy{background:var(--color-error, #EF4444);box-shadow:0 0 0 2px var(--color-error-subtle, #FEE2E2)}.logout-item{color:var(--color-error, #EF4444);margin-top:4px}.logout-item:hover{background:var(--color-error-subtle, #FEE2E2);color:var(--color-error, #DC2626)}@media(max-width:768px){.top-nav{padding:0 16px!important}.nav-links,.status-badge{display:none}.user-dropdown{right:-16px}}:root{--color-background: #FAFBFC;--color-surface: #FFFFFF;--color-surface-elevated: #F8F9FA;--color-border: #E5E7EB;--color-border-hover: #D1D5DB;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-accent: #3B82F6;--color-accent-hover: #2563EB;--color-accent-subtle: #EFF6FF;--color-success: #10B981;--color-success-subtle: #D1FAE5;--color-error: #EF4444;--color-error-subtle: #FEE2E2;--color-warning: #F59E0B;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-background);color:var(--color-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;height:100vh;width:100vw;background:var(--color-background);color:var(--color-text-primary);overflow:hidden;position:relative}.main-container{margin-top:64px!important;margin-left:72px!important;padding:32px!important;min-height:calc(100vh - 64px)!important;width:100%!important;max-width:calc(100% - 72px)!important;overflow-y:auto!important;box-sizing:border-box!important;background:var(--color-background)!important}.content-grid{display:grid;grid-template-columns:480px 1fr;gap:24px;max-width:1600px}.card .card-header{margin-bottom:24px;background:transparent!important;border:none!important;padding:0!important;border-radius:0!important}.card .card-title{font-size:18px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.3px;margin-bottom:4px;background:transparent}.card .card-subtitle{font-size:13px;color:var(--color-text-tertiary);font-weight:400;background:transparent}.dialer-section{display:flex;flex-direction:column;gap:24px}.number-display,.display{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 24px;margin-bottom:24px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.display-number-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.number-text,.display-number{font-family:JetBrains Mono,monospace;font-size:36px;font-weight:500;letter-spacing:2px;color:var(--color-text-primary);min-height:45px;margin-bottom:8px}.number-text.empty{color:var(--color-text-tertiary);font-size:20px}.number-status,.display-status{font-size:13px;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-weight:500}.display-caller-id{font-size:12px;color:var(--color-accent);font-weight:600;margin-top:8px;padding:6px 12px;background:var(--color-accent-subtle);border-radius:var(--radius-sm);display:inline-block}.backspace-btn{background:none;border:none;font-size:22px;color:var(--color-text-tertiary);cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:all .15s ease;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:8px}.backspace-btn:hover{background:var(--color-error-subtle);color:var(--color-error);transform:scale(1.1)}.backspace-btn:active{transform:scale(.95)}.keyboard-hint{font-size:11px;color:var(--color-text-tertiary);margin-top:8px;opacity:.7;letter-spacing:.2px}.dial-pad,.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.dial-button,.key{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.dial-button:hover,.key:hover{background:var(--color-surface-elevated);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dial-button:active,.key:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.key-digit{font-size:24px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.key-letters{font-size:10px;color:var(--color-text-tertiary);font-weight:500;letter-spacing:1px}.call-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px!important;width:100%!important}.call-actions-two{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.call-actions-two .action-btn,.call-actions-two .call-button{grid-column:span 1!important}.call-button,.action-btn{height:100px!important;min-height:100px!important;border:none;border-radius:var(--radius-md);display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;cursor:pointer;font-size:32px!important;transition:all .15s ease;font-family:inherit;padding:20px 40px!important;width:100%!important}.call-button:disabled{opacity:.5;cursor:not-allowed}.action-btn-label{font-size:16px!important;font-weight:600!important;letter-spacing:.3px}.call-button.primary,.btn-primary{background:var(--color-accent)!important;color:#fff!important;box-shadow:var(--shadow-sm)}.call-actions:not(.call-actions-two) .btn-primary{grid-column:span 2!important}.call-button.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.call-button.end,.btn-danger{background:var(--color-error)!important;color:#fff!important;box-shadow:var(--shadow-sm)}.call-actions:not(.call-actions-two) .btn-danger{grid-column:span 1!important}.call-button.end:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:#dc2626!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.call-button.secondary,.btn-secondary{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important}.call-actions:not(.call-actions-two) .btn-secondary{grid-column:span 1!important}.call-button.secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated)!important;border-color:var(--color-border-hover)!important;color:var(--color-text-primary)!important;transform:translateY(-2px)}.call-button.secondary.active,.btn-secondary.active{background:var(--color-accent-subtle)!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important}.call-status{text-align:center;margin-bottom:32px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.call-avatar{width:120px;height:120px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#fff;box-shadow:var(--shadow-lg)}.call-avatar.pulsing{animation:avatarPulse 2s infinite}@keyframes avatarPulse{0%,to{box-shadow:var(--shadow-lg),0 0 #3b82f6b3}50%{box-shadow:var(--shadow-lg),0 0 0 20px #3b82f600}}.call-name{font-size:32px;font-weight:600;margin-bottom:8px;letter-spacing:-.5px;color:var(--color-text-primary)}.call-duration{font-size:18px;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;margin-bottom:8px}.call-number{font-size:14px;color:var(--color-text-tertiary);font-family:JetBrains Mono,monospace}.call-recording-status{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:8px 16px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-md);color:#f44336;font-size:14px;font-weight:500;animation:recording-pulse 2s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.6}}.dtmf-panel{margin-top:20px;padding:18px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);animation:fadeIn .2s ease}.dtmf-display{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:14px;min-height:52px;transition:border-color .15s ease}.dtmf-digits{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:600;color:var(--color-text-primary);letter-spacing:4px;flex:1}.dtmf-clear{background:none;border:none;color:var(--color-text-tertiary);font-size:13px;cursor:pointer;padding:5px 9px;border-radius:var(--radius-sm);transition:all .15s ease;line-height:1;flex-shrink:0}.dtmf-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dtmf-key{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none;gap:3px;box-shadow:var(--shadow-sm)}.dtmf-key:active{transform:scale(.93) translateY(0);background:var(--color-accent);border-color:var(--color-accent);box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.stat-label{font-size:12px;color:var(--color-text-tertiary);font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:700;color:var(--color-text-primary);font-family:JetBrains Mono,monospace}.stat-change{font-size:12px;margin-top:6px;font-weight:500}.stat-change.positive{color:var(--color-success)}.numbers-list{display:flex;flex-direction:column;gap:8px}.number-item{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;border:2px solid var(--color-border);background:var(--color-surface)}.number-item:hover{background:var(--color-surface-elevated);border-color:var(--color-border-hover);transform:translate(2px)}.number-item.selected{background:var(--color-accent-subtle);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.number-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.number-item.selected .number-icon{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.number-info{flex:1;min-width:0}.number-label{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.number-value{font-size:13px;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-weight:500}.number-check{width:24px;height:24px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.contact-list{display:flex;flex-direction:column;gap:2px}.contact-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;border:1px solid transparent}.contact-item:hover{background:var(--color-surface-elevated);border-color:var(--color-border)}.contact-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-accent-subtle)!important;border:1px solid var(--color-border)!important;display:flex!important;align-items:center;justify-content:center;font-weight:600!important;font-size:14px;flex-shrink:0;color:var(--color-accent)!important}.contact-item:nth-child(1) .contact-avatar{background:#eff6ff!important;color:#3b82f6!important}.contact-item:nth-child(2) .contact-avatar{background:#f0fdf4!important;color:#10b981!important}.contact-item:nth-child(3) .contact-avatar{background:#fff7ed!important;color:#f59e0b!important}.contact-item:nth-child(4) .contact-avatar{background:#fdf4ff!important;color:#a855f7!important}.contact-item:nth-child(5) .contact-avatar{background:#fff1f2!important;color:#ef4444!important}.contact-info{flex:1;min-width:0}.contact-name{font-size:14px;font-weight:500;color:#111827!important;margin-bottom:3px;opacity:1!important}.contact-number,.contact-role{font-size:12px;color:#6b7280!important;font-family:JetBrains Mono,monospace;opacity:1!important}.contact-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-online,.contact-status.available,.status-badge.available{background:var(--color-success);box-shadow:0 0 0 2px var(--color-success-subtle)}.status-away,.contact-status.away,.status-badge.away{background:var(--color-warning);box-shadow:0 0 0 2px #fef3c7}.status-offline,.contact-status.offline{background:var(--color-text-tertiary)}.contact-status.busy,.status-badge.busy{background:var(--color-error);box-shadow:0 0 0 2px var(--color-error-subtle)}.history-item,.call-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);transition:all .15s ease}.history-item:hover,.call-item:hover{background:var(--color-surface-elevated)}.history-icon,.call-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.history-details,.call-details{flex:1}.history-name,.call-name-text{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:3px}.history-time,.call-time{font-size:12px;color:var(--color-text-tertiary)}.history-duration,.call-duration-text{font-size:12px;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.setting-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.toggle{width:44px;height:24px;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:12px;position:relative;cursor:pointer;transition:all .2s ease}.toggle:after{content:"";position:absolute;width:16px;height:16px;background:var(--color-text-tertiary);border-radius:50%;top:2px;left:2px;transition:all .2s ease}.toggle.active{background:var(--color-accent);border-color:var(--color-accent)}.toggle.active:after{background:#fff;transform:translate(20px)}.recording-btn{flex:1;height:36px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--color-text-secondary)}.recordings-page{width:100%;max-width:1200px}.search-box input{flex:1;border:none;background:transparent;padding:12px 0;font-size:14px;color:var(--color-text-primary);outline:none}.filter-btn{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.analytics-page{width:100%;max-width:1200px}.stats-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.activity-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;height:280px;padding:20px 0}.chart-bar{flex:1;background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;position:relative;transition:all .3s ease}.chart-bar:hover{opacity:.8;transform:translateY(-4px)}.chart-value{color:#fff;font-size:13px;font-weight:600;margin-bottom:8px}.chart-label{position:absolute;bottom:-24px;font-size:12px;color:var(--color-text-tertiary);font-weight:500}.page-with-search{width:100%;max-width:1400px;margin:0 auto}.page-heading{font-size:24px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.5px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-elevated)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.display-number-input{border:none;outline:none;background:transparent;font-family:JetBrains Mono,monospace;font-size:36px;font-weight:500;letter-spacing:2px;color:var(--color-text-primary);min-height:45px;margin-bottom:8px;text-align:center;width:100%;cursor:text;caret-color:var(--color-accent)}.display-number-input::placeholder{color:var(--color-text-tertiary);font-size:20px;letter-spacing:0}.display-number-input:focus{outline:none}@media(max-width:1200px){.content-grid,.recordings-grid{grid-template-columns:1fr}}@media(max-width:768px){.main-container{margin-left:0;margin-bottom:64px;padding:16px;width:100%;max-width:100%}.call-actions{grid-template-columns:1fr;gap:12px}.call-button.primary,.call-button.end,.call-button.secondary,.btn-primary,.btn-danger,.btn-secondary{grid-column:span 1}.stats-grid-large{grid-template-columns:repeat(2,1fr)}.activity-chart{height:200px}.dtmf-key{padding:10px 4px}.dtmf-digit{font-size:18px}}.dtmf-panel{margin-top:24px;padding:20px;background:var(--color-surface-elevated);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);animation:fadeIn .2s ease}.dtmf-display{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;min-height:54px;transition:border-color .15s ease,box-shadow .15s ease}.dtmf-display:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.dtmf-digits{font-family:JetBrains Mono,monospace;font-size:26px;font-weight:600;color:var(--color-text-primary);letter-spacing:5px;flex:1}.dtmf-placeholder{font-size:13px;font-weight:400;color:var(--color-text-tertiary);letter-spacing:0;font-family:Inter,sans-serif}.dtmf-clear{background:none;border:none;color:var(--color-text-tertiary);font-size:13px;cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:all .15s ease;line-height:1;flex-shrink:0}.dtmf-clear:hover{background:var(--color-error-subtle);color:var(--color-error)}.dtmf-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dtmf-key{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none;gap:3px;box-shadow:var(--shadow-sm)}.dtmf-key:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dtmf-key:active{transform:scale(.93) translateY(0);background:var(--color-accent);border-color:var(--color-accent);box-shadow:none;transition:all .06s ease}.dtmf-key:active .dtmf-digit,.dtmf-key:active .dtmf-letters{color:#fff}.dtmf-digit{font-size:22px;font-weight:700;color:var(--color-text-primary);line-height:1;font-family:Inter,sans-serif}.dtmf-letters{font-size:9px;color:var(--color-text-tertiary);font-weight:600;letter-spacing:1.2px;text-transform:uppercase}@media(max-width:768px){.dtmf-key{padding:10px 4px}.dtmf-digit{font-size:18px}}:root{--bg0: #f4f6fb;--bg1: #ffffff;--bg2: #f8f9fc;--bg3: #f0f2f8;--bg4: #e8ecf5;--line: #e4e8f0;--line2: #d8dded;--line3: #c8d0e2;--blue: #3b7bfc;--blue-dim: rgba(59,123,252,.08);--blue-glow:rgba(59,123,252,.25);--blue-lt: #eef3ff;--green: #22c55e;--green-lt: #f0fdf4;--amber: #f59e0b;--amber-lt: #fffbeb;--purple: #7c3aed;--purple-lt:#f5f3ff;--red: #ef4444;--ink0: #0d1526;--ink1: #3d4f6e;--ink2: #6b7a99;--ink3: #9aa5bd;--ink4: #c2cbdc;--r4: 4px;--r6: 6px;--r8: 8px;--r10: 10px;--r12: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.05)}.cp-root{display:flex;height:100vh;width:100%;background:var(--bg0);font-family:Inter,sans-serif;font-size:13px;color:var(--ink0);-webkit-font-smoothing:antialiased;letter-spacing:-.01em}.cp-main{margin-top:64px;margin-left:72px;flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg0)}.cp-page-head{background:var(--bg1);border-bottom:1px solid var(--line);padding:0 26px;flex-shrink:0}.cp-ph-top{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 0 16px}.cp-ph-left{display:flex;align-items:center;gap:12px}.cp-ph-icon{width:38px;height:38px;border-radius:var(--r8);background:var(--blue-lt);border:1px solid rgba(59,123,252,.15);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:16px}.cp-ph-title{font-size:17px;font-weight:700;color:var(--ink0);letter-spacing:-.03em}.cp-ph-sub{font-size:12px;color:var(--ink2);margin-top:2px}.cp-ph-actions{display:flex;align-items:center;gap:8px}.cp-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r6);font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s;border:none;white-space:nowrap}.cp-btn-ghost{background:transparent;color:var(--ink1);border:1px solid var(--line2)}.cp-btn-ghost:hover{background:var(--bg2);color:var(--ink0);border-color:var(--line3)}.cp-btn-primary{background:var(--blue);color:#fff;box-shadow:0 0 0 1px #3b7bfc66,0 2px 8px var(--blue-glow)}.cp-btn-primary:hover{background:#2d6ef0;box-shadow:0 0 0 1px #3b7bfc80,0 4px 16px var(--blue-glow);transform:translateY(-1px)}.cp-btn-primary:active{transform:translateY(0)}.cp-ph-tabs{display:flex;gap:0}.cp-ph-tab{display:flex;align-items:center;gap:7px;padding:10px 16px;font-size:12.5px;font-weight:500;color:var(--ink2);border:none;background:transparent;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.cp-ph-tab:hover{color:var(--ink0)}.cp-ph-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.cp-tab-pill{background:var(--bg3);color:var(--ink2);font-size:10px;font-weight:600;padding:1px 7px;border-radius:10px;border:1px solid var(--line);transition:all .15s}.cp-ph-tab.active .cp-tab-pill{background:var(--blue-lt);color:var(--blue);border-color:#3b7bfc33}.cp-toolbar{background:var(--bg1);border-bottom:1px solid var(--line);padding:10px 26px;display:flex;align-items:center;gap:10px;flex-shrink:0}.cp-t-search{position:relative;flex:1;max-width:340px}.cp-t-si{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:12px;pointer-events:none}.cp-t-search input{width:100%;padding:7.5px 32px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r6);font-family:Inter,sans-serif;font-size:12.5px;color:var(--ink0);outline:none;transition:all .15s}.cp-t-search input::placeholder{color:var(--ink4)}.cp-t-search input:focus{border-color:var(--blue);background:var(--bg1);box-shadow:0 0 0 3px var(--blue-dim)}.cp-t-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--ink3);cursor:pointer;font-size:11px;display:flex;align-items:center;padding:2px;transition:color .12s}.cp-t-clear:hover{color:var(--ink0)}.cp-t-count{font-size:12px;color:var(--ink2);padding:5px 10px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r6);white-space:nowrap;flex-shrink:0}.cp-t-count strong{color:var(--ink0);font-weight:600}.cp-t-sep{width:1px;height:18px;background:var(--line);flex-shrink:0}.cp-alpha-strip{display:flex;gap:1px;flex:1;overflow:hidden}.cp-a-btn{width:23px;height:23px;border:none;background:transparent;border-radius:var(--r4);font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:var(--ink1);cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}.cp-a-btn:hover:not(:disabled){background:var(--blue-lt);color:var(--blue)}.cp-a-btn.active{background:var(--blue);color:#fff}.cp-a-btn:disabled{opacity:.2;cursor:not-allowed}.cp-view-toggle{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r6);padding:2px;gap:1px;flex-shrink:0}.cp-vt-btn{width:28px;height:24px;border:none;background:transparent;border-radius:4px;color:var(--ink3);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .12s}.cp-vt-btn.active{background:var(--bg1);color:var(--ink0);box-shadow:var(--shadow-sm)}.cp-vt-btn:hover:not(.active){color:var(--ink1)}.cp-content{flex:1;overflow-y:auto;padding:20px 26px;background:var(--bg0)}.cp-content::-webkit-scrollbar{width:5px}.cp-content::-webkit-scrollbar-track{background:transparent}.cp-content::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px}.cp-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.cp-kpi{background:var(--bg1);border:1px solid var(--line);border-radius:var(--r10);padding:14px 16px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.cp-kpi:hover{box-shadow:var(--shadow)}.cp-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.cp-kpi--blue:before{background:var(--blue)}.cp-kpi--green:before{background:var(--green)}.cp-kpi--purple:before{background:var(--purple)}.cp-kpi--amber:before{background:var(--amber)}.cp-kpi-label{font-size:11px;color:var(--ink2);font-weight:500;margin-bottom:8px}.cp-kpi-value{font-size:22px;font-weight:700;color:var(--ink0);letter-spacing:-.04em;margin-bottom:6px}.cp-kpi-trend{font-size:11px;color:var(--ink2);display:flex;align-items:center;gap:4px}.cp-kpi-trend svg{color:var(--green);font-size:10px}.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:10px}.cp-card{background:var(--bg1);border:1px solid var(--line);border-radius:var(--r10);padding:16px;cursor:pointer;transition:all .18s ease;animation:cpFadeUp .25s ease both;box-shadow:var(--shadow-sm)}@keyframes cpFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cp-card:hover{border-color:#3b7bfc59;box-shadow:var(--shadow),0 0 0 3px var(--blue-dim);transform:translateY(-2px)}.cp-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.cp-c-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13.5px;position:relative;flex-shrink:0}.cp-c-presence{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg1);background:var(--ink4)}.cp-c-presence.on{background:var(--green);box-shadow:0 0 0 2px var(--green-lt)}.cp-c-more{width:26px;height:26px;border-radius:var(--r6);border:1px solid var(--line);background:transparent;color:var(--ink3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .12s;opacity:0}.cp-card:hover .cp-c-more{opacity:1}.cp-c-more:hover{background:var(--bg2);color:var(--ink0);border-color:var(--line2)}.cp-c-name{font-size:14px;font-weight:600;color:var(--ink0);letter-spacing:-.02em;margin-bottom:2px;transition:color .15s}.cp-card:hover .cp-c-name{color:var(--blue)}.cp-c-role{font-size:11.5px;color:var(--ink2);margin-bottom:12px}.cp-c-divider{height:1px;background:var(--line);margin-bottom:12px}.cp-c-info{display:flex;flex-direction:column;gap:5px}.cp-c-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink1)}.cp-c-row svg{font-size:10px;color:var(--ink3);width:12px;flex-shrink:0}.cp-c-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-c-footer{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.cp-c-action{flex:1;padding:6px;border:1px solid var(--line);border-radius:var(--r6);background:transparent;color:var(--ink2);font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .12s}.cp-c-action:hover{background:var(--bg2);color:var(--ink0);border-color:var(--line2)}.cp-c-action--blue:hover{background:var(--blue-lt);color:var(--blue);border-color:#3b7bfc33}.cp-list{background:var(--bg1);border:1px solid var(--line);border-radius:var(--r10);overflow:hidden;box-shadow:var(--shadow-sm)}.cp-list-head{display:grid;grid-template-columns:2fr 1.6fr 1.4fr 1fr 88px;padding:9px 18px;border-bottom:1px solid var(--line);background:var(--bg2)}.cp-list-head span{font-size:11px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}.cp-list-row{display:grid;grid-template-columns:2fr 1.6fr 1.4fr 1fr 88px;padding:11px 18px;border-bottom:1px solid var(--line);align-items:center;cursor:pointer;transition:background .12s;animation:cpFadeUp .2s ease both}.cp-list-row:last-child{border-bottom:none}.cp-list-row:hover{background:var(--bg2)}.cp-list-person{display:flex;align-items:center;gap:10px}.cp-list-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:#fff;flex-shrink:0;position:relative}.cp-list-presence{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg1);background:var(--ink4)}.cp-list-presence.on{background:var(--green)}.cp-list-name{font-size:13px;font-weight:500;color:var(--ink0)}.cp-list-sub{font-size:11.5px;color:var(--ink2)}.cp-list-text{font-size:12.5px;color:var(--ink1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-list-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:500;background:var(--bg3);color:var(--ink2);border:1px solid var(--line)}.cp-list-actions{display:flex;gap:4px;justify-content:flex-end}.cp-list-act{width:26px;height:26px;border-radius:var(--r4);border:1px solid var(--line);background:transparent;color:var(--ink3);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .12s;opacity:0}.cp-list-row:hover .cp-list-act{opacity:1}.cp-list-act:hover{background:var(--bg3);color:var(--ink0);border-color:var(--line2)}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:10px;text-align:center}.cp-empty-icon{width:54px;height:54px;border-radius:var(--r10);background:var(--bg2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink4);margin-bottom:6px}.cp-empty-title{font-size:15px;font-weight:600;color:var(--ink0)}.cp-empty-sub{font-size:13px;color:var(--ink2)}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d152673;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:cpFadeIn .18s ease}@keyframes cpFadeIn{0%{opacity:0}to{opacity:1}}.cp-modal{background:var(--bg1);border:1px solid var(--line2);border-radius:var(--r12);width:100%;max-width:500px;box-shadow:0 24px 64px #0d15262e,0 4px 16px #0000000f;animation:cpSlideUp .22s cubic-bezier(.22,1,.36,1);overflow:hidden}@keyframes cpSlideUp{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-modal-top{display:flex;align-items:center;gap:12px;padding:20px 22px 18px;border-bottom:1px solid var(--line)}.cp-modal-icon{width:34px;height:34px;border-radius:var(--r8);background:var(--blue-lt);border:1px solid rgba(59,123,252,.2);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:14px}.cp-modal-title{font-size:15px;font-weight:700;color:var(--ink0);letter-spacing:-.02em}.cp-modal-sub{font-size:12px;color:var(--ink2);margin-top:1px}.cp-modal-close{margin-left:auto;width:28px;height:28px;border:1px solid var(--line);background:transparent;border-radius:var(--r6);color:var(--ink2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .12s}.cp-modal-close:hover{background:var(--bg2);color:var(--ink0);border-color:var(--line2)}.cp-modal-preview{margin:16px 22px;padding:12px 14px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r8);display:flex;align-items:center;gap:12px}.cp-mp-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg4);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--ink3);flex-shrink:0;transition:background .3s}.cp-mp-name{font-size:13.5px;font-weight:600;color:var(--ink0)}.cp-mp-role{font-size:11.5px;color:var(--ink2);margin-top:1px}.cp-mp-badge{margin-left:auto;font-size:10px;font-weight:600;color:var(--ink3);background:var(--bg3);padding:2px 8px;border-radius:10px;border:1px solid var(--line);letter-spacing:.04em}.cp-modal-body{padding:0 22px;display:flex;flex-direction:column;gap:14px}.cp-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-field{display:flex;flex-direction:column;gap:5px}.cp-field label{font-size:11px;font-weight:600;color:var(--ink1);letter-spacing:.01em}.cp-fi{padding:8.5px 12px;background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r6);font-family:Inter,sans-serif;font-size:12.5px;color:var(--ink0);outline:none;transition:all .15s;width:100%}.cp-fi::placeholder{color:var(--ink4)}.cp-fi:focus{border-color:var(--blue);background:var(--bg1);box-shadow:0 0 0 3px var(--blue-dim)}.cp-fi.err{border-color:var(--red);box-shadow:0 0 0 3px #ef44441a}.cp-ferr{font-size:11px;color:var(--red);font-weight:500}.cp-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;margin-top:18px;border-top:1px solid var(--line);background:var(--bg2)}.cp-modal-note{font-size:11px;color:var(--ink3);display:flex;align-items:center;gap:5px}.cp-modal-note svg{font-size:10px}.cp-mf-btns{display:flex;gap:8px}@media(max-width:1100px){.cp-kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.cp-alpha-strip{display:none}.cp-list-head,.cp-list-row{grid-template-columns:2fr 1.5fr 100px 60px}.cp-list-head span:nth-child(3),.cp-list-row>div:nth-child(3){display:none}}@media(max-width:768px){.cp-main{margin-left:0;margin-bottom:64px}.cp-ph-top{flex-direction:column;align-items:flex-start;gap:14px}.cp-ph-actions{width:100%}.cp-kpi-row{grid-template-columns:repeat(2,1fr)}.cp-grid{grid-template-columns:1fr}.cp-list{display:none}}@media(max-width:480px){.cp-kpi-row{grid-template-columns:1fr}.cp-modal{margin:0 12px}.cp-field-grid{grid-template-columns:1fr}}.cp-gender-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.03em;margin-right:5px;vertical-align:middle}.cp-gender-badge--m{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.cp-gender-badge--f{background:#fdf2f8;color:#9d174d;border:1px solid #fbcfe8}.cp-gender-select{display:flex;gap:8px}.cp-gender-btn{flex:1;padding:9px 12px;border:1.5px solid var(--line2);border-radius:var(--r6);background:var(--bg2);font-family:Inter,sans-serif;font-size:12.5px;font-weight:500;color:var(--ink1);cursor:pointer;transition:all .15s;text-align:center}.cp-gender-btn:hover{border-color:var(--line3);background:var(--bg1);color:var(--ink0)}.cp-gender-btn.active-m{background:#eff6ff;border-color:#3b7bfc;color:#2563eb;font-weight:600}.cp-gender-btn.active-f{background:#fdf2f8;border-color:#db2777;color:#9d174d;font-weight:600}:root{--color-border: #E5E7EB;--color-surface-elevated: #F8F9FA;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-accent: #3B82F6;--color-accent-hover: #2563EB;--color-accent-subtle: #EFF6FF;--color-success: #10B981;--color-success-subtle: #D1FAE5;--color-error: #EF4444;--color-error-subtle: #FEE2E2;--radius-sm: 6px;--radius-md: 8px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#0077b6}body{font-family:Arial,sans-serif;background-color:#e0f7fa;margin:0;padding:0;color:#333}.profile-container{display:flex;min-height:100vh;width:100%;background-color:#f5f7fa}.profile-main{flex:1;margin-left:72px;margin-top:64px;padding:20px;overflow-y:auto;width:calc(100% - 72px);min-height:calc(100vh - 64px)}.performance-summary{background-color:#f8f9fa;border-radius:10px;padding:15px 20px;box-shadow:0 2px 5px #0000000d;border-left:4px solid #0077b6;margin-bottom:20px}.performance-summary h2{color:#0077b6;margin-top:0;margin-bottom:10px;font-size:1.3rem}.summary-content{font-size:.95rem}.summary-content p{margin:5px 0}.filters-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;align-items:center}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa;z-index:1;pointer-events:none}.search-input{width:100%;padding:10px 10px 10px 35px;border-radius:30px;border:1px solid #ddd!important;font-size:.9rem;background-color:#fff!important;color:#333!important;box-shadow:none!important;outline:none!important;box-sizing:border-box}.search-input::placeholder{color:#aaa!important}.search-input:focus{border-color:#0077b6!important;background-color:#fff!important;box-shadow:0 0 0 2px #0077b626!important}.filters{display:flex;gap:15px}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-size:.9rem;font-weight:600;color:#555}.filter-group select{padding:8px 12px;border-radius:5px;border:1px solid #ddd;background-color:#fff;color:#333;font-size:.9rem}.profile-section{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014}.profile-info{display:flex;align-items:center}.profile-image-container{position:relative;margin-right:20px}.profile-image{width:120px;height:120px;border-radius:50%;border:4px solid #00b4d8;object-fit:cover}.profile-picture-upload{position:absolute;bottom:5px;right:5px;background:#0077b6;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid white;transition:all .3s ease}.profile-picture-upload:hover{background:#005b8a;transform:scale(1.1)}.profile-details h2{font-size:1.8rem;color:#0077b6;margin-bottom:5px;margin-top:0}.profile-details p{font-size:1rem;color:#333;margin:5px 0}.profile-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.edit-button,.logout-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.edit-button{background-color:#0077b6;color:#fff}.edit-button:hover{background-color:#005b8a}.logout-button{background-color:#dc3545;color:#fff}.logout-button:hover{background-color:#c82333}.profile-stats{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-start}.stat-card{position:relative;min-width:180px;flex:1;padding:20px;background-color:#0077b6;color:#fff;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000001a}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:10px;z-index:0}.stat-card h3{font-size:1rem;margin-bottom:10px;margin-top:0;position:relative;z-index:1}.stat-card p{font-size:1.8rem;font-weight:700;margin-bottom:5px;margin-top:0;position:relative;z-index:1}.stat-card span{font-size:.8rem;color:#caf0f8;position:relative;z-index:1}.trend-indicator{position:absolute;top:10px;right:10px;font-size:12px;z-index:1}.trend-indicator.positive{color:#4af2a1}.trend-indicator.negative{color:#ff6b6b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff!important;border:1px solid #ddd!important;padding:30px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}.modal h3{margin-top:0;margin-bottom:20px;color:#0077b6;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-input{width:100%;padding:10px;border:1px solid #ddd!important;border-radius:5px;font-size:1rem;box-sizing:border-box;background-color:#fff!important;color:#333!important}.form-input::placeholder{color:#aaa!important}.form-input:focus{outline:none!important;border-color:#0077b6!important;background-color:#fff!important;box-shadow:0 0 0 2px #0077b633!important}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.save-button,.cancel-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:all .3s ease}.save-button{background-color:#0077b6;color:#fff}.save-button:hover{background-color:#005b8a}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#545b62}.goals-tracking{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.goals-tracking h2{color:#0077b6;margin-top:0;margin-bottom:15px;font-size:1.3rem}.goals-container{display:flex;flex-direction:column;gap:15px}.goal-item{display:flex;align-items:center;gap:15px}.goal-info{width:200px}.goal-info h4{margin:0 0 5px;font-size:1rem}.goal-info p{margin:0;font-size:.9rem;color:#666}.goal-progress-container{flex:1;height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden}.goal-progress-bar{height:100%;background-color:#0077b6;border-radius:5px}.goal-percentage{width:50px;text-align:right;font-weight:700;color:#0077b6}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.chart-card{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014}.chart-card h3{color:#0077b6;margin-top:0;margin-bottom:15px;font-size:1.2rem}.chart-legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.legend-item{display:flex;align-items:center;gap:5px;font-size:.8rem}.legend-color{width:12px;height:12px;border-radius:3px}.kpi-summary{display:flex;justify-content:space-between;margin-bottom:15px;background-color:#f8f9fa;padding:10px;border-radius:5px}.kpi-item{display:flex;flex-direction:column;align-items:center}.kpi-label{font-size:.8rem;color:#666}.kpi-value{font-size:1.2rem;font-weight:700;color:#0077b6}.conversion-funnel{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.conversion-funnel h2{color:#0077b6;margin-top:0;margin-bottom:15px;font-size:1.3rem}.funnel-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column;max-width:800px;margin:0 auto}.funnel-stage{width:100%;text-align:center;padding:15px;margin-bottom:10px;background-color:#0077b6;color:#fff;border-radius:5px;position:relative}.funnel-stage:nth-child(3){width:80%}.funnel-stage:nth-child(5){width:60%}.funnel-stage:nth-child(7){width:40%}.funnel-stage h4{margin:0 0 8px;font-size:1rem}.funnel-number{font-size:1.5rem;font-weight:700;margin:0}.funnel-rate{position:absolute;right:-40px;top:50%;transform:translateY(-50%);background-color:#00b4d8;color:#fff;padding:3px 8px;border-radius:20px;font-size:.8rem}.funnel-arrow{font-size:1.5rem;color:#0077b6;margin:0 0 10px}.recent-activity{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.recent-activity h2{color:#0077b6;margin-top:0;margin-bottom:15px;font-size:1.3rem}.recent-activity ul{list-style-type:none;padding:0;margin:0}.activity-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid #eee;transition:background-color .2s}.activity-item:hover{background-color:#f8f9fa}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;background-color:#e0f7fa;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#0077b6}.activity-content{flex:1}.activity-content p{margin:0 0 5px;font-size:.95rem}.activity-time{font-size:.8rem;color:#888}.activity-item.client .activity-icon{background-color:#e3f2fd;color:#1976d2}.activity-item.call .activity-icon{background-color:#e8f5e9;color:#388e3c}.activity-item.meeting .activity-icon{background-color:#fff3e0;color:#f57c00}.activity-item.email .activity-icon{background-color:#e0f2f1;color:#00897b}.activity-item.task .activity-icon{background-color:#f3e5f5;color:#8e24aa}.activity-log{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.activity-log h2{color:#0077b6;margin-top:0;margin-bottom:15px;font-size:1.3rem}.activity-log ul{list-style-type:none;padding:0;margin:0}.activity-log-item{padding:12px;border-bottom:1px solid #eee;transition:background-color .2s}.activity-log-item:hover{background-color:#f8f9fa}.activity-log-item:last-child{border-bottom:none}.activity-log-content p{margin:0 0 5px;font-size:.95rem}.activity-log-time{font-size:.8rem;color:#888}.upcoming-tasks{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014}.upcoming-tasks h2{color:#0077b6;margin-top:0;margin-bottom:15px;font-size:1.3rem}.upcoming-tasks ul{list-style-type:none;padding:0;margin:0 0 20px}.task-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.task-item:last-child{border-bottom:none}.task-checkbox{margin-right:15px}.task-checkbox input[type=checkbox]{display:none}.task-checkbox label{display:block;width:22px;height:22px;border:2px solid #0077b6;border-radius:4px;position:relative;cursor:pointer}.task-checkbox input[type=checkbox]:checked+label:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0077b6;font-size:14px}.task-content{flex:1}.task-content p{margin:0 0 5px;font-size:1rem}.task-due-date{font-size:.8rem;color:#888}.add-task-btn{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#0077b6;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.95rem;transition:background-color .2s}.add-task-btn:hover{background-color:#005b8a}@media(max-width:1024px){.profile-main{margin-left:72px;width:calc(100% - 72px)}.charts{grid-template-columns:1fr}.profile-section{flex-direction:column}.profile-stats{width:100%;justify-content:space-between}.stat-card{min-width:150px}}@media(max-width:768px){.profile-main{margin-left:0;width:100%;padding-bottom:80px}.filters-section{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.profile-info{flex-direction:column;text-align:center}.profile-image-container{margin-right:0;margin-bottom:15px}.profile-actions{flex-direction:column}.edit-button,.logout-button{width:100%;justify-content:center}.stat-card{width:100%;min-width:auto}.profile-stats{flex-direction:column;gap:10px}.funnel-rate{position:static;transform:none;display:inline-block;margin-top:5px}.modal{margin:20px;width:calc(100% - 40px)}.modal-actions{flex-direction:column}.save-button,.cancel-button{width:100%}}:root{--primary-color: #4A6FDE;--primary-light: #EEF2FF;--primary-dark: #3759C5;--danger-color: #EF4444;--success-color: #10B981;--warning-color: #F59E0B;--text-primary: #1F2937;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--bg-light: #F9FAFB;--bg-white: #FFFFFF;--border-color: #E5E7EB;--border-light: #F3F4F6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.settings-container{display:flex;min-height:100vh;background-color:var(--bg-light);font-family:var(--font-sans);color:var(--text-primary)}.settings-sidebar{width:280px;background-color:var(--bg-white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;position:sticky;top:0;height:100vh;box-shadow:var(--shadow-sm)}.settings-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.settings-menu{display:flex;flex-direction:column;gap:.25rem;margin-bottom:auto}.menu-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;position:relative;color:var(--text-secondary)}.menu-item i{font-size:1.25rem;margin-right:.75rem}.menu-item:hover{background-color:var(--primary-light);color:var(--primary-color)}.menu-item.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.help-center{display:flex;background-color:var(--primary-light);padding:1rem;border-radius:var(--radius-md);gap:1rem}.help-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-sm);flex-shrink:0}.help-content h4{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:var(--primary-dark)}.help-content p{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.settings-content{flex:1;padding:2rem;max-width:800px;margin:0 auto}.settings-hero{margin-bottom:2rem}.settings-hero h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.settings-description{color:var(--text-secondary);font-size:.95rem}.settings-card{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.settings-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);background-color:var(--bg-white)}.card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-md);margin-right:1rem}.card-icon i{font-size:1.25rem}.card-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.card-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-wrapper,.select-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i,.select-wrapper i{position:absolute;left:1rem;color:var(--text-tertiary);font-size:1rem}input,select{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);background-color:var(--bg-white);transition:all .2s ease}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6fde1a}.upload-container{display:flex;gap:1.5rem;align-items:center}.logo-preview{width:80px;height:80px;border-radius:var(--radius-md);background-color:var(--bg-light);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed var(--border-color)}.logo-preview img{max-width:100%;max-height:100%}.upload-actions{flex:1}.upload-help{margin-top:.5rem;font-size:.75rem;color:var(--text-tertiary)}.color-picker-wrapper{display:flex;align-items:center;gap:1rem}input[type=color]{width:48px;height:48px;padding:0;border:none;border-radius:var(--radius-md);cursor:pointer;background:none}.color-value{font-family:monospace;font-size:.95rem;color:var(--text-secondary)}.color-previews{display:flex;gap:.5rem;margin-top:.75rem}.color-preview{width:2rem;height:2rem;border-radius:var(--radius-sm)}.color-preview.primary{background-color:var(--primary-color)}.color-preview.secondary{background-color:var(--primary-dark)}.color-preview.tertiary{background-color:#4a6fde33}.btn-primary,.btn-secondary,.btn-danger,.btn-outline,.btn-text,.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary i{margin-right:.5rem}.btn-secondary{background-color:var(--primary-light);color:var(--primary-color)}.btn-secondary:hover{background-color:#4a6fde33}.btn-secondary i{margin-right:.5rem}.btn-danger{background-color:#ef44441a;color:var(--danger-color)}.btn-danger:hover{background-color:#ef444433}.btn-danger i{margin-right:.5rem}.btn-outline{border:1px solid var(--border-color);background-color:var(--bg-white);color:var(--text-secondary)}.btn-outline:hover{background-color:var(--bg-light)}.btn-outline i{margin-right:.5rem}.btn-text{background:none;color:var(--primary-color);padding:.5rem .75rem}.btn-text:hover{background-color:var(--primary-light)}.btn-text i{margin-right:.35rem}.btn-text.danger{color:var(--danger-color)}.btn-text.danger:hover{background-color:#ef44441a}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm);background-color:var(--bg-light)}.btn-icon:hover{background-color:var(--border-color)}.button-group{display:flex;gap:1rem;margin-top:1rem}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch.large{width:56px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch.large .slider:before{height:24px;width:24px}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.switch.large input:checked+.slider:before{transform:translate(26px)}.toggle-group{display:flex;flex-direction:column;gap:1rem}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:var(--radius-md);background-color:var(--bg-light)}.toggle-info{display:flex;align-items:center;gap:1rem}.toggle-info i{color:var(--primary-color);font-size:1.25rem}.toggle-label{display:block;font-weight:500;margin-bottom:.25rem}.toggle-description{font-size:.8rem;color:var(--text-secondary)}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-item{position:relative}.radio-item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-item label{display:flex;align-items:center;padding:.75rem;border-radius:var(--radius-md);background-color:var(--bg-light);cursor:pointer;margin:0}.radio-circle{position:relative;width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);display:inline-block;margin-right:1rem;flex-shrink:0}.radio-item input:checked~label .radio-circle{border-color:var(--primary-color)}.radio-item input:checked~label .radio-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--primary-color)}.radio-content{display:flex;flex-direction:column}.radio-title{font-weight:500;margin-bottom:.25rem}.radio-description{font-size:.8rem;color:var(--text-secondary)}.security-feature{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;margin-bottom:1.5rem;background-color:var(--bg-light);border-radius:var(--radius-md)}.security-feature:last-child{margin-bottom:0}.security-info{flex:1}.security-info h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.security-info p{font-size:.875rem;color:var(--text-secondary);max-width:400px}.password-strength{margin-top:1.5rem;margin-bottom:1.5rem}.strength-bar{height:6px;background-color:var(--border-light);border-radius:3px;margin-bottom:.5rem}.strength-progress{height:100%;border-radius:3px;background-color:var(--warning-color);width:50%}.strength-progress.medium{background-color:var(--warning-color)}.strength-progress.high{background-color:var(--success-color)}.strength-label{font-size:.875rem;color:var(--text-secondary)}.strength-label strong{color:var(--warning-color)}.subscription-card{border:1px solid rgba(74,111,222,.2)}.subscription-hero{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.subscription-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem}.subscription-badge i{margin-right:.5rem}.subscription-badge.premium{background-color:#fcf3e7;color:#f59e0b}.subscription-price{text-align:right}.price-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:.95rem;color:var(--text-secondary)}.subscription-details{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.detail-item{display:flex;align-items:center;gap:1rem}.detail-item i{color:var(--text-tertiary);font-size:1.25rem}.detail-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.detail-value{font-weight:500}.usage-meter{width:100%}.usage-bar{height:6px;background-color:var(--border-light);border-radius:3px;margin-bottom:.5rem}.usage-progress{height:100%;border-radius:3px;background-color:var(--primary-color)}.usage-value{font-size:.875rem;color:var(--text-secondary)}.payment-history{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.payment-item{display:flex;justify-content:space-between;padding:1rem;background-color:var(--bg-light);border-radius:var(--radius-md)}.payment-info{display:flex;align-items:center;gap:1rem}.payment-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--bg-white);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.payment-date .month{font-size:.7rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase}.payment-date .day{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.payment-details .payment-title{font-weight:500;margin-bottom:.25rem}.payment-details .payment-subtitle{font-size:.8rem;color:var(--text-secondary)}.payment-actions{display:flex;align-items:center;gap:1rem}.payment-amount{font-weight:600}.payment-status{font-size:.8rem;padding:.25rem .5rem;border-radius:var(--radius-sm)}.payment-status.success{background-color:#10b9811a;color:var(--success-color)}.payment-status.pending{background-color:#f59e0b1a;color:var(--warning-color)}.card-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:30px;border-radius:var(--radius-sm);color:#fff;font-size:1.25rem}.card-icon.visa{background-color:#1a1f71}.card-icon.mastercard{background-color:#eb001b}.card-number{font-weight:500}.card-expiry{font-size:.8rem;color:var(--text-secondary)}.billing-info{padding:1rem;background-color:var(--bg-light);border-radius:var(--radius-md);margin-bottom:1rem}.info-item{margin-bottom:.5rem;font-size:.95rem}.info-item:last-child{margin-bottom:0}.filters{display:flex;align-items:center;margin-bottom:1.5rem;gap:.5rem}.filter-btn{padding:.5rem 1rem;border-radius:var(--radius-md);background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-btn.active{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--primary-light)}.filter-btn:hover{background-color:var(--bg-light)}.search-container{position:relative;margin-left:auto}.search-container i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.search-container input{padding-left:2.5rem;width:250px}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.integration-card{background-color:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light);transition:all .3s ease}.integration-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.integration-header{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light)}.integration-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff;font-size:1.25rem}.integration-icon.slack{background-color:#4a154b}.integration-icon.google{background-color:#4285f4}.integration-icon.zapier{background-color:#ff4a00}.integration-icon.salesforce{background-color:#00a1e0}.integration-icon.hubspot{background-color:#ff7a59}.integration-status{display:flex;align-items:center;font-size:.8rem}.status-indicator{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.integration-status.connected{color:var(--success-color)}.integration-status.connected .status-indicator{background-color:var(--success-color)}.integration-status.disconnected{color:var(--text-tertiary)}.integration-status.disconnected .status-indicator{background-color:var(--text-tertiary)}.integration-body{padding:1.25rem}.integration-body h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.integration-body p{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.integration-meta{display:flex;gap:.5rem}.integration-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem}.integration-badge.new{background-color:#10b9811a;color:var(--success-color)}.integration-badge i{font-size:.875rem;margin-right:.25rem}.integration-actions{padding:1.25rem;border-top:1px solid var(--border-light)}.show-more{display:flex;justify-content:center;margin-top:1rem}@media(max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{width:100%;height:auto;position:relative;padding:1rem}.settings-title{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.settings-menu{flex-direction:row;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}.menu-item{flex-direction:column;padding:.75rem;text-align:center}.menu-item i{margin-right:0;margin-bottom:.5rem}.active-indicator{left:50%;top:auto;bottom:0;transform:translate(-50%);width:30%;height:3px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.sidebar-footer{display:none}.settings-content{padding:1rem}.form-row,.integration-grid{grid-template-columns:1fr}.security-feature{flex-direction:column;gap:1rem}}@media(prefers-color-scheme:dark){:root{--primary-color: #5B8DEE;--primary-light: #1F2A43;--primary-dark: #6F9AFF;--danger-color: #F87171;--success-color: #34D399;--warning-color: #FBBF24;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--bg-light: #111827;--bg-white: #1F2937;--border-color: #374151;--border-light: #2D3748}.card-icon,.help-icon{background-color:var(--primary-light)}.settings-card{background-color:var(--bg-white)}.card-header,.card-body{background-color:transparent}input,select{background-color:var(--bg-light);color:var(--text-primary);border-color:var(--border-color)}.toggle-item,.radio-item label,.security-feature,.payment-item,.billing-info{background-color:#1f293780}.radio-circle{border-color:var(--text-tertiary)}.payment-date{background-color:var(--bg-light)}.integration-card{background-color:var(--bg-white);border-color:var(--border-color)}.filter-btn{color:var(--text-secondary);border-color:var(--border-color)}.filter-btn.active{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--primary-light)}.settings-content:has(.gestion-historique-appels){max-width:100%!important;padding:0!important}.settings-content .gestion-historique-appels{width:100vw!important;margin-left:calc(-50vw + 50%)!important;max-width:100vw!important}}.gu-shell{min-height:100vh;background:#f8fafc}.gu-main{margin-left:72px;margin-top:64px;min-height:calc(100vh - 64px);background:#f8fafc}@media(max-width:768px){.gu-main{margin-left:0;margin-bottom:64px}}:root{--gu-font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--gu-font-mono: "DM Mono", "Fira Code", monospace;--gu-indigo-50: #eef2ff;--gu-indigo-100: #e0e7ff;--gu-indigo-200: #c7d2fe;--gu-indigo-400: #818cf8;--gu-indigo-500: #6366f1;--gu-indigo-600: #4f46e5;--gu-indigo-700: #4338ca;--gu-slate-50: #f8fafc;--gu-slate-100: #f1f5f9;--gu-slate-200: #e2e8f0;--gu-slate-300: #cbd5e1;--gu-slate-400: #94a3b8;--gu-slate-500: #64748b;--gu-slate-600: #475569;--gu-slate-700: #334155;--gu-slate-800: #1e293b;--gu-slate-900: #0f172a;--gu-green-50: #f0fdf4;--gu-green-100: #dcfce7;--gu-green-500: #22c55e;--gu-green-600: #16a34a;--gu-red-50: #fef2f2;--gu-red-100: #fee2e2;--gu-red-500: #ef4444;--gu-red-600: #dc2626;--gu-amber-50: #fffbeb;--gu-amber-500: #f59e0b;--gu-blue-50: #eff6ff;--gu-blue-100: #dbeafe;--gu-blue-500: #3b82f6;--gu-bg: #ffffff;--gu-surface: #ffffff;--gu-shadow-xs: 0 1px 2px rgba(15,23,42,.04);--gu-shadow-sm: 0 1px 4px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--gu-shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--gu-shadow-lg: 0 16px 48px rgba(15,23,42,.14), 0 4px 12px rgba(15,23,42,.06);--gu-shadow-xl: 0 24px 64px rgba(15,23,42,.18), 0 8px 20px rgba(15,23,42,.08);--gu-radius-sm: 6px;--gu-radius: 8px;--gu-radius-md: 12px;--gu-radius-lg: 16px;--gu-radius-xl: 20px;--gu-radius-full: 9999px;--gu-transition: .16s cubic-bezier(.4, 0, .2, 1);--gu-transition-slow: .26s cubic-bezier(.4, 0, .2, 1)}.gu-root{font-family:var(--gu-font);font-size:14px;line-height:1.5;color:var(--gu-slate-800);background:#f8fafc;padding:2rem 2.5rem;min-height:100%;width:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.gu-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.gu-header-left{flex:1;min-width:200px}.gu-breadcrumb{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;color:var(--gu-slate-400);font-size:12.5px;font-weight:500;letter-spacing:.01em}.gu-breadcrumb svg{color:var(--gu-slate-300);flex-shrink:0}.gu-breadcrumb-current{color:var(--gu-slate-600)}.gu-title{font-size:1.75rem;font-weight:700;color:var(--gu-slate-900);letter-spacing:-.03em;margin:0;display:flex;align-items:center;gap:.75rem;line-height:1.2}.gu-title-count{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:28px;padding:0 8px;background:var(--gu-indigo-600);color:#fff;border-radius:var(--gu-radius-full);font-size:13px;font-weight:600;letter-spacing:0}.gu-header-actions{display:flex;align-items:center;gap:.75rem}.gu-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--gu-radius);font-family:var(--gu-font);font-size:13.5px;font-weight:600;cursor:pointer;transition:var(--gu-transition);letter-spacing:.01em;white-space:nowrap;position:relative;overflow:hidden}.gu-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:var(--gu-transition)}.gu-btn:hover:after{background:#ffffff14}.gu-btn:active:after{background:#0000000f}.gu-btn-primary{background:linear-gradient(135deg,var(--gu-indigo-600),var(--gu-indigo-700));color:#fff;box-shadow:0 1px 3px #4f46e559,0 0 #4f46e500}.gu-btn-primary:hover{box-shadow:0 4px 12px #4f46e573,0 1px 3px #4f46e533;transform:translateY(-1px)}.gu-btn-primary:active{transform:translateY(0)}.gu-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.gu-btn-danger{background:var(--gu-red-50);color:var(--gu-red-600);border:1px solid var(--gu-red-100)}.gu-btn-danger:hover{background:var(--gu-red-600);color:#fff;border-color:var(--gu-red-600);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.gu-btn-ghost{background:transparent;color:var(--gu-slate-600);border:1px solid var(--gu-slate-200)}.gu-btn-ghost:hover{background:var(--gu-slate-50);border-color:var(--gu-slate-300);color:var(--gu-slate-800)}.gu-error-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--gu-red-50);border:1px solid var(--gu-red-100);border-left:3px solid var(--gu-red-500);border-radius:var(--gu-radius);color:var(--gu-red-600);font-weight:500;margin-bottom:1.25rem}.gu-error-icon{flex-shrink:0}.gu-error-banner>span{flex:1}.gu-error-retry{flex-shrink:0;padding:.375rem .875rem;background:var(--gu-red-500);color:#fff;border:none;border-radius:var(--gu-radius-sm);font-family:var(--gu-font);font-size:13px;font-weight:600;cursor:pointer;transition:var(--gu-transition)}.gu-error-retry:hover{background:var(--gu-red-600)}.gu-card{background:var(--gu-surface);border-radius:var(--gu-radius-lg);border:1px solid var(--gu-slate-200);box-shadow:var(--gu-shadow-md);overflow:hidden}.gu-toolbar{display:flex;align-items:center;gap:.875rem;padding:1.125rem 1.5rem;border-bottom:1px solid var(--gu-slate-100);background:#fff;flex-wrap:wrap}.gu-search-wrap{position:relative;flex:1;min-width:220px}.gu-search-icon{position:absolute;top:50%;left:.875rem;transform:translateY(-50%);color:var(--gu-slate-400);pointer-events:none}.gu-search-input{width:100%;padding:.625rem 2.5rem .625rem 2.375rem;background:var(--gu-surface);border:1px solid var(--gu-slate-200);border-radius:var(--gu-radius);font-family:var(--gu-font);font-size:13.5px;color:var(--gu-slate-800);transition:var(--gu-transition);outline:none}.gu-search-input::placeholder{color:var(--gu-slate-400)}.gu-search-input:focus{border-color:var(--gu-indigo-500);box-shadow:0 0 0 3px #6366f11f;background:#fff}.gu-search-clear{position:absolute;top:50%;right:.625rem;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--gu-slate-200);border:none;border-radius:var(--gu-radius-full);cursor:pointer;color:var(--gu-slate-500);transition:var(--gu-transition)}.gu-search-clear:hover{background:var(--gu-slate-300);color:var(--gu-slate-700)}.gu-filters{display:flex;gap:.625rem}.gu-select-wrap{position:relative;display:flex;align-items:center}.gu-select-full{width:100%}.gu-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.625rem 2.25rem .625rem .875rem;background:var(--gu-surface);border:1px solid var(--gu-slate-200);border-radius:var(--gu-radius);font-family:var(--gu-font);font-size:13.5px;color:var(--gu-slate-700);cursor:pointer;transition:var(--gu-transition);outline:none;width:100%}.gu-select:focus{border-color:var(--gu-indigo-500);box-shadow:0 0 0 3px #6366f11f}.gu-select-arrow{position:absolute;right:.75rem;color:var(--gu-slate-400);pointer-events:none}.gu-root .gu-table-wrap{overflow-x:auto}.gu-root .gu-table{width:100%;border-collapse:collapse!important;background:#fff!important}.gu-root .gu-table thead tr{background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;box-shadow:none!important}.gu-root .gu-table thead tr th,.gu-root .gu-table .gu-th-check,.gu-root .gu-table .gu-th-actions{padding:.875rem 1rem!important;font-size:11px!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#64748b!important;background:#f8fafc!important;text-align:left!important;white-space:nowrap!important;border:none!important;box-shadow:none!important}.gu-root .gu-table .gu-th-check{width:48px;text-align:center!important}.gu-root .gu-table .gu-th-actions{width:60px;text-align:center!important}.gu-root .gu-table tbody tr{border-bottom:1px solid #f1f5f9!important;background:#fff!important;transition:background .16s ease;animation:gu-row-in .3s ease both;box-shadow:none!important}.gu-root .gu-table tbody tr:nth-child(1){animation-delay:60ms}.gu-root .gu-table tbody tr:nth-child(2){animation-delay:.11s}.gu-root .gu-table tbody tr:nth-child(3){animation-delay:.16s}.gu-root .gu-table tbody tr:nth-child(4){animation-delay:.21s}.gu-root .gu-table tbody tr:nth-child(5){animation-delay:.26s}@keyframes gu-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gu-root .gu-table tbody tr:last-child{border-bottom:none!important}.gu-root .gu-table tbody tr:hover{background:#f8fafc!important}.gu-root .gu-table tbody tr.gu-tr-selected{background:#eef2ff!important}.gu-root .gu-table tbody tr td{padding:.875rem 1rem!important;vertical-align:middle!important;background:transparent!important;color:#1e293b!important;border:none!important;box-shadow:none!important}.gu-root .gu-table .gu-td-check{text-align:center!important}.gu-user-cell{display:flex;align-items:center;gap:.75rem}.gu-avatar-photo{width:38px;height:38px;border-radius:10px;object-fit:cover;border:1.5px solid rgba(255,255,255,.3);flex-shrink:0}.gu-avatar-initials{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff!important;letter-spacing:-.02em;flex-shrink:0;border:1.5px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#6366f1,#4f46e5)}.gu-user-name{font-weight:600;font-size:13.5px;color:var(--gu-slate-800);white-space:nowrap}.gu-email{font-size:13px;color:var(--gu-slate-500);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.gu-equipe{font-size:13px;color:var(--gu-slate-500)}.gu-date{font-family:var(--gu-font-mono);font-size:12px;color:var(--gu-slate-400)}.gu-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:var(--gu-radius-full);font-size:12px;font-weight:600;white-space:nowrap}.gu-badge-sip{background:var(--gu-blue-50);color:var(--gu-blue-500);border:1px solid var(--gu-blue-100);font-family:var(--gu-font-mono);font-size:11.5px}.gu-badge-phones{background:var(--gu-green-50);color:var(--gu-green-600);border:1px solid var(--gu-green-100)}.gu-badge-role-admin{background:var(--gu-indigo-50);color:var(--gu-indigo-600);border:1px solid var(--gu-indigo-100)}.gu-badge-role-user{background:var(--gu-slate-100);color:var(--gu-slate-600);border:1px solid var(--gu-slate-200)}.gu-status{display:inline-flex;align-items:center;gap:.45rem;font-size:12.5px;font-weight:600;white-space:nowrap}.gu-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.gu-status-actif{color:var(--gu-green-600)}.gu-status-actif .gu-status-dot{background:var(--gu-green-500);box-shadow:0 0 0 3px #22c55e2e;animation:gu-pulse 2.2s ease infinite}.gu-status-inactif{color:var(--gu-slate-400)}.gu-status-inactif .gu-status-dot{background:var(--gu-slate-300)}@keyframes gu-pulse{0%,to{box-shadow:0 0 0 3px #22c55e2e}50%{box-shadow:0 0 0 5px #22c55e14}}.gu-text-muted{color:var(--gu-slate-300);font-size:13px}.gu-phones-cell{display:flex;align-items:center;gap:.5rem}.gu-btn-manage{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--gu-slate-200);border-radius:7px;cursor:pointer;color:var(--gu-slate-400);transition:var(--gu-transition);flex-shrink:0}.gu-btn-manage:hover{background:var(--gu-indigo-50);border-color:var(--gu-indigo-400);color:var(--gu-indigo-600);transform:rotate(20deg)}.gu-btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--gu-slate-200);border-radius:7px;cursor:pointer;color:var(--gu-slate-400);transition:var(--gu-transition);margin:auto}.gu-btn-icon:hover{background:var(--gu-indigo-50);border-color:var(--gu-indigo-300);color:var(--gu-indigo-600);transform:scale(1.07)}.gu-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4.5rem 2rem;text-align:center;gap:.75rem}.gu-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--gu-slate-100);border-radius:50%;color:var(--gu-slate-400);margin-bottom:.5rem}.gu-empty-title{font-size:15px;font-weight:600;color:var(--gu-slate-700);margin:0}.gu-empty-sub{font-size:13px;color:var(--gu-slate-400);margin:0}.gu-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;color:var(--gu-slate-400);gap:1.25rem}.gu-loading p{margin:0;font-size:13.5px}.gu-spinner{width:44px;height:44px;position:relative}.gu-spinner-ring{width:100%;height:100%;border:3px solid var(--gu-slate-200);border-top-color:var(--gu-indigo-500);border-radius:50%;animation:gu-spin .75s linear infinite}@keyframes gu-spin{to{transform:rotate(360deg)}}.gu-mini-spinner{width:18px;height:18px;border:2px solid var(--gu-slate-200);border-top-color:var(--gu-indigo-500);border-radius:50%;animation:gu-spin .75s linear infinite;flex-shrink:0}.gu-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-top:1px solid var(--gu-slate-100);background:#fff}.gu-results-text{font-size:12.5px;color:var(--gu-slate-500);font-weight:500}.gu-selected-text{font-size:12.5px;color:var(--gu-indigo-600);font-weight:600;background:var(--gu-indigo-50);padding:.25rem .75rem;border-radius:var(--gu-radius-full)}.gu-checkbox{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:20px;height:20px;position:relative}.gu-checkbox input{position:absolute;opacity:0;width:0;height:0}.gu-checkmark{width:18px;height:18px;border:2px solid var(--gu-slate-300);border-radius:5px;background:#fff;transition:var(--gu-transition);display:flex;align-items:center;justify-content:center}.gu-checkbox:hover .gu-checkmark{border-color:var(--gu-indigo-400);background:var(--gu-indigo-50)}.gu-checkbox input:checked~.gu-checkmark{background:var(--gu-indigo-600);border-color:var(--gu-indigo-600)}.gu-checkmark:after{content:"";display:none;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}.gu-checkbox input:checked~.gu-checkmark:after{display:block}.gu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:1.5rem;animation:gu-overlay-in .2s ease}@keyframes gu-overlay-in{0%{opacity:0}to{opacity:1}}.gu-modal{width:100%;max-width:620px;background:var(--gu-surface);border-radius:var(--gu-radius-xl);box-shadow:var(--gu-shadow-xl);display:flex;flex-direction:column;max-height:90vh;animation:gu-modal-in .28s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--gu-slate-200)}.gu-modal-sm{max-width:480px}@keyframes gu-modal-in{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.gu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--gu-slate-100);gap:1rem}.gu-modal-title-wrap{display:flex;align-items:center;gap:1rem}.gu-modal-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gu-indigo-50),var(--gu-indigo-100));color:var(--gu-indigo-600);border-radius:12px;flex-shrink:0;border:1px solid var(--gu-indigo-200)}.gu-modal-icon-green{background:linear-gradient(135deg,var(--gu-green-50),var(--gu-green-100));color:var(--gu-green-600);border-color:var(--gu-green-100)}.gu-modal-title{font-size:16.5px;font-weight:700;color:var(--gu-slate-900);margin:0;letter-spacing:-.02em}.gu-modal-subtitle{font-size:12.5px;color:var(--gu-slate-400);margin:.125rem 0 0}.gu-modal-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid var(--gu-slate-200);border-radius:9px;cursor:pointer;color:var(--gu-slate-400);transition:var(--gu-transition);flex-shrink:0}.gu-modal-close:hover{background:var(--gu-red-50);border-color:var(--gu-red-200);color:var(--gu-red-500)}.gu-modal-body{padding:1.5rem 1.75rem;overflow-y:auto;flex:1}.gu-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.75rem;border-top:1px solid var(--gu-slate-100);background:var(--gu-slate-50);border-radius:0 0 var(--gu-radius-xl) var(--gu-radius-xl)}.gu-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gu-slate-400);margin:1.25rem 0 .875rem;padding-bottom:.5rem;border-bottom:1px solid var(--gu-slate-100)}.gu-section-label:first-child{margin-top:0}.gu-form-row{display:flex;gap:1rem}.gu-form-group{flex:1;margin-bottom:1rem}.gu-label{display:block;font-size:12.5px;font-weight:600;color:var(--gu-slate-700);margin-bottom:.45rem;letter-spacing:.01em}.gu-required{color:var(--gu-red-500);margin-left:2px}.gu-optional{font-weight:400;color:var(--gu-slate-400);font-size:11.5px;margin-left:4px}.gu-input-wrap{position:relative;display:flex;align-items:center}.gu-input-icon{position:absolute;left:.875rem;color:var(--gu-slate-400);pointer-events:none;z-index:1}.gu-input{width:100%;padding:.625rem .875rem;background:var(--gu-surface);border:1.5px solid var(--gu-slate-200);border-radius:var(--gu-radius);font-family:var(--gu-font);font-size:13.5px;color:var(--gu-slate-800);transition:var(--gu-transition);outline:none}.gu-input-iconed{padding-left:2.5rem}.gu-input::placeholder{color:var(--gu-slate-300)}.gu-input:focus{border-color:var(--gu-indigo-500);box-shadow:0 0 0 3px #6366f11f;background:#fff}.gu-info-pill{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--gu-radius);font-size:13px;font-weight:500;margin-bottom:1rem}.gu-info-blue{background:var(--gu-blue-50);color:var(--gu-blue-500);border:1px solid var(--gu-blue-100)}.gu-info-green{background:var(--gu-green-50);color:var(--gu-green-600);border:1px solid var(--gu-green-100)}.gu-info-pill strong{font-weight:700}.gu-phone-list{margin-bottom:.5rem;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gu-slate-200) transparent}.gu-phone-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--gu-slate-50);border:1px solid var(--gu-slate-100);border-radius:var(--gu-radius);margin-bottom:.5rem;transition:var(--gu-transition)}.gu-phone-item:hover{background:#fff;border-color:var(--gu-slate-200);box-shadow:var(--gu-shadow-sm)}.gu-phone-item-left{display:flex;align-items:center;gap:.75rem}.gu-phone-dot{width:8px;height:8px;background:var(--gu-green-500);border-radius:50%;box-shadow:0 0 0 3px #22c55e2e;flex-shrink:0}.gu-phone-number{font-family:var(--gu-font-mono);font-size:13.5px;font-weight:500;color:var(--gu-slate-800)}.gu-btn-trash{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid var(--gu-red-100);border-radius:7px;cursor:pointer;color:var(--gu-red-400);transition:var(--gu-transition)}.gu-btn-trash:hover{background:var(--gu-red-500);border-color:var(--gu-red-500);color:#fff}.gu-phone-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem;color:var(--gu-slate-400);background:var(--gu-slate-50);border-radius:var(--gu-radius);border:1.5px dashed var(--gu-slate-200)}.gu-phone-empty p{margin:0;font-size:13px}.gu-phone-add-section{margin-top:.5rem}.gu-phone-add-row{display:flex;gap:.75rem;align-items:stretch}.gu-phones-loading{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;color:var(--gu-slate-500);font-size:13px;background:var(--gu-slate-50);border-radius:var(--gu-radius);border:1px solid var(--gu-slate-100)}.gu-no-phones-msg{font-size:12.5px;color:var(--gu-slate-400);margin:.625rem 0 0;padding:.75rem;background:var(--gu-amber-50);border-radius:var(--gu-radius-sm);text-align:center}@media(max-width:1100px){.gu-hide-md{display:none}}@media(max-width:768px){.gu-root{padding:1.25rem}.gu-form-row{flex-direction:column;gap:0}.gu-toolbar{flex-direction:column;align-items:stretch}.gu-filters{flex-wrap:wrap}.gu-modal{border-radius:var(--gu-radius-lg)}.gu-header{align-items:flex-start}}.gg-shell *,.gg-shell *:before,.gg-shell *:after{box-sizing:border-box}.gg-shell{font-family:DM Sans,system-ui,sans-serif;min-height:100vh;background:#f4f5f7}.gg-main{margin-left:72px;margin-top:64px;min-height:calc(100vh - 64px);background:#f4f5f7}.gg-page{padding:32px 36px}.gg-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.gg-breadcrumb{font-size:11.5px;font-weight:500;color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}.gg-title{font-size:22px;font-weight:700;letter-spacing:-.4px;color:#111827;margin:0}.gg-header-actions{display:flex;gap:10px;align-items:center}.gg-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:#4f46e5;color:#fff;border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .18s,transform .1s,box-shadow .18s;box-shadow:0 2px 8px #4f46e547;white-space:nowrap}.gg-btn-primary:hover:not(:disabled){background:#4338ca;box-shadow:0 4px 14px #4f46e561;transform:translateY(-1px)}.gg-btn-primary:disabled{opacity:.45;cursor:not-allowed}.gg-btn-ghost{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;background:#fff;color:#374151;border:1px solid #E5E7EB;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.gg-btn-ghost:hover{background:#f9fafb;border-color:#d1d5db}.gg-btn-danger{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.gg-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.gg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.gg-stat-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:20px 22px;border:1px solid #E9EBF0;box-shadow:0 1px 4px #0000000a;transition:box-shadow .2s,transform .2s}.gg-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.gg-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gg-stat-indigo .gg-stat-icon{background:#eef2ff;color:#4f46e5}.gg-stat-green .gg-stat-icon{background:#ecfdf5;color:#059669}.gg-stat-amber .gg-stat-icon{background:#fffbeb;color:#d97706}.gg-stat-pink .gg-stat-icon{background:#fdf2f8;color:#db2777}.gg-stat-value{font-size:26px;font-weight:700;letter-spacing:-.5px;color:#111827;margin:0 0 2px;line-height:1}.gg-stat-label{font-size:12.5px;font-weight:500;color:#6b7280;margin:0}.gg-card{background:#fff;border-radius:16px;border:1px solid #E9EBF0;box-shadow:0 1px 4px #0000000a;overflow:hidden}.gg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #F3F4F6}.gg-search-wrap{position:relative;flex:1;max-width:380px}.gg-search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.gg-search{width:100%;padding:10px 34px;border:1px solid #E5E7EB;border-radius:10px;background:#f9fafb;color:#111827;font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.gg-search::placeholder{color:#9ca3af}.gg-search:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px #6366f11f}.gg-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#e5e7eb;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s}.gg-clear-btn:hover{background:#d1d5db}.gg-view-toggle{display:flex;background:#f3f4f6;border-radius:9px;padding:3px;gap:2px}.gg-view-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border:none;border-radius:7px;background:transparent;color:#9ca3af;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.gg-view-btn--on{background:#fff;color:#4f46e5;box-shadow:0 1px 4px #00000014}.gg-result-bar{padding:9px 22px;background:#fafafa;border-bottom:1px solid #F3F4F6;font-size:12.5px;font-weight:500;color:#9ca3af}.gg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;padding:22px}.gg-list{display:flex;flex-direction:column;gap:12px;padding:22px}.gg-group-card,.gg-group-row{background:#fff;border-radius:14px;border:1px solid #E9EBF0;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;position:relative}.gg-group-card:hover,.gg-group-row:hover{box-shadow:0 6px 24px #00000017;transform:translateY(-2px)}.gg-group-row{flex-direction:row;align-items:stretch}.gg-color-bar{width:100%;height:4px;flex-shrink:0}.gg-group-row .gg-color-bar{width:4px;height:auto}.gg-group-inner{padding:18px 20px;flex:1;display:flex;flex-direction:column;gap:12px}.gg-group-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.gg-group-id-wrap{display:flex;align-items:center;gap:8px;min-width:0}.gg-group-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.gg-group-name{font-size:15px;font-weight:700;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gg-group-actions{display:flex;gap:5px;flex-shrink:0}.gg-action{width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:all .15s}.gg-action--members:hover{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.gg-action--edit:hover{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.gg-action--delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.gg-group-desc{font-size:13.5px;color:#6b7280;line-height:1.5;margin:0;flex:1}.gg-avatar-stack{display:flex;align-items:center}.gg-member-avatar{width:30px;height:30px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-left:-8px;overflow:hidden;flex-shrink:0}.gg-member-avatar:first-child{margin-left:0}.gg-member-avatar img{width:100%;height:100%;object-fit:cover}.gg-member-more{background:#f3f4f6!important;color:#6b7280!important;font-size:10px;font-weight:600}.gg-group-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #F3F4F6}.gg-members-count{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:#9ca3af}.gg-manage-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:#6366f1;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;padding:0;transition:color .15s}.gg-manage-link:hover{color:#4f46e5}.gg-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:64px 24px;text-align:center}.gg-empty-icon{width:60px;height:60px;border-radius:16px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;margin-bottom:6px}.gg-empty-title{font-size:15px;font-weight:600;color:#374151;margin:0}.gg-empty-sub{font-size:13.5px;color:#9ca3af;margin:0 0 8px}.gg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9000;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:gg-fade .2s ease}@keyframes gg-fade{0%{opacity:0}to{opacity:1}}.gg-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px #0000002e,0 4px 12px #00000014;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;animation:gg-slide .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.gg-modal-lg{max-width:560px}@keyframes gg-slide{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gg-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #F3F4F6;gap:12px}.gg-modal-head-left{display:flex;align-items:center;gap:12px}.gg-modal-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.gg-modal-title{font-size:16px;font-weight:700;color:#111827;margin:0;letter-spacing:-.2px}.gg-modal-sub{font-size:12.5px;color:#9ca3af;margin:2px 0 0}.gg-modal-close{width:30px;height:30px;border-radius:8px;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s,color .15s;flex-shrink:0}.gg-modal-close:hover{background:#e5e7eb;color:#374151}.gg-modal-body{padding:22px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}.gg-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #F3F4F6;background:#fafafa}.gg-field{display:flex;flex-direction:column;gap:6px}.gg-label{font-size:13px;font-weight:600;color:#374151}.gg-req{color:#ef4444;margin-left:2px}.gg-input{padding:10px 13px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;color:#111827;font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.gg-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11f}.gg-input::placeholder{color:#9ca3af}.gg-textarea{padding:10px 13px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;color:#111827;font-family:DM Sans,sans-serif;font-size:14px;outline:none;resize:vertical;min-height:88px;transition:border-color .15s,box-shadow .15s;width:100%}.gg-textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11f}.gg-textarea::placeholder{color:#9ca3af}.gg-color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gg-color-chip{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s}.gg-color-chip:hover{transform:scale(1.12)}.gg-color-chip--on{border-color:#fff;box-shadow:0 0 0 2px #4f46e5;transform:scale(1.1)}.gg-color-custom{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #E5E7EB;border-radius:8px;background:#f9fafb}.gg-color-custom input[type=color]{width:22px;height:22px;border:none;padding:0;background:none;cursor:pointer;border-radius:4px}.gg-color-custom span{font-family:DM Mono,monospace;font-size:12px;color:#6b7280}.gg-delete-body{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:8px 0}.gg-delete-icon{width:52px;height:52px;border-radius:14px;background:#fef2f2;display:flex;align-items:center;justify-content:center;color:#ef4444}.gg-delete-msg{font-size:14px;line-height:1.6;color:#4b5563;margin:0}.gg-member-search-wrap{position:relative;display:flex;align-items:center}.gg-member-search-wrap svg{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.gg-member-search{width:100%;padding:9px 13px 9px 34px;border:1px solid #E5E7EB;border-radius:10px;background:#f9fafb;font-family:DM Sans,sans-serif;font-size:13.5px;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s}.gg-member-search:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px #6366f11f}.gg-member-search::placeholder{color:#9ca3af}.gg-member-list{border:1px solid #F3F4F6;border-radius:12px;overflow:hidden;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#E5E7EB transparent}.gg-member-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #F9FAFB;cursor:pointer;transition:background .12s}.gg-member-row:last-child{border-bottom:none}.gg-member-row:hover{background:#f8f9ff}.gg-member-row--on{background:#eef2ff}.gg-member-row--on:hover{background:#e0e7ff}.gg-member-left{display:flex;align-items:center;gap:12px}.gg-member-avatar-sm{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.gg-member-avatar-sm img{width:100%;height:100%;object-fit:cover}.gg-member-name{font-size:13.5px;font-weight:600;color:#111827;margin:0}.gg-member-email{font-size:12px;color:#9ca3af;margin:2px 0 0}.gg-checkmark{width:20px;height:20px;border-radius:6px;border:2px solid #D1D5DB;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.gg-checkmark--on{background:#4f46e5;border-color:#4f46e5}.gg-member-empty,.gg-member-empty-full{padding:28px;text-align:center;color:#9ca3af;font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:8px}.gg-member-count-pill{font-size:12.5px;font-weight:600;color:#4f46e5;background:#eef2ff;padding:5px 12px;border-radius:20px;margin-right:auto}@media(max-width:1100px){.gg-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gg-main{margin-left:0;margin-bottom:64px}.gg-page{padding:20px 16px}.gg-header{align-items:flex-start;flex-direction:column}.gg-stats{grid-template-columns:repeat(2,1fr)}.gg-grid{grid-template-columns:1fr;padding:16px}.gg-modal{border-radius:14px}}.gn-shell *,.gn-shell *:before,.gn-shell *:after{box-sizing:border-box}.gn-shell{font-family:DM Sans,system-ui,sans-serif;background:#f4f5f7;min-height:100vh;color:#111827}.gn-main{margin-left:72px;margin-top:64px;min-height:calc(100vh - 64px);background:#f4f5f7;padding:32px 36px}.gn-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.gn-breadcrumb{font-size:12px;font-weight:500;color:#9ca3af;letter-spacing:.02em;margin:0 0 4px;text-transform:uppercase}.gn-title{font-size:22px;font-weight:700;letter-spacing:-.4px;color:#111827;margin:0}.gn-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#4f46e5;color:#fff;border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,transform .1s,box-shadow .18s;box-shadow:0 2px 8px #4f46e54d;white-space:nowrap}.gn-btn-primary:hover:not(:disabled){background:#4338ca;box-shadow:0 4px 14px #4f46e561;transform:translateY(-1px)}.gn-btn-primary:active{transform:translateY(0)}.gn-btn-primary:disabled{background:#c7d2fe;box-shadow:none;cursor:not-allowed}.gn-btn-ghost{display:inline-flex;align-items:center;padding:10px 16px;background:#fff;color:#374151;border:1px solid #E5E7EB;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.gn-btn-ghost:hover{background:#f9fafb;border-color:#d1d5db}.gn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.gn-stat-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:20px 22px;border:1px solid #E9EBF0;box-shadow:0 1px 4px #0000000a;transition:box-shadow .2s,transform .2s}.gn-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.gn-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gn-stat-blue .gn-stat-icon{background:#eef2ff;color:#4f46e5}.gn-stat-green .gn-stat-icon{background:#ecfdf5;color:#059669}.gn-stat-red .gn-stat-icon{background:#fef2f2;color:#dc2626}.gn-stat-purple.gn-stat-icon,.gn-stat-purple .gn-stat-icon{background:#f5f3ff;color:#7c3aed}.gn-stat-value{font-size:26px;font-weight:700;letter-spacing:-.5px;color:#111827;margin:0 0 2px;line-height:1}.gn-stat-label{font-size:12.5px;font-weight:500;color:#6b7280;margin:0}.gn-card{background:#fff;border-radius:16px;border:1px solid #E9EBF0;box-shadow:0 1px 4px #0000000a;overflow:hidden}.gn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #F3F4F6}.gn-search-wrap{position:relative;flex:1;max-width:420px}.gn-search-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.gn-search{width:100%;padding:10px 36px;border:1px solid #E5E7EB;border-radius:10px;background:#f9fafb;color:#111827;font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.gn-search::placeholder{color:#9ca3af}.gn-search:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px #6366f11f}.gn-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#e5e7eb;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s,color .15s}.gn-clear-btn:hover{background:#d1d5db;color:#374151}.gn-selects{display:flex;gap:10px}.gn-select-wrap{position:relative;display:inline-flex;align-items:center}.gn-select-full{width:100%}.gn-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:9px 34px 9px 13px;border:1px solid #E5E7EB;border-radius:10px;background:#f9fafb;color:#374151;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s,background .15s,box-shadow .15s;min-width:150px}.gn-select:focus{border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px #6366f11f}.gn-select-arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9ca3af}.gn-result-bar{display:flex;align-items:center;gap:12px;padding:10px 22px;background:#fafafa;border-bottom:1px solid #F3F4F6;font-size:12.5px;font-weight:500;color:#9ca3af}.gn-reset-btn{background:none;border:none;color:#6366f1;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.gn-reset-btn:hover{color:#4f46e5}.gn-table-wrap{overflow-x:auto}.gn-table{width:100%;border-collapse:collapse;background:#fff}.gn-table thead tr{background:#fafafa}.gn-table th{padding:11px 20px;font-size:11.5px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid #F3F4F6;white-space:nowrap;background:#fafafa}.gn-table td{padding:14px 20px;font-size:14px;color:#374151;border-bottom:1px solid #F9FAFB;background:#fff;vertical-align:middle}.gn-row{transition:background .12s}.gn-row:hover td{background:#f8f9ff!important}.gn-row:last-child td{border-bottom:none}.gn-phone-cell{display:flex;align-items:center;gap:10px}.gn-phone-icon{width:30px;height:30px;border-radius:8px;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gn-phone-num{font-family:DM Mono,Courier New,monospace;font-size:13.5px;font-weight:500;color:#1f2937;letter-spacing:.3px}.gn-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.02em}.gn-type-standard{background:#f3f4f6;color:#4b5563}.gn-type-sda{background:#eef2ff;color:#4f46e5}.gn-type-mobile{background:#fff7ed;color:#c2410c}.gn-type-fax{background:#f0fdf4;color:#15803d}.gn-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12.5px;font-weight:600}.gn-status-actif{background:#ecfdf5;color:#059669}.gn-status-inactif{background:#f3f4f6;color:#6b7280}.gn-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.gn-status-actif .gn-status-dot{background:#10b981;animation:gn-pulse 2s ease infinite}.gn-status-inactif .gn-status-dot{background:#9ca3af}@keyframes gn-pulse{0%,to{opacity:1}50%{opacity:.4}}.gn-assignee{display:flex;align-items:center;gap:10px}.gn-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.02em}.gn-assignee-name{font-size:14px;font-weight:500;color:#1f2937}.gn-unassigned{font-size:13px;color:#c4c9d4;font-style:italic}.gn-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.gn-action{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;color:#9ca3af}.gn-action:hover{transform:scale(1.08)}.gn-action--edit:hover{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.gn-action--pause:hover{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.gn-action--play:hover{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.gn-action--delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.gn-empty-td{padding:64px 24px!important;background:#fff!important}.gn-empty{display:flex;flex-direction:column;align-items:center;text-align:center}.gn-empty-icon{width:60px;height:60px;border-radius:16px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;margin-bottom:16px}.gn-empty-title{font-size:15px;font-weight:600;color:#374151;margin:0 0 6px}.gn-empty-sub{font-size:13.5px;color:#9ca3af;margin:0}.gn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9000;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:gn-fade-in .2s ease}@keyframes gn-fade-in{0%{opacity:0}to{opacity:1}}.gn-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px #0000002e,0 4px 12px #00000014;width:100%;max-width:480px;animation:gn-slide-up .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes gn-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gn-modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid #F3F4F6}.gn-modal-title{font-size:16px;font-weight:700;color:#111827;margin:0;letter-spacing:-.2px}.gn-modal-close{width:30px;height:30px;border-radius:8px;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s,color .15s}.gn-modal-close:hover{background:#e5e7eb;color:#374151}.gn-modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:18px}.gn-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #F3F4F6;background:#fafafa}.gn-field{display:flex;flex-direction:column;gap:6px}.gn-label{font-size:13px;font-weight:600;color:#374151}.gn-req{color:#ef4444;margin-left:2px}.gn-input{padding:10px 13px;border:1px solid #E5E7EB;border-radius:10px;background:#fff;color:#111827;font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.gn-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11f}.gn-input::placeholder{color:#9ca3af}.gn-phone-input-wrap{display:flex;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.gn-phone-input-wrap:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11f}.gn-prefix{background:#f9fafb;border-right:1px solid #E5E7EB;padding:10px 14px;font-size:14px;font-weight:600;color:#4b5563;flex-shrink:0}.gn-phone-input-wrap .gn-input{border:none;box-shadow:none;border-radius:0;flex:1}.gn-phone-input-wrap .gn-input:focus{border:none;box-shadow:none}.gn-select-full .gn-select{width:100%;min-width:unset;padding-right:34px}.gn-radio-group{display:flex;gap:10px}.gn-radio-card{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1.5px solid #E5E7EB;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:500;color:#4b5563;background:#f9fafb;transition:all .15s;-webkit-user-select:none;user-select:none}.gn-radio-card:hover{border-color:#c7d2fe;background:#eef2ff;color:#4f46e5}.gn-radio-card--on{border-color:#818cf8;background:#eef2ff;color:#4f46e5;font-weight:600}.gn-rdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gn-rdot--green{background:#10b981}.gn-rdot--gray{background:#9ca3af}@media(max-width:1024px){.gn-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gn-main{margin-left:0;margin-top:64px;margin-bottom:64px;padding:20px 16px}.gn-header{flex-direction:column;align-items:flex-start;gap:16px}.gn-stats{grid-template-columns:repeat(2,1fr)}.gn-toolbar{flex-direction:column;align-items:stretch}.gn-search-wrap{max-width:100%}.gn-selects{flex-direction:column}.gn-select{min-width:unset;width:100%}.gn-modal{max-width:95vw;border-radius:14px}}@media(max-width:480px){.gn-stats{grid-template-columns:1fr 1fr}}.gestion-historique-appels{padding:1.5rem;background-color:var(--bg-white, #ffffff);margin:0;width:100%;box-sizing:border-box;height:100vh;overflow:hidden;display:flex;flex-direction:column}.gestion-historique-full-width{width:100%;max-width:100%;padding:0 1.5rem}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:var(--radius-md, 8px);padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#c33;flex-shrink:0}.retry-btn{padding:.5rem 1rem;background:#fff;border:1px solid #c33;border-radius:6px;color:#c33;cursor:pointer;font-size:.875rem}.retry-btn:hover{background:#fee}.main-card{background:var(--bg-white, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-light, #f3f4f6);background:var(--bg-white, #ffffff);flex-shrink:0}.search-filters-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.search-container{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #9ca3af);fill:none;stroke:currentColor;stroke-width:2}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.95rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary-color, #4A6FDE);box-shadow:0 0 0 3px #4a6fde1a}.filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-select,.filter-date{padding:.75rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.95rem;background:var(--bg-white, #ffffff);cursor:pointer;transition:all .2s}.filter-select:focus,.filter-date:focus{outline:none;border-color:var(--primary-color, #4A6FDE);box-shadow:0 0 0 3px #4a6fde1a}.btn-clear-filters{padding:.75rem 1rem;background:#ef44441a;color:#ef4444;border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;cursor:pointer;transition:all .2s;font-weight:500}.btn-clear-filters:hover{background:#ef444433}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.selection-count{font-size:.875rem;color:var(--text-secondary, #6b7280);padding:.5rem 1rem;background:var(--primary-light, #eef2ff);border-radius:var(--radius-md, 8px);font-weight:500}.btn{padding:.75rem 1.25rem;border-radius:var(--radius-md, 8px);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary-color, #4A6FDE);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #3759C5);transform:translateY(-1px);box-shadow:0 4px 12px #4a6fde4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;color:var(--primary-color, #4A6FDE);border:1px solid var(--border-color, #e5e7eb)}.btn-outline:hover{background:var(--primary-light, #eef2ff);border-color:var(--primary-color, #4A6FDE)}.card-body{padding:0;flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.loading-state{padding:4rem 2rem;text-align:center;color:var(--text-secondary, #6b7280)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-light, #f3f4f6);border-top-color:var(--primary-color, #4A6FDE);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.table-container{min-width:100%}.table-calls{width:100%;border-collapse:collapse;font-size:.95rem}.table-calls thead{background:var(--bg-light, #f9fafb);border-bottom:2px solid var(--border-color, #e5e7eb);position:sticky;top:0;z-index:10}.table-calls th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary, #1f2937);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table-calls tbody tr{border-bottom:1px solid var(--border-light, #f3f4f6);transition:all .2s}.table-calls tbody tr:hover{background:var(--bg-light, #f9fafb)}.table-calls td{padding:1rem;vertical-align:middle}.checkbox-cell{width:50px;text-align:center}.checkbox{position:relative;display:inline-flex;cursor:pointer}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:#fff;border:2px solid var(--border-color, #e5e7eb);border-radius:4px;transition:all .2s}.checkbox input:checked~.checkmark{background-color:var(--primary-color, #4A6FDE);border-color:var(--primary-color, #4A6FDE)}.checkbox input:checked~.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.datetime-cell{color:var(--text-secondary, #6b7280);font-size:.875rem;white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500;white-space:nowrap}.type-incoming{background:#10b9811a;color:#10b981}.type-outgoing{background:#4a6fde1a;color:#4a6fde}.type-missed{background:#ef44441a;color:#ef4444}.type-unknown{background:var(--border-light, #f3f4f6);color:var(--text-tertiary, #9ca3af)}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-name{font-weight:500;color:var(--text-primary, #1f2937)}.contact-number{font-size:.875rem;color:var(--text-secondary, #6b7280);font-family:Courier New,monospace}.phone-cell{font-family:Courier New,monospace;color:var(--text-secondary, #6b7280)}.duration-cell{color:var(--text-primary, #1f2937);font-weight:500}.user-cell{color:var(--text-secondary, #6b7280)}.notes-cell{max-width:200px;color:var(--text-secondary, #6b7280);font-size:.875rem}.text-muted{color:var(--text-tertiary, #9ca3af)}.actions-cell{text-align:right}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{width:36px;height:36px;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-color, #e5e7eb);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon svg{fill:currentColor;stroke:currentColor;stroke-width:2}.btn-icon:hover{background:var(--primary-light, #eef2ff);border-color:var(--primary-color, #4A6FDE);color:var(--primary-color, #4A6FDE);transform:translateY(-2px)}.btn-icon.playing{background:var(--primary-color, #4A6FDE);border-color:var(--primary-color, #4A6FDE);color:#fff}.empty-row td{padding:4rem 2rem}.empty-state{text-align:center;color:var(--text-secondary, #6b7280)}.empty-state p{margin:0;font-size:1rem}.card-footer{padding:1rem 1.5rem;background:var(--bg-light, #f9fafb);border-top:1px solid var(--border-light, #f3f4f6);flex-shrink:0}.results-info{color:var(--text-secondary, #6b7280);font-size:.875rem}.results-info strong{color:var(--text-primary, #1f2937);font-weight:600}@media(max-width:768px){.hide-sm{display:none}.gestion-historique-appels{margin:-1rem -1rem 0;width:calc(100% + 2rem);padding:1rem;height:100vh}.search-filters-row{flex-direction:column}.search-container,.filters{width:100%}.filter-select,.filter-date{flex:1}.actions{width:100%;justify-content:space-between}.table-calls{font-size:.875rem}.table-calls th,.table-calls td{padding:.75rem .5rem}.contact-info{font-size:.875rem}.action-buttons{flex-direction:column}}@media(prefers-color-scheme:dark){.gestion-historique-appels{background-color:var(--bg-white, #1f2937)}.main-card{background:var(--bg-white, #1f2937);border:1px solid var(--border-color, #374151)}.card-header{background:var(--bg-white, #1f2937);border-bottom-color:var(--border-color, #374151)}.search-input,.filter-select,.filter-date{background:var(--bg-light, #111827);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #374151)}.btn-outline{background:var(--bg-light, #111827);border-color:var(--border-color, #374151)}.table-calls thead,.table-calls tbody tr:hover{background:var(--bg-light, #111827)}.card-footer{background:var(--bg-light, #111827);border-top-color:var(--border-color, #374151)}.btn-icon{background:var(--bg-light, #111827);border-color:var(--border-color, #374151)}}.activity-monitor{padding:1.5rem;background-color:var(--bg-white, #ffffff);margin:0;width:100%;box-sizing:border-box;height:100vh;overflow:hidden;display:flex;flex-direction:column}.activity-monitor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-white, #ffffff);color:var(--text-secondary, #6b7280)}.activity-monitor-loading .loading-spinner{width:48px;height:48px;border:4px solid var(--border-light, #f3f4f6);border-top-color:var(--primary-color, #4A6FDE);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light, #f3f4f6);flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #6b7280);margin-bottom:.75rem}.breadcrumb .separator{color:var(--text-tertiary, #9ca3af)}.breadcrumb .current{color:var(--primary-color, #4A6FDE);font-weight:500}.page-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary, #1f2937);margin:.5rem 0}.page-description{color:var(--text-secondary, #6b7280);font-size:.95rem;margin-top:.5rem}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0;flex-wrap:wrap;gap:1rem}.monitor-title{flex:1;min-width:200px}.time-window-selector{display:flex;align-items:center;gap:.75rem}.time-window-selector label{font-weight:500;color:var(--text-secondary, #6b7280);font-size:.875rem}.time-window-selector select{padding:.75rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.95rem;background:var(--bg-white, #ffffff);color:var(--text-primary, #1f2937);cursor:pointer;transition:all .2s}.time-window-selector select:focus{outline:none;border-color:var(--primary-color, #4A6FDE);box-shadow:0 0 0 3px #4a6fde1a}.monitor-grid{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;flex:1;min-height:0}.monitor-panel{background:var(--bg-white, #ffffff);border-radius:var(--radius-lg, 12px);box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;min-height:0}.panel-header{padding:1.5rem;border-bottom:1px solid var(--border-light, #f3f4f6);background:var(--bg-white, #ffffff);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.panel-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1f2937)}.refresh-btn{width:36px;height:36px;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-color, #e5e7eb);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.1rem}.refresh-btn:hover{background:var(--primary-light, #eef2ff);border-color:var(--primary-color, #4A6FDE);color:var(--primary-color, #4A6FDE);transform:rotate(180deg)}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;min-height:0}.active-users-list{display:flex;flex-direction:column;gap:.75rem}.active-user-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-light, #f9fafb);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s;border:2px solid transparent}.active-user-card:hover{background:var(--primary-light, #eef2ff);border-color:var(--primary-color, #4A6FDE);transform:translate(3px)}.user-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #4A6FDE) 0%,var(--primary-dark, #3759C5) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;text-transform:uppercase;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:.25rem;font-size:.95rem}.user-activity{font-size:.85rem;color:var(--text-secondary, #6b7280);margin-bottom:.25rem}.user-page{font-size:.8rem;color:var(--text-tertiary, #9ca3af);font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-time{font-size:.8rem;color:var(--text-tertiary, #9ca3af);white-space:nowrap;flex-shrink:0}.activity-feed{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-light, #f9fafb);border-radius:var(--radius-md, 8px);transition:all .2s;animation:slideIn .3s ease}.activity-item:hover{background:var(--primary-light, #eef2ff)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.activity-icon{width:40px;height:40px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;color:#fff}.activity-user{font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:.25rem;font-size:.95rem}.activity-action{font-size:.875rem;color:var(--text-secondary, #6b7280);margin-bottom:.25rem}.activity-page{font-size:.8rem;color:var(--text-tertiary, #9ca3af);font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:.8rem;color:var(--text-tertiary, #9ca3af);white-space:nowrap;flex-shrink:0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6b7280)}.empty-state p{margin:0;font-size:.95rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:var(--radius-lg, 12px);box-shadow:0 20px 25px -5px #0000001a;max-height:85vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-history-modal{width:90%;max-width:700px}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-light, #f3f4f6);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.close-button{width:32px;height:32px;border:none;background:var(--bg-light, #f9fafb);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:1.5rem;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{background:#ef44441a;color:#ef4444}.modal-body{flex:1;overflow-y:auto;padding:1.5rem;min-height:0}.history-timeline{position:relative;padding-left:3rem}.history-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--border-light, #f3f4f6)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-2.5rem;width:40px;height:40px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 8px #0000001a;color:#fff}.timeline-content{background:var(--bg-light, #f9fafb);padding:1rem;border-radius:var(--radius-md, 8px);border-left:3px solid var(--border-color, #e5e7eb)}.timeline-action{font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.timeline-details{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary, #6b7280);flex-wrap:wrap}.timeline-time{font-size:.8rem;color:var(--text-tertiary, #9ca3af)}.panel-body::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:var(--bg-light, #f9fafb)}.panel-body::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:4px}.panel-body::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary, #9ca3af)}@media(max-width:1024px){.monitor-grid{grid-template-columns:1fr;height:auto}.monitor-panel{max-height:500px}}@media(max-width:768px){.activity-monitor{padding:1rem;height:auto;min-height:100vh}.monitor-header{flex-direction:column;align-items:flex-start}.time-window-selector{width:100%;justify-content:space-between}.time-window-selector select{flex:1}.user-avatar{width:40px;height:40px;font-size:.85rem}.activity-icon{width:35px;height:35px;font-size:1rem}.modal{max-height:95vh}.user-history-modal{width:100%;max-width:100%}}@media(prefers-color-scheme:dark){.activity-monitor,.activity-monitor-loading{background-color:var(--bg-white, #1f2937)}.monitor-panel,.modal{background:var(--bg-white, #1f2937);border:1px solid var(--border-color, #374151)}.panel-header,.modal-header{background:var(--bg-white, #1f2937);border-bottom-color:var(--border-color, #374151)}.time-window-selector select{background:var(--bg-light, #111827);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #374151)}.active-user-card,.activity-item,.timeline-content{background:var(--bg-light, #111827)}.active-user-card:hover,.activity-item:hover{background:#4a6fde1a}.refresh-btn,.close-button{background:var(--bg-light, #111827);border-color:var(--border-color, #374151)}}.messagerie-container{display:flex;height:100vh;width:100%;background-color:#f5f7fa}.messagerie-main{flex:1;display:flex;overflow:hidden;margin-left:72px}.conversations-list{width:300px;background-color:#fff;border-right:1px solid #e6e9ed;display:flex;flex-direction:column}.conversations-header{padding:20px;border-bottom:1px solid #e6e9ed}.conversations-title{display:flex;align-items:center;margin-bottom:15px}.conversations-title h3{margin:0;font-size:1.2rem;font-weight:600}.conversations-count{margin-left:10px;background-color:#3498db;color:#fff;font-size:.8rem;padding:2px 8px;border-radius:10px}.conversations-actions{display:flex;align-items:center}.search-bar{flex:1;display:flex;align-items:center;background-color:#f5f7fa;border-radius:20px;padding:8px 15px;margin-right:10px}.search-icon{font-size:.9rem;color:#7f8c9a;margin-right:10px}.search-bar input{border:none;background:transparent;outline:none;font-size:.9rem;color:#34495e;width:100%}.conversations{flex:1;overflow-y:auto}.conversation-item{display:flex;padding:15px 20px;border-bottom:1px solid #f1f2f6;cursor:pointer;transition:background-color .2s ease}.conversation-item:hover{background-color:#f8f9fa}.conversation-item.selected{background-color:#ebf5fb}.conversation-avatar{width:48px;height:48px;border-radius:50%;background-color:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;margin-right:15px;flex-shrink:0}.conversation-details{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.conversation-name{margin:0;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.8rem;color:#7f8c9a;flex-shrink:0;margin-left:10px}.conversation-preview{display:flex;justify-content:space-between;align-items:center}.conversation-last-message{margin:0;font-size:.9rem;color:#7f8c9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.conversation-unread{background-color:#3498db;color:#fff;font-size:.75rem;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0;margin-left:10px}.no-conversations{padding:40px 20px;text-align:center;color:#7f8c9a;font-size:.9rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-container{flex:1;display:flex;flex-direction:column;background-color:#f5f7fa}.chat-header{display:flex;align-items:center;padding:15px 20px;background-color:#fff;border-bottom:1px solid #e6e9ed}.back-button{display:none;background:none;border:none;color:#7f8c9a;font-size:1.2rem;cursor:pointer;margin-right:15px}.chat-contact-info{flex:1}.chat-contact-info h3{margin:0;font-size:1.1rem;font-weight:600}.chat-contact-info p{margin:2px 0 0;font-size:.85rem;color:#7f8c9a}.chat-actions{display:flex;align-items:center;gap:5px}.connection-status{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f1f2f6;margin-right:5px}.connection-status.connected{background-color:#d5f4e6}.connection-status.disconnected{background-color:#fee2e2}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#e74c3c;animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}.connection-status.connected .status-dot{background-color:#27ae60}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.action-button{background:none;border:none;color:#7f8c9a;font-size:1rem;cursor:pointer;padding:8px;margin-left:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.action-button:hover{background-color:#f1f2f6}.action-button:disabled{opacity:.5;cursor:not-allowed}.chat-messages{flex:1;overflow-y:auto;padding:20px}.message{display:flex;margin-bottom:15px}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:70%;padding:12px 15px;border-radius:18px;position:relative;word-wrap:break-word;overflow-wrap:break-word}.message.received .message-content{background-color:#fff;border:1px solid #e6e9ed;border-bottom-left-radius:5px}.message.sent .message-content{background-color:#3498db;color:#fff;border-bottom-right-radius:5px}.message-content p{margin:0;font-size:.95rem;line-height:1.4}.message-time{display:block;font-size:.7rem;margin-top:5px;text-align:right}.message.received .message-time{color:#7f8c9a}.message.sent .message-time{color:#fffc}.message-status{font-size:.7rem;margin-left:5px}.message-status.sending{color:#ffffff80}.message-status.sent,.message-status.delivered{color:#fffc}.message-status.read{color:#3fd1ff}.message-status.failed{color:#e74c3c}.attachment-link{display:block;margin-top:8px;text-decoration:none}.attachment-image{max-width:300px;max-height:300px;width:auto;height:auto;border-radius:8px;display:block;object-fit:contain;cursor:pointer;transition:transform .2s ease}.attachment-image:hover{transform:scale(1.02)}.message.sent .attachment-image{margin-left:auto}.file-attachment{display:inline-block;margin-top:8px;padding:8px 12px;background-color:#0000000d;border-radius:8px;color:inherit;text-decoration:none;font-size:.9rem;transition:background-color .2s ease}.message.sent .file-attachment{background-color:#fff3}.file-attachment:hover{background-color:#0000001a}.message.sent .file-attachment:hover{background-color:#ffffff4d}.preview-box{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e6e9ed}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem;font-weight:600;color:#34495e}.preview-remove{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#7f8c9a;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.preview-remove:hover{background-color:#f1f2f6;color:#e74c3c}.preview-image{max-width:200px;max-height:150px;border-radius:8px;object-fit:contain}.preview-file{padding:10px;background-color:#f5f7fa;border-radius:5px;color:#34495e;font-size:.9rem}.chat-input{padding:15px 20px;background-color:#fff!important;border-top:1px solid #e6e9ed;display:flex;align-items:center}.chat-input input[type=text]{flex:1;padding:12px 15px;border-radius:20px;border:1px solid #e6e9ed!important;font-size:.95rem;outline:none;background-color:#fff!important;color:#34495e!important;box-shadow:none!important}.chat-input input[type=text]::placeholder{color:#95a5a6!important}.chat-input input[type=text]:focus{border-color:#3498db!important;background-color:#fff!important;box-shadow:none!important}.templates-menu{margin-right:15px}.templates-menu select{padding:8px 10px;font-size:.9rem;border:1px solid #e6e9ed;border-radius:5px;background-color:#f5f7fa;color:#34495e;cursor:pointer;outline:none;transition:border-color .2s ease}.templates-menu select:hover{border-color:#3498db}.templates-menu select:focus{border-color:#3498db;background-color:#fff}.attach-button{background:none;border:none;color:#7f8c9a;font-size:1.2rem;cursor:pointer;margin-right:10px;display:flex;align-items:center;padding:8px;border-radius:50%;transition:background-color .2s ease}.attach-button:hover{background-color:#f1f2f6}.send-button{background-color:#3498db;color:#fff;width:40px;height:40px;border-radius:50%;border:none;margin-left:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.send-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.send-button:hover:not(:disabled){background-color:#2980b9}.no-conversation-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8c9a;padding:20px}.large-icon{font-size:5rem;margin-bottom:20px;opacity:.5}.no-conversation-selected h3{font-size:1.2rem;font-weight:400}.no-conversation-selected p{margin-top:10px;font-size:.9rem;color:#95a5a6}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-header-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.add-phone-button{background-color:#3498db;color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:10px;transition:background-color .2s ease}.add-phone-button:hover{background-color:#2980b9}.phone-badge{font-size:.8rem;margin-left:5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.phone-modal{background-color:#fff!important;border:1px solid #e6e9ed!important;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 40px #0003}.phone-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e6e9ed!important;background-color:#fff!important}.phone-modal .modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#34495e}.phone-modal .close-button{background:none;border:none;font-size:1.8rem;color:#7f8c9a;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.phone-modal .close-button:hover{background-color:#f1f2f6}.phone-modal .modal-body{padding:20px;background-color:#fff!important}.phone-modal .modal-body p{margin:0 0 15px;color:#34495e;font-weight:500}.phone-modal .modal-body input[type=tel]{width:100%;padding:12px 15px;border:2px solid #e6e9ed!important;border-radius:8px;font-size:1rem;outline:none;background-color:#fff!important;color:#34495e!important;box-sizing:border-box;transition:border-color .2s ease}.phone-modal .modal-body input[type=tel]::placeholder{color:#95a5a6!important}.phone-modal .modal-body input[type=tel]:focus{border-color:#3498db!important;background-color:#fff!important}.modal-hint{margin-top:10px;font-size:.85rem;color:#7f8c9a;font-style:italic}.phone-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e6e9ed!important;background-color:#fff!important}.btn-cancel{padding:10px 20px;border:1px solid #e6e9ed;background-color:#fff;color:#34495e;border-radius:8px;cursor:pointer;font-size:.95rem;transition:background-color .2s ease}.btn-cancel:hover{background-color:#f1f2f6}.btn-add{padding:10px 20px;border:none;background-color:#3498db;color:#fff;border-radius:8px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.btn-add:hover{background-color:#2980b9}.sms-notice{text-align:center;padding:20px;background-color:#ebf5fb;color:#2874a6;border-radius:8px;margin-bottom:15px;font-size:.9rem}.conversations::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.conversations::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#f1f2f6}.conversations::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:3px}.conversations::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media(max-width:768px){.messagerie-main{margin-left:0}.conversations-list{width:100%;display:flex}.chat-container,.conversations-list.hidden{display:none}.chat-container.active{display:flex;width:100%}.back-button{display:block}.attachment-image{max-width:250px;max-height:250px}.templates-menu{margin-right:8px}.templates-menu select{font-size:.85rem;padding:6px 8px}.conversation-last-message{max-width:150px}}@media(max-width:480px){.phone-modal{width:95%;margin:20px}.add-phone-button{width:32px;height:32px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.leaderboard-container{display:flex;height:100vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.sidebar{width:256px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 15px #0003;position:sticky;top:0;height:100vh}.sidebar-header{padding:24px;display:flex;align-items:center;border-bottom:1px solid #334155}.logo{width:40px;height:40px;margin-right:12px;border-radius:8px}.sidebar-header h2{font-size:1.25rem;font-weight:600;color:#06b6d4}.sidebar-menu ul{padding:24px 12px 0;list-style:none}.sidebar-link{display:flex;align-items:center;padding:12px 16px;margin-bottom:4px;color:#cbd5e1;text-decoration:none;border-radius:8px;transition:all .3s ease}.sidebar-link:hover{background-color:#334155;color:#fff}.sidebar-link.active{background-color:#0891b2;color:#fff;box-shadow:0 4px 8px #0891b24d}.sidebar-icon{font-size:1.25rem;margin-right:16px}.sidebar-footer{margin-top:auto;padding:16px;font-size:11px;text-align:center;color:#64748b;border-top:1px solid #334155}.leaderboard-main{flex:1;padding:32px;overflow-y:auto;height:calc(100vh - 40px)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px}.header-left{display:flex;align-items:center;gap:16px}.trophy-icon{font-size:3rem;color:gold;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3));animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-left h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#0891b2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-left p{color:#6b7280;margin-top:4px}.header-right{display:flex;gap:8px}.filter-btn{padding:10px 20px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#06b6d4;color:#06b6d4}.filter-btn.active{background:#06b6d4;color:#fff;border-color:#06b6d4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:16px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #00000014;transition:.3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.stat-icon.blue{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.podium-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.podium-card{background:#fff;padding:32px 24px;border-radius:20px;text-align:center;position:relative;box-shadow:0 8px 24px #0000001a;transition:.3s}.podium-card:hover{transform:translateY(-8px)}.podium-card.rank-1{border:3px solid #FFD700;background:linear-gradient(135deg,#fff9e6,#fff);transform:scale(1.05)}.podium-card.rank-2{border:3px solid #C0C0C0}.podium-card.rank-3{border:3px solid #CD7F32}.podium-rank-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:48px;height:48px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026}.podium-avatar{width:80px;height:80px;border-radius:50%;margin:16px auto;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.podium-avatar img.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.table-container{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 12px #00000014}.table-title{font-size:1.5rem;font-weight:700;margin-bottom:24px}.table-wrapper{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0}.leaderboard-table th{background:#f9fafb;padding:16px;text-align:left;border-bottom:2px solid #e5e7eb;text-transform:uppercase;font-size:.75rem;color:#6b7280}.leaderboard-table td{padding:20px 16px;font-size:.95rem;color:#374151;border-bottom:1px solid #e5e7eb}.agent-cell{display:flex;align-items:center;gap:12px}.agent-avatar-small{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;overflow:hidden;position:relative}.agent-avatar-small img.avatar-img-small{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-fallback{width:40px;height:40px;border-radius:50%;background:#0ea5e9;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:.9rem}.rank-cell{display:flex;align-items:center;gap:8px;font-weight:600}.rank-number{color:#6b7280}.duration-badge,.calls-badge{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600}.calls-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.satisfaction-cell{display:flex;align-items:center;gap:12px}.mini-bar{width:60px;height:6px;border-radius:3px;background:#e5e7eb;overflow:hidden}.mini-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669)}.trend-up{color:#10b981;font-weight:700;font-size:1.2rem}.trend-down{color:#ef4444;font-weight:700;font-size:1.2rem}.trend-stable{color:#6b7280;font-weight:700;font-size:1.2rem}@media(max-width:1200px){.podium-container{grid-template-columns:1fr}.podium-card.rank-1{transform:scale(1)}}@media(max-width:1024px){.leaderboard-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.leaderboard-main{padding:20px}}@media(max-width:768px){.leaderboard-header{flex-direction:column;text-align:center;gap:20px}.header-left{flex-direction:column}.header-right{width:100%;flex-direction:column}.filter-btn{width:100%}.stats-grid{grid-template-columns:1fr}}:root{--gs-font: "DM Sans", sans-serif;--gs-mono: "DM Mono", monospace;--gs-bg: #F0F2F5;--gs-surface: #FFFFFF;--gs-raised: #F8F9FB;--gs-border: #E3E6ED;--gs-border-mid: #CDD2DC;--gs-text-1: #0D1117;--gs-text-2: #3D4451;--gs-text-3: #7A8294;--gs-text-4: #B2B9C6;--gs-accent: #3B6EF8;--gs-accent-h: #2554E0;--gs-accent-sub: #EBF0FF;--gs-accent-ring: rgba(59,110,248,.2);--gs-ok: #16A34A;--gs-ok-bg: #F0FDF4;--gs-ok-bd: #BBF7D0;--gs-err: #DC2626;--gs-err-bg: #FEF2F2;--gs-err-bd: #FECACA;--gs-warn-bg: #FFFBEB;--gs-warn-bd: #FDE68A;--gs-warn-tx: #78350F;--gs-warn-ic: #D97706;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--sh-xs: 0 1px 2px rgba(0,0,0,.05);--sh-sm: 0 1px 4px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--sh-focus: 0 0 0 3px var(--gs-accent-ring);--topbar-h: 64px;--sidebar-w: 72px}.gs-container{font-family:var(--gs-font);-webkit-font-smoothing:antialiased}.gs-main{margin-left:var(--sidebar-w);margin-top:var(--topbar-h);height:calc(100vh - var(--topbar-h));display:flex;flex-direction:column;overflow:hidden;background:var(--gs-bg);min-width:0}.gs-page{flex:1;overflow-y:auto;padding:24px 24px 72px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px}.gs-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--gs-border);flex-shrink:0}.gs-header-left{display:flex;align-items:center;gap:12px}.gs-header-icon{width:38px;height:38px;border-radius:var(--r-lg);background:linear-gradient(140deg,#3b6ef8,#6b5bfc);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #3b6ef84d}.gs-title{font-size:16px;font-weight:700;color:var(--gs-text-1);letter-spacing:-.3px;margin:0 0 2px}.gs-subtitle{font-size:12px;color:var(--gs-text-3);margin:0}.gs-header-actions{display:flex;align-items:center;gap:8px}.gs-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-md);font-size:13px;font-weight:500;border:1px solid transparent;animation:fadeSlide .2s ease;flex-shrink:0}.gs-status--success{background:var(--gs-ok-bg);color:var(--gs-ok);border-color:var(--gs-ok-bd)}.gs-status--error{background:var(--gs-err-bg);color:var(--gs-err);border-color:var(--gs-err-bd)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gs-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;min-height:0}.gs-panel{background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:var(--r-xl);box-shadow:var(--sh-sm);display:flex;flex-direction:column;overflow:hidden}.gs-panel-header{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--gs-border);background:var(--gs-raised);flex-shrink:0}.gs-panel-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--gs-text-2);text-transform:uppercase;letter-spacing:.07em}.gs-num{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--gs-accent-sub);color:var(--gs-accent);font-size:9.5px;font-weight:700;font-family:var(--gs-mono);flex-shrink:0}.gs-panel-badge{font-size:11px;color:var(--gs-text-4);font-weight:400;letter-spacing:0;text-transform:none}.gs-panel-body{padding:18px;display:flex;flex-direction:column;gap:16px}.gs-sep{height:1px;background:var(--gs-border);flex-shrink:0}.gs-field{display:flex;flex-direction:column;gap:6px}.gs-label{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--gs-text-2);text-transform:uppercase;letter-spacing:.07em;-webkit-user-select:none;user-select:none}.gs-label svg{color:var(--gs-text-4)}.gs-char-count{margin-left:auto;font-family:var(--gs-mono);font-size:10px;font-weight:400;color:var(--gs-text-4);text-transform:none;letter-spacing:0}.gs-hint{font-size:11.5px;color:var(--gs-text-4);line-height:1.5}.gs-hint-inline{font-size:10px;color:var(--gs-text-4);font-weight:400;text-transform:none;letter-spacing:0;margin-left:3px}.gs-input,.gs-textarea,.gs-select{font-family:var(--gs-font);font-size:13px;color:var(--gs-text-1);background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:var(--r-md);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-font-smoothing:antialiased}.gs-input{width:100%;padding:8px 11px;box-sizing:border-box}.gs-input:focus,.gs-textarea:focus,.gs-select:focus{border-color:var(--gs-accent);box-shadow:var(--sh-focus)}.gs-input::placeholder,.gs-textarea::placeholder{color:var(--gs-text-4);font-weight:400}.gs-textarea{width:100%;box-sizing:border-box;padding:9px 11px;line-height:1.6;resize:none;min-height:78px}.gs-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.gs-sel-wrap{position:relative}.gs-select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 30px 8px 11px;cursor:pointer}.gs-sel-ic{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--gs-text-4);pointer-events:none}.gs-num-wrap{display:flex;align-items:center;gap:8px}.gs-input--num{width:68px;text-align:center;font-family:var(--gs-mono);font-size:14px;padding:7px 6px}.gs-unit{font-size:12px;color:var(--gs-text-3);font-weight:500;white-space:nowrap}.gs-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-md);font-size:12.5px;font-weight:500;cursor:pointer;border:none;font-family:var(--gs-font);letter-spacing:-.1px;transition:background .15s,box-shadow .15s,opacity .15s,transform .1s;white-space:nowrap;line-height:1;-webkit-font-smoothing:antialiased}.gs-btn--sm{padding:5px 10px;font-size:11.5px}.gs-btn:disabled{opacity:.35;cursor:not-allowed}.gs-btn:not(:disabled):active{transform:scale(.975)}.gs-btn--ghost{background:var(--gs-surface);color:var(--gs-text-2);border:1px solid var(--gs-border);box-shadow:var(--sh-xs)}.gs-btn--ghost:not(:disabled):hover{background:var(--gs-raised);border-color:var(--gs-border-mid)}.gs-btn--primary{background:var(--gs-accent);color:#fff;box-shadow:0 2px 8px #3b6ef84d}.gs-btn--primary:not(:disabled):hover{background:var(--gs-accent-h);box-shadow:0 4px 14px #3b6ef861}.gs-btn--loading{opacity:.72;cursor:wait}.gs-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gs-mode-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 12px 11px;border:1.5px solid var(--gs-border);border-radius:var(--r-lg);background:var(--gs-surface);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .12s,background .18s;text-align:left;font-family:var(--gs-font);overflow:hidden}.gs-mode-card:hover{border-color:var(--gs-accent);box-shadow:0 3px 12px #3b6ef81f;transform:translateY(-1px)}.gs-mode-card--active{border-color:var(--gs-accent);background:var(--gs-accent-sub);box-shadow:0 3px 12px #3b6ef824}.gs-mode-card--active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b6ef8,#6b5bfc);border-radius:var(--r-lg) var(--r-lg) 0 0}.gs-mode-icon{width:28px;height:28px;border-radius:var(--r-sm);background:var(--gs-raised);border:1px solid var(--gs-border);display:flex;align-items:center;justify-content:center;color:var(--gs-text-3);transition:background .18s,color .18s,border-color .18s;flex-shrink:0}.gs-mode-card--active .gs-mode-icon,.gs-mode-card:hover .gs-mode-icon{background:var(--gs-accent);color:#fff;border-color:var(--gs-accent)}.gs-mode-label{font-size:12px;font-weight:700;color:var(--gs-text-1);letter-spacing:-.1px}.gs-mode-desc{font-size:10.5px;color:var(--gs-text-3);line-height:1.4}.gs-order-group{display:flex;gap:6px;flex-wrap:wrap}.gs-order-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1.5px solid var(--gs-border);border-radius:999px;font-size:11px;font-weight:600;color:var(--gs-text-2);background:var(--gs-surface);cursor:pointer;transition:all .15s;font-family:var(--gs-font)}.gs-order-btn:hover,.gs-order-btn--active{border-color:var(--gs-accent);background:var(--gs-accent-sub);color:var(--gs-accent)}.gs-info-box{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;background:var(--gs-warn-bg);border:1px solid var(--gs-warn-bd);border-radius:var(--r-md);font-size:11.5px;color:var(--gs-warn-tx);line-height:1.55}.gs-info-box svg{flex-shrink:0;margin-top:2px;color:var(--gs-warn-ic)}.gs-agents-hd{display:flex;align-items:center;justify-content:space-between}.gs-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:9.5px;font-weight:700;font-family:var(--gs-mono);background:var(--gs-accent);color:#fff;margin-left:5px;flex-shrink:0}.gs-add-row{display:flex;align-items:center;gap:7px;padding:9px 11px;background:var(--gs-raised);border:1px solid var(--gs-border);border-radius:var(--r-md);flex-wrap:wrap;animation:fadeSlide .15s ease}.gs-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:26px 16px;border:1.5px dashed var(--gs-border);border-radius:var(--r-lg);color:var(--gs-text-4);text-align:center;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.gs-empty:hover{border-color:var(--gs-accent);background:var(--gs-accent-sub);color:var(--gs-accent)}.gs-empty p{font-size:11.5px;margin:0}.gs-agent-list{display:flex;flex-direction:column;gap:5px}.gs-agent-row{display:flex;align-items:center;gap:9px;padding:7px 11px;background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:var(--r-md);transition:background .12s,border-color .12s}.gs-agent-row:hover{background:var(--gs-accent-sub);border-color:#3b6ef838}.gs-agent-idx{width:17px;height:17px;border-radius:50%;background:var(--gs-raised);border:1px solid var(--gs-border);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:var(--gs-mono);color:var(--gs-text-4);flex-shrink:0}.gs-agent-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,#3b6ef8,#6b5bfc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;flex-shrink:0}.gs-agent-name{flex:1;font-size:12.5px;font-weight:500;color:var(--gs-text-1)}.gs-agent-arrows{display:flex;flex-direction:column;gap:1px}.gs-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--gs-text-4);cursor:pointer;font-size:9px;transition:background .12s,color .12s;font-family:var(--gs-font)}.gs-icon-btn:hover{background:#eff2fa;color:var(--gs-text-2)}.gs-icon-btn:disabled{opacity:.2;cursor:not-allowed}.gs-icon-btn--del:hover{background:var(--gs-err-bg);color:var(--gs-err)}.gs-save-bar{position:fixed;bottom:0;left:var(--sidebar-w);right:0;z-index:998;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--gs-border);box-shadow:0 -4px 20px #00000012;animation:barUp .22s cubic-bezier(.16,1,.3,1)}@keyframes barUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.gs-save-msg{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--gs-text-2)}.gs-pulse-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;animation:pulse 1.8s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.gs-save-actions{display:flex;align-items:center;gap:8px}.gs-footer{text-align:right;flex-shrink:0}.gs-saved{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--gs-ok)}@media(max-width:960px){.gs-split{grid-template-columns:1fr}.gs-mode-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.gs-main{margin-left:0}.gs-save-bar{left:0}.gs-mode-grid{grid-template-columns:1fr 1fr}.gs-row{grid-template-columns:1fr}.gs-header{flex-direction:column;align-items:flex-start}.gs-page{padding:16px 16px 72px}}.conf-shell *,.conf-shell *:before,.conf-shell *:after{box-sizing:border-box}.conf-shell{font-family:DM Sans,system-ui,sans-serif!important;min-height:100vh!important}.conf-main{margin-left:72px!important;margin-top:64px!important;min-height:calc(100vh - 64px)!important;background:#f0f2f5!important}.conf-main--incall{background:#e8ecf1!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 64px)!important;overflow:hidden!important}.conf-page{padding:32px 36px!important;max-width:1400px!important}.conf-header{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin-bottom:28px!important;flex-wrap:wrap!important;gap:16px!important}.conf-breadcrumb{font-size:11.5px!important;font-weight:500!important;color:#9ca3af!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin:0 0 6px!important}.conf-title{display:flex!important;align-items:center!important;gap:12px!important;font-size:22px!important;font-weight:700!important;color:#111827!important;letter-spacing:-.4px!important;margin:0!important}.conf-title-dot{width:10px!important;height:10px!important;background:#22c55e!important;border-radius:50%!important;box-shadow:0 0 0 4px #22c55e33!important;animation:conf-pulse-dot 2s ease infinite!important;flex-shrink:0!important}@keyframes conf-pulse-dot{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e14}}.conf-header-right{display:flex;align-items:center;gap:12px}.conf-live-badge{display:flex!important;align-items:center!important;gap:7px!important;padding:8px 16px!important;background:#fff!important;border:1px solid #E9EBF0!important;border-radius:100px!important;font-size:13px!important;font-weight:500!important;color:#374151!important;box-shadow:0 1px 4px #0000000a!important}.conf-live-dot{width:7px!important;height:7px!important;background:#22c55e!important;border-radius:50%!important;animation:conf-pulse-dot 2s ease infinite!important}.conf-lobby{display:grid!important;grid-template-columns:1fr 320px!important;gap:24px!important;align-items:start!important}.conf-filters{display:flex!important;gap:12px!important;margin-bottom:18px!important;align-items:center!important;flex-wrap:wrap!important}.conf-search-wrap{position:relative!important;flex:1!important;min-width:220px!important}.conf-search-ico{position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important;color:#9ca3af!important;pointer-events:none!important}.conf-search{width:100%!important;padding:10px 14px 10px 36px!important;border:1px solid #E5E7EB!important;border-radius:10px!important;background:#fff!important;font-family:DM Sans,sans-serif!important;font-size:13.5px!important;color:#111827!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important}.conf-search:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11f}.conf-search::placeholder{color:#9ca3af}.conf-select-wrap{position:relative!important;display:inline-flex!important;align-items:center!important}.conf-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding:10px 36px 10px 14px!important;border:1px solid #E5E7EB!important;border-radius:10px!important;background:#fff!important;font-family:DM Sans,sans-serif!important;font-size:13.5px!important;color:#374151!important;outline:none!important;cursor:pointer!important;transition:border-color .15s!important;min-width:170px!important}.conf-select:focus{border-color:#818cf8}.conf-select-ico{position:absolute!important;right:12px!important;color:#9ca3af!important;pointer-events:none!important}.conf-user-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:14px!important}.conf-user-card{background:#fff!important;border:2px solid #E9EBF0!important;border-radius:14px!important;padding:18px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;position:relative!important;transition:border-color .15s,box-shadow .15s,transform .15s!important;-webkit-user-select:none!important;user-select:none!important}.conf-user-card:hover:not(.conf-user-card--offline){border-color:#a5b4fc!important;box-shadow:0 4px 16px #6366f124!important;transform:translateY(-2px)!important}.conf-user-card--selected{border-color:#4f46e5!important;background:#fafbff!important;box-shadow:0 0 0 4px #4f46e51a,0 4px 16px #6366f12e!important}.conf-user-card--offline{opacity:.5!important;cursor:not-allowed!important}.conf-card-check{position:absolute!important;top:12px!important;right:12px!important;width:20px!important;height:20px!important;border:2px solid #D1D5DB!important;border-radius:6px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s!important}.conf-user-card--selected .conf-card-check{background:#4f46e5!important;border-color:#4f46e5!important}.conf-card-avatar{width:56px!important;height:56px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:700!important;color:#fff!important;position:relative!important;flex-shrink:0!important;overflow:visible!important}.conf-card-avatar img{width:100%;height:100%;border-radius:16px;object-fit:cover}.conf-status-dot{position:absolute!important;bottom:-2px!important;right:-2px!important;width:12px!important;height:12px!important;border-radius:50%!important;border:2px solid #fff!important}.conf-status-dot.online{background:#22c55e}.conf-status-dot.offline{background:#9ca3af}.conf-card-info{text-align:center}.conf-card-name{font-size:14px!important;font-weight:600!important;color:#111827!important;margin:0 0 2px!important}.conf-card-team{font-size:12px!important;font-weight:500!important;color:#9ca3af!important;margin:0!important}.conf-card-tag{font-size:11.5px!important;font-weight:600!important;padding:4px 10px!important;border-radius:100px!important;letter-spacing:.02em!important}.conf-card-tag--on{background:#ecfdf5;color:#059669}.conf-card-tag--off{background:#f3f4f6;color:#9ca3af}.conf-call-panel{background:#fff!important;border:1px solid #E9EBF0!important;border-radius:16px!important;padding:22px!important;position:sticky!important;top:88px!important;box-shadow:0 4px 20px #0000000f!important}.conf-panel-head{display:flex!important;align-items:center!important;gap:8px!important;font-size:13.5px!important;font-weight:700!important;color:#374151!important;margin-bottom:18px!important}.conf-me-card{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;background:#f8f9ff!important;border:1px solid #E0E7FF!important;border-radius:12px!important;margin-bottom:16px!important}.conf-me-avatar{width:40px!important;height:40px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:700!important;color:#fff!important;flex-shrink:0!important;overflow:hidden!important}.conf-me-avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}.conf-me-name{font-size:13.5px!important;font-weight:600!important;color:#111827!important;margin:0 0 2px!important}.conf-me-role{font-size:12px!important;color:#9ca3af!important;margin:0!important}.conf-panel-divider{height:1px!important;background:#f3f4f6!important;margin:16px 0!important}.conf-panel-section-label{display:flex!important;align-items:center!important;gap:8px!important;font-size:11.5px!important;font-weight:700!important;color:#9ca3af!important;text-transform:uppercase!important;letter-spacing:.07em!important;margin-bottom:12px!important}.conf-count-pill{background:#4f46e5!important;color:#fff!important;font-size:11px!important;font-weight:700!important;padding:2px 7px!important;border-radius:100px!important}.conf-empty-selection{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:20px!important;background:#f9fafb!important;border:1.5px dashed #E5E7EB!important;border-radius:12px!important;color:#9ca3af!important;font-size:12.5px!important;text-align:center!important}.conf-selected-list{display:flex!important;flex-direction:column!important;gap:8px!important;max-height:220px!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#E5E7EB transparent!important}.conf-selected-chip{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;background:#f8f9ff!important;border:1px solid #E0E7FF!important;border-radius:10px!important}.conf-chip-avatar{width:28px!important;height:28px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:700!important;color:#fff!important;flex-shrink:0!important}.conf-selected-chip span{flex:1!important;font-size:13px!important;font-weight:500!important;color:#374151!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.conf-chip-remove{width:20px!important;height:20px!important;border-radius:6px!important;border:none!important;background:#e0e7ff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#6366f1!important;flex-shrink:0!important;transition:background .15s!important}.conf-chip-remove:hover{background:#c7d2fe}.conf-start-btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:13px!important;background:linear-gradient(135deg,#4f46e5,#4338ca)!important;color:#fff!important;border:none!important;border-radius:12px!important;font-family:DM Sans,sans-serif!important;font-size:14.5px!important;font-weight:700!important;cursor:pointer!important;transition:all .2s!important;box-shadow:0 4px 14px #4f46e559!important;position:relative!important;overflow:hidden!important}.conf-start-btn:hover:not(.conf-start-btn--disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px #4f46e573!important}.conf-start-btn--disabled{background:#9ca3af!important;box-shadow:none!important;cursor:not-allowed!important}.conf-start-count{position:absolute!important;right:14px!important;width:22px!important;height:22px!important;background:#ffffff40!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:700!important}.conf-clear-btn{width:100%!important;margin-top:8px!important;background:none!important;border:none!important;font-family:DM Sans,sans-serif!important;font-size:13px!important;color:#9ca3af!important;cursor:pointer!important;padding:6px!important;border-radius:8px!important;transition:color .15s,background .15s!important}.conf-clear-btn:hover{background:#f3f4f6;color:#374151}.conf-call-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 20px!important;background:#fff!important;border-bottom:1px solid #E5E7EB!important;z-index:10!important;flex-shrink:0!important;gap:16px!important;box-shadow:0 1px 4px #0000000d!important}.conf-call-topbar-left{display:flex!important;align-items:center!important;gap:14px!important}.conf-call-indicator{display:flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;font-weight:600!important;color:#059669!important;background:#ecfdf5!important;padding:5px 12px!important;border-radius:100px!important;border:1px solid #A7F3D0!important}.conf-call-pulse{width:7px!important;height:7px!important;background:#22c55e!important;border-radius:50%!important;animation:conf-pulse-dot 1.4s ease infinite!important}.conf-call-timer{font-family:DM Mono,monospace!important;font-size:14px!important;font-weight:500!important;color:#6b7280!important;min-width:42px!important}.conf-call-info{display:flex!important;align-items:center!important;gap:5px!important;font-size:12.5px!important;font-weight:500!important;color:#9ca3af!important}.conf-call-topbar-center{flex:1!important;text-align:center!important}.conf-call-room-name{font-size:14px!important;font-weight:600!important;color:#374151!important}.conf-call-topbar-right{display:flex;gap:6px}.conf-topbar-btn{width:32px!important;height:32px!important;border-radius:8px!important;border:1px solid #E5E7EB!important;background:#f9fafb!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#9ca3af!important;transition:all .15s!important}.conf-topbar-btn:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.conf-topbar-btn--on{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.conf-call-body{flex:1!important;display:flex!important;overflow:hidden!important}.conf-call-body--panel .conf-participants-area{flex:1!important}.conf-participants-area{flex:1!important;padding:16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.conf-grid{flex:1!important;display:grid!important;gap:12px!important;height:100%!important}.conf-grid--1{grid-template-columns:1fr}.conf-grid--2{grid-template-columns:repeat(2,1fr)}.conf-grid--3,.conf-grid--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.conf-spotlight-layout{flex:1!important;display:flex!important;gap:12px!important;height:100%!important}.conf-tile--spotlight{flex:1}.conf-side-strip{width:180px!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#D1D5DB transparent!important}.conf-tile--mini{width:100%!important;height:120px!important;flex-shrink:0!important;cursor:pointer!important}.conf-tile{background:#fff!important;border-radius:16px!important;border:2px solid #E5E7EB!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;transition:border-color .3s,box-shadow .3s!important;box-shadow:0 2px 8px #0000000f!important}.conf-tile--speaking{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e2e,0 2px 8px #0000000f!important}.conf-tile:hover .conf-tile-controls{opacity:1}.conf-tile-video{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;background:#f3f4f6}.conf-tile-cam-placeholder{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;opacity:1}.conf-tile-cam-label{font-size:11px!important;font-weight:500!important;color:#9ca3af!important}.conf-tile-avatar-big{width:72px!important;height:72px!important;border-radius:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;font-weight:700!important;color:#fff!important;letter-spacing:-.5px!important;flex-shrink:0!important;box-shadow:0 4px 16px #00000026!important}.conf-tile-avatar-sm{width:44px!important;height:44px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:700!important;color:#fff!important;box-shadow:0 2px 8px #0000001f!important}.conf-speaking-ring{position:absolute!important;top:-2px!important;right:-2px!important;bottom:-2px!important;left:-2px!important;border-radius:16px!important;border:3px solid #22C55E!important;animation:conf-ring-pulse 1.2s ease infinite!important;pointer-events:none!important}.conf-speaking-ring--sm{border-width:2px}@keyframes conf-ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.01)}}.conf-tile-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 12px!important;background:linear-gradient(to top,rgba(255,255,255,.95),transparent)!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.conf-tile-footer-mini{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 8px!important;background:#ffffffe0!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;font-size:11px!important;font-weight:600!important;color:#374151!important;gap:4px!important}.conf-tile-name{font-size:13px!important;font-weight:600!important;color:#111827!important;display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.conf-host-badge{font-size:10px!important;font-weight:700!important;background:#fef3c7!important;color:#d97706!important;border:1px solid #FDE68A!important;padding:2px 6px!important;border-radius:5px!important;letter-spacing:.05em!important;text-transform:uppercase!important;flex-shrink:0!important}.conf-me-badge{font-size:10px!important;font-weight:700!important;background:#eef2ff!important;color:#4f46e5!important;border:1px solid #C7D2FE!important;padding:2px 6px!important;border-radius:5px!important;text-transform:uppercase!important;flex-shrink:0!important}.conf-tile-icons{display:flex!important;align-items:center!important;gap:5px!important}.conf-hand-ico{font-size:14px!important;filter:drop-shadow(0 0 4px rgba(245,158,11,.4))!important;animation:conf-hand-bounce .8s ease infinite alternate!important}@keyframes conf-hand-bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.conf-tile-controls{position:absolute!important;top:10px!important;right:10px!important;display:flex!important;gap:5px!important;opacity:0!important;transition:opacity .2s!important}.conf-tile-ctrl{width:28px!important;height:28px!important;border-radius:8px!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:10px!important;transition:all .15s!important}.conf-tile-ctrl--mute,.conf-tile-ctrl--cam,.conf-tile-ctrl--hand{background:#ffffffe6;color:#374151;box-shadow:0 1px 4px #0000001f}.conf-tile-ctrl--remove{background:#ef4444;color:#fff;box-shadow:0 1px 4px #ef44444d}.conf-tile-ctrl:hover{transform:scale(1.1)}.conf-side-panel{width:300px!important;background:#fff!important;border-left:1px solid #E5E7EB!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;animation:conf-panel-slide .2s ease!important;box-shadow:-4px 0 16px #0000000a!important}@keyframes conf-panel-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.conf-side-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 18px!important;border-bottom:1px solid #F3F4F6!important;font-size:13.5px!important;font-weight:600!important;color:#111827!important;flex-shrink:0!important}.conf-side-close{width:26px!important;height:26px!important;border-radius:7px!important;border:none!important;background:#f3f4f6!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#9ca3af!important;transition:all .15s!important}.conf-side-close:hover{background:#e5e7eb;color:#374151}.conf-side-panel-body{flex:1!important;overflow-y:auto!important;padding:14px!important;scrollbar-width:thin!important;scrollbar-color:#E5E7EB transparent!important;display:flex!important;flex-direction:column!important;gap:8px!important}.conf-side-empty{text-align:center!important;padding:32px 16px!important;color:#9ca3af!important;font-size:13px!important}.conf-invite-row{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;background:#f9fafb!important;border:1px solid #F3F4F6!important;border-radius:10px!important;transition:background .15s,border-color .15s!important}.conf-invite-row:hover{background:#f3f4f6;border-color:#e5e7eb}.conf-invite-avatar{width:34px!important;height:34px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:700!important;color:#fff!important;flex-shrink:0!important}.conf-invite-info{flex:1;min-width:0}.conf-invite-name{font-size:13px!important;font-weight:600!important;color:#111827!important;margin:0 0 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.conf-invite-team{font-size:11px!important;color:#9ca3af!important;margin:0!important}.conf-invite-btn{padding:5px 12px!important;background:#eef2ff!important;border:1px solid #C7D2FE!important;border-radius:7px!important;font-family:DM Sans,sans-serif!important;font-size:12px!important;font-weight:600!important;color:#4f46e5!important;cursor:pointer!important;transition:all .15s!important;flex-shrink:0!important}.conf-invite-btn:hover:not(:disabled){background:#e0e7ff}.conf-invite-btn--off,.conf-invite-btn:disabled{background:#f9fafb!important;border-color:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important}.conf-chat-messages{flex:1!important;overflow-y:auto!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:10px!important;scrollbar-width:thin!important;scrollbar-color:#E5E7EB transparent!important}.conf-msg{display:flex;gap:8px;align-items:flex-end}.conf-msg--me{flex-direction:row-reverse}.conf-msg--system{justify-content:center}.conf-msg-avatar{width:26px!important;height:26px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:700!important;color:#fff!important;flex-shrink:0!important}.conf-msg-bubble{max-width:76%!important;display:flex!important;flex-direction:column!important;gap:2px!important}.conf-msg--system .conf-msg-bubble{background:#f3f4f6!important;border-radius:8px!important;padding:5px 12px!important;font-size:11.5px!important;color:#9ca3af!important;text-align:center!important}.conf-msg--other .conf-msg-bubble{background:#f3f4f6!important;border-radius:0 10px 10px!important;padding:8px 12px!important}.conf-msg--me .conf-msg-bubble{background:#eef2ff!important;border-radius:10px 0 10px 10px!important;padding:8px 12px!important}.conf-msg-author{font-size:11px!important;font-weight:600!important;color:#9ca3af!important;display:block!important;margin-bottom:2px!important}.conf-msg-bubble p{font-size:13px!important;color:#111827!important;margin:0!important;line-height:1.4!important;word-break:break-word!important}.conf-msg-time{font-size:10px!important;color:#9ca3af!important;align-self:flex-end!important;font-family:DM Mono,monospace!important}.conf-chat-input-row{display:flex!important;gap:8px!important;padding:12px 14px!important;border-top:1px solid #F3F4F6!important;background:#fff!important;flex-shrink:0!important}.conf-chat-input{flex:1!important;padding:9px 13px!important;background:#f9fafb!important;border:1px solid #E5E7EB!important;border-radius:10px!important;font-family:DM Sans,sans-serif!important;font-size:13px!important;color:#111827!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important}.conf-chat-input:focus{border-color:#818cf8!important;box-shadow:0 0 0 3px #6366f11a!important;background:#fff!important}.conf-chat-input::placeholder{color:#9ca3af}.conf-chat-send{width:36px!important;height:36px!important;border-radius:10px!important;background:#4f46e5!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:#fff!important;flex-shrink:0!important;transition:background .15s,transform .1s!important}.conf-chat-send:hover{background:#4338ca;transform:scale(1.05)}.conf-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 24px!important;background:#fff!important;border-top:1px solid #E5E7EB!important;flex-shrink:0!important;gap:16px!important;box-shadow:0 -1px 4px #0000000a!important}.conf-controls-left,.conf-controls-right{display:flex!important;align-items:center!important;gap:10px!important;min-width:140px!important}.conf-controls-right{justify-content:flex-end}.conf-controls-center{display:flex!important;align-items:center!important;gap:6px!important}.conf-ctrl-info{display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:500!important;color:#9ca3af!important}.conf-ctrl-btn{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:10px 16px!important;background:#f9fafb!important;border:1px solid #E5E7EB!important;border-radius:12px!important;cursor:pointer!important;color:#6b7280!important;font-family:DM Sans,sans-serif!important;font-size:11px!important;font-weight:500!important;transition:all .15s!important;position:relative!important;min-width:64px!important}.conf-ctrl-btn:hover{background:#f3f4f6!important;color:#111827!important;border-color:#d1d5db!important}.conf-ctrl-btn--active{background:#fef2f2!important;border-color:#fecaca!important;color:#ef4444!important}.conf-ctrl-btn--on{background:#eef2ff!important;border-color:#c7d2fe!important;color:#4f46e5!important}.conf-ctrl-btn--raised{background:#fffbeb!important;border-color:#fde68a!important;color:#d97706!important}.conf-ctrl-badge{position:absolute!important;top:-5px!important;right:-5px!important;min-width:17px!important;height:17px!important;background:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:700!important;border-radius:100px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;border:2px solid #fff!important}.conf-end-btn,.conf-leave-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:11px 20px!important;border:none!important;border-radius:12px!important;font-family:DM Sans,sans-serif!important;font-size:13.5px!important;font-weight:700!important;cursor:pointer!important;transition:all .15s!important;white-space:nowrap!important}.conf-end-btn{background:#ef4444!important;color:#fff!important;box-shadow:0 4px 14px #ef44444d!important}.conf-end-btn:hover{background:#dc2626!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px #ef444466!important}.conf-leave-btn{background:#fef2f2!important;color:#ef4444!important;border:1px solid #FECACA!important}.conf-leave-btn:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}@media(max-width:1100px){.conf-lobby{grid-template-columns:1fr}.conf-call-panel{position:static}}@media(max-width:768px){.conf-main{margin-left:0;margin-bottom:64px}.conf-page{padding:20px 16px}.conf-controls-center{gap:4px}.conf-ctrl-btn{padding:8px 10px;min-width:50px;font-size:10px}.conf-side-panel{width:260px}.conf-grid--3,.conf-grid--4{grid-template-columns:1fr}}.conf-prejoin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.conf-prejoin-modal{background:#fff;border-radius:20px;padding:32px;width:420px;max-width:95vw;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;gap:20px}.conf-prejoin-header h2{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.conf-prejoin-header p{font-size:13.5px;color:#9ca3af;margin:0}.conf-prejoin-cam{height:180px;border-radius:14px;overflow:hidden;background:#f3f4f6}.conf-prejoin-cam-on{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.conf-prejoin-cam-off{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9ca3af;font-size:13px}.conf-prejoin-cam-label{font-size:12px;color:#fffc;font-weight:500}.conf-prejoin-field label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.conf-prejoin-input{width:100%;padding:10px 13px;border:1.5px solid #E5E7EB;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:#111827;outline:none;transition:border-color .15s}.conf-prejoin-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.conf-prejoin-toggles{display:flex;gap:10px}.conf-prejoin-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid;transition:all .15s}.conf-prejoin-toggle.on{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.conf-prejoin-toggle.off{background:#fef2f2;border-color:#fecaca;color:#ef4444}.conf-prejoin-invitees{display:flex;flex-direction:column;gap:8px}.conf-prejoin-invitees-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.conf-prejoin-avatars{display:flex;gap:-6px}.conf-prejoin-avatar{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:2px solid #fff;margin-left:-6px}.conf-prejoin-avatar:first-child{margin-left:0}.conf-prejoin-avatar--more{background:#e5e7eb;color:#6b7280}.conf-prejoin-actions{display:flex;gap:10px}.conf-prejoin-cancel{flex:1;padding:12px;border:1.5px solid #E5E7EB;border-radius:12px;background:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.conf-prejoin-cancel:hover{background:#f9fafb;border-color:#d1d5db}.conf-prejoin-confirm{flex:2;padding:12px;border:none;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#4338ca);font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #4f46e559;transition:all .2s}.conf-prejoin-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.conf-waiting-banner{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#fef3c7;border-bottom:1px solid #FDE68A;font-size:13.5px;color:#92400e;flex-shrink:0;flex-wrap:wrap}.conf-waiting-more{font-size:12px;background:#fde68a;padding:2px 8px;border-radius:100px;font-weight:600}.conf-waiting-actions{display:flex;gap:8px;margin-left:auto}.conf-waiting-deny{padding:5px 14px;border-radius:8px;border:1px solid #FCA5A5;background:#fff;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;color:#ef4444;cursor:pointer;transition:all .15s}.conf-waiting-deny:hover{background:#fef2f2}.conf-waiting-admit{padding:5px 14px;border-radius:8px;border:none;background:#4f46e5;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.conf-waiting-admit:hover{background:#4338ca}.conf-rec-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#fef2f2;border:1px solid #FECACA;border-radius:100px;font-size:12px;font-weight:700;color:#ef4444;font-family:DM Mono,monospace}.conf-rec-dot{width:7px;height:7px;background:#ef4444;border-radius:50%;animation:conf-pulse-dot .9s ease infinite}.conf-topbar-btn--rec{background:#fef2f2!important;border-color:#fecaca!important;color:#ef4444!important}.conf-shortcut-hint{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#0000008c;color:#fff;font-size:11.5px;padding:6px 14px;border-radius:100px;pointer-events:none;opacity:0;animation:conf-hint-fade 4s ease 1s forwards;z-index:100;white-space:nowrap}.conf-shortcut-hint kbd{background:#fff3;border-radius:4px;padding:1px 5px;font-family:DM Mono,monospace;font-size:11px}@keyframes conf-hint-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.conf-signal{display:flex;align-items:flex-end;gap:2px;height:14px}.conf-signal-bar{width:3px;border-radius:1px;transition:background .4s}.conf-tile-reactions{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5;overflow:hidden}.conf-float-reaction{position:absolute;bottom:50px;left:50%;transform:translate(-50%);font-size:28px;animation:conf-reaction-float 2.5s ease forwards;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes conf-reaction-float{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.5)}20%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.1)}80%{opacity:1;transform:translate(-50%) translateY(-60px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-90px) scale(.8)}}.conf-reaction-picker{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:8px;display:flex;gap:4px;box-shadow:0 8px 24px #0000001f;z-index:200;animation:conf-picker-pop .15s ease}@keyframes conf-picker-pop{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}.conf-reaction-btn{font-size:22px;padding:6px;border:none;background:none;border-radius:8px;cursor:pointer;transition:transform .1s,background .1s;line-height:1}.conf-reaction-btn:hover{transform:scale(1.25);background:#f3f4f6}.conf-tile-ctrl--react{background:#ffffffe6!important;color:#374151!important;box-shadow:0 1px 4px #0000001f!important}.conf-hand-queue{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#fffbeb;border:1px solid #FDE68A;border-radius:100px;font-size:12px;color:#92400e}.conf-hand-queue-avatar{width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;border:1.5px solid #fff}.conf-hand-queue-more{font-size:11px;font-weight:700;color:#92400e}.conf-hand-queue-panel{padding:12px 14px;border-bottom:1px solid #F3F4F6;background:#fffbeb}.conf-hand-queue-title{font-size:11.5px;font-weight:700;color:#92400e;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.conf-hand-queue-row{display:flex;align-items:center;gap:8px;padding:5px 0}.conf-hand-queue-pos{width:18px;font-size:12px;font-weight:700;color:#d97706;text-align:center;flex-shrink:0}.conf-hand-dismiss{width:20px;height:20px;border:none;background:#fde68a;border-radius:6px;cursor:pointer;font-size:10px;color:#92400e;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.conf-hand-dismiss:hover{background:#fcd34d}.conf-list-view{flex:1;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:#D1D5DB transparent}.conf-list-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1.5px solid #E5E7EB;border-radius:14px;transition:border-color .25s,box-shadow .25s}.conf-list-row--speaking{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1f!important}.conf-list-avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.conf-list-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.conf-list-name{font-size:14px;font-weight:600;color:#111827;display:flex;align-items:center}.conf-list-team{font-size:12px;color:#9ca3af}.conf-list-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.conf-list-action-btn{width:28px;height:28px;border-radius:8px;border:1px solid #E5E7EB;background:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .15s}.conf-list-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.conf-list-action-btn--danger:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.conf-participant-row{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#f9fafb;border:1px solid #F3F4F6;border-radius:12px;transition:background .15s,border-color .15s;flex-wrap:wrap}.conf-participant-row:hover{background:#f3f4f6;border-color:#e5e7eb}.conf-participant-status{display:flex;align-items:center;gap:4px;flex-shrink:0}.conf-participant-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.conf-participant-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.conf-participant-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.conf-participant-btn--muted{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.conf-participant-btn--muted:hover{background:#e0e7ff}.conf-participant-btn--kick{background:#fef2f2;border-color:#fecaca;color:#ef4444}.conf-participant-btn--kick:hover{background:#ef4444;border-color:#ef4444;color:#fff}.activite-page{width:100%;max-width:1200px;margin:0;background:transparent!important}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px;flex-wrap:wrap}.page-heading{font-size:26px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--color-text-tertiary)}.av-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.av-icon-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.av-icon-btn:hover{border-color:var(--color-border-hover)}.av-icon-btn--active{background:#05966914!important;border-color:#0596694d!important;color:#059669!important}.av-view-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.av-view-toggle button{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:transparent!important;border:none;font-family:inherit;font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.av-view-toggle button:first-child{border-right:1px solid var(--color-border)}.av-view-toggle button:hover{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)}.av-view-toggle button.on{background:var(--color-accent-subtle, #eff6ff)!important;color:var(--color-accent, #2563eb)!important;font-weight:600}.btn-primary-action{display:flex;align-items:center;gap:7px;height:36px;padding:0 16px;background:var(--color-accent, #2563eb)!important;color:#fff!important;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.btn-primary-action:hover{background:var(--color-accent-hover, #1d4ed8)!important;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.activity-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.stat-card-small{display:flex;align-items:center;gap:14px;background:#fff!important;border:1px solid var(--color-border)!important;border-radius:12px;padding:16px 18px;transition:all .15s;box-shadow:0 1px 3px #0000000d!important}.stat-card-small:hover{border-color:var(--color-border-hover)!important;box-shadow:0 4px 12px #00000012!important;transform:translateY(-1px)}.stat-icon{width:42px;height:42px;background:var(--color-accent-subtle, #eff6ff)!important;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-accent, #2563eb)!important;flex-shrink:0}.stat-label{font-size:11px;color:var(--color-text-tertiary);font-weight:500;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:22px;font-weight:700;color:var(--color-text-primary);font-family:JetBrains Mono,monospace;line-height:1}.activity-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#fff!important;border:1px solid var(--color-border);border-radius:20px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;font-family:inherit}.filter-chip:hover{background:var(--color-surface-elevated)!important;border-color:var(--color-border-hover)}.filter-chip.active{background:var(--color-accent-subtle, #eff6ff)!important;border-color:var(--color-accent, #2563eb)!important;color:var(--color-accent, #2563eb)!important;font-weight:600}.filter-badge{background:var(--color-surface-elevated);padding:1px 7px;border-radius:10px;font-size:11px;font-weight:700;color:var(--color-text-tertiary)}.filter-chip.active .filter-badge{background:var(--color-accent, #2563eb)!important;color:#fff!important}.av-calendar-wrap{background:#fff!important;border:1px solid var(--color-border)!important;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000f!important;margin-bottom:32px}.av-cal-nav{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated, #f8fafc)!important}.av-cal-nav-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border);background:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.av-cal-nav-btn:hover{border-color:var(--color-accent, #2563eb)!important;color:var(--color-accent, #2563eb)!important;background:var(--color-accent-subtle, #eff6ff)!important}.av-cal-month-label{font-size:15px;font-weight:700;color:var(--color-text-primary);text-transform:capitalize;flex:1;text-align:center;letter-spacing:-.02em}.av-cal-today-btn{height:30px;padding:0 12px;background:transparent!important;border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.av-cal-today-btn:hover{border-color:var(--color-accent, #2563eb)!important;color:var(--color-accent, #2563eb)!important}.av-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.av-cal-dow{padding:10px 0;text-align:center;font-size:10px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated, #f8fafc)!important}.av-cal-cell{min-height:76px;padding:8px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .1s;position:relative;background:#fff!important}.av-cal-cell:nth-child(7n){border-right:none}.av-cal-cell--empty{background:var(--color-surface-elevated, #f8fafc)!important;cursor:default}.av-cal-cell:not(.av-cal-cell--empty):hover{background:#f5f8ff!important}.av-cal-cell--today .av-cal-day-num{background:var(--color-accent, #2563eb)!important;color:#fff!important;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.av-cal-cell--selected{background:#2563eb0f!important}.av-cal-day-num{font-size:13px;font-weight:600;color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:4px}.av-cal-dots{display:flex;gap:3px;flex-wrap:wrap}.av-cal-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.av-cal-more{font-size:9px;font-weight:700;color:var(--color-text-tertiary);line-height:7px}.av-cal-day-panel{border-top:1px solid var(--color-border);padding:16px 20px 20px;background:var(--color-surface-elevated, #f8fafc)!important}.av-cal-day-panel-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:14px;font-weight:600;color:var(--color-text-primary);text-transform:capitalize}.av-cal-day-add{height:30px;padding:0 12px;background:var(--color-accent, #2563eb)!important;border:none;border-radius:8px;font-family:inherit;font-size:12px;font-weight:600;color:#fff!important;cursor:pointer;transition:all .15s}.av-cal-day-add:hover{background:#1d4ed8!important}.av-cal-day-empty{text-align:center;padding:24px;color:var(--color-text-tertiary);font-size:13px}.activity-timeline{position:relative;margin-bottom:32px;background:transparent!important}.activity-item{display:flex;gap:20px;margin-bottom:20px;background:transparent!important}.activity-timeline-marker{display:flex;flex-direction:column;align-items:center;background:transparent!important}.timeline-dot{width:12px;height:12px;background:var(--color-accent, #2563eb)!important;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--color-accent, #2563eb);flex-shrink:0;z-index:2}.timeline-line{width:2px;flex:1;background:var(--color-border);margin-top:4px;min-height:40px}.activity-card{flex:1;display:flex;gap:14px;background:#fff!important;border:1px solid var(--color-border)!important;border-radius:12px;padding:16px 18px;transition:all .15s ease;box-shadow:0 1px 3px #0000000d!important}.activity-card:hover{border-color:var(--color-border-hover)!important;box-shadow:0 4px 16px #00000014!important;transform:translateY(-1px)}.activity-card--done{opacity:.6}.activity-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.activity-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.activity-status{padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.st-completed{background:#0596691a!important;color:#059669!important}.st-missed{background:#dc26261a!important;color:#dc2626!important}.st-upcoming{background:#2563eb14!important;color:#2563eb!important}.st-pending{background:#d977061a!important;color:#d97706!important}.activity-description{font-size:13px;color:var(--color-text-secondary);margin:0 0 8px;line-height:1.5}.activity-footer{display:flex;align-items:center;gap:12px}.activity-time{font-size:12px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:5px}.activity-actions{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.activity-action-btn{width:30px;height:30px;background:var(--color-surface-elevated, #f8fafc)!important;border:1px solid var(--color-border)!important;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--color-text-secondary)}.activity-action-btn:hover{background:var(--color-accent-subtle, #eff6ff)!important;border-color:var(--color-accent, #2563eb)!important;color:var(--color-accent, #2563eb)!important}.activity-action-btn--done{background:#0596691a!important;border-color:#0596694d!important;color:#059669!important}.activity-action-btn--danger:hover{background:#dc262614!important;border-color:#dc26264d!important;color:#dc2626!important}.activity-empty{text-align:center;padding:60px 32px;color:var(--color-text-tertiary);background:transparent!important}.activity-empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:14px;opacity:.4}.activity-empty-text{font-size:15px;font-weight:500}.av-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:12px;color:var(--color-text-tertiary);background:transparent!important}.av-spinner{width:22px;height:22px;border:2px solid #e5e9f2;border-top-color:var(--color-accent, #2563eb);border-radius:50%;animation:av-spin .7s linear infinite}@keyframes av-spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-panel{background:#fff!important;border:1px solid var(--color-border)!important;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026!important;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--color-border)!important;background:#fff!important}.modal-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0}.modal-close-btn{width:30px;height:30px;background:var(--color-surface-elevated, #f8fafc)!important;border:1px solid var(--color-border)!important;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .15s}.modal-close-btn:hover{background:#dc262614!important;border-color:#dc26264d!important;color:#dc2626!important}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px;background:#fff!important}.modal-field{display:flex;flex-direction:column;gap:5px;flex:1}.modal-label{font-size:11px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.modal-input{padding:9px 12px;background:var(--color-surface-elevated, #f8fafc)!important;border:1px solid var(--color-border)!important;border-radius:8px;font-size:13px;color:var(--color-text-primary);font-family:inherit;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.modal-input:focus{outline:none;border-color:var(--color-accent, #2563eb)!important;box-shadow:0 0 0 3px #2563eb1a!important;background:#fff!important}.modal-input::placeholder{color:var(--color-text-tertiary)}.modal-input-icon-wrap{position:relative;display:flex;align-items:center}.modal-input-icon{position:absolute;left:11px;color:var(--color-text-tertiary);pointer-events:none}.modal-input-with-icon{padding-left:34px}.modal-select{cursor:pointer}.modal-row{display:flex;gap:12px}.modal-type-selector{display:flex;gap:8px}.type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;background:var(--color-surface-elevated, #f8fafc)!important;border:1px solid var(--color-border)!important;border-radius:8px;font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;font-family:inherit}.type-option:hover{border-color:var(--color-border-hover)!important}.type-option.active{background:var(--color-accent-subtle, #eff6ff)!important;border-color:var(--color-accent, #2563eb)!important;color:var(--color-accent, #2563eb)!important;font-weight:600}.av-notif-hint{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#f59e0b14!important;border:1px solid rgba(245,158,11,.2)!important;border-radius:8px;font-size:12px;color:#b45309}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--color-border)!important;background:var(--color-surface-elevated, #f8fafc)!important}.modal-btn-cancel{padding:8px 18px;background:transparent!important;border:1px solid var(--color-border)!important;border-radius:8px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.modal-btn-cancel:hover{background:var(--color-surface-elevated, #f8fafc)!important;border-color:var(--color-border-hover)!important}.modal-btn-confirm{padding:8px 18px;background:var(--color-accent, #2563eb)!important;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff!important;cursor:pointer;font-family:inherit;transition:all .15s}.modal-btn-confirm:hover:not(:disabled){background:#1d4ed8!important;transform:translateY(-1px)}.modal-btn-confirm:disabled{opacity:.4;cursor:not-allowed}.av-toasts{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.av-toast{padding:11px 18px;border-radius:10px;font-size:13px;font-weight:500;font-family:inherit;box-shadow:0 4px 16px #0000001f;animation:av-toast-in .25s ease}@keyframes av-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.av-toast--success{background:#052e16!important;color:#d1fae5!important;border:1px solid rgba(16,185,129,.3)!important}.av-toast--error{background:#450a0a!important;color:#fecaca!important;border:1px solid rgba(239,68,68,.3)!important}@media(max-width:768px){.page-header{flex-direction:column}.av-header-actions{flex-wrap:wrap}.activity-stats{grid-template-columns:1fr 1fr}.activity-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.filter-chip{flex-shrink:0}.activity-item{gap:12px}.activity-card{flex-direction:column;gap:10px}.activity-actions{flex-direction:row}.modal-row{flex-direction:column}.av-cal-cell{min-height:54px;padding:5px}.av-cal-day-num{font-size:11px}}.historique-page{width:100%;max-width:1200px;margin:0}.page-with-search{width:100%;max-width:1400px;margin:0}.page-header{display:flex;gap:16px;margin-bottom:32px;align-items:center;flex-wrap:wrap}.page-heading{font-size:28px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--color-text-tertiary);font-weight:400;margin-top:4px}.historique-toolbar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box svg{color:var(--color-text-tertiary);flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;padding:12px 0 12px 12px;font-size:14px;color:var(--color-text-primary);outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.filter-btn{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;align-items:center;gap:6px}.filter-btn svg{flex-shrink:0}.history-list{display:flex;flex-direction:column;gap:2px}.history-item,.call-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .15s ease;margin-bottom:8px}.history-item:hover,.call-item:hover{background:var(--color-surface-elevated);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.history-icon,.call-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;font-weight:600}.history-incoming,.call-icon.incoming{background:var(--color-success-subtle);color:var(--color-success)}.history-outgoing,.call-icon.outgoing{background:var(--color-accent-subtle);color:var(--color-accent)}.history-missed,.call-icon.missed{background:var(--color-error-subtle);color:var(--color-error)}.history-details,.call-details{flex:1;min-width:0}.history-name,.call-name-text{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;line-height:1.4}.history-number{font-size:13px;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;margin-bottom:4px}.history-time,.call-time{font-size:12px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:4px}.history-time svg{flex-shrink:0}.history-duration,.call-duration-text{font-size:14px;color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-weight:600;min-width:60px;text-align:right}.history-actions{display:flex;gap:8px}.history-action-btn{width:36px;height:36px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:var(--color-text-secondary)}.history-action-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.05)}.history-action-btn svg{flex-shrink:0}.history-empty{text-align:center;padding:64px 32px;color:var(--color-text-tertiary)}.history-empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.5}.history-empty-icon svg{width:64px;height:64px}.history-empty-text{font-size:16px;font-weight:500}.history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card-mini{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;transition:all .15s ease}.stat-card-mini:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.stat-mini-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:18px}.stat-mini-icon.incoming{background:var(--color-success)}.stat-mini-icon.outgoing{background:var(--color-accent)}.stat-mini-icon.missed{background:var(--color-error)}.stat-mini-icon.total{background:var(--color-text-secondary)}.stat-mini-content{flex:1}.stat-mini-label{font-size:12px;color:var(--color-text-tertiary);font-weight:500;margin-bottom:2px}.stat-mini-value{font-size:20px;font-weight:700;color:var(--color-text-primary);font-family:JetBrains Mono,monospace}.history-date-group{margin-bottom:32px}.history-date-header{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px;padding-left:4px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.page-heading{font-size:24px}.historique-toolbar{flex-direction:column}.search-box{min-width:100%}.filter-buttons{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.filter-btn{flex-shrink:0}.history-item{gap:12px;padding:12px}.history-icon{width:36px;height:36px;font-size:16px}.history-name{font-size:14px}.history-duration{font-size:13px;min-width:50px}.history-actions{flex-direction:column}.history-stats{grid-template-columns:1fr}}:root{--color-background: #FAFBFC;--color-surface: #FFFFFF;--color-surface-elevated: #F8F9FA;--color-border: #E5E7EB;--color-border-hover: #D1D5DB;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-accent: #3B82F6;--color-accent-hover: #2563EB;--color-accent-subtle: #EFF6FF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--radius-sm: 6px;--radius-md: 8px;--radius-xl: 16px}.recordings-page{width:100%;max-width:1200px;margin:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-sm)}.card-header{margin-bottom:24px}.card-title{font-size:18px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.3px;margin-bottom:4px}.card-subtitle{font-size:13px;color:var(--color-text-tertiary);font-weight:400}.recordings-toolbar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 16px;transition:all .15s ease}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.search-box input{flex:1;border:none;background:transparent;padding:12px 0;font-size:14px;color:var(--color-text-primary);outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.search-box input::placeholder{color:var(--color-text-tertiary)}.filter-buttons{display:flex;gap:8px;background:var(--color-surface-elevated);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.filter-btn{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.filter-btn:hover{color:var(--color-text-primary);background:var(--color-surface)}.filter-btn.active{background:var(--color-accent);color:#fff}.recordings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.recording-list{display:flex;flex-direction:column;gap:12px}.recording-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;transition:all .15s ease}.recording-item:hover{background:var(--color-surface);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.recording-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.recording-icon{width:36px;height:36px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.recording-info{flex:1;min-width:0}.recording-name{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-meta{font-size:12px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:8px}.recording-meta-divider{width:3px;height:3px;background:var(--color-text-tertiary);border-radius:50%}.recording-controls{display:flex;gap:8px}.recording-btn{flex:1;height:36px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.recording-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.recording-btn.playing{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.recording-btn.playing:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.recording-progress{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:8px}.recording-progress-bar{height:100%;background:var(--color-accent);width:0%;transition:width .3s ease}.recording-empty{text-align:center;padding:32px 16px;color:var(--color-text-tertiary)}.recording-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.recording-empty-text{font-size:14px}@media(max-width:1200px){.recordings-grid{grid-template-columns:1fr}}@media(max-width:768px){.recordings-toolbar{flex-direction:column}.search-box{min-width:100%}.filter-buttons{width:100%;justify-content:space-between}.filter-btn{flex:1;padding:8px 12px}}.analytics-page{width:100%;max-width:1600px;margin:0;padding:0 24px 32px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-bar{height:3px;background:var(--color-border);border-radius:3px;margin-bottom:16px;overflow:hidden}.loading-bar-fill{height:100%;width:40%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;animation:loadingSlide 1.2s ease-in-out infinite}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.page-header-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border);gap:16px;flex-wrap:wrap}.page-heading-enhanced{font-size:20px;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:10px;margin-bottom:2px}.page-heading-enhanced svg{color:var(--color-accent)}.page-subtitle-enhanced{font-size:12px;color:var(--color-text-tertiary)}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.time-range-selector-inline{display:flex;gap:2px;background:var(--color-surface);padding:3px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.range-btn{padding:5px 12px;background:transparent;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit;position:relative}.range-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent),#2563eb);opacity:0;transition:opacity .15s ease}.range-btn:hover{color:var(--color-text-primary)}.range-btn.active{color:#fff}.range-btn.active:before{opacity:1}.range-btn span{position:relative;z-index:1}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;width:auto}.action-btn.secondary{background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.action-btn.secondary:hover{background:var(--color-surface);transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.action-btn.primary{background:linear-gradient(135deg,var(--color-accent),#2563eb);color:#fff}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 5px 14px #3b82f659}.section-divider{display:flex;align-items:center;gap:16px;margin:24px 0 14px}.section-divider-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.section-number{font-size:10px;font-weight:800;color:var(--color-accent);background:#3b82f61a;border:1px solid rgba(59,130,246,.25);padding:3px 8px;border-radius:var(--radius-sm);letter-spacing:1px;font-family:monospace}.section-title{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:1px}.section-desc{font-size:11px;color:var(--color-text-tertiary)}.section-divider-line{flex:1;height:1px;background:linear-gradient(90deg,var(--color-border),transparent)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:16px 18px;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);animation:slideUp .4s ease both;opacity:0}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.kpi-card:nth-child(1){animation-delay:.05s;transform:translateY(12px)}.kpi-card:nth-child(2){animation-delay:.1s;transform:translateY(12px)}.kpi-card:nth-child(3){animation-delay:.15s;transform:translateY(12px)}.kpi-card:nth-child(4){animation-delay:.2s;transform:translateY(12px)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-color, var(--color-accent)),var(--card-color-light, var(--color-accent)));opacity:0;transition:opacity .25s ease}.kpi-card:hover:before{opacity:1}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a;border-color:var(--card-color, var(--color-border-hover))}.kpi-card.primary{--card-color: #3b82f6;--card-color-light: #60a5fa}.kpi-card.success{--card-color: #10b981;--card-color-light: #34d399}.kpi-card.info{--card-color: #8b5cf6;--card-color-light: #a78bfa}.kpi-card.warning{--card-color: #f59e0b;--card-color-light: #fbbf24}.kpi-card-inner{display:flex;align-items:flex-start;gap:12px}.kpi-icon{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,var(--card-color, var(--color-accent)),var(--card-color-light, var(--color-accent)));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #00000026;transition:all .25s ease}.kpi-card:hover .kpi-icon{transform:scale(1.08) rotate(4deg)}.kpi-content{flex:1;min-width:0}.kpi-label{font-size:10px;color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}.kpi-value{font-size:26px;font-weight:800;line-height:1;margin-bottom:6px;background:linear-gradient(135deg,var(--color-text-primary),var(--card-color, var(--color-accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:monospace}.kpi-trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--radius-sm)}.kpi-trend.positive{color:#10b981;background:#10b9811a}.kpi-trend.negative{color:#ef4444;background:#ef44441a}.kpi-sparkline{display:flex;align-items:flex-end;gap:3px;height:28px;margin-top:10px;opacity:.55}.sparkline-bar{flex:1;background:linear-gradient(180deg,var(--card-color, var(--color-accent)),var(--card-color-light, var(--color-accent)));border-radius:2px;animation:barGrow .5s ease both;transform-origin:bottom}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.kpi-card:hover .sparkline-bar{opacity:1}.kpi-progress{height:4px;background:var(--color-surface-elevated);border-radius:8px;overflow:hidden;margin-top:10px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--card-color, var(--color-accent)),var(--card-color-light, var(--color-accent)));border-radius:8px;animation:progressGrow 1.2s ease both}@keyframes progressGrow{0%{width:0}}.kpi-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:linear-gradient(135deg,var(--card-color, var(--color-accent)),var(--card-color-light, var(--color-accent)));color:#fff;border-radius:var(--radius-md);font-size:10px;font-weight:600;margin-top:10px}.metrics-strip{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:12px 20px;gap:0;margin-bottom:0}.metric-strip-item{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.metric-strip-item svg{color:var(--color-accent);flex-shrink:0}.metric-strip-label{font-size:11px;color:var(--color-text-tertiary);white-space:nowrap}.metric-strip-value{font-size:15px;font-weight:700;color:var(--color-text-primary);font-family:monospace;margin-left:auto;padding-right:12px}.metric-strip-value--danger{color:#ef4444}.metric-strip-bar{width:50px;height:4px;background:var(--color-surface-elevated);border-radius:4px;overflow:hidden}.metric-strip-bar>div{height:100%;border-radius:4px}.metric-strip-sep{width:1px;height:28px;background:var(--color-border);margin:0 16px;flex-shrink:0}.charts-row{display:flex;gap:14px;align-items:stretch}.chart-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:18px 20px;transition:all .25s ease;display:flex;flex-direction:column}.chart-box:hover{box-shadow:0 8px 28px #00000017;transform:translateY(-2px);border-color:var(--color-border-hover)}.chart-box--lg{flex:2.2;min-width:0}.chart-box--sm{flex:1;min-width:0}.chart-box--pie{flex:0 0 280px}.chart-box--dur{flex:1.3;min-width:0}.chart-box--stats{flex:1;min-width:0}.chart-box--full{width:100%}.chart-insight-bar{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary);background:#3b82f60f;border:1px solid rgba(59,130,246,.12);border-radius:var(--radius-md);padding:7px 12px;margin-bottom:14px;line-height:1.4}.chart-insight-bar svg{color:#3b82f6;flex-shrink:0}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:160px;color:var(--color-text-tertiary);font-size:13px}.chart-header-pro{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-shrink:0}.chart-title-pro{font-size:14px;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.chart-subtitle-pro{font-size:11px;color:var(--color-text-tertiary)}.chart-legend-pro{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary);font-weight:500}.legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-dot.incoming{background:#10b981}.legend-dot.outgoing{background:#3b82f6}.quality-stats{display:flex;flex-direction:column;gap:12px;margin-top:4px}.quality-stat-item{padding:12px;background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border)}.quality-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.quality-stat-label{font-size:11px;color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quality-stat-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm)}.quality-stat-badge.good{background:#10b9811f;color:#10b981}.quality-stat-badge.ok{background:#f59e0b1f;color:#f59e0b}.quality-stat-badge.bad{background:#ef44441f;color:#ef4444}.quality-stat-value{font-size:22px;font-weight:800;color:var(--color-text-primary);font-family:monospace;margin-bottom:6px}.quality-stat-bar{height:5px;background:var(--color-border);border-radius:5px;overflow:hidden;margin-bottom:4px}.quality-fill-green{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:5px;transition:width 1s ease}.quality-stat-note{font-size:11px;color:var(--color-text-tertiary);font-style:italic}.pie-legend{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.pie-legend-item{display:flex;align-items:center;gap:10px;font-size:12px}.pie-dot{width:11px;height:11px;border-radius:3px;flex-shrink:0}.pie-label{flex:1;color:var(--color-text-secondary);font-weight:500}.pie-value{color:var(--color-text-primary);font-weight:700;font-family:monospace}.comparison-insight{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px 24px;position:relative;overflow:hidden}.comparison-insight:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6,#ec4899)}.comparison-grid-insight{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.comparison-item{display:flex;flex-direction:column;gap:10px}.comparison-metric{display:flex;justify-content:space-between;align-items:center}.comparison-label{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.comparison-change{font-size:13px;font-weight:700}.comparison-change.positive{color:#10b981}.comparison-change.negative{color:#ef4444}.comparison-values{display:flex;align-items:baseline;gap:10px;font-size:14px;font-weight:700;color:var(--color-text-primary);font-family:monospace}.comparison-values small{font-size:10px;color:var(--color-text-tertiary);font-weight:400;font-family:inherit}.comparison-values .vs{color:var(--color-text-tertiary);font-size:11px;font-weight:400}.comparison-bar-container{display:flex;flex-direction:column;gap:6px}.comparison-bar{height:24px;border-radius:var(--radius-md);display:flex;align-items:center;padding:0 10px;font-size:10px;font-weight:600;color:#fff;position:relative;overflow:hidden;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:36px}.comparison-bar span{position:relative;z-index:1}.comparison-bar.previous{background:linear-gradient(90deg,#6b7280,#9ca3af);opacity:.65}.comparison-bar.current{background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 3px 10px #3b82f640}.custom-tooltip{background:#111827f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:10px 14px;box-shadow:0 8px 20px #0000004d}.tooltip-label{font-size:11px;color:#ffffff80;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tooltip-value{font-size:13px;margin:3px 0;display:flex;justify-content:space-between;gap:14px}.tooltip-value strong{font-family:monospace}.performance-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:18px 20px;margin-bottom:20px}.performance-table{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table-loading{padding:24px;color:var(--color-text-tertiary);text-align:center;font-size:13px}.table-header{display:grid;grid-template-columns:56px 2fr 1fr 1.1fr 1fr 1.4fr;gap:16px;padding:11px 20px;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-bottom:1px solid var(--color-border);font-size:11px;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.8px}.table-row{display:grid;grid-template-columns:56px 2fr 1fr 1.1fr 1fr 1.4fr;gap:16px;padding:13px 20px;transition:all .2s ease;align-items:center;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--color-surface-elevated);transform:translate(5px);box-shadow:inset 3px 0 0 var(--color-accent)}.table-cell{display:flex;align-items:center;font-size:13px;color:var(--color-text-primary)}.table-cell.rank{justify-content:center}.table-cell.agent{gap:10px}.rank-badge{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;position:relative;transition:all .25s ease}.table-row:hover .rank-badge{transform:scale(1.12) rotate(4deg)}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 3px 10px #fbbf2459}.rank-badge.rank-1:before{content:"👑";position:absolute;top:-6px;right:-6px;font-size:12px}.rank-badge.rank-2{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#fff}.rank-badge.rank-3{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rank-badge.rank-4{background:var(--color-surface-elevated);color:var(--color-text-primary);border:2px solid var(--color-border)}.agent-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 3px 8px #3b82f638;transition:all .25s ease}.table-row:hover .agent-avatar{transform:scale(1.08)}.agent-name{font-weight:600;transition:color .2s ease}.table-row:hover .agent-name{color:var(--color-accent)}.cell-value{font-family:monospace;font-weight:600}.cell-badge{padding:3px 11px;border-radius:var(--radius-md);font-size:12px;font-weight:700;font-family:monospace}.cell-badge.success{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.22)}.performance-bar{width:100%;height:7px;background:var(--color-surface-elevated);border-radius:7px;overflow:hidden;border:1px solid var(--color-border)}.performance-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:7px;transition:width 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #10b98159;position:relative;overflow:hidden}.performance-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmerBar 2s infinite}@keyframes shimmerBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-row{flex-wrap:wrap}.chart-box--pie{flex:0 0 240px}.comparison-grid-insight{grid-template-columns:1fr 1fr}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.metrics-strip{flex-wrap:wrap;gap:12px}.metric-strip-sep{display:none}.metric-strip-item{flex:1 1 40%}.charts-row{flex-direction:column}.chart-box--pie{flex:unset;width:100%}.comparison-grid-insight{grid-template-columns:1fr}.table-header{grid-template-columns:50px 1.5fr .8fr .8fr .8fr 1fr;gap:10px;padding:10px 14px}.table-row{grid-template-columns:50px 1.5fr .8fr .8fr .8fr 1fr;gap:10px;padding:12px 14px}}@media(max-width:640px){.analytics-page{padding:0 12px 20px}.page-header-enhanced{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi-value{font-size:20px}.table-header{display:none}.table-row{grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px;border-radius:var(--radius-md);margin-bottom:8px;border:1px solid var(--color-border)}.table-row:hover{transform:none}.table-cell.rank{order:-2}.table-cell.agent{order:-1;grid-column:span 2}}@media print{.header-actions{display:none}.chart-box,.kpi-card{break-inside:avoid;box-shadow:none}.analytics-page{max-width:100%}}.am-page{--am-bg: #f0f4f8;--am-card: #ffffff;--am-border: rgba(0,0,0,.08);--am-border2: rgba(0,0,0,.05);--am-accent: #4f46e5;--am-cyan: #0891b2;--am-violet: #7c3aed;--am-green: #059669;--am-yellow: #d97706;--am-red: #dc2626;--am-orange: #ea580c;--am-t1: #0f172a;--am-t2: #64748b;--am-t3: #94a3b8;--am-phdr: rgba(248,250,252,.9);--am-ibg: #f8fafc;--am-spbase: rgba(79,70,229,.18);--am-connoff: rgba(0,0,0,.1);--am-wtrack: rgba(0,0,0,.07);--am-dtrack: #e8edf3;--am-tshad: 0 8px 30px rgba(0,0,0,.14);--am-cgrid: rgba(0,0,0,.06);--am-cline: #4f46e5;--am-cfill: rgba(79,70,229,.07);--am-hshadow: 0 1px 12px rgba(0,0,0,.07)}.am-page{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--am-bg);font-family:Inter,sans-serif;color:var(--am-t1);overflow:hidden;z-index:0}.am-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 10% -5%,rgba(79,70,229,.05) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 90% 105%,rgba(8,145,178,.04) 0%,transparent 60%);pointer-events:none;z-index:0}.am-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--am-border2) 1px,transparent 1px),linear-gradient(90deg,var(--am-border2) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.am-content{position:absolute;top:64px;left:72px;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:1;background:var(--am-bg);transition:bottom .35s cubic-bezier(.16,1,.3,1)}.am-whisp-active .am-content{bottom:72px}.am-subheader{display:flex;align-items:center;justify-content:space-between;padding:12px 26px;border-bottom:1px solid var(--am-border);background:#ffffffed;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:sticky;top:0;z-index:100;box-shadow:var(--am-hshadow);gap:12px;flex-wrap:wrap}.am-subheader-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.am-live-pill{display:flex;align-items:center;gap:6px;background:#05966914;border:1px solid rgba(5,150,105,.25);border-radius:100px;padding:5px 12px}.am-ldot{width:7px;height:7px;background:var(--am-green);border-radius:50%;animation:am-lp 2s infinite}@keyframes am-lp{0%,to{box-shadow:0 0 #05966980}50%{box-shadow:0 0 0 5px #05966900}}.am-llbl{font-size:10px;font-weight:700;color:var(--am-green);letter-spacing:1.5px}.am-clock{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--am-t2)}.am-subheader-whisp-pill{display:flex;align-items:center;gap:6px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:100px;padding:5px 12px;font-size:11px;font-weight:600;color:#6d28d9;cursor:pointer;transition:all .2s}.am-subheader-whisp-pill:hover{background:#7c3aed2e}.am-btn-exp{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#05966914;border:1px solid rgba(5,150,105,.2);border-radius:8px;color:var(--am-green);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.am-btn-exp:hover{background:var(--am-green);color:#fff;transform:translateY(-1px)}.am-btn-ref{display:flex;align-items:center;gap:5px;padding:6px 13px;background:linear-gradient(135deg,var(--am-accent),#6366f1);border:none;border-radius:8px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;box-shadow:0 3px 10px #4f46e540}.am-btn-ref:hover{transform:translateY(-2px);box-shadow:0 7px 20px #4f46e566}.am-main{padding:20px 26px;max-width:1700px;margin:0 auto}.am-toast-container{position:fixed;top:76px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.am-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--am-card);border:1px solid var(--am-border);border-radius:12px;box-shadow:var(--am-tshad);min-width:290px;max-width:340px;pointer-events:all;animation:am-tin .3s ease}.am-toast.out{animation:am-tout .3s ease forwards}@keyframes am-tin{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes am-tout{to{opacity:0;transform:translate(16px)}}.t-ico{font-size:17px;flex-shrink:0;margin-top:1px}.t-body{flex:1}.t-title{font-size:12px;font-weight:700;margin-bottom:2px}.t-msg{font-size:11px;color:var(--am-t2);line-height:1.4}.t-close{font-size:16px;color:var(--am-t2);cursor:pointer;background:none;border:none;padding:0;line-height:1;flex-shrink:0}.t-prog{height:2px;background:var(--am-border);border-radius:10px;margin-top:7px;overflow:hidden}.t-fill{height:100%;border-radius:10px;transition:width linear}.tw{border-left:3px solid var(--am-red)}.tw .t-title{color:var(--am-red)}.tw .t-fill{background:var(--am-red)}.td{border-left:3px solid #dc2626}.td .t-title{color:#dc2626}.td .t-fill{background:#dc2626}.ti2{border-left:3px solid var(--am-accent)}.ti2 .t-title{color:var(--am-accent)}.ti2 .t-fill{background:var(--am-accent)}.am-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.am-modal-overlay.show{opacity:1;pointer-events:all}.am-agent-modal{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:90vw;background:var(--am-card);box-shadow:-8px 0 40px #00000026;z-index:301;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.am-agent-modal.show{transform:translate(0)}.am-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--am-border);background:var(--am-phdr);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.am-modal-title{font-size:15px;font-weight:800;display:flex;align-items:center;gap:10px}.am-modal-close{width:32px;height:32px;border:none;background:#0000000d;border-radius:8px;cursor:pointer;font-size:18px;color:var(--am-t2);transition:all .2s;display:flex;align-items:center;justify-content:center}.am-modal-close:hover{background:var(--am-red);color:#fff;transform:rotate(90deg)}.am-modal-body{flex:1;padding:22px;overflow-y:auto}.am-modal-body::-webkit-scrollbar{width:6px}.am-modal-body::-webkit-scrollbar-track{background:transparent}.am-modal-body::-webkit-scrollbar-thumb{background:var(--am-border);border-radius:10px}.am-modal-login-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:#0891b214;border:1px solid rgba(8,145,178,.2);border-radius:100px;font-size:10px;font-weight:600;color:var(--am-cyan);font-family:JetBrains Mono,monospace}.am-sup-actions{margin-bottom:22px;border-radius:14px;border:1px solid rgba(124,58,237,.2);background:linear-gradient(135deg,#7c3aed0d,#4f46e508);overflow:hidden}.am-sup-actions-hdr{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(124,58,237,.12);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#6d28d9}.am-sup-actions-dot{width:6px;height:6px;border-radius:50%;background:#7c3aed;animation:am-lp 1.5s infinite}.am-sup-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#7c3aed1a}.am-sup-whisper-btn,.am-sup-cut-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;cursor:pointer;text-align:left;font-family:Inter,sans-serif;transition:all .2s}.am-sup-whisper-btn{background:#7c3aed0a}.am-sup-whisper-btn:hover{background:#7c3aed1f}.am-sup-cut-btn{background:#dc262608}.am-sup-cut-btn:hover{background:#dc26261a}.am-sup-btn-ico{font-size:20px;flex-shrink:0}.am-sup-btn-lbl{font-size:12px;font-weight:700;color:var(--am-t1);margin-bottom:2px}.am-sup-whisper-btn .am-sup-btn-lbl{color:#6d28d9}.am-sup-cut-btn .am-sup-btn-lbl{color:var(--am-red)}.am-sup-btn-sub{font-size:10px;color:var(--am-t2);line-height:1.4}.am-agent-profile{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#4f46e50f,#0891b20a);border-radius:14px;margin-bottom:24px;border:1px solid var(--am-border)}.am-profile-av{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex-shrink:0;position:relative}.am-profile-av-dot{position:absolute;bottom:-3px;right:-3px;width:18px;height:18px;border-radius:50%;border:3px solid var(--am-card)}.am-profile-info{flex:1}.am-profile-name{font-size:18px;font-weight:800;margin-bottom:4px}.am-profile-id{font-size:12px;color:var(--am-t2);font-family:JetBrains Mono,monospace;margin-bottom:8px}.am-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.am-stat-box{background:var(--am-card);border:1px solid var(--am-border);border-radius:12px;padding:14px;text-align:center}.am-stat-lbl{font-size:10px;font-weight:700;color:var(--am-t2);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.am-stat-val{font-size:22px;font-weight:800;font-family:JetBrains Mono,monospace}.am-stat-sub{font-size:10px;color:var(--am-t2);margin-top:4px}.am-section{margin-bottom:24px}.am-section-title{font-size:12px;font-weight:800;color:var(--am-t1);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.am-section-title:before{content:"";width:3px;height:14px;background:var(--am-accent);border-radius:10px}.am-perf-chart{height:120px;background:var(--am-card);border:1px solid var(--am-border);border-radius:10px;padding:12px}.am-perf-bars{display:flex;align-items:flex-end;gap:6px;height:80px;margin-top:10px}.am-perf-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.am-perf-bar{width:100%;border-radius:4px 4px 0 0;transition:all .3s;cursor:pointer}.am-perf-bar:hover{opacity:.8;transform:scaleY(1.05)}.am-perf-lbl{font-size:9px;color:var(--am-t2);font-weight:600}.am-call-item{background:var(--am-card);border:1px solid var(--am-border);border-radius:10px;padding:12px;margin-bottom:10px;transition:all .2s}.am-call-item:hover{border-color:var(--am-accent);box-shadow:0 4px 12px #4f46e51a}.am-call-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.am-call-num{font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace}.am-call-time{font-size:11px;color:var(--am-t2)}.am-call-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--am-t2)}.am-call-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:600}.badge-in{background:#0596691a;color:var(--am-green)}.badge-out{background:#0891b21a;color:var(--am-cyan)}.badge-missed{background:#dc26261a;color:var(--am-red)}.am-rec-item{background:var(--am-card);border:1px solid var(--am-border);border-radius:10px;padding:14px;margin-bottom:10px}.am-rec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.am-rec-info{flex:1}.am-rec-date{font-size:11px;font-weight:700;color:var(--am-t1)}.am-rec-duration{font-size:10px;color:var(--am-t2);font-family:JetBrains Mono,monospace}.am-rec-player{display:flex;align-items:center;gap:10px;background:#4f46e50a;padding:10px;border-radius:8px}.am-play-btn{width:36px;height:36px;border:none;background:var(--am-accent);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:all .2s;flex-shrink:0}.am-play-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #4f46e566}.am-play-btn.playing{background:var(--am-red)}.am-wave-bar{flex:1;height:32px;display:flex;align-items:center;gap:2px}.am-wave-b{width:3px;background:#4f46e54d;border-radius:2px;transition:all .15s}.am-wave-b.active{background:var(--am-accent);height:100%!important}.am-rec-time{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--am-t2);min-width:60px;text-align:right}.am-download-btn{padding:6px 12px;background:#0891b21a;border:none;border-radius:8px;color:var(--am-cyan);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;text-decoration:none;display:inline-flex;align-items:center}.am-download-btn:hover{background:var(--am-cyan);color:#fff}.am-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:20px}.am-kpi{background:var(--am-card);border:1px solid var(--am-border);border-radius:15px;padding:18px 16px;position:relative;overflow:hidden;transition:all .3s;animation:am-up .5s ease both;box-shadow:0 1px 5px #0000000d}.am-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--c,var(--am-accent))}.am-kpi:after{content:"";position:absolute;top:-28px;right:-12px;width:72px;height:72px;background:radial-gradient(circle,var(--c,var(--am-accent)) 0%,transparent 70%);opacity:.06;pointer-events:none}.am-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001a}@keyframes am-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.am-k-ico{font-size:17px;margin-bottom:9px;display:block}.am-k-lbl{font-size:9px;font-weight:700;color:var(--am-t2);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px}.am-k-val{font-size:28px;font-weight:800;color:var(--c,var(--am-t1));line-height:1;margin-bottom:6px;font-variant-numeric:tabular-nums}.am-k-sub{font-size:10px;color:var(--am-t2)}.am-up{color:var(--am-green);font-weight:600}.am-dn{color:var(--am-red);font-weight:600}.am-grid{display:grid;grid-template-columns:1fr 355px;gap:17px}.am-rpanels{display:flex;flex-direction:column;gap:15px}.am-panel{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 1px 7px #0000000f}.am-ph{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.08);background:#f8fafce6;flex-wrap:wrap;gap:8px}.am-ph2{display:flex;align-items:center;justify-content:space-between;padding:9px 20px;border-bottom:1px solid rgba(0,0,0,.08);background:#f8fafce6;gap:10px;flex-wrap:wrap}.am-ptitle{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.am-pico{width:26px;height:26px;background:#4f46e514;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px}.am-sr-wrap{position:relative;display:flex;align-items:center}.am-sr-wrap svg{position:absolute;left:9px;color:var(--am-t2);pointer-events:none}.am-sr-inp{padding:6px 10px 6px 29px;background:var(--am-ibg);border:1px solid var(--am-border);border-radius:8px;font-size:12px;font-family:Inter,sans-serif;color:var(--am-t1);width:175px;outline:none;transition:all .25s}.am-sr-inp::placeholder{color:var(--am-t3)}.am-sr-inp:focus{border-color:var(--am-accent);width:210px;box-shadow:0 0 0 3px #4f46e51a}.am-tabs{display:flex;gap:3px;background:#0000000a;padding:3px;border-radius:8px;border:1px solid var(--am-border)}.am-tab{padding:5px 11px;border-radius:6px;border:none;background:transparent;color:var(--am-t2);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.am-tab.on{background:var(--am-accent);color:#fff;box-shadow:0 2px 8px #4f46e54d}.am-twrap{overflow-x:auto}.am-tbl{width:100%;border-collapse:collapse}.am-tbl thead th{padding:9px 15px;text-align:left;font-size:9px;font-weight:700;color:#64748b;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.08);background:#f8fafce6;white-space:nowrap}.am-tbl tbody tr{background:#fff;border-bottom:1px solid rgba(0,0,0,.05);transition:background .15s;cursor:pointer}.am-tbl tbody tr:hover{background:#4f46e50a!important}.am-tbl tbody tr:last-child{border-bottom:none}.am-tbl td{padding:11px 15px;vertical-align:middle;background:transparent;color:inherit}.am-ac{display:flex;align-items:center;gap:10px}.am-av{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;position:relative;flex-shrink:0}.am-av-d{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.am-an{font-size:13px;font-weight:700;color:#0f172a;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.am-aid{font-size:10px;color:#94a3b8;font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.am-sbb{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:600;white-space:nowrap}.am-sdd{width:5px;height:5px;border-radius:50%}.sc{background:#0596691a;color:#047857}.sc .am-sdd{background:#059669;animation:am-lp 2s infinite}.si{background:#d977061a;color:#b45309}.si .am-sdd{background:#d97706}.sb3{background:#7c3aed1a;color:#6d28d9}.sb3 .am-sdd{background:#7c3aed;animation:am-lp 1.5s infinite}.so{background:#64748b14;color:var(--am-t2)}.so .am-sdd{background:var(--am-t2)}.sk{background:#ea580c1a;color:#c2410c}.sk .am-sdd{background:#ea580c}.am-login-cell{display:flex;align-items:center;gap:5px}.am-login-ico{font-size:11px;line-height:1}.am-login-time{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--am-cyan);letter-spacing:.5px}.am-vw-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:700;white-space:nowrap}.vw-appel{background:#7c3aed1a;color:#6d28d9;border:1px solid rgba(124,58,237,.18)}.vw-sms{background:#4f46e51a;color:var(--am-accent);border:1px solid rgba(79,70,229,.18)}.vw-contacts{background:#0891b21a;color:var(--am-cyan);border:1px solid rgba(8,145,178,.18)}.vw-dash{background:#64748b14;color:var(--am-t2);border:1px solid rgba(100,116,139,.15)}.vw-none{color:var(--am-t3)}.am-ww{display:flex;align-items:center;gap:8px;min-width:115px}.am-wbg{flex:1;height:3px;background:var(--am-wtrack);border-radius:10px;overflow:hidden}.am-wf{height:100%;border-radius:10px}.am-wv{font-family:JetBrains Mono,monospace;font-size:11px;min-width:36px;text-align:right;font-weight:600}.am-sc-wrap{display:flex;align-items:center;gap:6px}.am-sc-ring{position:relative;width:30px;height:30px;flex-shrink:0}.am-sc-ring svg{transform:rotate(-90deg)}.am-sc-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800}.am-sc-stars{font-size:9px;letter-spacing:-1px;line-height:1}.am-sp{display:flex;align-items:flex-end;gap:2px;height:22px}.am-spb{width:4px;border-radius:2px;background:var(--am-spbase)}.am-spb:last-child{background:var(--am-cyan)}.am-cbb-wrap{display:flex;align-items:flex-end;gap:2px}.am-cbb{width:4px;border-radius:2px;background:var(--am-connoff)}.am-cbb.on{background:var(--am-green)}.am-cn{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.am-no-res{text-align:center;padding:30px;color:var(--am-t2);font-size:13px}.am-row-sel{background:#4f46e50f!important}.am-row-in{animation:am-ri .5s ease}@keyframes am-ri{0%{background:#4f46e512}to{background:#fff}}.am-row-alr td:first-child{border-left:3px solid #dc2626}.am-row-break-warn{background:#d9770608!important}.am-row-break-over{background:#dc26260a!important}.am-row-break-over td:first-child{border-left:3px solid var(--am-red)}.am-row-whisp{background:#7c3aed0d!important}.am-row-whisp td:first-child{border-left:3px solid #7c3aed}.am-whisp-row-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);border-radius:100px;font-size:9px;font-weight:700;color:#6d28d9;animation:am-whisp-pulse 2s infinite}@keyframes am-whisp-pulse{0%,to{opacity:1}50%{opacity:.6}}.am-row-break-timer{display:flex;align-items:center;gap:5px;margin-top:3px}.am-row-break-ico{font-size:10px}.am-row-break-time{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.am-row-break-bar-bg{width:50px;height:3px;background:#00000014;border-radius:10px;overflow:hidden}.am-row-break-bar-fill{height:100%;border-radius:10px;transition:width 1s linear}.am-row-actions{display:flex;gap:5px;align-items:center}.am-row-whisper-btn,.am-row-cut-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:7px;border:1px solid transparent;font-size:10px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:all .18s;white-space:nowrap}.am-row-whisper-btn{background:#7c3aed14;border-color:#7c3aed33;color:#6d28d9}.am-row-whisper-btn:hover{background:#7c3aed2e;border-color:#7c3aed66;transform:translateY(-1px);box-shadow:0 3px 10px #7c3aed33}.am-row-whisper-btn.active{background:#7c3aed;border-color:#7c3aed;color:#fff;animation:am-whisp-pulse 2s infinite}.am-row-cut-btn{background:#dc262612;border-color:#dc262633;color:var(--am-red)}.am-row-cut-btn:hover{background:#dc262626;border-color:#dc262666;transform:translateY(-1px);box-shadow:0 3px 10px #dc262633}.am-modal-break-block{margin-bottom:20px;padding:14px 16px;background:#ea580c0d;border:1px solid rgba(234,88,12,.2);border-radius:12px}.am-modal-break-title{font-size:10px;font-weight:700;color:#c2410c;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.am-break-timer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.am-break-label{font-size:12px;font-weight:600;color:var(--am-t2)}.am-break-label.warn{color:var(--am-yellow)}.am-break-label.over{color:var(--am-red)}.am-break-time{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:800}.am-break-bar-bg{height:5px;background:#00000014;border-radius:10px;overflow:hidden;margin-bottom:5px}.am-break-bar-fill{height:100%;border-radius:10px;transition:width 1s linear}.am-break-limit-label{font-size:10px;color:var(--am-t3);text-align:right;font-family:JetBrains Mono,monospace}.am-chart-area{padding:12px 20px 16px}.am-chart-svg-wrap{width:100%;position:relative}.am-dsec{display:flex;align-items:center;justify-content:center;gap:16px;padding:15px 20px}.am-dw{position:relative;width:100px;height:100px;flex-shrink:0}.am-dw svg{transform:rotate(-90deg)}.am-dc{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.am-dpct{font-size:20px;font-weight:800}.am-dlbl{font-size:8px;color:var(--am-t2);font-weight:700;letter-spacing:.8px}.am-leg{display:flex;flex-direction:column;gap:7px}.am-li{display:flex;align-items:center;gap:7px;font-size:11px}.am-ld{width:7px;height:7px;border-radius:50%;flex-shrink:0}.am-ln{flex:1;color:var(--am-t2)}.am-lv{font-weight:700;font-family:JetBrains Mono,monospace;font-size:12px}.am-sb2{padding:4px 18px;max-height:210px;overflow-y:auto}.am-sb2::-webkit-scrollbar{width:3px}.am-sb2::-webkit-scrollbar-track{background:transparent}.am-sb2::-webkit-scrollbar-thumb{background:var(--am-border);border-radius:10px}.am-fi{display:flex;gap:8px;padding:9px 0;border-bottom:1px solid var(--am-border2)}.am-fi:last-child{border-bottom:none}.am-fd{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0}.am-ft{font-size:11px;line-height:1.55;color:var(--am-t2)}.am-ft strong{color:var(--am-t1);font-weight:600}.am-fti{font-size:10px;color:var(--am-t3);margin-top:2px;font-family:JetBrains Mono,monospace}.am-whisper-bar{position:fixed;left:72px;right:0;bottom:0;height:72px;z-index:500;display:flex;align-items:center;gap:24px;padding:0 28px;background:linear-gradient(135deg,#1e1b4b,#2d1b69,#1a0533);border-top:1px solid rgba(124,58,237,.4);box-shadow:0 -8px 40px #7c3aed4d;animation:am-wbar-in .4s cubic-bezier(.16,1,.3,1)}@keyframes am-wbar-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.am-wb-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.am-wb-pulse-ring{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.am-wb-pulse-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(124,58,237,.5);animation:am-wb-ring 2s infinite}@keyframes am-wb-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.7);opacity:0}}.am-wb-pulse{width:22px;height:22px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;animation:am-wb-breathe 1.8s ease-in-out infinite;box-shadow:0 0 16px #7c3aed99}@keyframes am-wb-breathe{0%,to{box-shadow:0 0 10px #7c3aed80}50%{box-shadow:0 0 24px #7c3aede6}}.am-wb-tag{font-size:8px;font-weight:800;letter-spacing:2px;color:#a78bfae6;text-transform:uppercase;background:#7c3aed33;border:1px solid rgba(124,58,237,.3);border-radius:100px;padding:3px 8px;flex-shrink:0}.am-wb-agent-chip{display:flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid;border-radius:100px;padding:4px 12px 4px 5px;flex-shrink:0}.am-wb-av{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.am-wb-agent-name{font-size:12px;font-weight:700;color:#fff}.am-wb-hint{font-size:10px;color:#a78bfab3;flex-shrink:0}.am-wb-center{flex:1;display:flex;align-items:center;gap:14px;justify-content:center;min-width:0}.am-wb-wave{display:flex;align-items:center;gap:2px;height:36px}.am-wb-wbar{width:3px;border-radius:2px;background:linear-gradient(to top,#7c3aed,#a855f7);transition:height .12s ease;min-height:3px}.am-wb-wbar.muted{background:#7c3aed40}.am-wb-timer{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:#fff;min-width:52px;text-align:center;flex-shrink:0}.am-wb-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.am-wb-mic-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.am-wb-mic-btn:hover{background:#ffffff24}.am-wb-mic-btn.muted{background:#dc262633;border-color:#dc262666}.am-wb-mic-ico{font-size:16px}.am-wb-mic-lbl{font-size:11px;font-weight:600;color:#fff}.am-wb-end-btn{padding:8px 18px;background:#dc262633;border:1px solid rgba(220,38,38,.4);border-radius:10px;color:#fca5a5;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.am-wb-end-btn:hover{background:#dc262680;border-color:#dc2626b3;color:#fff;transform:translateY(-1px)}.am-cut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:600;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:am-tin .2s ease}.am-cut-dialog{background:#fff;border-radius:20px;padding:32px 28px 28px;width:380px;max-width:90vw;box-shadow:0 24px 80px #00000040;text-align:center;animation:am-cut-pop .3s cubic-bezier(.16,1,.3,1)}@keyframes am-cut-pop{0%{transform:scale(.88) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.am-cut-icon-wrap{width:64px;height:64px;background:#dc262614;border:2px solid rgba(220,38,38,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.am-cut-icon{font-size:28px}.am-cut-title{font-size:18px;font-weight:800;color:var(--am-t1);margin-bottom:10px}.am-cut-body{font-size:13px;color:var(--am-t2);line-height:1.6;margin-bottom:18px}.am-cut-caller-chip{display:inline-flex;align-items:center;gap:7px;background:#dc26260f;border:1px solid rgba(220,38,38,.18);border-radius:100px;padding:6px 14px;font-size:11px;font-weight:700;color:var(--am-red);margin-bottom:22px}.am-cut-live-dot{width:6px;height:6px;background:var(--am-red);border-radius:50%;animation:am-blk .9s infinite}@keyframes am-blk{0%,to{opacity:1}50%{opacity:.45}}.am-cut-actions{display:flex;gap:10px}.am-cut-cancel{flex:1;padding:11px;background:var(--am-ibg);border:1px solid var(--am-border);border-radius:10px;font-size:13px;font-weight:600;color:var(--am-t2);cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.am-cut-cancel:hover{background:#e2e8f0;color:var(--am-t1)}.am-cut-confirm{flex:1.4;padding:11px;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;box-shadow:0 4px 14px #dc262659}.am-cut-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 22px #dc262680}@media(max-width:1200px){.am-grid{grid-template-columns:1fr}.am-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.am-content{left:0;top:128px}.am-kpis{grid-template-columns:repeat(2,1fr)}.am-agent-modal{width:100%;max-width:100vw}.am-whisper-bar{left:0}}:root{--ah-bg: #f4f6fb;--ah-surface: #ffffff;--ah-elevated: #f0f3fa;--ah-hover: #e8edf8;--ah-border: rgba(0,0,0,.07);--ah-border-2: rgba(0,0,0,.13);--ah-t1: #111827;--ah-t2: #4b5a72;--ah-t3: #9aa5b8;--ah-amber: #d97706;--ah-amber-dim: rgba(217,119,6,.08);--ah-amber-border: rgba(217,119,6,.25);--ah-green: #059669;--ah-green-dim: rgba(5,150,105,.09);--ah-blue: #2563eb;--ah-blue-dim: rgba(37,99,235,.08);--ah-red: #dc2626;--ah-red-dim: rgba(220,38,38,.08);--ah-purple: #7c3aed;--ah-mono: "JetBrains Mono", monospace;--ah-font: "DM Sans", system-ui, sans-serif;--ah-radius-sm: 6px;--ah-radius-md: 10px;--ah-radius-lg: 14px;--ah-shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.03);--ah-shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.06);--ah-shadow-lg: 0 12px 36px rgba(0,0,0,.12)}.ah-page{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ah-bg);font-family:var(--ah-font);color:var(--ah-t1);overflow:hidden}.ah-content{position:absolute;top:64px;left:72px;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;background:var(--ah-bg);background-image:radial-gradient(circle at 100% 0%,rgba(37,99,235,.04) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(217,119,6,.04) 0%,transparent 50%)}.ah-content::-webkit-scrollbar{width:4px}.ah-content::-webkit-scrollbar-track{background:transparent}.ah-content::-webkit-scrollbar-thumb{background:#dde2ee;border-radius:10px}.ah-filterbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:6px;height:56px;padding:0 24px;background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--ah-border);box-shadow:0 1px #0000000a;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.ah-filterbar::-webkit-scrollbar{display:none}.ah-filterbar-title{font-size:14px;font-weight:700;color:var(--ah-t1);white-space:nowrap;flex-shrink:0;letter-spacing:-.02em}.ah-filterbar-title span{color:var(--ah-amber)}.ah-sep{width:1px;height:20px;background:#e2e7f0;flex-shrink:0;margin:0 2px}.ah-agent-sel{display:flex;align-items:center;gap:7px;flex-shrink:0}.ah-sel-ico{font-size:13px}.ah-agent-sel select{height:32px;padding:0 28px 0 10px;background:var(--ah-surface);border:1px solid var(--ah-border-2);border-radius:var(--ah-radius-sm);color:var(--ah-t1);font-family:var(--ah-font);font-size:12px;font-weight:500;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239aa5b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;box-shadow:var(--ah-shadow-sm);transition:all .15s}.ah-agent-sel select:hover{border-color:#0003}.ah-agent-sel select:focus{border-color:var(--ah-amber);box-shadow:0 0 0 3px var(--ah-amber-dim);outline:none}.ah-date-pills,.ah-type-pills{display:flex;gap:3px;flex-shrink:0}.ah-pill{height:30px;padding:0 11px;background:transparent;border:1px solid var(--ah-border);border-radius:var(--ah-radius-sm);font-family:var(--ah-font);font-size:12px;font-weight:500;color:var(--ah-t2);cursor:pointer;white-space:nowrap;transition:all .15s ease}.ah-pill:hover{border-color:var(--ah-border-2);color:var(--ah-t1);background:var(--ah-elevated)}.ah-pill.on{background:var(--ah-amber-dim);border-color:var(--ah-amber-border);color:var(--ah-amber);font-weight:600}.ah-search-wrap{display:flex;align-items:center;gap:7px;height:32px;padding:0 12px;background:var(--ah-elevated);border:1px solid var(--ah-border);border-radius:var(--ah-radius-sm);flex-shrink:0;transition:all .15s;box-shadow:var(--ah-shadow-sm)}.ah-search-wrap:focus-within{border-color:var(--ah-amber-border);box-shadow:0 0 0 3px var(--ah-amber-dim);background:var(--ah-surface)}.ah-search-ico{font-size:12px;color:var(--ah-t3)}.ah-search{background:transparent;border:none;outline:none;font-family:var(--ah-font);font-size:12px;color:var(--ah-t1);width:160px}.ah-search::placeholder{color:var(--ah-t3)}.ah-agents-row{display:flex;gap:10px;padding:16px 24px 0;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.ah-agents-row::-webkit-scrollbar{display:none}.ah-agent-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:220px;max-width:260px;flex-shrink:0;background:var(--ah-surface);border:1px solid var(--ah-border);border-radius:var(--ah-radius-md);padding:12px 14px;cursor:pointer;transition:all .2s ease;box-shadow:var(--ah-shadow-sm);position:relative;overflow:hidden}.ah-agent-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s}.ah-agent-card:hover{border-color:#0000001f;box-shadow:var(--ah-shadow-md);transform:translateY(-1px)}.ah-agent-card:hover:after{background:linear-gradient(90deg,var(--ah-blue),transparent)}.ah-agent-card.selected{border-color:var(--ah-amber-border);background:linear-gradient(135deg,#fffbf0,#fff);box-shadow:0 0 0 2px var(--ah-amber-dim),var(--ah-shadow-md)}.ah-agent-card.selected:after{background:linear-gradient(90deg,var(--ah-amber),transparent)}.ah-ac-left{display:flex;align-items:center;gap:10px;min-width:0}.ah-ac-av{width:36px;height:36px;border-radius:var(--ah-radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--ah-mono);font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:-.02em;box-shadow:0 2px 6px #00000026}.ah-ac-name{font-size:12px;font-weight:600;color:var(--ah-t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;line-height:1.3}.ah-ac-team{font-size:10px;color:var(--ah-t3);margin-top:1px}.ah-ac-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;text-align:right}.ah-ac-stat-val{font-family:var(--ah-mono);font-size:16px;font-weight:700;line-height:1}.ah-ac-stat-lbl{font-size:9px;color:var(--ah-t3);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.ah-tabs-bar{display:flex;padding:16px 24px 0;border-bottom:1px solid var(--ah-border);margin-top:10px;gap:2px}.ah-tab{display:flex;align-items:center;gap:7px;padding:8px 16px;background:transparent;border:none;font-family:var(--ah-font);font-size:13px;font-weight:500;color:var(--ah-t2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease;border-radius:6px 6px 0 0;white-space:nowrap}.ah-tab:hover{color:var(--ah-t1);background:var(--ah-elevated)}.ah-tab.on{color:var(--ah-amber);border-bottom-color:var(--ah-amber);background:var(--ah-amber-dim);font-weight:600}.ah-tab-count{font-size:10px;font-weight:700;background:var(--ah-elevated);color:var(--ah-t3);border-radius:100px;padding:1px 7px;font-family:var(--ah-mono);min-width:22px;text-align:center;border:1px solid var(--ah-border)}.ah-tab.on .ah-tab-count{background:var(--ah-amber-dim);color:var(--ah-amber);border-color:var(--ah-amber-border)}.ah-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;color:var(--ah-t3);gap:14px}.ah-spinner{width:24px;height:24px;border:2px solid #e5e9f2;border-top-color:var(--ah-amber);border-radius:50%;animation:ah-spin .7s linear infinite}@keyframes ah-spin{to{transform:rotate(360deg)}}.ah-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;color:var(--ah-t3);font-size:14px;gap:4px}.ah-empty-ico{font-size:36px;margin-bottom:8px;opacity:.5}.ah-table-wrap{margin:20px 24px 0;border:1px solid var(--ah-border);border-radius:var(--ah-radius-lg);overflow:hidden;box-shadow:var(--ah-shadow-sm);background:#fff!important}.ah-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff!important}.ah-table thead th{padding:11px 16px;text-align:left;font-size:10px;font-weight:600;color:var(--ah-t3);letter-spacing:.08em;text-transform:uppercase;background:var(--ah-elevated);border-bottom:1px solid var(--ah-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.ah-table thead th:hover{color:var(--ah-t1)}.ah-table thead th.sort-asc:after{content:" ↑";color:var(--ah-amber)}.ah-table thead th.sort-desc:after{content:" ↓";color:var(--ah-amber)}.ah-table tbody tr{background:#fff!important;border-bottom:1px solid var(--ah-border);transition:background .1s}.ah-table tbody tr:last-child{border-bottom:none}.ah-table tbody tr:hover{background:#f5f8ff!important}.ah-table td{padding:12px 16px;vertical-align:middle;background:#fff!important}.ah-table tbody tr:hover td{background:#f5f8ff!important}.ah-tbl-agent{display:flex;align-items:center;gap:10px}.ah-tbl-av{width:32px;height:32px;border-radius:var(--ah-radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--ah-mono);font-size:10px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.ah-tbl-name{font-size:13px;font-weight:500;color:var(--ah-t1);line-height:1.3}.ah-tbl-team{font-size:10px;color:var(--ah-t3)}.ah-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap}.badge-in{background:#0596691a;color:#059669;border:1px solid rgba(5,150,105,.2)}.badge-out{background:#2563eb14;color:#2563eb;border:1px solid rgba(37,99,235,.18)}.badge-mis{background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.18)}.ah-num-cell{font-family:var(--ah-mono);font-size:12px;color:var(--ah-t1);font-weight:500}.ah-mono-cell{font-family:var(--ah-mono);font-size:11px;color:var(--ah-t2)}.ah-dur-cell{font-family:var(--ah-mono);font-size:13px;font-weight:700;color:var(--ah-amber)}.ah-play-inline{height:28px;padding:0 10px;background:#2563eb12;border:1px solid rgba(37,99,235,.2);border-radius:var(--ah-radius-sm);font-family:var(--ah-font);font-size:11px;font-weight:600;color:var(--ah-blue);cursor:pointer;transition:all .15s;white-space:nowrap}.ah-play-inline:hover{background:#2563eb21}.ah-play-inline.playing{background:var(--ah-red-dim);border-color:#dc262633;color:var(--ah-red)}.ah-play-inline:disabled{opacity:.4;cursor:default}.ah-dl-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ah-elevated);border:1px solid var(--ah-border);border-radius:var(--ah-radius-sm);font-size:12px;color:var(--ah-t2);cursor:pointer;transition:all .15s;flex-shrink:0}.ah-dl-btn:hover{border-color:#0596694d;color:var(--ah-green);background:var(--ah-green-dim)}.ah-no-rec{font-size:11px;color:var(--ah-t3);font-style:italic}.ah-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 24px;font-size:12px;color:var(--ah-t3);font-family:var(--ah-mono)}.ah-pg-btns{display:flex;gap:6px}.ah-pg-btn{height:32px;padding:0 14px;background:var(--ah-surface);border:1px solid var(--ah-border);border-radius:var(--ah-radius-sm);font-family:var(--ah-font);font-size:12px;font-weight:500;color:var(--ah-t2);cursor:pointer;transition:all .15s;box-shadow:var(--ah-shadow-sm)}.ah-pg-btn:hover:not(:disabled){border-color:var(--ah-amber-border);color:var(--ah-amber);background:var(--ah-amber-dim)}.ah-pg-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.ah-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px 40px}.ah-stat-panel{background:var(--ah-surface);border:1px solid var(--ah-border);border-radius:var(--ah-radius-lg);overflow:hidden;box-shadow:var(--ah-shadow-sm)}.ah-stat-panel-hdr{padding:14px 18px;font-size:13px;font-weight:600;color:var(--ah-t1);border-bottom:1px solid var(--ah-border);background:var(--ah-elevated);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.ah-perf-table{width:100%;border-collapse:collapse;background:#fff!important}.ah-perf-table tbody tr{background:#fff!important;border-bottom:1px solid var(--ah-border);transition:background .1s}.ah-perf-table tbody tr:last-child{border-bottom:none}.ah-perf-table tbody tr:hover{background:#f5f8ff!important}.ah-perf-table td{padding:10px 14px;vertical-align:middle;background:transparent!important}.ah-perf-rank{width:26px;height:26px;border-radius:var(--ah-radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--ah-mono);flex-shrink:0}.rank-1{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.rank-2{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.rank-3{background:#fdf2ec;color:#92400e;border:1px solid #fcd9bd}.rank-n{background:var(--ah-elevated);color:var(--ah-t3);border:1px solid var(--ah-border)}.ah-perf-bar-wrap{display:flex;align-items:center;gap:8px}.ah-perf-bar-bg{flex:1;height:4px;background:#e9eef7;border-radius:100px;overflow:hidden}.ah-perf-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--ah-amber),#fbbf24);transition:width .6s ease}.ah-donut-wrap{display:flex;align-items:center;gap:24px;padding:20px 18px}.ah-donut-svg{flex-shrink:0;transform:rotate(-90deg)}.ah-donut-legend{display:flex;flex-direction:column;gap:10px;flex:1}.ah-donut-li{display:flex;align-items:center;gap:9px}.ah-donut-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ah-donut-lbl{font-size:12px;color:var(--ah-t2);flex:1}.ah-donut-val{font-family:var(--ah-mono);font-size:14px;font-weight:700}.ah-chart-area{padding:16px 18px 20px}.ah-bar-chart{display:flex;align-items:flex-end;gap:6px;height:120px}.ah-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.ah-bar{width:100%;min-height:4px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#d977068c,#d977061f);border:1px solid rgba(217,119,6,.2);border-bottom:none;cursor:pointer;transition:all .2s}.ah-bar:hover{background:linear-gradient(180deg,var(--ah-amber) 0%,rgba(217,119,6,.35) 100%);border-color:var(--ah-amber)}.ah-bar-lbl{font-size:9px;color:var(--ah-t3);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis;font-family:var(--ah-mono)}.ah-rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:20px 24px 40px}.ah-rec-card{background:var(--ah-surface);border:1px solid var(--ah-border);border-radius:var(--ah-radius-lg);padding:16px;transition:all .2s ease;box-shadow:var(--ah-shadow-sm);position:relative;overflow:hidden}.ah-rec-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ah-amber),transparent);opacity:0;transition:opacity .2s}.ah-rec-card:hover{border-color:#0000001f;box-shadow:var(--ah-shadow-md);transform:translateY(-2px)}.ah-rec-card:hover:before{opacity:1}.ah-rec-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.ah-rec-agent{display:flex;align-items:center;gap:10px}.ah-rec-av{width:36px;height:36px;border-radius:var(--ah-radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--ah-mono);font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #00000026}.ah-rec-agent-name{font-size:13px;font-weight:600;color:var(--ah-t1);line-height:1.3}.ah-rec-date{font-size:10px;color:var(--ah-t3);margin-top:1px}.ah-rec-meta{display:flex;align-items:center;gap:6px}.ah-rec-dur{font-family:var(--ah-mono);font-size:12px;font-weight:700;color:var(--ah-amber)}.ah-rec-caller{font-size:12px;color:var(--ah-t2);margin-bottom:12px;font-family:var(--ah-mono);font-weight:500}.ah-player{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--ah-elevated);border:1px solid var(--ah-border);border-radius:var(--ah-radius-md)}.ah-play-btn{width:32px;height:32px;border-radius:50%;background:var(--ah-amber);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0;transition:all .15s;box-shadow:0 2px 8px #d9770659}.ah-play-btn:hover{background:#b45309;transform:scale(1.08);box-shadow:0 4px 16px #d9770673}.ah-play-btn.playing{background:var(--ah-red);box-shadow:0 2px 8px #dc26264d}.ah-play-btn:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}.ah-waveform{flex:1;display:flex;align-items:center;gap:2px;height:24px}.ah-wbar{flex:1;max-width:3px;border-radius:2px;background:#dde3f0;min-height:3px;transition:background .1s}.ah-wbar.active{background:var(--ah-amber)}.ah-rec-time-lbl{font-family:var(--ah-mono);font-size:11px;color:var(--ah-t3);flex-shrink:0;min-width:34px;text-align:right}.ah-acts-container{padding:20px 24px 40px;display:flex;flex-direction:column;gap:16px}.ah-acts-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;background:var(--ah-surface);border:1px solid var(--ah-border);border-radius:var(--ah-radius-lg);box-shadow:var(--ah-shadow-sm)}.ah-acts-agent-sel{display:flex;align-items:center;gap:10px}.ah-acts-select{height:34px;padding:0 32px 0 12px;background:var(--ah-elevated);border:1px solid var(--ah-border-2);border-radius:var(--ah-radius-sm);color:var(--ah-t1);font-family:var(--ah-font);font-size:13px;font-weight:500;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239aa5b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;box-shadow:var(--ah-shadow-sm);transition:all .15s;min-width:180px}.ah-acts-select:hover{border-color:#0003}.ah-acts-select:focus{border-color:var(--ah-amber);box-shadow:0 0 0 3px var(--ah-amber-dim);background-color:var(--ah-surface)}.ah-acts-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ah-t2);cursor:pointer;-webkit-user-select:none;user-select:none}.ah-acts-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--ah-amber);cursor:pointer;flex-shrink:0}.ah-acts-toggle:hover{color:var(--ah-t1)}.ah-acts-add-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;background:var(--ah-amber);border:none;border-radius:var(--ah-radius-sm);font-family:var(--ah-font);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #d977064d;white-space:nowrap}.ah-acts-add-btn:hover{background:#b45309;box-shadow:0 4px 14px #d9770666;transform:translateY(-1px)}.ah-acts-form-card{background:var(--ah-surface);border:1px solid var(--ah-amber-border);border-radius:var(--ah-radius-lg);padding:20px 24px;box-shadow:0 0 0 3px var(--ah-amber-dim),var(--ah-shadow-md);display:flex;flex-direction:column;gap:14px;animation:ah-form-in .2s ease}@keyframes ah-form-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ah-acts-form-title{font-size:14px;font-weight:700;color:var(--ah-t1);letter-spacing:-.02em;padding-bottom:12px;border-bottom:1px solid var(--ah-border)}.ah-acts-form-row{display:flex;flex-direction:column;gap:6px}.ah-acts-label{font-size:11px;font-weight:600;color:var(--ah-t3);text-transform:uppercase;letter-spacing:.07em}.ah-acts-input{height:36px;padding:0 12px;background:var(--ah-elevated);border:1px solid var(--ah-border-2);border-radius:var(--ah-radius-sm);font-family:var(--ah-font);font-size:13px;color:var(--ah-t1);outline:none;transition:all .15s;width:100%;box-sizing:border-box}.ah-acts-input:focus{border-color:var(--ah-amber);box-shadow:0 0 0 3px var(--ah-amber-dim);background:var(--ah-surface)}.ah-acts-input::placeholder{color:var(--ah-t3)}.ah-acts-input[type=date],.ah-acts-input[type=time]{cursor:pointer}.ah-acts-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ah-acts-type-sel{display:flex;gap:6px}.ah-acts-type-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--ah-elevated);border:1px solid var(--ah-border);border-radius:var(--ah-radius-sm);font-family:var(--ah-font);font-size:12px;font-weight:500;color:var(--ah-t2);cursor:pointer;transition:all .15s}.ah-acts-type-btn:hover{border-color:var(--ah-border-2);color:var(--ah-t1);background:var(--ah-hover)}.ah-acts-type-btn.active{background:var(--ah-amber-dim);border-color:var(--ah-amber-border);color:var(--ah-amber);font-weight:600}.ah-acts-form-footer{display:flex;align-items:center;gap:12px;padding-top:4px}.ah-acts-submit-btn{height:38px;padding:0 20px;background:var(--ah-amber);border:none;border-radius:var(--ah-radius-sm);font-family:var(--ah-font);font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #d977064d}.ah-acts-submit-btn:hover:not(:disabled){background:#b45309;box-shadow:0 4px 14px #d9770666}.ah-acts-submit-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ah-acts-list{display:flex;flex-direction:column;gap:8px}.ah-act-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--ah-surface);border:1px solid var(--ah-border);border-radius:var(--ah-radius-md);box-shadow:var(--ah-shadow-sm);transition:all .15s ease;position:relative;overflow:hidden}.ah-act-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ah-amber);opacity:0;transition:opacity .15s}.ah-act-row:hover{border-color:#0000001a;box-shadow:var(--ah-shadow-md);transform:translate(2px)}.ah-act-row:hover:before{opacity:1}.ah-act-row--done{opacity:.6;background:var(--ah-elevated)}.ah-act-row--done:before{background:var(--ah-green)}.ah-act-av{width:34px;height:34px;border-radius:var(--ah-radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--ah-mono);font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.ah-act-type-icon{width:30px;height:30px;border-radius:var(--ah-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ah-act-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ah-act-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ah-act-title{font-size:13px;font-weight:600;color:var(--ah-t1);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-act-agent-name{font-size:11px;font-weight:500;color:var(--ah-t3);white-space:nowrap;background:var(--ah-elevated);padding:2px 8px;border-radius:100px;border:1px solid var(--ah-border)}.ah-act-status{font-size:10px;font-weight:700;padding:2px 9px;border-radius:100px;white-space:nowrap;letter-spacing:.03em;text-transform:uppercase}.st-completed{background:#0596691a;color:#059669;border:1px solid rgba(5,150,105,.2)}.st-missed{background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.18)}.st-upcoming{background:#2563eb14;color:#2563eb;border:1px solid rgba(37,99,235,.18)}.st-pending{background:#d9770614;color:#d97706;border:1px solid rgba(217,119,6,.2)}.ah-act-desc{font-size:12px;color:var(--ah-t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-act-date{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ah-t3);font-family:var(--ah-mono)}.ah-act-actions{display:flex;gap:6px;flex-shrink:0}.ah-act-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--ah-elevated);border:1px solid var(--ah-border);border-radius:var(--ah-radius-sm);color:var(--ah-t3);cursor:pointer;transition:all .15s}.ah-act-btn:hover{border-color:#0596694d;color:var(--ah-green);background:var(--ah-green-dim)}.ah-act-btn--done{background:var(--ah-green-dim);border-color:#05966940;color:var(--ah-green)}.ah-act-btn--danger:hover{border-color:#dc26264d;color:var(--ah-red);background:var(--ah-red-dim)}.ah-act-toasts{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.ah-act-toast{padding:12px 18px;background:var(--ah-t1);color:#fff;font-family:var(--ah-font);font-size:13px;font-weight:500;border-radius:var(--ah-radius-md);box-shadow:var(--ah-shadow-lg);animation:ah-toast-in .25s ease;max-width:320px}.ah-act-toast--error{background:var(--ah-red)}@keyframes ah-toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1200px){.ah-stats-grid{grid-template-columns:1fr}}@media(max-width:900px){.ah-agents-row{flex-wrap:wrap}.ah-agent-card{min-width:180px}.ah-acts-form-2col{grid-template-columns:1fr}.ah-acts-type-sel{flex-wrap:wrap}}@media(max-width:768px){.ah-content{left:0;bottom:64px}.ah-stats-grid,.ah-rec-grid{padding:16px}.ah-table-wrap{margin:12px 16px 0}.ah-pagination,.ah-agents-row,.ah-tabs-bar,.ah-filterbar{padding-left:16px;padding-right:16px}.ah-acts-container{padding:16px 16px 40px}.ah-acts-topbar{flex-direction:column;align-items:flex-start}.ah-act-row{flex-wrap:wrap}}.fcb{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:100px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000047,0 2px 8px #0000002e,inset 0 1px #ffffff1a;animation:fcb-enter .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fcb-enter{0%{opacity:0;transform:translate(-50%) translateY(24px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.fcb--active{background:#111827e6;border:1px solid rgba(255,255,255,.1)}.fcb--incoming{background:#10b98126;border:1px solid rgba(16,185,129,.4)}.fcb__avatar{position:relative;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.fcb__pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(16,185,129,.6);animation:fcb-pulse 1.6s ease-in-out infinite}@keyframes fcb-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.3}}.fcb__info{display:flex;flex-direction:column;min-width:0}.fcb__name{font-size:14px;font-weight:600;color:#f9fafb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.fcb__sub{font-size:11px;color:#f9fafb8c;font-family:JetBrains Mono,Courier New,monospace;margin-top:1px}.fcb--incoming .fcb__name{color:#ecfdf5}.fcb--incoming .fcb__sub{color:#a7f3d0b3}.fcb__actions{display:flex;align-items:center;gap:8px;margin-left:4px}.fcb__btn{width:36px;height:36px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,filter .15s ease,opacity .15s ease;flex-shrink:0;color:#fff}.fcb__btn:hover{transform:scale(1.1);filter:brightness(1.15)}.fcb__btn:active{transform:scale(.95)}.fcb__btn--accept{background:#10b981;box-shadow:0 0 #10b98166;animation:fcb-ring 1.4s ease-in-out infinite}@keyframes fcb-ring{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 8px #10b98100}}.fcb__btn--end{background:#ef4444}.fcb__btn--mute{background:#ffffff1f;border:1px solid rgba(255,255,255,.15)}.fcb__btn--muted{background:#ef444433;border-color:#ef444466;color:#fca5a5}@media(max-width:480px){.fcb{bottom:80px;left:16px;right:16px;transform:none;border-radius:16px}}.fci-bar{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9998;display:flex;align-items:center;gap:14px;background:#1e1b4b;border:1.5px solid #4338CA;border-radius:60px;padding:10px 16px 10px 12px;box-shadow:0 0 0 4px #4f46e52e,0 8px 32px #4f46e559,0 2px 8px #0000004d;animation:fci-slide-in .35s cubic-bezier(.34,1.56,.64,1);min-width:380px;max-width:520px}@keyframes fci-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.fci-icon{width:36px;height:36px;border-radius:50%;background:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 #6366f199;animation:fci-icon-pulse 1.6s ease infinite}@keyframes fci-icon-pulse{0%{box-shadow:0 0 #6366f199}60%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.fci-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;border:1.5px solid rgba(255,255,255,.15)}.fci-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fci-title{font-size:13.5px;color:#e0e7ff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fci-title strong{color:#fff;font-weight:700}.fci-subtitle{display:flex;align-items:center;gap:6px;font-size:11px;color:#818cf8;font-weight:500}.fci-timeout-bar{flex:1;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;max-width:60px}.fci-timeout-fill{display:block;height:100%;width:100%;background:#818cf8;border-radius:2px;transform-origin:left;animation:fci-shrink linear forwards;animation-duration:inherit}@keyframes fci-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.fci-actions{display:flex;gap:8px;flex-shrink:0}.fci-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:30px;border:none;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.fci-btn--decline{background:#ffffff14;color:#f87171;border:1px solid rgba(248,113,113,.3)}.fci-btn--decline:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.03)}.fci-btn--accept{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;box-shadow:0 4px 12px #4f46e580}.fci-btn--accept:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);transform:scale(1.04);box-shadow:0 6px 16px #4f46e599}@media(max-width:520px){.fci-bar{min-width:unset;width:calc(100vw - 32px);border-radius:16px;top:72px}.fci-btn span{display:none}.fci-btn{padding:8px 10px}}html,body,#root{margin:0;padding:0;width:100%;height:100vh;overflow:hidden;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#80e0d7,#4ad0e2);transition:background 3s ease}.app{display:flex;flex-direction:column;height:100vh;background:linear-gradient(to bottom,#80e0d7,#4ad0e2);transition:background 3s ease}.landing-page.sky-dawn{background:linear-gradient(to bottom,#ff6b9d,#ffa07a,gold 60%,#87ceeb)!important}.landing-page.sky-day{background:linear-gradient(to bottom,#87ceeb,#87ceeb,#4ad0e2)!important}.landing-page.sky-dusk{background:linear-gradient(to bottom,#ff6b6b,#ff8c42,orange 40%,#c74375,#2c3e50)!important}.landing-page.sky-night{background:linear-gradient(to bottom,#0a1128,#1c2951,#2c3e50 60%,#1a1a2e)!important}.navbar{background:#4ad0e2;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 4px 10px #0003;border-bottom:3px solid #00ffff;height:60px}.navbar a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:600;letter-spacing:1px;transition:color .3s ease,transform .2s ease}.navbar a:hover{color:#ff6f61;transform:scale(1.1);text-shadow:0 0 10px #ff6f61,0 0 20px #ff6f61}.navbar .brand{font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:3px;transition:transform .3s ease}.navbar .brand:hover{color:#ff6f61;transform:scale(1.1)}.navbar .logo{height:100px;margin-right:2rem}.content{flex:1;display:flex;justify-content:center;align-items:center;margin-top:60px}.landing-page{text-align:center;color:#fff;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;overflow:hidden;padding-bottom:5%;transition:background 3s ease}.ocean-layer{position:absolute;bottom:0;width:100%;height:40%;z-index:0;pointer-events:none}.ocean-deep{background:linear-gradient(to bottom,#1a535c00,#1a535c4d 20%,#11373f99 50%,#0c272ee6);height:50%}.ocean-surface{background:linear-gradient(to bottom,#4ecdc433,#45b7d166 40%,#1a535c99);height:35%;bottom:0;box-shadow:0 -2px 30px #4ecdc44d;transition:background 3s ease,box-shadow 3s ease}.landing-page.sky-night .ocean-deep{background:linear-gradient(to bottom,#0a192f00,#0a192f80 20%,#050f1ecc 50%,#020a14f2)}.landing-page.sky-night .ocean-surface{background:linear-gradient(to bottom,#1428504d,#0f1e3c80 40%,#0a1428b3);box-shadow:0 -2px 30px #6495ed33}.landing-page.sky-dawn .ocean-surface,.landing-page.sky-dusk .ocean-surface{background:linear-gradient(to bottom,#ff8c9633,#c8649666 40%,#96507899);box-shadow:0 -2px 30px #ff8c964d}.sun-rays{position:absolute;width:300px;height:400px;background:linear-gradient(to bottom,rgba(255,235,59,.15) 0%,rgba(255,235,59,.08) 30%,rgba(255,235,59,.03) 60%,transparent 100%);clip-path:polygon(40% 0%,60% 0%,100% 100%,0% 100%);z-index:1;pointer-events:none;transition:all 2s ease-in-out;filter:blur(3px);opacity:.6}.clouds-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:3;pointer-events:none}.cloud{position:absolute;background:#fffc;border-radius:100px;opacity:.7}.cloud:before,.cloud:after{content:"";position:absolute;background:#fffc;border-radius:100px}.cloud-1{width:120px;height:40px;top:15%;left:-120px;animation:float-cloud-1 45s linear infinite}.cloud-1:before{width:50px;height:50px;top:-25px;left:10px}.cloud-1:after{width:60px;height:40px;top:-20px;right:10px}.cloud-2{width:100px;height:35px;top:25%;left:-100px;animation:float-cloud-2 55s linear infinite;animation-delay:5s}.cloud-2:before{width:45px;height:45px;top:-20px;left:15px}.cloud-2:after{width:50px;height:35px;top:-15px;right:15px}.cloud-3{width:140px;height:45px;top:10%;left:-140px;animation:float-cloud-3 65s linear infinite;animation-delay:15s}.cloud-3:before{width:60px;height:60px;top:-30px;left:20px}.cloud-3:after{width:70px;height:50px;top:-25px;right:20px}.cloud-4{width:90px;height:30px;top:35%;left:-90px;animation:float-cloud-4 50s linear infinite;animation-delay:25s}.cloud-4:before{width:40px;height:40px;top:-18px;left:12px}.cloud-4:after{width:45px;height:30px;top:-12px;right:12px}.cloud-5{width:110px;height:38px;top:20%;left:-110px;animation:float-cloud-5 60s linear infinite;animation-delay:35s}.cloud-5:before{width:48px;height:48px;top:-22px;left:18px}.cloud-5:after{width:55px;height:38px;top:-18px;right:18px}@keyframes float-cloud-1{0%{transform:translate(0)}to{transform:translate(calc(100vw + 120px))}}@keyframes float-cloud-2{0%{transform:translate(0)}to{transform:translate(calc(100vw + 100px))}}@keyframes float-cloud-3{0%{transform:translate(0)}to{transform:translate(calc(100vw + 140px))}}@keyframes float-cloud-4{0%{transform:translate(0)}to{transform:translate(calc(100vw + 90px))}}@keyframes float-cloud-5{0%{transform:translate(0)}to{transform:translate(calc(100vw + 110px))}}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffeb3b,#ff9800);box-shadow:0 0 40px #ffeb3b,0 0 80px #ff9800,0 0 120px #ff980080;z-index:1;transition:all 2s ease-in-out}.sun:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(255,235,59,.3),transparent 70%);border-radius:50%;animation:sunRays 3s ease-in-out infinite}@keyframes sunRays{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}.moon{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#f0f0f0,#e0e0e0 60%,#d0d0d0);box-shadow:0 0 40px #fffc,0 0 80px #fff6,inset -10px -10px 20px #0000001a;z-index:1;transition:all 2s ease-in-out}.moon:before{content:"";position:absolute;width:15px;height:15px;background:#0000001a;border-radius:50%;top:25%;left:30%;box-shadow:20px 15px 0 -2px #00000014,-5px 25px 0 -3px #0000000f,15px -5px 0 -4px #00000012}.moon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);border-radius:50%;animation:moonGlow 4s ease-in-out infinite}@keyframes moonGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.15)}}.moon-reflection{position:absolute;bottom:0;width:70px;height:140px;background:linear-gradient(to bottom,rgba(255,255,255,.4),rgba(230,230,230,.25),rgba(200,200,200,.1),transparent);filter:blur(10px);z-index:2;transition:all 2s ease-in-out;opacity:.7}.stars-container{position:absolute;top:0;left:0;width:100%;height:70%;z-index:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 2s ease,visibility 2s}.stars-container.visible{opacity:1;visibility:visible}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 3px #fffc;animation:twinkle 3s ease-in-out infinite}.star.medium{width:3px;height:3px;box-shadow:0 0 5px #ffffffe6}.star.large{width:4px;height:4px;box-shadow:0 0 8px #fff}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.seagulls-container{position:absolute;top:0;left:0;width:100%;height:60%;z-index:4;pointer-events:none}.seagull{position:absolute;font-size:20px;opacity:.7;transform:scaleX(-1)}.seagull-1{top:20%;left:-50px;animation:fly-1 35s linear infinite}.seagull-2{top:15%;left:-50px;animation:fly-2 45s linear infinite;animation-delay:8s;font-size:16px}.seagull-3{top:25%;left:-50px;animation:fly-3 40s linear infinite;animation-delay:20s;font-size:18px}@keyframes fly-1{0%{transform:translate(0) translateY(0)}25%{transform:translate(25vw) translateY(-20px)}50%{transform:translate(50vw) translateY(-10px)}75%{transform:translate(75vw) translateY(-30px)}to{transform:translate(100vw) translateY(-15px)}}@keyframes fly-2{0%{transform:translate(0) translateY(0)}30%{transform:translate(30vw) translateY(15px)}60%{transform:translate(60vw) translateY(-5px)}to{transform:translate(100vw) translateY(10px)}}@keyframes fly-3{0%{transform:translate(0) translateY(0)}20%{transform:translate(20vw) translateY(-25px)}40%{transform:translate(40vw) translateY(-15px)}80%{transform:translate(80vw) translateY(-35px)}to{transform:translate(100vw) translateY(-20px)}}.sparkles-container{position:absolute;bottom:0;left:0;width:100%;height:35%;z-index:3;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}.sparkles-container.visible{opacity:1;visibility:visible}.sparkle{position:absolute;width:4px;height:4px;background:#ffffffe6;border-radius:50%;box-shadow:0 0 8px #fffc;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.sun-reflection{position:absolute;bottom:0;width:80px;height:150px;background:linear-gradient(to bottom,rgba(255,235,59,.5),rgba(255,152,0,.3),rgba(255,152,0,.1),transparent);filter:blur(12px);z-index:2;transition:all 2s ease-in-out;opacity:.8}.landing-page h1{font-size:4rem;margin-bottom:1rem;animation:fadeIn 2s ease-in-out}.landing-page p{font-size:1.5rem;margin-bottom:2rem;animation:fadeIn 3s ease-in-out}.landing-page button{margin-top:2rem;padding:.5rem 1rem;font-size:1.2rem;cursor:pointer;background:#0a2a43;color:#fff;border:none;box-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff;transition:box-shadow .3s ease,transform .3s ease}.landing-page button:hover{box-shadow:0 0 20px #0ff,0 0 40px #0ff,0 0 60px #0ff;transform:scale(1.1)}.animation-container{position:absolute;bottom:0;left:0;width:100%;height:80%;overflow:hidden;z-index:5;pointer-events:none}.dolphin-animation{position:absolute;bottom:5%;width:500px;height:500px;z-index:5;animation:swim 12s linear infinite}@keyframes swim{0%{transform:translate(110vw)}to{transform:translate(-110vw)}}.dialer{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#ffffff1a;border-radius:10px;box-shadow:0 0 10px #0000001a}.dialer input{grid-column:span 3;padding:.5rem;font-size:1.2rem;border:none;border-radius:5px;background:#fff3;color:#fff}.dialer button{padding:1rem;font-size:1.2rem;cursor:pointer;background:#0a2a43;color:#fff;border:none;border-radius:5px;transition:background .3s ease}.dialer button:hover{background:#0ff}.call-history{padding:2rem;background:#0000004d;border-radius:15px;box-shadow:0 0 15px #0ff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1s ease-in-out}table{width:100%;border-collapse:collapse;color:#fff}th,td{padding:1rem;border:1px solid rgba(255,255,255,.2);text-align:center;font-size:1.2rem;transition:background .3s ease,transform .2s ease}th{background:#0a2a43;color:#fff;text-transform:uppercase;letter-spacing:1px;font-weight:700}tr:nth-child(2n){background:#ffffff0d}tr:hover{background:#0ff3;transform:scale(1.02)}td{background:#0000004d;border-radius:5px}td .call-status{font-weight:700;color:#ff6f61}td .call-time{font-size:.9rem;color:#0ff}td .call-number{color:#fff;font-weight:600}td .call-button{padding:.5rem;background:#0ff;color:#000;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s ease,transform .3s ease}td .call-button:hover{background:#ff6f61;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-widget{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;box-shadow:0 8px 32px #0006;max-width:400px;width:100%;text-align:center;z-index:10;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.login-logo{width:280px;margin-bottom:-50px;display:block;margin-left:auto;margin-right:auto}.login-widget h2{font-size:2rem;margin-top:0;margin-bottom:1.5rem;color:#fff;text-transform:uppercase}.welcome-text{font-size:1.2rem;color:#fff;margin-bottom:2rem;font-style:italic}.login-widget input{width:100%;padding:1rem;margin:.5rem 0;font-size:1rem;border:none;border-radius:5px;background:#fff3;color:#fff}.password-input-wrapper{position:relative;width:100%;margin:.5rem 0}.password-input-wrapper input{width:100%;padding:1rem;padding-right:45px;font-size:1rem;border:none;border-radius:5px;background:#fff3;color:#fff;margin:0}.eye-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;padding:4px}.eye-toggle svg{color:#ffffffb3;transition:color .2s ease}.eye-toggle:hover svg{color:#fff}.remember-me-container{display:flex;align-items:center;margin:1rem 0 .5rem;justify-content:flex-start}.remember-me-label{display:flex;align-items:center;cursor:pointer;color:#fff;font-size:.9rem;-webkit-user-select:none;user-select:none}.remember-me-label input[type=checkbox]{width:auto;margin:0 .5rem 0 0;cursor:pointer;padding:0;accent-color:#00ffff}.remember-me-label span{color:#ffffffe6}.login-widget button{width:100%;padding:1rem;font-size:1.2rem;cursor:pointer;background:#0a2a43;color:#fff;border:none;border-radius:5px;box-shadow:0 0 10px #0ff,0 0 20px #0ff;transition:background .3s ease;margin-top:1rem}.login-widget button:hover{background:#0ff;box-shadow:0 0 30px #0ff,0 0 40px #0ff;transform:scale(1.05)}.forgot-password-container{margin-top:1.5rem;width:100%}.forgot-password-btn{background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;color:#0ff!important;font-size:.9rem!important;padding:.7rem!important;margin-top:0!important;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-weight:600;box-shadow:0 0 5px #00ffff4d!important}.forgot-password-btn:hover{background:#00ffff1a!important;border-color:#0ff!important;box-shadow:0 0 15px #0ff9!important;transform:scale(1.03);color:#fff!important}.back-to-login-container{margin-top:1.5rem;width:100%}.back-to-login-btn{background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;color:#0ff!important;font-size:.9rem!important;padding:.7rem!important;margin-top:0!important;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-weight:600;box-shadow:0 0 5px #00ffff4d!important}.back-to-login-btn:hover{background:#00ffff1a!important;border-color:#0ff!important;box-shadow:0 0 15px #0ff9!important;transform:scale(1.03);color:#fff!important}.moon-icon{position:absolute;top:20px;left:20px;color:#f5f5f5;text-decoration:none;z-index:1001;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.moon-icon svg{transition:transform .3s ease;background:radial-gradient(circle at center,#fff 40%,#e6e6fa 60%,silver,#a9a9a9 90%);border-radius:50%;box-shadow:0 0 5px #fff,0 0 10px #e6e6fa}.moon-icon:hover svg{transform:scale(1.2);box-shadow:0 0 8px #fff,0 0 15px #e6e6fa}@keyframes moonPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5)) drop-shadow(0 0 10px rgba(230,230,250,.2));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.6)) drop-shadow(0 0 15px rgba(230,230,250,.3));transform:scale(1.03)}}.moon-icon:after{content:"";position:absolute;top:25px;left:25px;width:30px;height:30px;background:#c0c0c01a;border-radius:50%;box-shadow:15px -10px #c0c0c00d,-10px 15px #c0c0c012,5px 25px #c0c0c00d;z-index:1002;pointer-events:none}.error-message{background:#ff6f6133;border:1px solid #ff6f61;border-radius:5px;padding:.75rem;margin-bottom:1rem;color:#ff6f61;font-size:.9rem;animation:fadeIn .3s ease-in-out}.password-input-container{position:relative;margin-bottom:.5rem;width:100%}.password-input{width:100%;padding:1rem;padding-right:45px;font-size:1rem;border:none;border-radius:5px;background:#fff3;color:#fff;box-sizing:border-box}.toggle-password-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#0ff;cursor:pointer;font-size:.9rem;padding:.25rem;width:auto;margin-top:0;box-shadow:none;transition:transform .2s ease}.toggle-password-btn:hover{transform:translateY(-50%) scale(1.2)}.password-strength-container{margin-bottom:1rem;padding:.5rem;background:#0003;border-radius:5px;animation:fadeIn .3s ease-in-out}.password-strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.strength-label{font-size:.85rem;color:#fff}.strength-value{font-size:.85rem;font-weight:700}.strength-bar-background{height:4px;background:#fff3;border-radius:2px;overflow:hidden}.strength-bar-fill{height:100%;transition:all .3s ease;border-radius:2px}.confirm-password-input{width:100%;padding:1rem;margin:.5rem 0 1rem;font-size:1rem;border:none;border-radius:5px;background:#fff3;color:#fff;box-sizing:border-box}.password-requirements{background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:5px;padding:.75rem;margin-bottom:1rem;font-size:.85rem;color:#0ff;text-align:left;animation:fadeIn .3s ease-in-out}.requirements-title{margin:0 0 .5rem;font-weight:700;color:#0ff}.requirements-list{margin:0;padding-left:1.5rem;list-style-type:disc}.requirements-list li{color:#fff;margin-bottom:.25rem;transition:color .3s ease}.requirements-list li.requirement-met{color:#90ee90}.submit-button{width:100%;padding:1rem;font-size:1.2rem;cursor:pointer;background:#0a2a43;color:#fff;border:none;border-radius:5px;box-shadow:0 0 10px #0ff,0 0 20px #0ff;transition:all .3s ease;margin-top:1rem}.submit-button:hover:not(:disabled){background:#0ff;box-shadow:0 0 30px #0ff,0 0 40px #0ff;transform:scale(1.05)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-container{text-align:center;animation:fadeIn 1s ease-in-out}.success-icon{font-size:4rem;margin-bottom:1rem;color:#0f0;animation:successPulse 1.5s ease-in-out infinite}.redirect-text{color:#0ff;font-size:.9rem;margin-top:1rem}@keyframes successPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}