@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--background-primary: #080610;--background-secondary: #13111c;--background-hover: #1e1a2c;--background-card: #171422;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-tertiary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--border-hover: #6b7280;--primary-color: #6b7280;--primary-hover: #4b5563;--primary-dark: #374151;--accent-color: #6b7280;--accent-hover: #4b5563;--purple-color: #a855f7;--purple-hover: #9333ea;--primary-gradient: #6b7280;--secondary-gradient: #4b5563;color-scheme:dark;color:var(--text-primary);background-color:var(--background-primary)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-primary);color:var(--text-primary)}a{font-weight:500;color:var(--accent-color);text-decoration:inherit}a:hover{color:var(--accent-hover)}html{scroll-behavior:smooth}button{border-radius:.5rem;border:1px solid transparent;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:transparent}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #6b728033}.btn-secondary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background-color:#6b72801a;border-color:var(--primary-hover)}.btn-accent{background-color:var(--accent-color);color:#fff;border-color:transparent}.btn-accent:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 20px #6b728033}button:not([class*=btn-]){background-color:var(--background-secondary);color:var(--text-primary);border-color:var(--border-color)}button:not([class*=btn-]):hover{background-color:var(--background-hover);border-color:var(--border-hover)}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 3px #6b728033}#root{width:100%;min-height:100vh}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:var(--primary-gradient)}.dark-card{background-color:var(--background-card);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.dark-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:var(--primary-color)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes voiceWave{0%,to{height:10px}50%{height:30px}}.voice-bar{animation:voiceWave .5s ease-in-out infinite}.call-demo-container{width:280px;max-width:320px}.phone-frame{background:#2a2d3a;border-radius:24px;padding:8px;box-shadow:0 20px 40px #0000004d;border:1px solid #3a3f52}.phone-screen{background:#1a1d29;border-radius:20px;overflow:hidden;aspect-ratio:9 / 19.5;position:relative;display:flex;flex-direction:column}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);background:#2a2d3a;width:96px;height:16px;border-radius:0 0 8px 8px;z-index:10}.call-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center;color:#fff;position:relative}.call-avatar{width:80px;height:80px;margin-top:30px;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0000004d}.call-avatar img{width:80px;height:80px;border-radius:100%;filter:brightness(1.2)}.call-title{font-size:24px;font-weight:600;color:#000;margin:0 0 8px;letter-spacing:-.5px}.call-subtitle{font-size:16px;color:#a0a6b8;margin:0 0 40px;font-weight:400}.call-timer{font-size:15px;color:#000;margin:0 0 24px;font-weight:500}.call-actions{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:auto}.call-btn{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.call-btn-decline{background:#ef4444;color:#fff}.call-btn-accept{background:#10b981;color:#fff}.call-btn-end{background:#ef4444;color:#fff;width:72px;height:72px;font-size:24px}.call-btn-mute{background:#374151;color:#d1d5db}.call-btn-mute.active{background:#ef4444;color:#fff}.call-btn-speaker{background:#374151;color:#d1d5db}.call-btn-speaker.active{background:#3b82f6;color:#fff}.call-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.call-controls{display:flex;gap:20px;margin-bottom:10px}.voice-visualization{height:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5px 0}.voice-bars{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:8px}.voice-bars.user .voice-bar{background:#3b82f6}.voice-bars.ai .voice-bar{background:#8b5cf6}.voice-level{font-size:12px;color:#a0a6b8;font-weight:400}.connecting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff}.connecting-icon{font-size:48px;margin-bottom:16px;animation:pulse 2s infinite}.connecting-text{font-size:16px;color:#a0a6b8}.call-ended-state,.call-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff}.ended-icon,.error-icon{font-size:48px;color:#ef4444;margin-bottom:16px}.ended-text,.error-text{font-size:16px;color:#a0a6b8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){.call-demo-container{width:240px}.phone-frame{padding:6px}.call-content{padding:20px}.call-avatar{width:64px;height:64px}.call-avatar img{width:36px;height:36px}.call-title{font-size:20px}.call-btn{width:50px;height:50px;font-size:18px}.call-btn-end{width:60px;height:60px;font-size:20px}}.call-demo-logo-image{width:150px;height:150px;object-fit:contain;filter:brightness(1.1) contrast(1.1);display:block}.signin-container{display:flex;min-height:100vh;background-color:var(--background-primary);transition:background-color .3s ease;position:relative;overflow:hidden}.signin-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 20%,rgba(217,26,127,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,136,0,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.signin-left{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background-color:var(--background-card);transition:background-color .3s ease;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border-color)}.signin-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background-color:var(--background-primary);position:relative;z-index:1}.signin-form{width:100%;max-width:400px}.signin-form h1{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:32px;line-height:1.2;animation:slideUp .6s ease-out}.social-btn.google:hover{background-color:var(--background-hover);border-color:#4285f4}.social-btn.apple:hover{background-color:var(--background-hover);border-color:var(--text-secondary)}.social-btn.facebook:hover{background-color:var(--background-hover);border-color:#1877f2}.social-btn.github:hover{background-color:var(--background-hover);border-color:var(--text-secondary)}.social-btn.sso{background-color:var(--background-primary);border-color:var(--border-color)}.divider{text-align:center;margin:24px 0;color:var(--text-secondary);font-size:14px;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--border-color)}.divider:before{left:0}.divider:after{right:0}.google-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background-color:#fff;border:1px solid #d1d5db;color:#374151;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.google-login-btn:hover{background-color:#f9fafb}.google-icon{width:18px;height:18px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary);align-items:left}.forgot-password{display:block;text-align:right;margin-top:8px;font-size:14px;color:var(--primary-color);text-decoration:none;transition:all .3s ease}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.signin-btn{width:100%;padding:14px;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px;box-shadow:0 4px 12px #6b72804d}.signin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.signup-link{text-align:center;font-size:14px;color:var(--text-secondary)}.signup-link a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.signup-link a:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width: 768px){.signin-container{flex-direction:column}.signin-left{padding:20px;border-right:none;border-bottom:1px solid var(--border-color)}.signin-right{padding:20px;min-height:400px}}@media (max-width: 480px){.signin-left,.signin-right{padding:16px}.signin-right{min-height:300px}}*{box-sizing:border-box}.signup-container{display:flex;min-height:100vh;background-color:var(--background-primary);transition:background-color .3s ease;position:relative;overflow:hidden}.signup-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 20%,rgba(217,26,127,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,136,0,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.signup-left{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background-color:var(--background-card);transition:background-color .3s ease;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border-color)}.signup-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background-color:var(--background-primary);position:relative;z-index:1}.signup-form{width:100%;max-width:400px}.logo{margin-bottom:40px}.logo .logo-container{display:flex;align-items:center;gap:12px;justify-content:center}.logo .logo-image{width:40px;height:40px;object-fit:contain;filter:brightness(1.1) contrast(1.1)}.logo .app-name{font-size:24px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.signup-form h1{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:32px;line-height:1.2;animation:slideUp .6s ease-out}.social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--background-secondary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.social-btn:hover{background-color:var(--background-hover);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.social-btn.google:hover{background-color:#1a1a2e;border-color:#4285f4}.social-btn.apple:hover{background-color:#1a1a1a;border-color:#666}.social-btn.facebook:hover{background-color:#1a1a2e;border-color:#1877f2}.social-btn.github:hover{background-color:#1a1a1a;border-color:#666}.social-btn.sso{background-color:#1a1a1a;border-color:#333}.divider{text-align:center;margin:32px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color);z-index:1}.divider span{background-color:var(--background-card);padding:0 16px;color:var(--text-secondary);font-size:14px;position:relative;z-index:2}.form-row{display:flex;gap:16px;margin-bottom:24px}.form-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--background-secondary);color:var(--text-primary);transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d91a7f1a;background-color:var(--background-card)}.form-group input::placeholder{color:var(--text-secondary)}.signup-btn{width:100%;padding:14px;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px;box-shadow:0 4px 12px #6b72804d}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.signin-link{text-align:center;font-size:14px;color:var(--text-secondary)}.signin-link a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.signin-link a:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width: 768px){.signup-container{flex-direction:column}.signup-left{padding:20px;border-right:none;border-bottom:1px solid var(--border-color)}.signup-right{padding:20px;min-height:400px}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:24px}}@media (max-width: 480px){.signup-left,.signup-right{padding:16px}.signup-right{min-height:300px}}.carousel-right{flex:1;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.carousel-container{background:#fffffff2;border-radius:24px;padding:40px;margin-bottom:40px;box-shadow:0 20px 40px #0000001a;position:relative;overflow:hidden}.carousel-slide{display:none;text-align:center;color:#374151}.carousel-slide.active{display:block}.slide-content{max-width:500px;margin:0 auto}.speech-interface{background:#f8fafc;border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.speech-tabs{display:flex;gap:16px;margin-bottom:24px;justify-content:center}.speech-tab{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.speech-tab.active{background:#374151;color:#fff}.speech-tab:not(.active){color:#6b7280;border-bottom:2px solid transparent}.speech-tab:not(.active):hover{border-bottom:2px solid #374151}.upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:40px;text-align:center;color:#6b7280;margin-bottom:20px}.upload-icon{font-size:48px;margin-bottom:16px;color:#9ca3af}.upload-buttons{display:flex;gap:12px;justify-content:center}.upload-btn{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;font-size:14px;transition:all .2s ease}.upload-btn:hover{background:#f3f4f6}.mobile-mockup{display:flex;gap:20px;justify-content:center;align-items:center;margin-bottom:24px}.phone-frame{width:200px;height:400px;background:#1f2937;border-radius:24px;padding:8px;box-shadow:0 10px 30px #0000004d}.phone-screen{width:100%;height:100%;background:#fff;border-radius:18px;overflow:hidden;position:relative}.app-store-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.app-store-btn{height:48px;border-radius:8px;overflow:hidden}.app-store-btn img{height:100%;width:auto}.pro-tip{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center;color:#fff}.pro-tip h4{font-size:14px;font-weight:600;margin-bottom:12px;color:#fffc}.pro-tip p{font-size:18px;line-height:1.4;margin-bottom:20px}.navigation{display:flex;justify-content:center;gap:12px}.nav-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#ffffff1a;border-color:#fff6}@media (max-width: 768px){.carousel-right{min-height:400px}.mobile-mockup{flex-direction:column}.phone-frame{width:150px;height:300px}}.main-content{flex:1;background-color:var(--background-primary);overflow-y:auto;transition:background-color .3s ease}.content-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color)}.active-calls{display:flex;align-items:center;gap:8px;background-color:var(--background-card);padding:8px 12px;border-radius:20px;font-size:14px;color:var(--text-primary);transition:all .3s ease;border:1px solid var(--border-color)}.active-calls:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #d91a7f1a}.status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%}.settings-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;font-size:16px;transition:all .3s ease}.settings-btn:hover{background-color:var(--background-hover)}.workspace-section{padding:24px}.workspace-title{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.greeting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.greeting{font-size:32px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.filters{display:flex;gap:16px}.filter-dropdown{background-color:var(--background-card);border:1px solid var(--border-color);border-radius:8px;padding:10px 40px 10px 12px;color:var(--text-primary);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 3'><path fill='%23888888' d='M0 0h4L2 3z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;transition:all .3s ease}.filter-dropdown:hover{background-color:var(--background-hover);border-color:var(--primary-color)}.filter-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d91a7f1a}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.metric-card{background-color:var(--background-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);transform:translate(-100%);transition:transform .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-color)}.metric-card:hover:before{transform:translate(0)}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.metric-icon{color:var(--primary-color)}.expand-icon{color:var(--text-secondary);font-size:16px}.metric-value{font-size:24px;font-weight:600;color:var(--text-primary)}.metric-unit{font-size:14px;font-weight:400;color:var(--text-secondary)}.chart-section,.success-rate-section{margin-bottom:32px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.section-icon{font-size:16px;color:var(--text-secondary)}.section-header h3{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.chart-card{background-color:var(--background-card);border:1px solid var(--border-color);border-radius:12px;padding:32px;text-align:center;transition:all .3s ease}.chart-card:hover{border-color:var(--primary-color);box-shadow:0 8px 16px #0000001a}.chart-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.chart-icon{font-size:48px;color:var(--text-secondary);margin-bottom:8px}.no-metrics{font-size:16px;font-weight:500;color:var(--text-primary)}.no-metrics-subtitle{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.main-content{margin-left:0}.metrics-grid{grid-template-columns:1fr}.filters{flex-direction:column}.workspace-section{padding:16px}.greeting{font-size:24px}}.agents-container{padding:24px;background-color:var(--background-primary);color:var(--text-primary);position:relative;min-height:100vh}.agents-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 70% 30%,rgba(107,114,128,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(75,85,99,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.agents-container>*{position:relative;z-index:1}.agents-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.agents-title-section{flex:1}.agents-title{font-size:32px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.agents-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.agents-actions{display:flex;gap:12px;align-items:center}.playground-btn{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.playground-btn:hover{background-color:#d91a7f1a;border-color:var(--primary-hover);transform:translateY(-2px)}.new-agent-btn{background:var(--primary-gradient);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d}.new-agent-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.agents-content{display:flex;flex-direction:column;gap:24px}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #d91a7f1a;background-color:var(--background-secondary)}.agents-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:1rem}.agent-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;position:relative;overflow:hidden}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);transform:translate(-100%);transition:transform .3s ease}.agent-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:var(--primary-color)}.agent-card:hover:before{transform:translate(0)}.agent-card-header{display:flex;justify-content:space-between;align-items:center}.agent-avatar{font-size:2rem}.menu-btn{background:none;border:none;font-size:1.25rem;cursor:pointer}.agent-card-body{margin-top:12px}.agent-name{font-size:1.1rem;font-weight:700;margin:4px 0}.agent-creator,.agent-date{font-size:.9rem;color:#666}.agent-avatar{text-align:center;padding:12px 16px}.avatar-container{width:48px;height:48px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 4px 12px #6b72804d}.avatar-icon{font-size:16px;filter:contrast(1.2) brightness(1.1)}.agent-name{color:var(--text-primary);font-weight:600;font-size:1.1rem}.agent-creator,.agent-date{color:var(--text-secondary)}.agent-actions{text-align:right;width:50px}.menu-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:16px;transition:all .3s ease}.menu-btn:hover{background-color:var(--background-hover);color:var(--primary-color)}@media (max-width: 768px){.agents-header{flex-direction:column;gap:16px;align-items:flex-start}.agents-actions{width:100%;justify-content:flex-start}.agents-title{font-size:24px}.search-container{max-width:100%}}.agent-avatar{display:flex;align-items:center;justify-content:center;background-color:var(--background-primary);border-radius:50%;width:48px;height:48px}.menu-btn{background:none;border:none;cursor:pointer;padding:0}.new-agent-btn{font-size:14px!important}.play-agent-div{align-self:self-end}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--background-secondary);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{width:80%;max-width:800px;background:var(--background-secondary);border-radius:12px;padding:2rem;overflow-y:auto;max-height:90vh;box-shadow:0 8px 20px #0003}.modal-right,.modal-main,.modal-header{background:var(--background-secondary)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--background-secondary);padding-bottom:1rem;border-radius:20px 20px 0 0}.modal-body{margin-top:1.5rem}.form-section{margin-bottom:2rem}.form-section h3{margin-bottom:.5rem;font-size:1.2rem}.form-section label{display:block;margin-top:1rem;font-weight:500}input,textarea{width:100%;padding:.75rem;margin-top:.25rem;border-radius:6px;border:1px solid var(--background-secondary);font-size:1rem}textarea{resize:vertical}.apply-btn{margin-top:1rem;background-color:#007bff;color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem}.apply-btn:hover{background-color:#0056b3}.modal-main{display:flex;gap:2rem;flex-wrap:wrap;max-height:75vh;overflow-y:auto;border-radius:0 0 20px 20px}.modal-left{flex:.5;background-color:var(--background-secondary);border-radius:0;padding:1.4rem 1.4rem 3rem;border:1px solid var(--background-secondary);box-shadow:inset 0 0 5px #00000005}.modal-right{flex:1;display:flex;flex-direction:column;gap:2rem}.sidebar-prompt{margin-top:25px;margin-right:15px}.start-call-btn,.close-btn{background-color:var(--text-primary);border:none;color:var(--background-primary);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s ease,color .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#080610f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.assistant-container{text-align:end;background:var(--background-card);padding:25px;border-radius:25px;border:1px solid var(--border-color);text-align:-webkit-right;box-shadow:0 10px 30px #0000004d;position:relative;overflow:hidden}.assistant-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#6b72801a;opacity:.5;z-index:0}.assistant-container>*{position:relative;z-index:1}h2{font-weight:600;font-size:1.6rem;margin-bottom:10px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#status{font-size:14px;color:var(--text-secondary);margin-bottom:5px}.waveform{display:flex;justify-content:center;align-items:flex-end;height:60px;gap:6px;margin:0 auto 20px;transition:all .3s ease}.bar{width:6px;height:5px;border-radius:3px;animation:siriWave 1s infinite ease-in-out}.bar:nth-child(2){animation-delay:-.2s}.bar:nth-child(3){animation-delay:-.4s}.bar:nth-child(4){animation-delay:-.6s}.bar:nth-child(5){animation-delay:-.8s}.waveform.hidden{opacity:0;transform:scaleY(0)}.bar.user{background:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.bar.ai{background:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}@keyframes siriWave{0%,to{height:5px}50%{height:40px}}.button-group{display:flex;justify-content:center;gap:20px}.btn{padding:12px 24px;font-size:16px;background:var(--background-primary);border:1px solid #0ff;color:#0ff;border-radius:30px;cursor:pointer;transition:all .2s ease-in-out}.btn:hover{background:var(--background-secondary)}.voiceagent-testing-close{background:var(--background-secondary)!important}.voiceagent-testing-close:hover{background:var(--background-primary)!important}.knowledge-base-container{padding:24px;background-color:var(--background-primary);color:var(--text-primary)}.knowledge-base-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.knowledge-base-title{font-size:32px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.rag-storage{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.storage-indicator{color:var(--primary-color);font-size:12px}.knowledge-base-actions{display:flex;gap:16px;margin-bottom:32px}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;width:120px;height:80px;cursor:pointer;transition:all .3s ease;color:var(--text-primary);font-size:14px;gap:8px;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease}.action-btn:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-color)}.action-btn:hover:before{opacity:.1}.action-btn>*{position:relative;z-index:1}.action-icon{font-size:20px}.knowledge-base-content{display:flex;flex-direction:column;gap:16px}.search-section{width:100%}.search-input{width:100%;background-color:var(--background-card);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px 12px 40px;color:var(--text-primary);font-size:14px;outline:none;transition:all .3s ease}.filter-section{display:flex;gap:12px}.type-filter{display:flex;align-items:center;gap:6px;background-color:#111;border:1px solid #333333;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .2s ease}.type-filter:hover{background-color:#222}.filter-icon{font-size:12px}.documents-container{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:48px;margin-top:16px;min-height:400px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,border-color .3s ease}@media (max-width: 768px){.knowledge-base-header{flex-direction:column;gap:16px;align-items:flex-start}.knowledge-base-actions{flex-wrap:wrap;gap:12px}.action-btn{width:100px;height:70px;padding:16px}.knowledge-base-title{font-size:24px}.search-container{max-width:100%}.documents-container{padding:32px 16px}}.voices-container{padding:24px;background-color:var(--background-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.voices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.voices-tabs{display:flex;gap:32px}.tab-btn{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:8px 0;position:relative;transition:color .2s ease}.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-16px;left:0;right:0;height:2px;background-color:var(--text-primary)}.voices-header-right{display:flex;align-items:center;gap:16px}.slots-indicator{font-size:14px;color:var(--text-secondary)}.feedback-btn{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease,border-color .3s ease,color .3s ease}.feedback-btn:hover{background-color:var(--background-hover)}.voices-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-and-actions{display:flex;gap:16px;align-items:center}.search-container{position:relative;flex:1;max-width:500px}.search-input{width:100%;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px 10px 36px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease,background-color .3s ease,color .3s ease}.action-buttons{display:flex;gap:12px}.trending-btn,.filters-btn{display:flex;align-items:center;gap:6px;background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease,border-color .3s ease,color .3s ease}.trending-btn:hover,.filters-btn:hover{background-color:var(--background-hover)}.filter-count{background-color:#4285f4;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px;font-weight:500}.create-voice-btn{display:flex;align-items:center;gap:6px;background-color:#4285f4;border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-voice-btn:hover{background-color:#357abd}.active-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:14px;color:var(--text-secondary)}.filter-tag{display:flex;align-items:center;gap:8px;background-color:var(--background-hover);border-radius:16px;padding:4px 12px;font-size:14px;color:var(--text-primary)}.remove-filter{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:0;line-height:1;transition:color .3s ease}.remove-filter:hover{color:var(--text-primary)}.reset-filters{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;text-decoration:underline;transition:color .3s ease}.reset-filters:hover{color:var(--text-primary)}.voices-content{display:flex;flex-direction:column;gap:16px}.results-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.voices-list{display:flex;flex-direction:column;gap:1px;background-color:var(--border-color);border-radius:8px;overflow:hidden}.voice-card{display:grid;grid-template-columns:60px 1fr 150px 120px 80px 80px;gap:16px;align-items:center;padding:16px;background-color:var(--background-secondary);transition:background-color .2s ease}.voice-card:hover{background-color:var(--background-hover)}.voice-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);display:flex;align-items:center;justify-content:center}.avatar-icon{font-size:20px}.voice-info{display:flex;flex-direction:column;gap:4px}.voice-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.voice-description{font-size:14px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-language{display:flex;align-items:center;gap:8px}.language-flag{font-size:16px}.language-info{display:flex;flex-direction:column;gap:2px}.language{font-size:14px;color:var(--text-primary)}.accent{font-size:12px;color:var(--text-secondary)}.voice-category{font-size:14px;color:var(--text-secondary)}.voice-stats{display:flex;flex-direction:column;gap:4px;text-align:right}.time{font-size:14px;color:var(--text-secondary)}.usage{font-size:14px;color:var(--text-primary)}.voice-actions{display:flex;gap:8px}.info-btn,.menu-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:background-color .2s ease,color .3s ease}.info-btn:hover,.menu-btn:hover{background-color:var(--background-hover)}@media (max-width: 768px){.voices-header{flex-direction:column;gap:16px;align-items:stretch}.voices-tabs{justify-content:space-between}.search-and-actions{flex-direction:column;gap:12px}.action-buttons{flex-wrap:wrap}.voice-card{grid-template-columns:60px 1fr 80px;gap:12px}.voice-language,.voice-category,.voice-stats{display:none}.voice-actions{justify-self:end}}.conversations-container{padding:32px;background-color:var(--background-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;position:relative;min-height:100vh}.conversations-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 70% 30%,rgba(107,114,128,.05) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(75,85,99,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.conversations-container>*{position:relative;z-index:1}.side-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:var(--background-card);color:var(--text-primary);box-shadow:-2px 0 10px #0000004d;z-index:1000;transition:right .3s ease-in-out;border-left:1px solid var(--border-color)}.side-panel.open{right:0}.side-panel-content{width:100%;height:100%;overflow-y:auto}.conversations-layout{display:block}.conversations-main{width:100%}.modal-overlay{display:none}.modal-content{background:#1a1a1a;color:#fff}.conversations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.conversations-title{font-size:28px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.025em}.refresh-btn{background-color:var(--background-card);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.refresh-btn:hover:not(:disabled){background-color:var(--background-hover);border-color:var(--primary-color);transform:translateY(-1px)}.filter-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#d91a7f1a}.conversations-content{background-color:transparent;border:none;border-radius:0;min-height:500px;padding:0}.conversations-table{background-color:var(--background-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.table-header{display:grid;grid-template-columns:200px 150px 100px 100px 150px;background-color:var(--background-hover);padding:16px 20px;font-size:14px;font-weight:700;border-bottom:1px solid var(--border-color)}.table-header .col-date,.table-header .col-agent,.table-header .col-duration,.table-header .col-messages,.table-header .col-sentiment{font-weight:700;font-size:14px}.table-row{display:grid;grid-template-columns:200px 150px 100px 100px 150px;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:all .3s ease}.col-date,.col-agent,.col-duration,.col-messages,.col-sentiment{display:flex;align-items:center;color:var(--text-primary);font-size:14px;font-weight:400}.col-date{font-size:13px;font-weight:400;color:#fff!important}.col-duration,.col-messages{color:#fff!important;font-weight:600}.col-agent{font-weight:600;color:#fff!important}.sentiment-badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;color:#fff;min-width:80px;text-align:center}.sentiment-badge.positive{background-color:#10b981}.sentiment-badge.neutral{background-color:#f59e0b}.sentiment-badge.negative{background-color:#ef4444}.retry-btn{background:var(--primary-gradient);border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:8px}.retry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;gap:16px}@media (max-width: 768px){.conversations-container{padding:20px}.conversations-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:space-between}.conversations-table{overflow-x:auto}.table-header,.table-row{grid-template-columns:150px 120px 80px 80px 120px;min-width:550px}.filter-section{gap:8px}.filter-btn{font-size:12px;padding:6px 12px}.conversations-title{font-size:24px}}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background-color:var(--background-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;border-color:var(--primary-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:flex-end;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background:var(--background-card);color:var(--text-primary);width:400px;max-width:90vw;height:100vh;overflow-y:auto;box-shadow:-2px 0 10px #0000004d;animation:slideInRight .3s ease-in-out;border-left:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);background-color:var(--background-card)}.conversation-title h2{margin:0 0 4px;font-size:18px;font-weight:500;color:var(--text-primary)}.agent-name{text-decoration:underline;color:#fff!important;font-weight:600}.contact-id{font-size:12px;color:var(--text-secondary);font-weight:400}.header-right{display:flex;align-items:center;gap:16px}.metadata-label{font-size:14px;color:var(--text-primary);font-weight:500}.close-btn{background:none;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.close-btn:hover{background-color:var(--background-hover);color:var(--primary-color)}.modal-body{padding:0;background-color:var(--background-card)}.metadata-section{padding:20px 24px;border-bottom:1px solid var(--border-color)}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.metadata-item:last-child{border-bottom:none}.metadata-item .metadata-label{font-size:14px;color:var(--text-secondary);font-weight:400}.metadata-value{font-size:14px;color:var(--text-primary);font-weight:500;text-align:right}.metadata-value.capitalize{text-transform:capitalize}.metadata-value.status-completed{color:#4ade80}.metadata-value.status-missed,.metadata-value.status-failed{color:#ef4444}.tab-section{background-color:var(--background-card)}.tab-buttons{display:flex;border-bottom:1px solid var(--border-color);padding:0 24px}.tab-btn{background:none;border:none;color:var(--text-secondary);padding:16px 20px;font-size:14px;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-btn:hover{color:var(--primary-color)}.tab-content{padding:24px}.tab-panel{display:none}.tab-panel.active{display:block}.summary-section{margin-bottom:24px}.summary-section h4{font-size:16px;color:var(--text-primary);margin:0 0 12px;font-weight:500}.summary-text{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.call-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:14px;color:var(--text-secondary)}.status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.status-completed{background-color:#4ade80;color:#000}.status-badge.status-missed,.status-badge.status-failed,.status-badge.status-error{background-color:#ef4444;color:#fff}.transcript-content{display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column;gap:4px}.agent-message{align-items:flex-start}.customer-message{align-items:flex-end}.message-content{max-width:80%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.4}.agent-message .message-content{background-color:var(--primary-color);color:#fff;border-bottom-left-radius:4px}.customer-message .message-content{background-color:var(--background-hover);color:var(--text-primary);border-bottom-right-radius:4px}.message-time{font-size:11px;color:var(--text-secondary);padding:0 4px}.no-transcript{text-align:center;color:var(--text-secondary);padding:40px 20px}.client-data{display:flex;flex-direction:column;gap:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.modal-content{width:100vw;max-width:100vw}.modal-header{padding:16px 20px}.metadata-section,.tab-content{padding:20px}}.phone-numbers-container{padding:24px;background-color:var(--background-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.phone-numbers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.phone-numbers-title-section{flex:1}.phone-numbers-title{font-size:32px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.phone-numbers-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.phone-numbers-actions{display:flex;align-items:center}.import-dropdown-container{position:relative}.import-number-btn,.import-number-btn-center{background-color:var(--text-primary);border:none;color:var(--background-primary);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s ease,color .3s ease}.import-number-btn:hover,.import-number-btn-center:hover{opacity:.9}.plus-icon{font-size:16px;font-weight:600}.import-dropdown{position:absolute;top:100%;right:0;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px 0;margin-top:4px;min-width:150px;z-index:10;box-shadow:0 4px 12px #0000004d;transition:background-color .3s ease,border-color .3s ease}.dropdown-item{width:100%;background:none;border:none;color:var(--text-primary);padding:8px 16px;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease,color .3s ease}.dropdown-item:hover{background-color:var(--background-hover)}.phone-numbers-content{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;min-height:400px;display:flex;align-items:center;justify-content:center;padding:48px;transition:background-color .3s ease,border-color .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.empty-icon{font-size:48px;color:var(--text-secondary);margin-bottom:8px}.empty-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;transition:background-color .3s ease,border-color .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title-section{display:flex;align-items:center;gap:8px}.modal-icon{font-size:20px}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:4px;border-radius:4px;transition:background-color .2s ease,color .3s ease}.modal-close:hover{background-color:var(--background-hover);color:var(--text-primary)}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-input{width:100%;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease,background-color .3s ease,color .3s ease;box-sizing:border-box}.form-input:focus{border-color:var(--accent-color)}.form-input::placeholder{color:var(--text-secondary)}.phone-input-container{display:flex;gap:8px}.country-selector{display:flex;align-items:center;gap:6px;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;cursor:pointer;transition:border-color .2s ease,background-color .3s ease;white-space:nowrap}.country-selector:hover{border-color:var(--accent-color)}.flag{font-size:16px}.country-code{font-size:14px;color:var(--text-primary)}.dropdown-arrow{font-size:10px;color:var(--text-secondary)}.phone-input{flex:1;background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease,background-color .3s ease,color .3s ease}.phone-input:focus{border-color:var(--accent-color)}.modal-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.import-btn{background-color:var(--text-primary);border:none;color:var(--background-primary);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .3s ease}.import-btn:hover{opacity:.9}@media (max-width: 768px){.phone-numbers-header{flex-direction:column;gap:16px;align-items:stretch}.phone-numbers-title{font-size:24px}.modal-content{width:95%;margin:20px}.phone-input-container{flex-direction:column}.country-selector{justify-content:center}}.filter-section{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--background-hover)}.calls-table{background-color:var(--background-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.table-header{display:grid;grid-template-columns:200px 1fr 150px 100px 120px;background-color:var(--background-hover);padding:16px 20px;font-size:14px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:200px 1fr 150px 100px 120px;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.col-date,.col-campaign,.col-agent,.col-contacts,.col-status{display:flex;align-items:center;color:var(--text-primary);font-size:14px;font-weight:400}.col-date{color:var(--text-secondary);font-size:13px}.col-campaign{font-weight:600}.col-agent,.col-contacts{font-weight:500}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff}.outbound-container{padding:32px;background-color:var(--background-primary);font-family:Inter,system-ui,sans-serif;color:var(--text-primary);min-height:100vh}.outbound-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.outbound-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.025em;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:12px;align-items:center}.refresh-btn{background-color:var(--background-hover);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.refresh-btn:hover:not(:disabled){background-color:var(--border-color);border-color:var(--primary-color);color:var(--primary-color)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.create-batch-call-btn{background:var(--primary-gradient);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6b72804d}.create-batch-call-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6b728066}.outbound-search{margin-bottom:32px}.search-container{position:relative;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:14px}.search-input{width:100%;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px 10px 36px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s ease,background-color .3s ease,color .3s ease;box-sizing:border-box}.search-input:focus{border-color:var(--accent-color)}.search-input::placeholder{color:var(--text-secondary)}.outbound-content{background-color:transparent;border:none;border-radius:0;min-height:500px;padding:0;transition:all .2s ease}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;gap:16px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;gap:16px}.error-icon{font-size:48px;margin-bottom:8px}.error-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.error-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.retry-btn{background:var(--primary-gradient);border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px;box-shadow:0 2px 4px #6b728033}.retry-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #6b72804d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;gap:16px}.empty-icon{font-size:48px;color:var(--text-tertiary);margin-bottom:8px}.empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.empty-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.batch-calls-list{padding:24px;display:flex;flex-direction:column;gap:16px}.batch-call-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.batch-call-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026}.call-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.call-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.025em}.call-status{background:var(--background-hover);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-color);color:var(--text-secondary)}.call-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:14px;color:var(--text-primary);font-weight:500}.call-first-line{background:var(--background-hover);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-top:8px}.first-line-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.first-line-text{font-size:14px;color:var(--text-primary);font-style:italic;line-height:1.4}@media (max-width: 768px){.outbound-container{padding:20px}.outbound-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:space-between}.outbound-title{font-size:24px}.batch-calls-list,.batch-call-card{padding:16px}.call-header{flex-direction:column;gap:12px;align-items:flex-start}.call-details{grid-template-columns:1fr;gap:16px}.calls-table{overflow-x:auto}.table-header,.table-row{grid-template-columns:150px 200px 120px 80px 100px;min-width:650px}.filter-section{gap:8px}.filter-btn{font-size:12px;padding:6px 12px}}.batch-calls-list.simple-list{padding:8px;display:flex;flex-direction:column;gap:8px}.batch-call-row{background:var(--background-card);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.batch-call-row:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.call-avatar{width:40px;height:40px;border-radius:50%;background:var(--background-hover);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary-color);flex-shrink:0;border:1px solid var(--border-color)}.call-info{flex:1;display:flex;flex-direction:column}.call-info .call-name{font-size:16px;font-weight:600;color:var(--text-primary)}.call-meta{font-size:14px;color:var(--text-secondary)}.call-right{display:flex;align-items:center;gap:8px}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.create-campaign-container{padding:32px;max-width:1200px;margin:0 auto;background-color:var(--background-primary);font-family:Inter,system-ui,sans-serif;color:var(--text-primary);min-height:100vh}.create-campaign-content{background:var(--background-card);border-radius:16px;padding:40px;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026;border:1px solid var(--border-color)}.page-header{margin-bottom:32px;display:flex;justify-content:flex-end}.kyc-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid;transition:all .2s ease;max-width:fit-content}.kyc-badge-icon{font-size:14px}.kyc-badge-text{white-space:nowrap}.kyc-badge-action{background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700;transition:background-color .2s ease;margin-left:4px}.kyc-badge-verified{background-color:#10b9811a;color:#10b981;border-color:#10b9814d}.kyc-badge-verified .kyc-badge-action{color:#10b981}.kyc-badge-verified .kyc-badge-action:hover{background-color:#10b98133}.kyc-badge-pending{background-color:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.kyc-badge-pending .kyc-badge-action{color:#f59e0b}.kyc-badge-pending .kyc-badge-action:hover{background-color:#f59e0b33}.kyc-badge-required{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.kyc-badge-required .kyc-badge-action{color:#ef4444}.kyc-badge-required .kyc-badge-action:hover{background-color:#ef444433}.kyc-badge-error{background-color:var(--background-hover);color:var(--text-secondary);border-color:var(--border-color)}.kyc-badge-error .kyc-badge-action{color:var(--text-secondary)}.kyc-badge-error .kyc-badge-action:hover{background-color:var(--border-color)}.kyc-badge-loading{background-color:var(--background-hover);color:var(--text-secondary);border-color:var(--border-color)}.kyc-badge-loading .kyc-badge-icon{animation:spin 1s linear infinite}.campaign-section{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.campaign-section:last-of-type{margin-bottom:0;border-bottom:none;padding-bottom:0}.campaign-section:last-of-type .form-row{grid-template-columns:1fr 1fr}.form-input,.form-select{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--background-hover);transition:all .2s ease;color:var(--text-primary);line-height:1.5}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6b72801a}.form-select{cursor:pointer}.form-select option{padding:8px}.template-download{margin-top:16px;text-align:center}.template-text{font-size:13px;color:var(--text-secondary)}.template-link{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;font-size:13px;padding:0;font-weight:500;transition:color .2s ease}.template-link:hover{color:var(--primary-hover)}.contacts-preview{margin-top:24px;padding:20px;background-color:var(--background-hover);border-radius:12px;border:1px solid var(--border-color)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.025em}.contacts-count{font-size:13px;color:var(--text-secondary);font-weight:500}.contacts-summary{text-align:center;margin-top:16px}.remaining-contacts{font-size:13px;color:#10b981;font-weight:500}.contacts-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px;margin:16px 0;background:var(--background-card)}.contacts-table{width:100%;border-collapse:collapse;font-size:13px}.table-header{background-color:var(--background-hover);border-bottom:1px solid var(--border-color);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.table-row{border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:var(--background-hover)}.table-cell{padding:12px 16px;color:var(--text-primary);border-right:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;font-size:13px}.table-cell:last-child{border-right:none}.campaign-footer{padding-top:40px;margin-top:32px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:20px}.campaign-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:16px 20px;border-radius:8px;font-size:14px;text-align:center;width:100%;max-width:500px;font-weight:500}.create-campaign-btn{background:var(--primary-gradient);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px;letter-spacing:-.01em;box-shadow:0 4px 12px #6b72804d}.create-campaign-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6b728066}.create-campaign-btn:active:not(:disabled){transform:translateY(0)}.create-campaign-btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.create-campaign-container{padding:20px}.create-campaign-content{padding:24px}.form-row{grid-template-columns:1fr;gap:20px}.campaign-section:last-of-type .form-row{grid-template-columns:1fr}.section-title{font-size:18px}.campaign-section{margin-bottom:32px;padding-bottom:24px}.preview-header{flex-direction:column;align-items:flex-start;gap:8px}.contacts-table-container{overflow-x:scroll}.table-cell{min-width:100px}.campaign-footer{padding-top:32px}.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.modal-footer{flex-direction:column}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--background-card);border-radius:12px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border-color);margin-bottom:0}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease,background-color .2s ease}.modal-close:hover{color:var(--text-primary);background-color:var(--background-hover)}.modal-body{padding:24px;overflow-y:auto;flex:1;text-align:center}.kyc-modal-icon{font-size:48px;margin-bottom:16px}.kyc-modal-content h4{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.kyc-modal-content p{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.kyc-requirements{background-color:var(--background-hover);border:1px solid var(--border-color);border-radius:8px;padding:16px;text-align:left;margin-top:16px}.kyc-requirements h5{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.kyc-requirements ul{margin:0;padding-left:20px;list-style-type:disc}.kyc-requirements li{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.kyc-status-info{background-color:var(--background-hover);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:16px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.pending{background-color:#f59e0b1a;color:#f59e0b}.kyc-status-info p{margin-top:12px;margin-bottom:0;color:var(--text-secondary)}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.modal-btn-secondary{background-color:var(--background-hover);color:var(--text-secondary);border:1px solid var(--border-color);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.modal-btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #6b728033}.modal-btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 8px #6b72804d}.kyc-container{padding:32px;max-width:1000px;margin:0 auto;background-color:var(--background-primary);font-family:Inter,system-ui,sans-serif;color:var(--text-primary);min-height:100vh}.kyc-content{background:var(--background-card);border-radius:16px;padding:40px;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000026;border:1px solid var(--border-color)}.kyc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.kyc-title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.025em;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kyc-status-badge{background:var(--background-hover);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-color)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;gap:16px}.loading-spinner{font-size:32px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--text-secondary);font-size:16px;margin:0}.error-message{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:16px 20px;border-radius:8px;font-size:14px;margin-bottom:24px;font-weight:500}.success-message{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:16px 20px;border-radius:8px;font-size:14px;margin-bottom:24px;font-weight:500}.kyc-verified{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;gap:16px}.verified-icon{font-size:64px;margin-bottom:16px}.kyc-verified h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.kyc-verified p{font-size:16px;color:var(--text-secondary);margin:0;max-width:500px;line-height:1.5}.form-section{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.form-section:last-of-type{margin-bottom:0;border-bottom:none;padding-bottom:0}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 24px;letter-spacing:-.025em;line-height:1.4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;display:block;letter-spacing:-.01em}.form-input{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--background-hover);transition:all .2s ease;color:var(--text-primary);line-height:1.5}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6b72801a}.form-input::placeholder{color:var(--text-tertiary)}.form-help{font-size:13px;color:var(--text-secondary);margin-top:6px;line-height:1.4;letter-spacing:-.01em}.form-error{font-size:13px;color:#ef4444;margin-top:6px;line-height:1.4;font-weight:500}.file-upload-container{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px dashed var(--border-color);border-radius:12px;background-color:var(--background-hover);cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text-secondary);font-weight:500}.file-upload-btn:hover{border-color:var(--primary-color);background-color:var(--background-card);color:var(--primary-color)}.file-icon{font-size:20px}.file-status{color:var(--text-secondary);font-style:italic;font-weight:400}.kyc-footer{padding-top:40px;margin-top:32px;border-top:1px solid var(--border-color);display:flex;justify-content:center}.submit-kyc-btn{background:var(--primary-gradient);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px;letter-spacing:-.01em;box-shadow:0 4px 12px #6b72804d}.submit-kyc-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6b728066}.submit-kyc-btn:active:not(:disabled){transform:translateY(0)}.submit-kyc-btn:disabled{background-color:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.kyc-container{padding:20px}.kyc-content{padding:24px}.kyc-header{flex-direction:column;gap:16px;align-items:flex-start}.kyc-title{font-size:24px}.form-row{grid-template-columns:1fr;gap:20px}.form-section{margin-bottom:32px;padding-bottom:24px}.kyc-verified{padding:60px 20px}.verified-icon{font-size:48px}.kyc-verified h2{font-size:20px}.kyc-footer{padding-top:32px}}.sidebar{width:240px;background-color:var(--background-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s ease,background-color .3s ease;height:100%;overflow-y:hidden;position:relative}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(107,114,128,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.sidebar>*{position:relative;z-index:1}.sidebar.collapsed{width:60px}.sidebar.collapsed .app-name{display:none}.sidebar.collapsed .logo-container{justify-content:center}.sidebar.collapsed .logo-image{width:24px;height:24px}.sidebar.collapsed .section-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .new-badge{display:none}.sidebar.collapsed .nav-item{padding:8px;margin:0 8px;justify-content:center}.sidebar.collapsed .nav-icon{font-size:18px}.sidebar.collapsed .upgrade-section,.sidebar.collapsed .user-details,.sidebar.collapsed .user-chevron{display:none}.sidebar.collapsed .user-profile{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-header{padding:12px;justify-content:center}.sidebar.collapsed .sidebar-bottom{padding:12px}.sidebar.collapsed .sidebar-toggle{color:#fff;font-size:16px}.sidebar.collapsed .nav-item:hover,.sidebar.collapsed .nav-item.active{background-color:var(--background-hover)}.sidebar.collapsed .nav-item{position:relative}.sidebar.collapsed .nav-item:hover:after{content:attr(data-label);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--background-hover);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-left:8px;pointer-events:none}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#171422cc}.logo-container{display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.logo-image{width:32px;height:32px;object-fit:contain;filter:brightness(1.1) contrast(1.1);display:block}.app-name{font-size:18px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;color:#fff!important}.logo h2{font-size:16px;font-weight:600;margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.sidebar-toggle:hover{background-color:var(--background-hover);color:var(--primary-color);transform:scale(1.1)}.conversational-ai-dropdown{padding:12px 16px;border-bottom:1px solid var(--border-color)}.dropdown-header{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;cursor:pointer}.dropdown-icon{font-size:16px}.dropdown-arrow{margin-left:auto;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.nav-section{margin-bottom:16px}.section-label{padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 16px;margin:0 8px;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;color:var(--text-secondary);font-weight:500}.nav-item:hover{background-color:#6b72801a;color:var(--primary-color);transform:translate(4px)}.nav-item.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #6b72804d}.nav-item.active .nav-icon{color:#fff}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-label{font-size:14px;flex:1}.new-badge{background:var(--primary-gradient);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.sidebar-bottom{border-top:1px solid var(--border-color);padding:16px;position:sticky;bottom:0;background-color:var(--background-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.upgrade-section{margin:12px 0}.upgrade-btn{width:100%;background:var(--primary-gradient);color:#fff;border:none;border-radius:6px;padding:10px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.user-profile{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative}.user-profile:hover{background-color:var(--background-hover)}.user-avatar{width:24px;height:24px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.user-details{flex:1}.user-name{font-size:14px;font-weight:500;color:var(--text-primary)}.user-subtitle{font-size:12px;color:var(--text-secondary)}.user-chevron{color:var(--text-secondary);transition:transform .3s ease}.user-chevron.rotated{transform:rotate(180deg)}.user-menu{position:absolute;bottom:100%;left:0;right:0;background:var(--background-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-bottom:8px;z-index:100;overflow:hidden}.menu-item{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:14px}.menu-item:hover{background-color:var(--background-hover);color:var(--primary-color)}.menu-item svg{color:var(--text-secondary)}.menu-item:hover svg{color:var(--primary-color)}@media (max-width: 768px){.sidebar{width:100%;position:fixed;top:0;left:-100%;transition:left .3s ease;z-index:1000;height:100vh}.sidebar.collapsed{left:0;width:100%}}.app-layout{display:flex;height:100vh;overflow:hidden;background-color:var(--background-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;position:relative}.app-content{flex:1;background-color:var(--background-primary);overflow-y:auto;position:relative}.app-content:before{content:"";position:fixed;top:0;left:240px;right:0;bottom:0;background-image:radial-gradient(ellipse at top right,rgba(217,26,127,.03) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(255,136,0,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.app-content>*{position:relative;z-index:1}