:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}::-webkit-scrollbar{width:0px;background:transparent}::-webkit-scrollbar-thumb{background:transparent}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-container-white{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow-y:auto;background-color:#fff}.login-row-white{height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}.form-side-white{height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;padding:24px 40px}.login-logo-section{width:100%;text-align:left;flex:0 0 auto}.header-logo-image{height:32px;width:auto;object-fit:contain}.header-logo-text{font-size:24px;font-weight:700;color:#4f46e5;margin:0}.form-wrapper-white{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;flex:1 1 auto}.form-header-white{text-align:left;margin-bottom:24px}.login-title-white{font-size:32px!important;font-weight:700!important;margin:0 0 8px!important;color:#1a1a1a}.welcome-text-white{color:#666;font-size:16px;line-height:1.5}.login-form-white{width:100%}.form-item-white{margin-bottom:16px}.form-item-white .ant-form-item-label{padding-bottom:4px!important}.form-item-white .ant-form-item-label>label{font-size:13px;font-weight:600;color:#333}.input-field-white{border-radius:8px!important;padding:8px 12px!important;font-size:16px!important;border:1px solid #e0e0e0!important;background-color:#fff!important;height:48px!important}.input-field-white:hover,.input-field-white:focus{border-color:#4f46e5!important}.options-row-white{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox-white{font-size:13px!important;color:#666!important}.checkbox-white.ant-checkbox-wrapper:hover .ant-checkbox-inner,.checkbox-white .ant-checkbox:hover .ant-checkbox-inner,.checkbox-white .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#4f46e5!important}.checkbox-white .ant-checkbox-checked .ant-checkbox-inner{background-color:#4f46e5!important;border-color:#4f46e5!important}.forgot-link-white{padding:0!important;font-size:13px!important;color:#4f46e5!important;font-weight:600!important;cursor:pointer}.submit-item-white{margin-bottom:16px!important}.signin-btn-white{height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;background-color:#4f46e5!important;border:none!important;transition:background-color .2s}.signin-btn-white:hover{background-color:#4338ca!important}.divider-white{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:16px}.divider-line-white{flex:1;height:1px;background-color:#e5e7eb}.divider-text-white{color:#9ca3af;font-size:12px}.signup-container-white{text-align:center}.signup-text-white{color:#666;font-size:13px}.signup-link-white{padding:0!important;font-size:13px!important;color:#4f46e5!important;font-weight:600!important;margin-left:4px}.footer-white{width:100%;text-align:left;flex:0 0 auto}.footer-text-white{color:#9ca3af;font-size:12px}.whatsapp-side-white{height:96vh;display:flex!important;align-items:center!important;justify-content:center!important}.whatsapp-image-full{width:auto;height:auto;max-height:90%;padding-top:23px;padding-left:150px;object-fit:contain;display:block;border-radius:50px}@media (max-height: 700px){.form-side-white{padding:16px 24px}.header-logo-image{height:24px}.form-header-white{margin-bottom:16px}.login-title-white{font-size:22px!important;margin-bottom:4px!important}.form-item-white{margin-bottom:12px}.input-field-white,.signin-btn-white{height:36px!important;font-size:13px!important}.options-row-white,.divider-white{margin-bottom:16px}}@media (max-width: 768px){.whatsapp-side-white{display:none!important}.form-side-white{width:100%!important;height:100vh!important;padding:24px;justify-content:center}.form-wrapper-white{max-width:100%;margin-top:0}.login-logo-section{display:block!important;margin-bottom:20px}.input-field-white,.signin-btn-white{height:42px!important}}@media (max-width: 480px){.form-side-white{padding:16px}.login-title-white{font-size:24px!important}.welcome-text-white{font-size:14px}}.register-container-white{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow-y:auto;background-color:#fff}.register-row-white{height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}.register-logo-section{width:100%;text-align:left;flex:0 0 auto}.register-title-white{font-size:32px!important;font-weight:700!important;margin:0 0 8px!important;color:#1a1a1a}.register-form-white{width:100%}.register-btn-white{height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;background-color:#4f46e5!important;border:none!important;transition:background-color .2s}.register-btn-white:hover{background-color:#4338ca!important}.signin-container-white{text-align:center}.signin-text-white{color:#666;font-size:13px}.signin-link-white{padding:0!important;font-size:13px!important;color:#4f46e5!important;font-weight:600!important;margin-left:4px}@media (max-height: 700px){.register-title-white{font-size:22px!important;margin-bottom:4px!important}}@media (max-width: 768px){.register-row-white{flex-direction:column-reverse!important}}.admin-dashboard-layout{height:100vh!important;overflow:hidden!important;background-color:#f5f5f5!important}.admin-content{background:#f5f5f5!important;padding:24px!important;height:100vh!important;overflow-y:auto!important}.content-inner{padding:32px 40px;max-width:1400px;margin:0 auto;background:#f5f5f5;min-height:100%;animation:fadeIn .6s ease-out}.breadcrumb-section{margin-bottom:8px!important}.breadcrumb-item{color:#94a3b8;font-size:13px;display:flex;align-items:center;gap:6px;font-weight:500;transition:color .2s}.breadcrumb-item:hover{color:var(--primary-brand)}.breadcrumb-item.active{color:var(--text-main)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px!important}.welcome-title{font-size:22px!important;font-weight:500!important;color:var(--text-main)!important;margin:0 0 8px!important;letter-spacing:-.02em!important}.welcome-subtitle{font-size:16px;color:var(--text-secondary);font-weight:400}.dashboard-hero-section{margin-bottom:10px}.welcome-premium-card{background:linear-gradient(135deg,#fffc,#fff6)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px!important;padding:0!important;overflow:hidden;position:relative;box-shadow:0 4px 20px #00000008!important;border:1px solid rgba(0,0,0,.05)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.welcome-premium-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #6366f114!important;border-color:#6366f133!important}.welcome-premium-card:before{content:"";position:absolute;top:0;right:0;width:250px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.03) 100%);z-index:0}.welcome-premium-card .ant-card-body{padding:24px 32px!important;position:relative;z-index:1}.hero-card-content{display:flex;justify-content:space-between;align-items:center;gap:32px}.hero-welcome-part{flex:1}.hero-welcome-title{color:#1e293b!important;font-size:24px!important;font-weight:500!important;margin:0 0 4px!important;letter-spacing:-.02em!important}.hero-welcome-title b{font-weight:700}.hero-welcome-subtitle{color:#64748b!important;font-size:14px;display:block;margin-bottom:20px}.hero-plan-badge{display:flex;align-items:center;gap:10px;background:#f8fafc;padding:6px 12px;border-radius:10px;width:fit-content;border:1px solid #f1f5f9}.plan-icon-glass{width:32px;height:32px;background:#6366f114;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6366f1}.plan-info-text{display:flex;flex-direction:column}.plan-status-label{font-size:9px;color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.plan-name-display{color:#1e293b;font-weight:700;font-size:13px}.status-pill{margin-left:8px!important;border-radius:6px!important;font-weight:700!important}.hero-stats-part{flex:1;background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #f1f5f9;display:flex;flex-direction:column;gap:16px}.hero-usage-grid{display:flex;flex-direction:column;gap:12px}.hero-usage-item{display:flex;flex-direction:column;gap:6px}.hero-usage-header{display:flex;justify-content:space-between;font-size:11px;color:#64748b}.hero-usage-label{display:flex;align-items:center;gap:5px;font-weight:600}.hero-usage-value b{color:#1e293b}.hero-progress-track{height:5px;background:#e2e8f0;border-radius:3px;overflow:hidden}.hero-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:3px}.hero-actions-part{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.hero-manage-btn{background:#6366f1!important;border:none!important;height:34px!important;border-radius:8px!important;font-weight:600!important;font-size:12px!important;color:#fff!important;padding:0 16px!important;transition:all .3s ease!important;box-shadow:0 4px 10px #6366f133!important}.hero-manage-btn:hover{background:#4f46e5!important;transform:translateY(-1px);box-shadow:0 6px 14px #6366f14d!important}.hero-renewal-note{font-size:10px;color:#94a3b8}.plan-premium .plan-icon-glass{background:#f59e0b33;color:#f59e0b}.plan-premium .hero-progress-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.plan-premium .hero-manage-btn{background:#f59e0b!important;box-shadow:0 4px 12px #f59e0b4d!important}@media (max-width: 991px){.hero-card-content{flex-direction:column;align-items:stretch;gap:24px}.hero-welcome-title{font-size:24px!important}}.filters-section{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed #e2e8f0}.time-filters{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;gap:4px;border:1px solid #e2e8f0}.time-filter-btn{border:none;background:transparent;padding:8px 18px;font-size:13px;font-weight:600;color:#0d1014;cursor:pointer;border-radius:9px;transition:all .3s cubic-bezier(.4,0,.2,1)}.time-filter-btn:hover{color:var(--primary-brand)}.time-filter-btn.active{background:#fff;color:var(--primary-brand);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transform:scale(1.02)}.metrics-grid{margin-bottom:24px}.metric-card{border:1px solid rgba(0,0,0,.08)!important;border-radius:24px!important;box-shadow:0 10px 40px -10px #00000014!important;transition:all .4s cubic-bezier(.165,.84,.44,1)!important;background:linear-gradient(135deg,#fffc,#fff6)!important;overflow:hidden;position:relative;height:100%!important;width:100%!important;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.metric-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,var(--accent-color, transparent),transparent 70%);opacity:.05;pointer-events:none}.card-wrapper{height:100%!important;display:flex!important;perspective:1000px}.metric-card .ant-card-body{height:100%!important;flex:1!important;display:flex!important;flex-direction:column!important;padding:24px!important;position:relative;z-index:1}.metric-content-wrapper{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;width:100%!important}.metric-info-section{flex:1!important;min-width:0!important}.metric-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 50px -15px var(--accent-glow, rgba(99, 102, 241, .15))!important;border-color:#fffc!important}.metric-icon-container{padding:12px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.metric-icon-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-color);opacity:.1}.metric-title{font-size:13px!important;font-weight:700!important;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0!important}.metric-value{font-size:32px!important;font-weight:800!important;color:var(--text-main)!important;margin:16px 0 12px!important;letter-spacing:-.04em!important;line-height:1!important;display:flex!important;align-items:baseline!important;gap:6px!important}.metric-trend-container{display:flex;align-items:center;gap:10px;padding:6px 14px;background:#fff6;border-radius:12px;width:fit-content;border:1px solid rgba(0,0,0,.05);margin-top:auto}.trend-period{color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase}.metric-chart{flex:0 0 100px!important;height:50px!important;opacity:.9;pointer-events:none;display:flex!important;align-items:center!important;justify-content:flex-end!important}.metric-details-grid{animation:fadeIn .4s ease-out}.metric-detail-item{padding:2px 8px;background:#ffffff80;border-radius:8px;border:1px solid rgba(0,0,0,.02);transition:all .2s ease}.metric-detail-item:hover{background:#fff;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.list-card{border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;background:#fff!important;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1)!important}.list-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important}.list-card .ant-card-head{border-bottom:1px solid #f1f5f9!important;padding:20px 24px!important;min-height:auto!important}.list-card .ant-card-head-title{font-size:18px!important;font-weight:700!important;color:var(--text-main)!important;display:flex;align-items:center;gap:12px}.dashboard-list-item{padding:18px 24px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #f8fafc!important;transition:background-color .2s}.dashboard-list-item:hover{background-color:#f8fafc!important}.dashboard-list-item:last-child{border-bottom:none!important}.item-name{font-size:15px;font-weight:600;color:var(--text-main)}.wa-dashboard-tag{border-radius:6px!important;padding:2px 8px!important;font-weight:700!important;font-size:10px!important;letter-spacing:.02em!important;border:none!important;display:inline-flex!important;align-items:center!important;gap:4px!important;transition:all .2s ease!important}.wa-dashboard-tag.wa-inbound-tag{background:#eff6ff!important;color:#3b82f6!important}.wa-dashboard-tag.wa-outbound-tag{background:#f0fdf4!important;color:#10b981!important}.wa-dashboard-tag:hover{transform:scale(1.05);filter:brightness(.95)}.item-date{font-size:13px;color:#94a3b8;margin-top:2px;display:block}.item-value{font-size:14px;font-weight:600;padding:6px 12px;border-radius:8px}.chat-value button{background:#f0fdf4!important;color:#16a34a!important;border:1px solid #dcfce7!important;padding:6px 14px!important;border-radius:8px!important;font-weight:600!important;transition:all .2s!important}.chat-value button:hover{background:#dcfce7!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.calls-value{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.secondary-sections{margin-top:8px}@media (max-width: 991px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.content-inner{padding:24px 20px}.filters-section{flex-direction:column;align-items:flex-start;gap:20px}}@media screen and (max-width: 1280px) and (max-height: 800px){.content-inner{padding:20px 24px}.welcome-title{font-size:20px!important}.metric-value{font-size:24px!important}.metric-chart{height:40px}}@media screen and (max-width: 1024px) and (max-height: 600px){.content-inner{padding:16px 20px}.metrics-grid .ant-col-lg-8{width:50%!important;max-width:50%!important;flex:0 0 50%!important}.welcome-title{font-size:18px!important}.welcome-subtitle{font-size:14px}.filters-section{margin-bottom:12px;padding-bottom:12px}.metric-card .metric-content{padding:8px}.metric-value{font-size:20px!important}}.premium-card{transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;border:1px solid rgba(234,236,240,.8)!important}.premium-card:hover{transform:translateY(-8px) scale(1.01)!important;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005!important;border-color:var(--primary-brand-light)!important}.glass-button{background:#ffffffb3!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(226,232,240,.8)!important;transition:all .2s ease!important}.glass-button:hover{background:#fff!important;border-color:#cbd5e1!important;transform:translateY(-1px)}.info-banner{transition:transform .3s ease!important}.subscription-card-container{margin-bottom:32px;animation:slideDown .6s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subscription-premium-card{background:#ffffffb3!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:24px!important;overflow:hidden;position:relative;box-shadow:0 10px 40px -10px #6366f126!important;transition:all .4s ease!important;padding:0!important}.subscription-premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--plan-gradient, linear-gradient(90deg, #6366f1, #a855f7));z-index:2}.subscription-premium-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px -15px #6366f140!important}.plan-info-wrapper{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;gap:24px}.plan-main-content{display:flex;align-items:center;gap:20px;flex:1}.plan-icon-hex{width:64px;height:64px;background:var(--plan-gradient, linear-gradient(135deg, #6366f1, #a855f7));border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px -4px var(--plan-shadow, rgba(99, 102, 241, .4));transform:rotate(-10deg)}.plan-details{display:flex;flex-direction:column}.plan-name-label{font-size:14px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.plan-title-row{display:flex;align-items:center;gap:12px}.plan-display-name{font-size:24px;font-weight:800;color:#1e293b;margin:0}.plan-usage-section{flex:2;padding:0 40px;border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05)}.usage-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.usage-item{display:flex;flex-direction:column;gap:8px}.usage-label-row{display:flex;justify-content:space-between;align-items:baseline}.usage-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase}.usage-value{font-size:12px;font-weight:600;color:#0f172a}.usage-progress-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;position:relative}.usage-progress-fill{height:100%;background:var(--plan-gradient);border-radius:4px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.plan-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.manage-plan-btn{background:#1e293b!important;border:none!important;color:#fff!important;font-weight:600!important;border-radius:12px!important;padding:10px 24px!important;height:auto!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .3s ease!important}.manage-plan-btn:hover{background:#0f172a!important;transform:translate(4px);box-shadow:0 4px 12px #0000001a!important}.renewal-text{font-size:11px;color:#94a3b8;font-weight:500}.plan-free{--plan-gradient: linear-gradient(90deg, #94a3b8, #64748b);--plan-shadow: rgba(148, 163, 184, .4)}.plan-pro{--plan-gradient: linear-gradient(90deg, #6366f1, #a855f7);--plan-shadow: rgba(99, 102, 241, .4)}.plan-premium{--plan-gradient: linear-gradient(90deg, #f59e0b, #ef4444);--plan-shadow: rgba(245, 158, 11, .4)}@media (max-width: 1200px){.plan-info-wrapper{flex-direction:column;align-items:stretch}.plan-usage-section{padding:20px 0;border:none;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}.plan-actions{align-items:center}}@media (max-width: 768px){.usage-stats-grid{grid-template-columns:1fr}}.admin-sider{border-right:1px solid var(--border-color);background:#fff;z-index:1000;box-shadow:4px 0 24px #00000005}.sidebar-container{height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px}.login-logo-section{cursor:pointer;transition:opacity .2s ease}.login-logo-section:hover{transform:scale(1.02)}.header-logo-image{height:40px}.sidebar-menu{border-right:none!important}.sidebar-menu .ant-menu-item{border-radius:24px!important;margin:8px 0!important;height:50px!important;line-height:50px!important;color:#667085!important;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)!important;padding:0 16px!important}.sidebar-menu .ant-menu-item .anticon{font-size:18px;transition:transform .3s ease}.sidebar-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background:#4f46e50a!important;color:#4f46e5!important}.sidebar-menu .ant-menu-item:not(.ant-menu-item-selected):hover .anticon{color:#4f46e5!important;transform:translate(2px)}.sidebar-menu .ant-menu-item-selected{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;box-shadow:0 8px 16px -4px #4f46e54d!important}.sidebar-menu .ant-menu-item-selected .anticon{color:#fff!important;transform:scale(1.1)}.sidebar-menu .ant-menu-item-selected .ant-menu-title-content a{color:#fff!important;font-weight:600}.sidebar-bottom{border-top:1px solid #F2F4F7;padding-top:24px}.user-profile-sidebar{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:all .2s ease;border-radius:16px;background:#f9fafb;border:1px solid transparent}.user-profile-sidebar:hover{background-color:#fff;border-color:#eaecf0;box-shadow:0 4px 12px #0000000d}.user-details{display:flex;flex-direction:column;flex:1;overflow:hidden}.user-name-text{font-size:14px;font-weight:600;color:#101828;white-space:nowrap;text-overflow:ellipsis}.user-email-text{font-size:13px;color:#667085;white-space:nowrap;text-overflow:ellipsis}.header-logo-text{font-size:24px;font-weight:800;color:#4f46e5;letter-spacing:-.5px}@media screen and (max-width: 1280px) and (max-height: 800px){.admin-sider{width:220px}.sidebar-container{padding:16px 12px}.header-logo-image{height:32px}.sidebar-menu .ant-menu-item{height:40px!important;line-height:40px!important;margin:4px 0!important}.sidebar-bottom{padding-top:16px}.user-profile-sidebar{padding:8px}}@media screen and (max-width: 1024px) and (max-height: 600px){.admin-sider{width:200px}.sidebar-container{padding:12px 8px}.sidebar-menu .ant-menu-item{height:36px!important;line-height:36px!important;padding:0 12px!important}.user-details{display:none}.user-profile-sidebar{justify-content:center;gap:0}}.admin-dashboard-layout .ant-layout-sider-children{background:#fff}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #0f172a;--text-secondary: #64748b;--accent-primary: #4f46e5;--accent-secondary: #6366f1;--border-primary: rgba(0, 0, 0, .05);--header-bg: rgba(255, 255, 255, .8);--card-bg: #ffffff;--hero-badge-bg: #f5f3ff;--hero-badge-text: #4f46e5;--hero-glow: radial-gradient(70% 40% at 0% 0%, rgba(79, 70, 229, .08) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(50% 40% at 100% 100%, rgba(79, 70, 229, .08) 0%, rgba(255, 255, 255, 0) 100%)}[data-theme=dark]{--bg-primary: #020617;--bg-secondary: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #6366f1;--accent-secondary: #818cf8;--border-primary: rgba(255, 255, 255, .05);--header-bg: rgba(2, 6, 17, .8);--card-bg: #0f172a;--hero-badge-bg: rgba(79, 70, 229, .1);--hero-badge-text: #818cf8;--hero-glow: radial-gradient(70% 40% at 0% 0%, rgba(99, 102, 241, .1) 0%, rgba(2, 6, 17, 0) 100%), radial-gradient(50% 40% at 100% 100%, rgba(99, 102, 241, .1) 0%, rgba(2, 6, 17, 0) 100%)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .3s ease,color .3s ease}.app-layout{min-height:100vh;background-color:var(--bg-primary)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-small{max-width:900px;margin:0 auto;padding:0 1.5rem}.container-large{max-width:1400px;margin:0 auto;padding:0 1.5rem}.ant-layout{background:transparent}.ant-layout-header{height:4.5rem;line-height:4.5rem;padding:0;background-color:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);position:fixed;width:100%;z-index:1000}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;line-height:normal}.logo-link{flex-shrink:0;display:flex;align-items:center;height:100%;text-decoration:none}.logo-image{height:45px;width:auto;cursor:pointer}.nav{display:none;align-items:center;height:100%;gap:2rem;margin:0 auto}@media (min-width: 768px){.nav{display:flex}}.nav a{text-decoration:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav a:hover{color:var(--accent-primary)}.headers-actions{display:flex;align-items:center;gap:2rem;height:100%;flex-shrink:0}.header-utilities{display:flex;align-items:center;height:100%}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:background-color .2s;color:var(--text-primary)}.icon-btn:hover{background-color:#0000000d}[data-theme=dark] .icon-btn:hover{background-color:#ffffff0d}.icon-btn .icon{width:20px;height:20px}.language-selector{position:relative;display:none}@media (min-width: 768px){.language-selector{display:block}}.language-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:128px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:4px 0;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:1001}[data-theme=dark] .language-dropdown{background-color:#0f172a;border-color:#1e293b}.language-selector:hover .language-dropdown{opacity:1;visibility:visible;top:calc(100% + 8px)}.language-option{width:100%;text-align:left;padding:8px 16px;font-size:.875rem;text-transform:uppercase;background:transparent;border:none;cursor:pointer;color:var(--text-primary);transition:all .2s;display:block}.language-option:hover{background-color:#0000000d}[data-theme=dark] .language-option:hover{background-color:#ffffff0d}.language-option.active{color:#4f46e5;font-weight:700}.login-link{display:flex;align-items:center;height:40px;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s}.login-link:hover{color:var(--text-primary)}.get-started-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;padding:8px 20px;border-radius:20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s;height:40px;white-space:nowrap}.get-started-btn:hover{background:var(--accent-secondary);color:#fff}.minimal-profile{display:flex;align-items:center;gap:2rem;height:100%;cursor:pointer;transition:opacity .2s ease}.minimal-profile:hover{opacity:.8}.minimal-name{font-size:.875rem!important;font-weight:500;color:var(--text-secondary)!important;transition:color .2s}.minimal-profile:hover .minimal-name{color:var(--accent-primary)!important}.minimal-avatar-box{position:relative;display:flex;align-items:center}.minimal-avatar-box .ant-avatar{background:var(--bg-secondary);box-shadow:0 2px 8px #00000014}.minimal-dot{position:absolute;bottom:2px;right:2px;width:8px;height:8px;background-color:#10b981;border:1.5px solid var(--bg-primary);border-radius:50%}[data-theme=dark] .minimal-avatar-box .ant-avatar{box-shadow:0 4px 12px #0006}.menu-toggle-btn{display:flex;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;color:var(--text-primary)}.menu-toggle-btn:hover{background-color:#0000000d}[data-theme=dark] .menu-toggle-btn:hover{background-color:#ffffff0d}.menu-toggle-btn .icon{width:24px;height:24px}@media (min-width: 768px){.menu-toggle-btn{display:none}}.hero{padding-top:10rem;padding-bottom:7rem;position:relative;overflow:hidden;text-align:center;background:radial-gradient(circle at 0% 0%,rgba(79,70,229,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(99,102,241,.05) 0%,transparent 50%),var(--bg-primary);transition:background .5s ease}.hero-blob{position:absolute;width:50%;height:50%;border-radius:50%;filter:blur(120px);z-index:-10;opacity:.6;pointer-events:none}.hero-blob-1{top:-15%;left:-10%;background:radial-gradient(circle,rgba(79,70,229,.15),transparent);animation:float-blob-1 20s infinite alternate ease-in-out}.hero-blob-2{bottom:-5%;right:-5%;background:radial-gradient(circle,rgba(168,85,247,.12),transparent);animation:float-blob-2 25s infinite alternate ease-in-out}.hero-blob-3{top:20%;right:15%;width:30%;height:30%;background:radial-gradient(circle,rgba(99,102,241,.1),transparent);animation:float-blob-3 18s infinite alternate ease-in-out;filter:blur(80px)}@keyframes float-blob-1{0%{transform:translate(0) scale(1)}to{transform:translate(10%,15%) scale(1.1)}}@keyframes float-blob-2{0%{transform:translate(0) scale(1)}to{transform:translate(-15%,-10%) scale(1.05)}}@keyframes float-blob-3{0%{transform:translate(0) rotate(0)}to{transform:translate(-5%,20%) rotate(45deg)}}.hero-badge{display:inline-block;padding:.375rem 1rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;border-radius:9999px;background-color:#eff6ff;color:#4f46e5;border:1px solid #dbeafe;transition:all .3s ease}[data-theme=dark] .hero-badge{background-color:#1e3a8a4d;color:#60a5fa;border-color:#1e40af}.hero-title.ant-typography{font-size:3rem!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.025em!important;color:var(--text-primary)!important;margin-bottom:1.5rem!important}@media (min-width: 768px){.hero-title.ant-typography{font-size:4.5rem!important}}.hero-description.ant-typography{font-size:1.125rem!important;max-width:42rem;margin:0 auto 2.5rem!important;color:var(--text-secondary)!important}.hero-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width: 640px){.hero-buttons{flex-direction:row}}.hero-primary-btn{width:100%;height:auto!important;padding:1rem 2rem!important;background-color:#4f46e5!important;color:#fff!important;font-weight:600!important;border-radius:9999px!important;border:none!important;box-shadow:0 10px 15px -3px #3b82f640!important;transition:background-color .3s ease!important}.hero-primary-btn:hover{background-color:#4338ca!important}@media (min-width: 640px){.hero-primary-btn{width:auto}}.hero-secondary-btn{width:100%;height:auto!important;padding:1rem 2rem!important;background-color:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;font-weight:600!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:all .3s ease!important}[data-theme=dark] .hero-secondary-btn{background-color:#0f172a!important;color:#fff!important;border-color:#1e293b!important}.hero-secondary-btn:hover{background-color:#f8fafc!important}[data-theme=dark] .hero-secondary-btn:hover{background-color:#1e293b!important}@media (min-width: 640px){.hero-secondary-btn{width:auto}}.trusted-companies{padding:3rem 0;background-color:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}[data-theme=dark] .trusted-companies{background-color:#0f172a4d;border-color:#1e293b}.trusted-title.ant-typography{text-align:center;display:block;margin-bottom:2rem!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase;color:#64748b!important}[data-theme=dark] .trusted-title.ant-typography{color:#94a3b8!important}.companies-grid-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;opacity:.5;filter:grayscale(100%);transition:all .3s ease}.companies-grid-container:hover{filter:grayscale(0%);opacity:1}@media (min-width: 768px){.companies-grid-container{gap:4rem}}.company-logo-text{font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.05em}[data-theme=dark] .company-logo-text{color:#fff}@media (min-width: 768px){.company-logo-text{font-size:1.875rem}}.company-dot{color:#4f46e5}.metrics-section{padding:80px 0;background-color:var(--bg-primary);transition:background-color .3s ease}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center}.metrics-section .metric-value,.metrics-section .metric-value.ant-typography{color:#4f46e5!important;font-size:3.5rem!important;font-weight:800!important;margin-bottom:8px!important;letter-spacing:-.02em}.metric-label{color:#64748b;font-size:12px!important;font-weight:700!important;letter-spacing:.05em;text-transform:uppercase}.features-section{padding:6rem 0;background-color:#f8fafc;transition:background-color .3s ease}[data-theme=dark] .features-section{background-color:#0f172a80}.features-header{text-align:center;margin-bottom:4rem}.features-title.ant-typography{font-size:2rem!important;font-weight:700!important;margin-bottom:1rem!important;color:#0f172a!important}[data-theme=dark] .features-title.ant-typography{color:#f8fafc!important}@media (min-width: 768px){.features-title.ant-typography{font-size:2.25rem!important}}.features-subtitle.ant-typography{font-size:1.125rem!important;color:#64748b!important;max-width:42rem;margin-left:auto!important;margin-right:auto!important}.feature-card-new.ant-card{padding:2rem!important;background-color:#fff!important;border-radius:1.5rem!important;border:1px solid #f1f5f9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:100%;cursor:pointer}[data-theme=dark] .feature-card-new.ant-card{background-color:#1e293b!important;border-color:#334155!important}.feature-card-new.ant-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;transform:translateY(-4px)}.feature-icon-box{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;margin-bottom:1.5rem;background-color:#f8fafc;transition:transform .3s ease}[data-theme=dark] .feature-icon-box{background-color:#0f172a}.feature-card-new:hover .feature-icon-box{transform:scale(1.1)}.feature-icon-box.blue{color:#4f46e5}.feature-icon-box.cyan{color:#0891b2}.feature-icon-box.violet{color:#7c3aed}.feature-item-title.ant-typography{font-size:1.25rem!important;font-weight:700!important;margin-bottom:.75rem!important;color:#0f172a!important}[data-theme=dark] .feature-item-title.ant-typography{color:#f8fafc!important}.feature-item-description.ant-typography{color:#64748b!important;font-size:1rem!important;line-height:1.625!important;margin-bottom:0!important}[data-theme=dark] .feature-item-description.ant-typography{color:#94a3b8!important}.solutions-section{padding:6rem 0;background-color:#fff;transition:background-color .3s ease}[data-theme=dark] .solutions-section{background-color:#020617}.solutions-header{text-align:center;margin-bottom:4rem}.solutions-title.ant-typography{font-size:2rem!important;font-weight:700!important;color:#0f172a!important;margin-bottom:0!important}[data-theme=dark] .solutions-title.ant-typography{color:#f8fafc!important}@media (min-width: 768px){.solutions-title.ant-typography{font-size:2.25rem!important}}.solution-card.ant-card{height:100%;padding:2rem!important;border-radius:2rem!important;background-color:#f8fafc!important;border:1px solid #f1f5f9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;flex-direction:column!important;cursor:pointer}[data-theme=dark] .solution-card.ant-card{background-color:#0f172a80!important;border-color:#1e293b!important}.solution-card.ant-card:hover{border-color:#4f46e580!important}.solution-card-content{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}@media (min-width: 640px){.solution-card-content{flex-direction:row}}.solution-icon-box{flex-shrink:0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:transform .3s ease}[data-theme=dark] .solution-icon-box{background-color:#1e293b}.solution-card:hover .solution-icon-box{transform:scale(1.1)}.solution-icon-box.blue{color:#4f46e5}.solution-icon-box.cyan{color:#0891b2}.solution-icon-box.violet{color:#7c3aed}.solution-text{flex:1}.solution-item-title.ant-typography{font-size:1.5rem!important;font-weight:700!important;margin-bottom:.5rem!important;color:#0f172a!important}[data-theme=dark] .solution-item-title.ant-typography{color:#f8fafc!important}.solution-item-description.ant-typography{color:#64748b!important;font-size:1.125rem!important;line-height:1.6!important;margin-bottom:0!important}[data-theme=dark] .solution-item-description.ant-typography{color:#94a3b8!important}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent-primary);transform-origin:0%;z-index:2001}.hide-mobile{display:flex;align-items:center;gap:2rem;height:100%}@media (max-width: 767px){.hide-mobile{display:none}}.mobile-menu{position:fixed;top:72px;left:0;right:0;background-color:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);z-index:999;padding:1rem 0;overflow:hidden}.mobile-menu a{display:block;padding:.75rem 0;color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;transition:color .2s}.mobile-menu a:hover{color:var(--accent-primary)}.mobile-menu .mt-4{margin-top:1rem}.flow-builder-section{padding:100px 0;background-color:var(--bg-secondary);overflow:hidden;transition:background-color .3s ease}[data-theme=dark] .flow-builder-section{background-color:#0f172a;background-image:radial-gradient(circle at 20% 30%,rgba(79,70,229,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(99,102,241,.05) 0%,transparent 40%)}.flow-builder-title{font-size:3rem!important;font-weight:800!important;margin-bottom:24px!important;letter-spacing:-.02em;color:var(--text-primary)!important}.flow-builder-description{font-size:1.25rem!important;color:var(--text-secondary)!important;line-height:1.6!important;margin-bottom:40px!important;max-width:500px}.flow-builder-features{display:flex;flex-direction:column;gap:16px}.flow-builder-feature-item{display:flex;align-items:center;gap:12px}.flow-builder-feature-item .ant-typography{font-size:1.125rem!important;font-weight:500!important;color:var(--text-primary)!important}.flow-builder-feature-item .check-icon{width:24px;height:24px;background-color:#4f46e51a;border:1px solid rgba(79,70,229,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4f46e5;flex-shrink:0}.flow-builder-image-wrapper{position:relative;border-radius:20px;box-shadow:0 40px 60px -15px #0003;border:8px solid var(--card-bg);background:var(--card-bg);overflow:hidden}.flow-builder-image{width:100%;height:auto;display:block}@media (max-width: 991px){.flow-builder-section{padding:60px 0;text-align:center}.flow-builder-description{margin:0 auto 40px!important}.flow-builder-features{align-items:center;margin-bottom:48px}.flow-builder-title{font-size:2.5rem!important}}.sentiment-analysis-section{padding:100px 0;background-color:var(--bg-primary);border-top:1px solid var(--border-primary);overflow:hidden}[data-theme=dark] .sentiment-analysis-section{background-color:#020617;border-top-color:#ffffff0d}.sentiment-mockup-window{width:100%;aspect-ratio:1.4;background:#020617;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.window-header{height:40px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f172acc;display:flex;align-items:center;padding:0 16px;gap:12px}.window-controls{display:flex;gap:8px}.control{width:10px;height:10px;border-radius:50%}.control.red{background:#ef4444}.control.yellow{background:#f59e0b}.control.green{background:#10b981}.window-title-text{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.live-indicator{margin-left:auto;display:flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;background:#10b981;border-radius:50%}.pulse-animation{animation:pulse 2s infinite}.live-text{font-size:10px;color:#10b981;font-weight:700;text-transform:uppercase}.window-body{flex:1;display:flex;overflow:hidden}.transcript-panel{flex:1;padding:20px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:16px;background:#020617}.analytics-panel{width:180px;padding:20px;background:#0f172a66;display:flex;flex-direction:column;gap:20px}.message-bubble{display:flex;gap:12px;max-width:90%}.message-bubble.ai{align-self:flex-start}.message-bubble.customer{align-self:flex-end;flex-direction:row-reverse}.avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.ai .avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.customer .avatar{background:#334155}.bubble-content{padding:10px 14px;border-radius:12px;font-size:12px;line-height:1.5}.ai .bubble-content{background:#1e293b;color:#f1f5f9;border-bottom-left-radius:4px}.customer .bubble-content{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f1f5f9;border-bottom-right-radius:4px}.sentiment-tag{font-size:10px;padding:2px 8px;border-radius:4px;margin-top:6px;display:inline-block}.sentiment-tag.frustrated{background:#ef444433;color:#f87171}.sentiment-tag.neutral{background:#f59e0b33;color:#fbbf24}.analytics-item{display:flex;flex-direction:column;gap:8px}.item-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.sentiment-meter{height:6px;background:#1e293b;border-radius:3px;position:relative;overflow:visible}.meter-fill{height:100%;width:65%;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);border-radius:3px}.meter-marker{width:10px;height:10px;background:#fbbf24;border-radius:50%;border:2px solid white;position:absolute;top:50%;left:63%;transform:translate(-50%,-50%);box-shadow:0 0 10px #f59e0b80}.metric-card-tiny{padding:10px;background:#0f172a;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.metric-value-tiny{font-size:14px;font-weight:700;color:#fff;display:block}.metric-label-tiny{font-size:9px;color:#64748b}.waveform{display:flex;align-items:center;gap:3px;height:32px}.wave-bar{width:3px;background:linear-gradient(to top,#4f46e5,#8b5cf6);border-radius:1px}.sentiment-analysis-title{font-size:3rem!important;font-weight:800!important;margin-bottom:24px!important;letter-spacing:-.02em;color:var(--text-primary)!important}.sentiment-analysis-description{font-size:1.25rem!important;color:var(--text-secondary)!important;line-height:1.6!important;margin-bottom:40px!important}.sentiment-feature-item{display:flex;align-items:center;gap:12px}.sentiment-feature-item .ant-typography{font-size:1.125rem!important;font-weight:500!important;color:var(--text-primary)!important}@keyframes wave{0%{height:20%;opacity:.5}to{height:100%;opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width: 991px){.sentiment-analysis-section{padding:60px 0}.sentiment-analysis-section .container>.ant-row{flex-direction:column-reverse}.analytics-panel{display:none}.sentiment-analysis-title{font-size:2.5rem!important;text-align:center}.sentiment-analysis-description{text-align:center}.sentiment-feature-list{display:flex;flex-direction:column;align-items:center}}.flow-mockup-container{width:100%;aspect-ratio:1.4;background:#020617;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;font-family:inherit}.flow-header{height:48px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f172a80;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.flow-body{flex:1;display:flex;overflow:hidden}.flow-sidebar{width:64px;border-right:1px solid rgba(255,255,255,.1);background:#0f172a4d;display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:24px}.flow-canvas{flex:1;position:relative;background-image:radial-gradient(rgba(30,41,59,.5) 1px,transparent 1px);background-size:24px 24px;background-color:#020617}.flow-node{position:absolute;width:192px;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 15px -3px #0000004d;overflow:hidden}.node-header{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.node-header span{font-size:10px;font-weight:700;letter-spacing:.05em}.node-content{padding:12px}.node-footer{padding:8px 12px;background:#0f172a80;display:flex;align-items:center}.node-trigger{border-color:#3b82f680}.node-trigger .node-header{background:#3b82f61a;color:#60a5fa}.node-agent{border-color:#8b5cf680;width:224px}.node-agent .node-header{background:#8b5cf61a;color:#a78bfa}.node-action{border-color:#10b98180;width:176px}.node-action .node-header{background:#10b9811a;color:#34d399}.node-escalation{border-color:#ef444480;width:176px}.node-escalation .node-header{background:#ef44441a;color:#f87171}.connection-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:100%;height:100%}.flow-analytics-sidebar{width:256px;border-left:1px solid rgba(255,255,255,.1);background:#0f172a80;padding:16px;display:none;flex-direction:column;gap:24px}@media (min-width: 1024px){.flow-analytics-sidebar{display:flex}}.analytics-title{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.config-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.analytics-chart{height:96px;background:#02061180;border-radius:8px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:12px}.chart-bar{width:8px;background:#4f46e533;border-top:2px solid rgba(79,70,229,.4);border-radius:2px 2px 0 0}.audio-processing-tooltip{position:absolute;top:96px;right:280px;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 25px -5px #0000004d;z-index:10}.mic-icon-wrapper{width:32px;height:32px;background:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .2s}.sidebar-btn:hover{background:#ffffff0d;color:#fff}.sidebar-btn.active{background:#4f46e51a;color:#3b82f6;border:1px solid rgba(79,70,229,.2)}.flow-mockup-title{font-size:11px;font-weight:600;color:#94a3b8}.flow-controls-group{display:flex;background:#1e293b;border-radius:8px;padding:4px;gap:4px}.flow-control-btn{padding:4px;border-radius:4px;background:transparent;border:none;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center}.flow-control-btn:hover{color:#fff}.flow-control-btn.play{background:#334155;color:#fff}.deploy-btn{padding:4px 12px;background:#4f46e5;color:#fff;border-radius:8px;font-size:10px;font-weight:700;border:none;cursor:pointer}.deploy-btn:hover{background:#3b82f6}@media (max-width: 767px){.flow-mockup-container{aspect-ratio:auto;height:600px}}.customers-section{padding:120px 0;background-color:#020617;position:relative;transition:background-color .3s ease;overflow:hidden}.customers-title{font-size:3rem!important;font-weight:800!important;margin-bottom:80px!important;letter-spacing:-.02em;color:#fff!important;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.testimonial-card.ant-card{background:#1e293b4d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;padding:2.5rem 2rem!important;height:100%;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1);overflow:hidden;display:flex;flex-direction:column}.testimonial-card.ant-card:hover{background:#1e293b80!important;transform:translateY(-10px);border-color:#6366f166!important;box-shadow:0 20px 40px -20px #0009}.quote-icon{position:absolute;top:1.5rem;right:1.5rem;width:56px;height:56px;color:#4f46e5;opacity:.2;pointer-events:none}.testimonial-text{font-size:1.125rem!important;color:#94a3b8!important;font-style:italic;line-height:1.8!important;margin-bottom:2.5rem!important;position:relative;z-index:1;flex-grow:1}.testimonial-author{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);flex-shrink:0;box-shadow:0 4px 12px #6366f14d}.author-info h4{margin:0;font-size:1rem;font-weight:700;color:#fff}.author-info p{margin:0;font-size:.875rem;color:#64748b;font-weight:500}@media (max-width: 768px){.customers-title{font-size:2.25rem!important;padding:0 1rem}.testimonial-card.ant-card{padding:2rem 1.5rem!important}}.pricing-v2{padding:120px 0;background-color:var(--bg-secondary);position:relative;overflow:hidden;transition:background-color .3s ease}[data-theme=dark] .pricing-v2{background-color:#020617}.pricing-blob{position:absolute;filter:blur(80px);z-index:0;opacity:.1;pointer-events:none}[data-theme=dark] .pricing-blob{opacity:.15}.pricing-blob-1{width:400px;height:400px;background:radial-gradient(circle,#4f46e5 0%,transparent 70%);top:-100px;left:-100px;animation:float-slow 15s infinite alternate}.pricing-blob-2{width:500px;height:500px;background:radial-gradient(circle,#7e22ce 0%,transparent 70%);bottom:-150px;right:-100px;animation:float-slow 20s infinite alternate-reverse}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(30px,40px) scale(1.1)}}.pricing-v2 .section-header{text-align:center;margin-bottom:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;z-index:2}.feature-main-title.ant-typography{color:var(--text-primary)!important;font-size:3rem!important;font-weight:800!important;margin-bottom:24px!important;letter-spacing:-.02em!important;line-height:1.2!important}.feature-sub-title.ant-typography{color:var(--text-secondary)!important;font-size:1.25rem!important;max-width:600px;margin:0 auto!important;line-height:1.6!important}[data-theme=dark] .feature-main-title.ant-typography{color:#f8fafc!important}[data-theme=dark] .feature-sub-title.ant-typography{color:#94a3b8!important}.pricing-card-v2{padding:40px!important;border-radius:28px!important;border:1px solid var(--border-primary)!important;background-color:var(--card-bg)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;transition:all .5s cubic-bezier(.23,1,.32,1)!important;height:100%;display:flex!important;flex-direction:column;position:relative;overflow:hidden;z-index:1}.pricing-card-v2 .ant-card-body{display:flex!important;flex-direction:column!important;height:100%!important;flex:1!important}.pricing-card-v2:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);z-index:-1}.pricing-card-v2:hover{transform:translateY(-16px) scale(1.02);box-shadow:0 40px 80px -15px #0000001a,0 20px 40px -20px #0000001a,0 0 0 1px var(--accent-primary)!important;border-color:transparent!important}[data-theme=dark] .pricing-card-v2:hover{box-shadow:0 40px 80px -15px #0009,0 20px 40px -20px #0006,0 0 30px #4f46e533!important}.pricing-card-v2.popular{border:1px solid transparent!important;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,linear-gradient(135deg,#4f46e5,#9333ea) border-box!important;box-shadow:0 20px 40px -10px #4f46e526!important}.pricing-card-v2.popular:hover{box-shadow:0 40px 80px -15px #4f46e54d!important}.pricing-card-v2.popular:before{content:"MOST POPULAR";position:absolute;top:0;right:0;background:linear-gradient(90deg,#4f46e5,#9333ea);color:#fff;font-size:11px;font-weight:900;padding:6px 16px;border-bottom-left-radius:16px;letter-spacing:.05em;box-shadow:0 4px 12px #4f46e533}.price-container{display:flex;align-items:baseline;gap:4px;margin-bottom:24px}.price-v2{font-size:2.5rem!important;font-weight:800!important;color:var(--text-primary)!important}.price-period{color:var(--text-secondary);font-size:.875rem}.pricing-v2 .features-list{margin:0 0 32px;padding:0;list-style:none;flex-grow:1}.pricing-v2 .feature-item{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--text-secondary);transition:transform .3s ease,color .3s ease}.pricing-v2 .feature-item:hover{transform:translate(8px);color:var(--text-primary)}[data-theme=dark] .pricing-v2 .feature-item{color:#94a3b8}.pricing-v2 .feature-icon{color:#4f46e5;flex-shrink:0}.pricing-v2 .action-btn{height:56px!important;border-radius:16px!important;font-weight:700!important;transition:all .2s!important}.pricing-v2 .starter-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:none!important}[data-theme=dark] .pricing-v2 .starter-btn{background-color:#1e293b!important;color:#f8fafc!important}.pricing-v2 .starter-btn:hover{background-color:var(--border-primary)!important}.pricing-v2 .pro-btn{background:linear-gradient(135deg,#4f46e5,#9333ea)!important;color:#fff!important;border:none!important;box-shadow:0 10px 20px -5px #4f46e54d!important}.pricing-v2 .pro-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px -10px #4f46e566!important;filter:brightness(1.1)}.pricing-v2 .enterprise-btn{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:none!important}[data-theme=dark] .pricing-v2 .enterprise-btn{background-color:#1e293b!important;color:#f8fafc!important}.pricing-v2 .enterprise-btn:hover{background-color:var(--border-primary)!important}.pricing-skeleton-card{height:520px;border-radius:28px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-primary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.faq-section{padding:100px 0;background-color:var(--bg-primary)}.faq-content{max-width:896px;margin:0 auto}.faq-panel{border:1px solid var(--border-primary)!important;border-radius:16px!important;margin-bottom:16px!important;overflow:hidden;background-color:transparent!important;transition:background-color .2s ease-in-out}[data-theme=light] .faq-panel{border-color:#f1f5f9!important}[data-theme=dark] .faq-panel{border-color:#1e293b!important}.faq-panel:hover{background-color:#f8fafc80!important}[data-theme=dark] .faq-panel:hover{background-color:#0f172a80!important}.faq-panel .ant-collapse-header{padding:24px!important}.faq-question{font-size:1.125rem!important;font-weight:600!important;color:var(--text-primary)!important}.faq-icon{color:#4f46e5}.faq-answer{color:var(--text-secondary)!important;font-size:1rem!important;line-height:1.6!important;margin:0!important;padding:0 24px 24px!important}.faq-section .section-header{margin-bottom:64px}.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding:0 1.5rem 1.5rem!important}.cta-transform-section{padding:8rem 0;background-color:var(--bg-secondary);transition:background-color .3s ease}[data-theme=dark] .cta-transform-section{background-color:#0f172a}.cta-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.cta-card{position:relative;border-radius:3rem;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#3b82f6,#9333ea);padding:6rem 2rem;text-align:center;color:#fff;border:none!important;box-shadow:0 25px 50px -12px #4f46e540;display:flex;flex-direction:column;align-items:center;justify-content:center}[data-theme=dark] .cta-card{background:linear-gradient(135deg,#4338ca,#4f46e5,#7e22ce);box-shadow:0 25px 50px -12px #00000080}.cta-blur-1{position:absolute;top:-10%;left:-10%;width:30rem;height:30rem;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.cta-blur-2{position:absolute;bottom:-10%;right:-10%;width:30rem;height:30rem;background:radial-gradient(circle,rgba(167,139,250,.2) 0%,transparent 70%);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.cta-title{margin-bottom:1.5rem!important;position:relative;z-index:10;color:#fff!important;font-size:3.5rem!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.1!important}.cta-description{font-size:1.25rem!important;color:#eff6ffe6!important;margin-bottom:3rem!important;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:10;line-height:1.6!important}.cta-btn{background:#fff!important;color:#4f46e5!important;font-weight:700!important;height:auto!important;padding:1.25rem 3rem!important;border-radius:9999px!important;border:none!important;font-size:1.125rem!important;box-shadow:0 20px 25px -5px #0000001a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;z-index:10;display:inline-flex;align-items:center;justify-content:center}.cta-btn:hover{background:#f8fafc!important;transform:translateY(-4px) scale(1.02);box-shadow:0 25px 30px -5px #0003!important}@media (max-width: 991px){.cta-title{font-size:2.75rem!important}}@media (max-width: 767px){.cta-transform-section{padding:4rem 0}.cta-card{padding:4rem 1.5rem;border-radius:2rem}.cta-title{font-size:2.25rem!important}.cta-description{font-size:1.125rem!important;margin-bottom:2.5rem!important}.cta-btn{padding:1rem 2.5rem!important;width:100%}.cta-blur-1,.cta-blur-2{width:20rem;height:20rem}}.contact-section{padding:8rem 0;background-color:var(--bg-primary);transition:background-color .3s ease}.contact-header{text-align:center;margin-bottom:4rem}.contact-main-title{font-size:3rem!important;font-weight:800!important;color:var(--text-primary)!important;letter-spacing:-.02em!important}.contact-form-wrapper{max-width:800px;margin:0 auto}.contact-card.ant-card{background:#ffffffb3!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3)!important;border-radius:2.5rem!important;padding:3.5rem!important;box-shadow:0 25px 50px -12px #0000000d,0 0 0 1px #4f46e50d!important;transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .contact-card.ant-card{background:#0f172a99!important;border-color:#ffffff1a!important;box-shadow:0 25px 50px -12px #0000004d,0 0 30px #4f46e50d!important}.contact-card.ant-card:hover{transform:translateY(-8px);border-color:#4f46e54d!important;box-shadow:0 35px 60px -15px #0000001a,0 0 40px #4f46e51a!important}.contact-card.ant-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(79,70,229,.2),transparent 40%,transparent 60%,rgba(168,85,247,.2));border-radius:2.5rem;z-index:-1;opacity:0;transition:opacity .4s ease}.contact-card.ant-card:hover:before{opacity:1}.form-label{font-weight:600!important;color:var(--text-primary)!important;font-size:.95rem!important}.contact-input,.contact-textarea{background:#f8fafc80!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:16px!important;padding:1rem 1.25rem!important;color:var(--text-primary)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme=dark] .contact-input,[data-theme=dark] .contact-textarea{background:#0f172a80!important;border-color:#ffffff0d!important}.contact-input:hover,.contact-textarea:hover{border-color:#4f46e54d!important;background:#f8fafccc!important}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent-primary)!important;background:#fff!important;box-shadow:0 0 0 4px #4f46e51a,0 10px 15px -3px #0000000d!important;transform:translateY(-2px)}[data-theme=dark] .contact-input:focus,[data-theme=dark] .contact-textarea:focus{background:#0f172a!important}.contact-submit-btn{height:auto!important;padding:1.25rem!important;font-size:1.125rem!important;font-weight:700!important;border-radius:16px!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;border:none!important;box-shadow:0 10px 20px -5px #4f46e566!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#fff!important}.contact-submit-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 30px -10px #4f46e580!important;filter:brightness(1.1)}.contact-submit-btn:active{transform:translateY(-1px) scale(.98)}@media (max-width: 767px){.contact-section{padding:6rem 0}.contact-card.ant-card{padding:2rem 1.5rem!important;border-radius:1.5rem!important}.contact-main-title{font-size:2.25rem!important}.contact-header{margin-bottom:2.5rem}}.footer-main{background-color:var(--bg-primary)!important;border-top:1px solid var(--border-primary);padding:5rem 0 3rem!important;transition:background-color .3s ease}[data-theme=dark] .footer-main{background-color:#0f172a!important;border-top-color:#ffffff0d}.footer-grid{margin-bottom:4rem!important}.footer-column-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-description{color:var(--text-secondary)!important;font-size:1rem!important;line-height:1.6!important;margin:0!important}.footer-social-links{margin-top:.5rem}.social-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-secondary);transition:all .2s ease}.social-icon-wrapper:hover{background-color:var(--accent-primary);color:#fff;transform:translateY(-2px)}.footer-column-title{color:var(--text-primary)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:.875rem!important;font-weight:700!important;margin-bottom:1.5rem!important}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.footer-links a{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border-primary)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-legal-links{display:flex;gap:2rem}.footer-legal-links a{color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-legal-links a:hover{color:var(--accent-primary)}@media (max-width: 767px){.footer-main{padding:4rem 0 2rem!important}.footer-bottom-content{flex-direction:column;text-align:center}.footer-legal-links{justify-content:center;gap:1.5rem}}.faq-section-new{padding:6rem 0;background-color:#fff;transition:background-color .3s ease}[data-theme=dark] .faq-section-new{background-color:#020617}.faq-header-new{text-align:center;margin-bottom:4rem}.faq-title-new.ant-typography{font-size:2rem!important;font-weight:700!important;color:#0f172a!important;margin-bottom:0!important}[data-theme=dark] .faq-title-new.ant-typography{color:#f8fafc!important}@media (min-width: 768px){.faq-title-new.ant-typography{font-size:3rem!important}}.faq-content-new{display:flex;flex-direction:column;gap:1rem}.faq-panel-new.ant-collapse-item{border:1px solid #f1f5f9!important;border-radius:1rem!important;margin-bottom:1rem!important;overflow:hidden;transition:background-color .2s ease}[data-theme=dark] .faq-panel-new.ant-collapse-item{border-color:#1e293b!important}.faq-panel-new.ant-collapse-item:hover{background-color:#f8fafc}[data-theme=dark] .faq-panel-new.ant-collapse-item:hover{background-color:#0f172a80}.faq-question-new.ant-typography{font-size:1.125rem!important;font-weight:600!important;color:#0f172a!important;padding:.5rem 0}[data-theme=dark] .faq-question-new.ant-typography{color:#f8fafc!important}.faq-answer-new.ant-typography{color:#64748b!important;font-size:1rem!important;line-height:1.625!important;margin-bottom:.5rem!important}[data-theme=dark] .faq-answer-new.ant-typography{color:#94a3b8!important}.faq-icon-wrapper-new{transition:transform .3s ease!important}.faq-icon-wrapper-new.active{transform:rotate(45deg)}.info-banner:hover{transform:scale(1.005)}@media screen and (max-width: 1280px) and (max-height: 800px){.pricing-v2{padding:60px 0}.pricing-v2 .section-header{margin-bottom:40px}.feature-main-title.ant-typography{font-size:2.2rem!important;margin-bottom:8px!important}.feature-sub-title.ant-typography{font-size:1rem!important}.pricing-card-v2{padding:24px!important;border-radius:20px!important}.price-v2{font-size:2rem!important}.pricing-v2 .feature-item{margin-bottom:12px;gap:8px}.pricing-v2 .feature-item .ant-typography{font-size:.9rem!important}.pricing-v2 .feature-icon{width:16px;height:16px}.pricing-v2 .action-btn{height:48px!important;font-size:.9rem!important;border-radius:12px!important}}@media screen and (max-width: 1024px) and (max-height: 600px){.pricing-v2{padding:40px 0}.pricing-v2 .section-header{margin-bottom:32px}.feature-main-title.ant-typography{font-size:1.8rem!important}.pricing-card-v2{padding:20px!important}.price-container{margin-bottom:16px}.price-v2{font-size:1.6rem!important}.pricing-v2 .feature-item{margin-bottom:8px}.pricing-v2 .feature-item .ant-typography{font-size:.85rem!important}.pricing-card-v2.popular:before{padding:4px 12px;font-size:10px}}@media screen and (max-width: 1280px) and (max-height: 800px){.container{max-width:100%}.container-large{max-width:1150px}.ant-layout-header{height:4rem;line-height:4rem}.nav{gap:1.25rem}.nav a{font-size:.8rem}.get-started-btn{padding:6px 16px;height:36px;font-size:.8rem}.hero{padding:7rem 0 4rem}.hero-title.ant-typography{font-size:3.25rem!important;margin-bottom:1rem!important}.hero-description.ant-typography{font-size:1rem!important;margin-bottom:1.5rem!important;max-width:38rem}.hero-badge{margin-bottom:.75rem;font-size:.75rem}.metrics-section{padding:50px 0}.metrics-section .metric-value.ant-typography{font-size:2.5rem!important}.features-section,.solutions-section,.customers-section,.pricing-section,.faq-section,.cta-transform-section{padding:4rem 0}.features-title.ant-typography,.solutions-title.ant-typography,.customers-title.ant-typography,.pricing-title.ant-typography,.faq-title.ant-typography,.cta-title.ant-typography{font-size:2rem!important}.feature-card-new.ant-card,.solution-card.ant-card{padding:1.5rem!important}.flow-builder-section,.sentiment-analysis-section{padding:50px 0}.flow-mockup-container,.sentiment-mockup-window{transform:scale(.9);transform-origin:top center;margin-bottom:-3rem}.pricing-card.ant-card{padding:1.25rem!important}.pricing-card .price .amount{font-size:2.25rem!important}}@media screen and (max-width: 1024px) and (max-height: 600px){.container-large{max-width:1000px}.ant-layout-header{height:3.5rem;line-height:3.5rem}.logo-image{height:36px}.nav,.headers-actions{gap:1rem}.hero{padding:5rem 0 3rem}.hero-title.ant-typography{font-size:2.5rem!important}.hero-description.ant-typography{font-size:.9rem!important;max-width:32rem}.hero-buttons{gap:.75rem}.hero-primary-btn,.hero-secondary-btn{padding:.75rem 1.5rem!important;font-size:.9rem!important}.metrics-section{padding:30px 0}.metrics-section .metric-value.ant-typography{font-size:2rem!important}.metric-label{font-size:9px!important}.features-section,.solutions-section,.customers-section,.pricing-section,.faq-section,.cta-transform-section{padding:2.5rem 0}.features-title.ant-typography,.solutions-title.ant-typography,.customers-title.ant-typography,.pricing-title.ant-typography,.faq-title.ant-typography,.cta-title.ant-typography{font-size:1.75rem!important}.feature-card-new.ant-card{padding:1rem!important}.feature-icon-box{width:2.25rem;height:2.25rem;margin-bottom:.75rem}.feature-item-title{font-size:1rem!important}.feature-item-description{font-size:.85rem!important}.flow-mockup-container,.sentiment-mockup-window{transform:scale(.75);transform-origin:top center;margin-top:-1rem;margin-bottom:-6rem}.pricing-card.ant-card{padding:1rem!important}.pricing-card .price .amount{font-size:1.75rem!important}.pricing-card .plan-name{font-size:1.1rem!important}.pricing-card .feature-list li{font-size:.85rem!important;padding:4px 0!important}.footer-content{padding:1.5rem 0}}.user-profile-container{max-width:100%;padding:24px;background:#f5f7fa;min-height:100vh}.profile-header{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:60px 0 80px;margin:-24px -24px 0;position:relative}.profile-content{max-width:960px;margin:0 auto;padding:0 24px}.profile-user-info{display:flex;align-items:center;gap:20px;margin-top:40px}.profile-avatar-wrapper{position:relative}.profile-avatar{width:120px!important;height:120px!important;border:4px solid white;box-shadow:0 10px 30px #0003}.profile-verified-badge{position:absolute;bottom:4px;right:4px;background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000026}.profile-verified-badge .anticon{color:#1890ff;font-size:20px}.profile-user-details{color:#fff}.profile-user-name{font-size:28px!important;font-weight:600!important;color:#fff!important;margin:0 0 8px!important}.profile-user-email{font-size:16px;color:#ffffffe6;display:block;margin-bottom:16px}.profile-header-actions{display:flex;gap:12px;margin-top:16px}.profile-cancel-btn,.profile-save-btn{height:44px!important;border-radius:8px!important;padding:0 28px!important;font-weight:500!important;font-size:15px!important}.profile-cancel-btn{background:transparent!important;border:2px solid white!important;color:#fff!important}.profile-cancel-btn:hover{background:#ffffff1a!important;border-color:#fff!important;color:#fff!important}.profile-save-btn{background:#fff!important;border:2px solid white!important;color:#1e40af!important}.profile-save-btn:hover{background:#ffffffe6!important;border-color:#fff!important;color:#1e40af!important}.profile-main-content{max-width:960px;margin:-40px auto 0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001f;overflow:hidden;position:relative;z-index:1}.profile-layout{display:flex;min-height:500px}.profile-sidebar{width:240px;background:#fafbfc;border-right:1px solid #e5e7eb;padding:32px 0}.profile-menu-item{padding:14px 28px;cursor:pointer;color:#64748b;font-size:15px;font-weight:500;transition:all .3s;border-left:3px solid transparent;display:flex;align-items:center;gap:12px}.profile-menu-item:hover{background:#f1f5f9;color:#1e40af}.profile-menu-item.active{background:#eff6ff;color:#1e40af;border-left-color:#1e40af}.profile-content-area{flex:1;padding:40px 48px}.profile-section-title{font-size:24px!important;font-weight:600!important;color:#1f2937!important;margin:0 0 8px!important}.profile-section-description{color:#64748b;font-size:14px;margin-bottom:32px;display:block}.profile-form-section{margin-bottom:40px}.profile-form-section:last-child{margin-bottom:0}.profile-form-header{font-size:16px;font-weight:600;color:#374151;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.profile-form-row{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;margin-bottom:24px}.profile-form-label{font-size:14px;font-weight:500;color:#374151;padding-top:8px}.profile-form-input-wrapper{width:100%}.profile-form-input{height:44px!important;border-radius:8px!important;border:1px solid #d1d5db!important;padding:0 16px!important;font-size:15px!important;transition:all .3s!important}.profile-form-input:hover{border-color:#9ca3af!important}.profile-form-input:focus{border-color:#1e40af!important;box-shadow:0 0 0 3px #1e40af1a!important}.profile-form-input.ant-input-affix-wrapper{padding:0!important}.profile-form-input.ant-input-affix-wrapper input{padding:0 16px!important;height:44px!important}.profile-form-input.ant-input-affix-wrapper .ant-input-prefix{margin-left:16px;color:#9ca3af}.profile-form-input.ant-input-password{padding:0!important}.profile-form-input.ant-input-password input{padding:0 16px!important}.profile-form-input.ant-input-password .ant-input-suffix{margin-right:12px}.profile-form-input .ant-input-password-icon{color:#9ca3af!important;transition:color .3s}.profile-form-input .ant-input-password-icon:hover{color:#1e40af!important}@media (max-width: 992px){.profile-layout{flex-direction:column}.profile-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;padding:16px 0}.profile-menu-item{padding:12px 24px;border-left:none;border-bottom:3px solid transparent}.profile-menu-item.active{border-left:none;border-bottom-color:#1e40af}.profile-content-area{padding:32px 24px}.profile-form-row{grid-template-columns:1fr;gap:12px}.profile-form-label{padding-top:0}}@media (max-width: 768px){.profile-header{padding:40px 0 60px}.profile-user-info{flex-direction:column;align-items:center;text-align:center}.profile-user-name{font-size:24px!important}.profile-header-actions{justify-content:center}.profile-content-area{padding:24px 16px}.profile-section-title{font-size:20px!important}}@media (max-width: 576px){.user-profile-container{padding:16px}.profile-header{padding:32px 0 50px}.profile-avatar{width:96px!important;height:96px!important}.profile-verified-badge{width:28px;height:28px}.profile-verified-badge .anticon{font-size:16px}.profile-user-name{font-size:22px!important}.profile-user-email{font-size:14px}.profile-header-actions{flex-direction:column;width:100%}.profile-cancel-btn,.profile-save-btn{width:100%}.profile-main-content{margin-top:-30px}}.email-approval-container{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;background-color:#fff}.email-approval-row{height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}.form-side{padding:40px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;height:100%!important}.logo-section{width:100%;text-align:left}.header-logo-image{height:40px;object-fit:contain}.header-logo-text{font-size:24px;font-weight:700;color:#1a1a1a}.content-wrapper{max-width:400px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}.approval-title{font-size:32px!important;font-weight:700!important;margin:0 0 16px!important;color:#1a1a1a}.approval-text{color:#666;font-size:16px;line-height:1.5;margin-bottom:32px!important;display:block}.back-btn{height:48px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;background-color:#4f46e5!important;border:none!important;transition:background-color .2s;width:100%}.back-btn:hover{background-color:#4338ca!important}.whatsapp-side{height:100vh;display:flex!important;align-items:center!important;justify-content:center!important;padding:40px}.whatsapp-image-full{width:auto;height:auto;max-height:85%;object-fit:contain;display:block;border-radius:20px}.footer{width:100%;text-align:left}.footer-text{color:#999;font-size:12px}@media (max-width: 768px){.email-approval-row{flex-direction:column!important}.whatsapp-side{display:none!important}.form-side{width:100%!important;height:100vh!important;padding:30px 24px!important;justify-content:center}.content-wrapper{max-width:100%;margin:0 auto;padding:0}.logo-section{text-align:center;margin-bottom:40px}.header-logo-image{height:36px}.approval-title{font-size:28px!important;text-align:center;margin-bottom:12px!important}.approval-text{font-size:15px;text-align:center;margin-bottom:28px!important}.back-btn{height:46px!important;font-size:15px!important;max-width:280px;margin:0 auto}.footer{text-align:center;margin-top:30px}}@media (max-width: 480px){.form-side{padding:24px 20px!important}.header-logo-image{height:32px}.approval-title{font-size:24px!important;margin-bottom:10px!important}.approval-text{font-size:14px;line-height:1.4;margin-bottom:24px!important}.back-btn{height:44px!important;font-size:14px!important;max-width:100%}.footer-text{font-size:11px}}@media (max-width: 360px){.form-side{padding:20px 16px!important}.header-logo-image{height:28px}.approval-title{font-size:22px!important}.approval-text{font-size:13px;margin-bottom:20px!important}.back-btn{height:42px!important;font-size:13px!important}.footer-text{font-size:10px}}@media (max-width: 320px){.approval-title{font-size:20px!important}.approval-text{font-size:12px}.back-btn{height:40px!important}}@media (min-width: 769px) and (max-width: 1024px){.form-side{padding:30px!important}.content-wrapper{max-width:350px}.approval-title{font-size:28px!important}.approval-text{font-size:15px}.back-btn{height:46px!important}.whatsapp-image-full{max-height:80%;border-radius:15px}}@media (min-width: 1025px){.email-approval-row{overflow:hidden}.form-side{overflow-y:auto}}@media (max-height: 600px){.form-side{padding:20px!important;justify-content:flex-start}.logo-section{margin-bottom:20px}.content-wrapper{justify-content:center;padding-top:20px;padding-left:40px}.approval-title{font-size:24px!important;margin-bottom:10px!important}.approval-text{font-size:14px;margin-bottom:20px!important}.back-btn{height:42px!important;font-size:14px!important}.footer{margin-top:20px}}@media (max-width: 768px) and (orientation: landscape){.form-side{padding:20px!important}.content-wrapper{justify-content:flex-start;padding-top:20px}.logo-section{margin-bottom:20px}.approval-title{font-size:22px!important}.approval-text{font-size:13px;margin-bottom:15px!important}.back-btn{height:40px!important;font-size:13px!important;max-width:200px}}.agent-user-container{max-width:100%;overflow-x:hidden;padding:32px;background:#f5f5f5;min-height:100vh;animation:fadeIn .5s ease-out}.breadcrumb-section{margin-bottom:24px;padding:0 16px}.breadcrumb-item{color:#667085;font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap}.breadcrumb-item.active{font-weight:500}.breadcrumb-separator{color:#999;margin:0 8px}.main-header-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000000f;border:1px solid #e5e7eb}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-title-section{flex:1;min-width:300px}.header-search-section{min-width:250px}.main-title{font-size:22px!important;font-weight:500!important;color:#101828;margin:0 0 4px!important;line-height:1.2}.subtitle{font-size:16px;color:#667085;display:block}.header-search-input{width:320px;border-radius:8px;height:44px;border:1px solid #e0e0e0;padding:10px 16px}.header-search-input:hover,.header-search-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.stats-card{background:#fff;border-radius:16px;padding:20px 28px;margin-bottom:32px;box-shadow:0 4px 20px #00000005;border:1px solid rgba(0,0,0,.05);display:inline-flex;align-items:center;gap:12px;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.stats-icon{width:40px;height:40px;border-radius:10px;background:#f0f7ff;color:#1890ff;display:flex;align-items:center;justify-content:center;font-size:20px}.stats-info{display:flex;flex-direction:column}.stats-label{font-size:13px;font-weight:500;color:#667085;text-transform:uppercase;letter-spacing:.5px}.stats-count{font-size:20px;font-weight:700;color:#101828}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px}.agent-creation-card{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;margin-top:16px}.agent-creation-content{max-width:500px;margin:0 auto}.agent-icon-section{margin-bottom:24px}.agent-icon{width:80px;height:80px;background:#f0f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.agent-icon .anticon{font-size:36px;color:#1890ff}.agent-creation-text{margin-bottom:32px}.agent-creation-title{font-size:28px!important;font-weight:600!important;color:#101828;margin-bottom:12px!important;line-height:1.3}.agent-creation-description{font-size:16px;color:#667085;line-height:1.6;max-width:400px;margin:0 auto;display:block}.create-agent-btn{background-color:#1890ff!important;border-color:#1890ff!important;height:56px!important;padding:0 32px!important;font-weight:600!important;border-radius:8px!important;font-size:16px!important}.create-agent-btn:hover{background-color:#40a9ff!important;border-color:#40a9ff!important}.agent-table-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 15px 35px #0000000a;border:1px solid rgba(0,0,0,.05);margin-bottom:32px;overflow-x:auto;transition:transform .3s ease}.agent-table-card:hover{transform:translateY(-2px)}.agent-table{background:transparent;min-width:600px}.agent-table .ant-table-thead>tr>th{background:#f9fafb;border-bottom:1px solid #EAECF0;color:#475467;font-weight:600;font-size:13px;padding:16px 24px;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.agent-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:20px 16px}.agent-table .ant-table-tbody>tr:hover>td{background:#fafafa}.agent-name-cell{display:flex;align-items:center;gap:16px}.agent-avatar{width:56px;height:56px;border-radius:12px;background:#f0f7ff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.agent-info{display:flex;flex-direction:column}.agent-name{font-weight:600;color:#1a1a1a;font-size:16px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-created{color:#999;font-size:12px}.agent-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s}.action-btn:hover{background:#f5f5f5}.delete-btn:hover{color:#ff4d4f;background:#fff2f0}.edit-btn:hover{color:#1890ff;background:#f0f7ff}.qa-sections{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 25px #00000008;border:1px solid rgba(0,0,0,.05);margin-bottom:32px}.qa-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.qa-title-section{display:flex;align-items:center;gap:12px;flex:1}.qa-title{margin:0!important;color:#1a1a1a;line-height:1.2}.qa-count{font-size:14px}.add-qa-btns{height:40px;border-radius:8px;font-weight:500;background:#4f46e5;border-color:#4f46e5}.add-qa-btns:hover{background:#4338ca;border-color:#4338ca}.add-qa-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.qa-input{flex:1;min-width:200px;border-radius:8px;border:1px solid #e0e0e0;padding:8px 12px;transition:all .3s;box-sizing:border-box}.qa-input:hover,.qa-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.qa-form-buttons{display:flex;gap:8px;flex-shrink:0}.qa-list{display:flex;flex-direction:column;gap:12px}.qa-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0;transition:all .3s}.qa-item:hover{border-color:#d9d9d9;background:#f5f5f5}.qa-content{flex:1;word-break:break-word}.qa-question{font-weight:600;color:#1a1a1a;margin-bottom:8px;font-size:14px;line-height:1.3}.qa-answer{color:#666;font-size:14px;line-height:1.5}.qa-delete-btn{color:#999;transition:all .3s;flex-shrink:0;margin-left:12px}.qa-delete-btn:hover{color:#ff4d4f}.qa-loading{display:flex;justify-content:center;padding:40px}.qa-empty{text-align:center;padding:40px;color:#999;background:#fafafa;border-radius:8px;border:1px dashed #e0e0e0}@media (max-width: 1280px) and (min-width: 992px){.agent-table-card,.qa-sections{padding:20px}.main-title{font-size:28px!important}.agent-creation-card{padding:50px 30px}}@media (max-width: 992px){.breadcrumb-section{padding:0 12px}.main-header-section,.agent-table-card,.qa-sections{padding:20px;margin-bottom:20px}.header-content{flex-direction:column;align-items:stretch;gap:12px}.header-title-section,.header-search-section{min-width:100%}.header-search-input{width:100%}.agent-table{min-width:500px}.agent-table .ant-table-thead>tr>th,.agent-table .ant-table-tbody>tr>td{padding:12px 8px}.agent-creation-card{padding:40px 24px}.agent-icon{width:64px;height:64px}.agent-icon .anticon{font-size:30px}.agent-creation-title{font-size:24px!important}.main-title{font-size:26px!important}.qa-header{flex-direction:column;align-items:stretch;gap:12px}.qa-title-section{justify-content:space-between}}@media (max-width: 768px){.agent-user-container{padding:16px;background:#f5f5f5}.breadcrumb-section{padding:0 8px}.main-header-section,.agent-table-card,.qa-sections{padding:16px;border-radius:8px}.header-content{gap:8px}.main-title{font-size:24px!important}.subtitle{font-size:14px}.agent-table{min-width:450px}.agent-name-cell{gap:12px}.agent-avatar{width:48px;height:48px;font-size:20px}.agent-name{font-size:15px}.agent-actions{gap:4px}.action-btn{width:32px;height:32px}.agent-creation-card{padding:32px 16px}.agent-icon{width:56px;height:56px}.agent-icon .anticon{font-size:24px}.agent-creation-title{font-size:22px!important}.create-agent-btn{height:48px!important;padding:0 24px!important;font-size:15px!important}.qa-item{padding:12px;gap:8px}.qa-question,.qa-answer{font-size:13px}.qa-delete-btn{margin-left:8px}.add-qa-form{gap:8px}.qa-input{min-width:100%;padding:10px 12px}.qa-form-buttons{width:100%;justify-content:flex-end}}@media (max-width: 576px){.main-header-section,.agent-table-card,.qa-sections,.agent-creation-card{padding:12px;margin-bottom:16px}.main-title{font-size:22px!important}.agent-creation-title{font-size:20px!important}.agent-table{min-width:100%}.agent-table .ant-table-thead>tr>th,.agent-table .ant-table-tbody>tr>td{padding:8px 4px;font-size:12px}.agent-name-cell{flex-direction:column;align-items:flex-start;gap:4px}.agent-avatar{width:40px;height:40px;font-size:18px}.agent-actions{flex-direction:column;gap:2px;align-self:flex-end}.action-btn{width:28px;height:28px}.qa-header{gap:8px;padding-bottom:12px}.qa-item{flex-direction:column;align-items:stretch;padding:12px 8px}.qa-content{margin-bottom:8px}.qa-delete-btn{align-self:flex-end;margin-left:0}.add-qa-form{flex-direction:column;gap:8px}.qa-form-buttons{flex-direction:column;gap:4px}.qa-form-buttons .ant-btn{width:100%}.create-agent-btn{height:44px!important;padding:0 16px!important;font-size:14px!important}.agent-icon{width:48px;height:48px}.agent-icon .anticon{font-size:20px}.qa-question,.qa-answer{font-size:12px}}@media (max-width: 480px){.breadcrumb-section{padding:0 4px}.breadcrumb-item{font-size:12px;gap:4px}.main-title{font-size:20px!important}.subtitle{font-size:13px}.agent-creation-description{font-size:14px}.agent-table .ant-table-thead>tr>th,.agent-table .ant-table-tbody>tr>td{padding:6px 2px}.qa-sections{border-radius:6px}.qa-item{padding:10px 6px;border-radius:6px}.qa-input{padding:8px 10px}}@media (max-width: 320px){.main-header-section,.agent-table-card,.qa-sections,.agent-creation-card{padding:8px}.main-title,.agent-creation-title{font-size:18px!important}.agent-table{font-size:11px}.agent-avatar{width:32px;height:32px;font-size:16px}.create-agent-btn{height:40px!important;padding:0 12px!important;font-size:13px!important}.qa-question,.qa-answer{font-size:11px}.qa-delete-btn .anticon{font-size:14px}.ant-btn-primary{font-size:13px}}@media screen and (max-width: 1024px) and (max-height: 600px){.agent-user-container{padding:16px 20px}.main-header-section{padding:16px 20px;margin-bottom:16px}.main-title{font-size:18px!important}.subtitle{font-size:14px}.agent-table-card,.qa-sections{padding:16px 20px;margin-bottom:16px}.header-search-input{width:100%!important;max-width:250px}}.create-agent-modal-wrap{padding:0!important;margin:0!important;overflow:hidden!important;display:block!important}.create-agent-modal-wrap.ant-modal-centered{padding:0!important;text-align:left!important}.create-agent-modal.full-page-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;z-index:1000!important}.create-agent-modal.full-page-modal .ant-modal-content{border-radius:0!important;height:100vh!important;width:100vw!important;background:#fff!important;box-shadow:none!important;border:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;overscroll-behavior:none!important;padding:0!important;margin:0!important}.create-agent-modal.full-page-modal .ant-modal-body{padding:0!important;margin:0!important;flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important}.create-agent-modal .modal-inner-container{width:100%;height:100%;flex:1;display:flex;flex-direction:column;align-items:center;background:#f5f5f5;overflow:hidden;padding:0;margin:0}.create-agent-modal .ant-modal-close{position:fixed!important;top:32px!important;right:32px!important;background:transparent;border:1px solid #e5e7eb;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280;z-index:1100}.create-agent-modal .ant-modal-close:hover{background:#f9fafb;border-color:#111827;color:#111827}.create-agent-modal .modal-header{width:100%;max-width:660px;padding:40px 20px 12px;text-align:left;flex-shrink:0}.create-agent-modal .step-indicator{display:inline-block;padding:4px 12px;background:#4f46e514;color:#4f46e5;font-size:13px;font-weight:600;border-radius:20px;margin-bottom:12px;letter-spacing:.02em}.create-agent-modal .modal-title{font-size:24px!important;font-weight:600!important;color:#111827!important;margin-bottom:4px!important;letter-spacing:-.01em}.create-agent-modal .modal-subtitle{font-size:16px;color:#6b7280;font-weight:400;max-width:500px}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;margin-bottom:20px;transition:all .2s ease}.form-section:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000005}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.section-number{font-size:12px;font-weight:800;color:#fff;background:#4f46e5;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 2px 4px #4f46e533}.section-title{font-size:16px!important;font-weight:600!important;color:#111827!important;margin:0!important}.section-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.section-content-full{display:block}.step-1 .form-section:nth-child(2) .section-content{padding-bottom:40px}.selection-info{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-size:14px;font-weight:500}.selection-info.selection-active{background:#4f46e50f;color:#4f46e5;border:1px solid rgba(79,70,229,.12)}.selection-info.selection-neutral{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}.section-content .form-item{margin-bottom:4px!important}.create-agent-modal .modal-content{flex:1;width:100%;max-width:660px;overflow-y:auto;overflow-x:hidden;padding:0 20px;overscroll-behavior-y:none}.create-agent-modal .modal-content::-webkit-scrollbar{width:4px}.create-agent-modal .modal-content::-webkit-scrollbar-track{background:transparent}.create-agent-modal .modal-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.create-agent-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.modal-footer{flex-shrink:0;padding:20px 20px 24px;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;z-index:10;width:100%;max-width:660px}.footer-left{display:flex;justify-content:flex-start}.footer-right{display:flex;justify-content:flex-end}.pagination-dots{display:flex;gap:6px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#111827;opacity:.15;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.dot.active{opacity:1;width:8px;height:8px;background:#4f46e5;box-shadow:0 0 8px #4f46e54d}.nav-btn{height:44px!important;padding:0 24px!important;border-radius:12px!important;font-weight:600!important;font-size:14px!important;transition:all .2s ease!important}.nav-btn-back{background:transparent!important;border:1px solid #e5e7eb!important;color:#4b5563!important}.nav-btn-back:hover{background:#f9fafb!important;border-color:#111827!important;color:#111827!important}.nav-btn-next{background:#4f46e5!important;border:none!important;color:#fff!important}.nav-btn-next:hover{background:#4338ca!important;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540!important}.create-agent-modal .ant-form-item{margin-bottom:20px!important}.create-agent-modal .form-section .ant-form-item:last-child{margin-bottom:0!important}.create-agent-modal .ant-form-item-explain,.create-agent-modal .ant-form-item-explain-connected{margin-top:8px!important;min-height:0!important;padding-top:0!important}.create-agent-modal .ant-form-item-explain-error{font-size:12px!important;font-weight:500!important;color:#ef4444!important;line-height:1.4!important;margin-top:6px!important;display:flex!important;align-items:center!important;gap:4px!important}.create-agent-modal .ant-form-item-explain-warning{font-size:12px!important;font-weight:500!important;color:#f59e0b!important;line-height:1.4!important;margin-top:6px!important}.create-agent-modal .ant-form-item-has-error .form-input,.create-agent-modal .ant-form-item-has-error .ant-select.form-select .ant-select-selector{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444414!important}.section-content{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;align-items:start}.create-agent-modal .form-item .ant-form-item-label label{font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.create-agent-modal .form-item .ant-form-item-label label.ant-form-item-required:before{color:#ef4444!important;font-size:14px}.create-agent-modal .form-input,.create-agent-modal .ant-select.form-select .ant-select-selector{height:42px!important;font-size:14px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e5e7eb!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0000000d!important}.create-agent-modal .form-input:hover,.create-agent-modal .ant-select.form-select:hover .ant-select-selector{border-color:#d1d5db!important}.create-agent-modal .form-input:focus,.create-agent-modal .ant-select.form-select.ant-select-focused .ant-select-selector{border-color:#4f46e5!important;box-shadow:0 0 0 4px #4f46e51a!important;background:#fff!important}.create-agent-modal .form-input::placeholder{color:#9ca3af!important}.play-sample-btn{background:#f3f4f6!important;border:none!important;border-radius:8px!important;color:#4b5563!important;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.play-sample-btn:hover{background:#e5e7eb!important;color:#111827!important}.section-content-full{width:100%}.custom-segmented.ant-segmented{background:#f3f4f6;padding:4px;border-radius:12px}.custom-segmented .ant-segmented-item-selected{background:#fff;box-shadow:0 2px 4px #0000000d;border-radius:8px}.create-agent-modal .template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}.template-card{padding:24px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.template-card:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e514}.template-card.selected{border-color:#4f46e5;border-width:2px;background:#4f46e505;box-shadow:0 4px 6px -1px #4f46e51a}.template-icon-wrapper{width:40px;height:40px;border-radius:10px;background:#4f46e514;display:flex;align-items:center;justify-content:center;font-size:20px;color:#4f46e5}.selected .template-icon-wrapper{background:#4f46e5;color:#fff}.template-badge{font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;letter-spacing:.05em}.badge-default{background:#f0fdf4;color:#16a34a}.badge-custom{background:#eff6ff;color:#2563eb}.template-name{font-size:15px;font-weight:600;color:#111827;margin-bottom:6px}.template-desc{font-size:14px;color:#6b7280;margin-bottom:16px;line-height:1.5;flex:1}.template-tools{display:flex;align-items:center;gap:8px;font-size:12px;color:#9ca3af;font-weight:500}.selection-info{margin-top:24px;padding:12px 16px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:10px}.selection-active{background:#f0fdf4;color:#166534;border:1px solid #bcf0da}.selection-neutral{background:#f9fafb;color:#4b5563;border:1px solid #e5e7eb}.qa-description{display:block;font-size:14px;color:#6b7280;margin-bottom:24px}.qa-card{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:16px!important;margin-bottom:16px!important;transition:all .2s ease!important}.qa-card:hover{border-color:#d1d5db!important;background:#f3f4f6!important}.qa-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}.qa-index{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.qa-card-body{padding:16px;display:flex;flex-direction:column;gap:16px}.qa-item-group{display:flex;flex-direction:column;gap:4px}.qa-item-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.qa-item-text{font-size:14px;color:#111827;font-weight:500}.answer-text{color:#4f46e5}.qa-delete-btn{color:#9ca3af!important;transition:all .2s ease!important}.qa-delete-btn:hover{color:#ef4444!important;background:#fee2e2!important}.qa-form-grid{display:flex;flex-direction:column;gap:20px}.qa-answer-input-wrapper{display:flex;flex-direction:column;gap:12px}.qa-textarea{resize:none}.add-qa-action-btn{height:44px!important;border-radius:12px!important;font-weight:600!important;background:#4f46e5!important;border:none!important}.add-qa-action-btn:hover{background:#4338ca!important;box-shadow:0 4px 12px #4f46e533!important}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:4px}.category-card{padding:20px 16px;border-radius:16px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.category-card:hover{border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 8px 16px -4px #4f46e514}.category-card-icon{width:36px;height:36px;border-radius:10px;background:#4f46e514;display:flex;align-items:center;justify-content:center;font-size:18px;color:#4f46e5;transition:all .2s ease}.category-card-name{font-size:14px;font-weight:600;color:#111827;line-height:1.3}.category-card-count{font-size:12px;color:#9ca3af;font-weight:500}.create-agent-modal .section-number .anticon{font-size:14px}@media (max-width: 768px){.create-agent-modal .modal-inner-container{padding:40px 20px}.section-content,.template-grid,.category-grid{grid-template-columns:1fr}.modal-footer{grid-template-columns:1fr;gap:16px;padding:24px 0}.footer-left{order:2}.pagination-dots{order:1;justify-content:center}.footer-right{order:3;width:100%}.nav-btn-next{width:100%}.modal-footer-nav{left:20px;right:20px;bottom:20px}.pagination-dots{bottom:25px}}.admin-create-agent-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0000001a;border:1px solid #E5E7EB;height:650px;display:flex;flex-direction:column;position:relative}.admin-create-agent-modal .ant-modal-body{padding:0!important;flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-create-agent-modal .modal-header{padding:0!important;border-bottom:none}.admin-create-agent-modal .ant-modal-content:after{display:none}.admin-create-agent-modal .modal-title{margin:0 0 2px!important;font-size:20px;font-weight:600;color:#111827;line-height:1.2}.admin-create-agent-modal .modal-subtitle{margin:0;font-size:14px;color:#4b5563;font-weight:400}.admin-create-agent-modal .modal-steps{padding:24px 0 12px!important;background:transparent;border-top:1px solid #F3F4F6;margin-top:12px;margin-bottom:5px!important}.admin-create-agent-modal .steps .ant-steps-item-title{font-size:14px;font-weight:500;color:#6b7280}.admin-create-agent-modal .steps.ant-steps{margin-bottom:0!important}.admin-create-agent-modal .steps .ant-steps-item-process .ant-steps-item-title{color:#4f46e5;font-weight:600}.admin-create-agent-modal .steps .ant-steps-item-finish .ant-steps-item-title{color:#10b981}.admin-create-agent-modal .step-complete-icon{color:#10b981;font-size:20px}.admin-create-agent-modal .modal-content{padding:0!important;background:transparent;flex:1;overflow-y:auto}.admin-create-agent-modal .modal-content::-webkit-scrollbar{width:6px}.admin-create-agent-modal .modal-content::-webkit-scrollbar-track{background:transparent}.admin-create-agent-modal .modal-content::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.admin-create-agent-modal .step-content{min-height:250px}.step-0{display:flex;flex-direction:column;align-items:center;justify-content:center}.user-selection-info{text-align:center;margin-bottom:24px}.user-selection-info .anticon{display:block;margin:0 auto 16px}.user-selection-info h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937}.admin-create-agent-modal .agent-form{width:100%}.admin-create-agent-modal .ant-form-item{margin-bottom:16px}.admin-create-agent-modal .ant-form-item-label>label{font-size:14px;font-weight:600;color:#374151;height:auto;display:flex;align-items:center}.admin-create-agent-modal .ant-form-item-label>label.ant-form-item-required:before{margin-top:4px!important;vertical-align:middle!important}.admin-create-agent-modal .ant-input,.admin-create-agent-modal .ant-input-password,.admin-create-agent-modal .ant-input-affix-wrapper{border-radius:12px!important;border:1.5px solid #E5E7EB!important;font-size:14px;transition:all .2s ease;background:#fff;height:42px;padding:8px 16px}.admin-create-agent-modal .ant-input-affix-wrapper{padding:0 16px}.admin-create-agent-modal .ant-input-affix-wrapper>input.ant-input{border:none!important;padding:12px 0;height:auto}.admin-create-agent-modal .ant-input:hover,.admin-create-agent-modal .ant-input-affix-wrapper:hover{border-color:#4f46e5!important}.admin-create-agent-modal .ant-input:focus,.admin-create-agent-modal .ant-input-affix-wrapper:focus,.admin-create-agent-modal .ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important;outline:none!important}.admin-create-agent-modal .ant-input::placeholder{color:#9ca3af}.admin-create-agent-modal .ant-select .ant-select-selector{border-radius:12px!important;border:1.5px solid #E5E7EB!important;padding:8px 16px!important;height:42px!important;align-items:center}.ant-select:hover .ant-select-selector{border-color:#4f46e5!important}.ant-select-focused .ant-select-selector{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.admin-create-agent-modal .ant-form-item-explain-error{margin-top:8px;margin-bottom:8px;font-size:13px;color:#ff4d4f}.admin-create-agent-modal .ant-form-item-has-error .ant-select .ant-select-selector{margin-bottom:0}.qa-section{display:flex;flex-direction:column;gap:20px}.qa-header{margin-bottom:16px}.qa-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.qa-subtitle{font-size:14px;color:#6b7280}.qa-list-container{display:flex;flex-direction:column;gap:12px;padding-right:4px}.qa-list-container::-webkit-scrollbar{width:6px}.qa-list-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.qa-list-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qa-list-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.qa-card{border-radius:12px;border:1.5px solid #E5E7EB;box-shadow:0 4px 16px #00000014;transition:all .2s ease}.qa-card:hover{border-color:#4f46e5;box-shadow:0 8px 24px #4f46e533}.qa-card .ant-card-body{padding:16px}.qa-card-content{display:flex;flex-direction:column;gap:12px}.qa-question-section{display:flex;flex-direction:column;gap:8px}.qa-question-header{display:flex;justify-content:space-between;align-items:center}.qa-question-text{font-size:13px;font-weight:600;color:#4f46e5;text-transform:uppercase;letter-spacing:.5px}.qa-delete-btn{color:#ef4444;padding:4px;height:auto;transition:all .2s ease}.qa-delete-btn:hover{color:#dc2626;background:#fee2e2}.qa-question-content{font-size:14px;color:#1f2937;font-weight:500;line-height:1.5}.qa-answer-section{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:3px solid #E5E7EB}.qa-answer-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.qa-answer-content{font-size:14px;color:#4b5563;line-height:1.5}.qa-input-section{background:linear-gradient(135deg,#f8fafc,#fff);border:1.5px solid #E5E7EB;border-radius:12px;padding:20px;margin-top:12px}.qa-input-header{margin-bottom:16px}.qa-input-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#1f2937}.qa-input-subtitle{font-size:13px;color:#6b7280}.qa-input-form{display:flex;flex-direction:column;gap:16px}.input-row{display:flex;flex-direction:column}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:13px;font-weight:500;color:#374151}.admin-create-agent-modal .qa-input{border-radius:10px;border:1.5px solid #E5E7EB;padding:10px 14px;font-size:14px;transition:all .2s ease;background:#fff;height:40px}.admin-create-agent-modal .qa-input:hover{border-color:#4f46e5}.admin-create-agent-modal .qa-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.admin-create-agent-modal .qa-input::placeholder{color:#9ca3af}.answer-input-container{display:flex;gap:8px;align-items:center}.answer-input{flex:1}.add-qa-btn{border-radius:10px;background:#4f46e5;border:none;color:#fff;font-weight:500;padding:0 20px;height:40px;transition:all .2s ease;box-shadow:0 8px 24px #4f46e54d;flex-shrink:0}.add-qa-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 12px 32px #4f46e566}.add-qa-btn:active{transform:translateY(0)}.admin-create-agent-modal .ant-modal-footer{padding:12px 0 0!important;background:#fff;border-top:1px solid #F1F5F9;margin-top:20px}.modal-back-btn{border-radius:10px;border:1.5px solid #E5E7EB;background:#fff;color:#4b5563;font-weight:500;padding:0 24px;height:40px;transition:all .2s ease}.modal-back-btn:hover{border-color:#1004ff;color:#4f46e5;background:#fff}.modal-next-btn{border-radius:10px;background:#4f46e5;border:none;color:#fff;font-weight:500;padding:0 28px;height:40px;transition:all .2s ease;box-shadow:0 4px 12px #4f46e533}.modal-next-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.modal-next-btn:active{transform:translateY(0)}.modal-next-btn:disabled,.modal-back-btn:disabled{opacity:.6;cursor:not-allowed}.modal-next-btn:disabled:hover{transform:none;box-shadow:0 4px 12px #4f46e533}.admin-create-agent-modal .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.admin-create-agent-modal .loading-text{margin-top:16px;color:#6b7280;font-size:14px;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-create-agent-modal .ant-modal-content{animation:slideIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-create-agent-modal .loading-container .ant-spin-dot{animation:pulse 1.5s ease-in-out infinite}.admin-create-agent-modal .ant-input:focus,.admin-create-agent-modal .ant-input-focused,.admin-create-agent-modal .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{outline:0!important;box-shadow:0 0 0 3px #4f46e51a!important}.custom-dropdown-container{display:flex;flex-direction:column}.load-more-container{padding:8px;text-align:center;border-top:1px solid #f0f0f0}.load-more-btn{width:100%;color:#4f46e5;font-size:13px;height:32px}.load-more-btn:hover{background:#f0f7ff}@media (max-width: 768px){.admin-create-agent-modal{max-width:95vw!important}.admin-create-agent-modal .modal-header,.admin-create-agent-modal .modal-steps,.admin-create-agent-modal .modal-content,.admin-create-agent-modal .ant-modal-footer{padding-left:0;padding-right:0}.answer-input-container{flex-direction:column}.add-qa-btn{width:100%}.qa-list-container{max-height:150px}}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px}.category-card{padding:16px 14px;border-radius:14px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:flex-start;gap:5px}.category-card:hover{border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 6px 12px #4f46e514}.category-card.selected{border-color:#4f46e5;border-width:2px;background:#4f46e508;box-shadow:0 4px 12px #4f46e51f}.category-card-icon{width:32px;height:32px;border-radius:9px;background:#4f46e514;display:flex;align-items:center;justify-content:center;font-size:16px;color:#4f46e5;transition:all .2s ease}.category-card.selected .category-card-icon{background:#4f46e5;color:#fff}.category-card-name{font-size:13px;font-weight:600;color:#111827}.category-card-count{font-size:11px;color:#9ca3af}.messages-layout{display:flex;height:calc(100vh - 48px);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;overflow:hidden;border-radius:20px;box-shadow:0 4px 25px #0000000d;border:1px solid #eef0f2}*{margin:0;padding:0;box-sizing:border-box}.conversation-list{width:380px;border-right:1px solid #eef0f2;display:flex;flex-direction:column;background:#fafbfc}.conversations-header{padding:20px;border-bottom:1px solid #f0f0f0}.conversations-header h4{font-size:22px!important;font-weight:500!important;color:#1a1a1a;margin:0 0 4px}.conversations-header .header-subtitle{font-size:13px;color:#8c8c8c;margin-bottom:16px}.conversation-search{margin-top:12px}.conversation-search input{border-radius:8px;height:36px}.conversation-item{padding:12px 20px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative}.conversation-item:hover{background:#f5f5f5}.conversation-item.active{background:#e6f7ff;border-left-color:#1890ff}.conversation-item .ant-list-item-meta-avatar{margin-right:12px}.conversation-item .ant-avatar{width:48px;height:48px}.conversation-item .ant-list-item-meta-title{font-size:15px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.conversation-item .ant-list-item-meta-description{font-size:13px;color:#8c8c8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{position:absolute;top:12px;right:20px;font-size:12px;color:#8c8c8c}.conversation-status-dot{width:8px;height:8px;background:#52c41a;border-radius:50%;position:absolute;bottom:2px;right:2px;border:2px solid #fff}.chat-window{flex:1;display:flex;flex-direction:column;background:#fff}.chat-header{height:70px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;padding:0 24px;justify-content:space-between}.chat-partner-info{display:flex;align-items:center;gap:12px}.mobile-back-button{display:none;margin-right:8px;padding:4px;color:#1a1a1a}.partner-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.partner-name-container{display:flex;flex-direction:column;gap:2px}.partner-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.company-tag{font-weight:400;color:#8c8c8c;font-size:14px}.status-text{font-size:12px;color:#52c41a;margin:0}.messages-area{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;background:#fff;height:0}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.date-divider{text-align:center;margin:20px 0;position:relative}.date-divider span{background:#fff;padding:4px 12px;font-size:12px;color:#8c8c8c;border-radius:12px;position:relative;z-index:1}.date-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#f0f0f0}.message-container{margin-bottom:20px;display:flex;flex-direction:column;max-width:75%;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-container.user-message{align-self:flex-start;align-items:flex-start;margin-right:auto}.message-container.other-message{align-self:flex-end;align-items:flex-end;margin-left:auto}.sender-info{display:flex;align-items:center;gap:10px;margin-bottom:8px}.other-message .sender-info{flex-direction:row-reverse}.sender-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 2px 4px #0000001a}.sender-name{font-size:13px;font-weight:600;color:#4b5563}.message-bubble{padding:14px 20px;border-radius:20px;word-wrap:break-word;position:relative;font-size:15px;line-height:1.6}.user-message .message-bubble{background:#f3f4f6;color:#1f2937;border-bottom-left-radius:4px;border:1px solid #e5e7eb}.other-message .message-bubble{background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 15px #4f46e540}.other-message .message-bubble:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.message-actions-btn{opacity:0;transition:opacity .2s ease;color:#8c8c8c!important}.message-container:hover .message-actions-btn{opacity:1}.message-actions-btn:hover{color:#1890ff!important;background:#f5f5f5}.message-text{font-size:14px;line-height:1.5;margin:0}.message-time{font-size:11px;color:#9ca3af;margin-top:6px;padding:0 6px;font-weight:500}.user-message .message-time{text-align:left}.other-message .message-time{text-align:right}.welcome-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.welcome-avatar{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:20px;box-shadow:0 4px 12px #667eea66}.welcome-message h3{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.welcome-message p{font-size:14px;color:#8c8c8c;margin-bottom:20px}.chat-input-area{background:#fff;border-top:1px solid #e8e8e8;padding:16px 24px}.input-wrapper{display:flex;align-items:flex-end;gap:8px;background:#f5f5f5;border-radius:24px;padding:8px 12px;transition:all .2s ease}.input-wrapper:focus-within{background:#fff;box-shadow:0 0 0 2px #e6f7ff}.attach-button{color:#8c8c8c;border:none;padding:8px}.attach-button:hover{color:#1890ff;background:transparent}.message-input{border:none!important;background:transparent!important;box-shadow:none!important;resize:none!important;font-size:14px;padding:8px 4px!important}.message-input:focus{border:none!important;box-shadow:none!important}.send-button{border-radius:50%;width:36px;height:36px;min-width:36px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #1890ff4d}.send-button:disabled{background:#f0f0f0;border-color:#f0f0f0;box-shadow:none}.ant-empty{padding:40px 20px}.ant-spin{display:flex;justify-content:center;margin-top:40px}.conversations-header .ant-btn-primary{border-radius:8px;font-weight:500}.conversation-list .ant-list{overflow-y:auto;flex:1;height:0}.conversation-list .ant-list::-webkit-scrollbar{width:6px}.conversation-list .ant-list::-webkit-scrollbar-track{background:transparent}.conversation-list .ant-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media (max-width: 768px){.conversation-list{width:100%;display:flex}.chat-window,.messages-layout.chat-active .conversation-list{display:none}.messages-layout.chat-active .chat-window,.mobile-back-button{display:flex}.message-container{max-width:90%}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.other-message{animation:slideInLeft .3s ease-out}.user-message{animation:slideInRight .3s ease-out}.modern-calls-container{padding:32px;background:#f5f5f5;min-height:100vh}.call-row-rejected td{background-color:#fff5f5!important}.modern-breadcrumb{margin-bottom:24px}.breadcrumb-item{color:#6b7280;font-size:14px;display:flex;align-items:center;gap:6px}.breadcrumb-item.active{color:#1f2937;font-weight:500}.breadcrumb-separator{color:#d1d5db;margin:0 8px}.modern-main-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.header-left{flex:1;min-width:300px}.modern-main-title{margin:0 0 8px!important;color:#111827;font-size:22px!important;font-weight:500!important;letter-spacing:-.025em}.modern-subtitle{color:#4b5563;font-size:15px;font-weight:450;margin-top:-4px;display:block}.modern-search-input{width:280px;border-radius:12px;border:1.5px solid #e5e7eb;padding:10px 18px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;height:40px}.modern-search-input:hover{border-color:#3b82f6;box-shadow:0 8px 20px #3b82f60f}.modern-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 12px 30px #3b82f614;background:#fff}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border-radius:10px;padding:8px 16px;height:auto;font-weight:500;transition:all .2s ease}.search-container{position:relative}.modern-search-input{width:240px;border-radius:12px;border:1.5px solid #e5e7eb;padding:8px 16px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;height:38px;box-shadow:0 4px 10px #00000005}.modern-search-input:hover{border-color:#3b82f6;box-shadow:0 6px 15px #3b82f60d}.modern-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614,0 8px 20px #3b82f60d;width:300px;background:#fff}.tab-extra-filters{display:flex;align-items:center;padding-right:4px}.compact-segmented{background:#f1f5f9cc!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px!important;padding:4px!important;border:1px solid #e2e8f0!important;height:auto!important}.compact-segmented .ant-segmented-item{border-radius:9px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#475569!important;font-weight:600!important;font-size:13px!important;min-height:28px!important;display:flex;align-items:center;padding:0 12px!important}.compact-segmented .ant-segmented-item:hover{color:#3b82f6!important;background:#ffffff80!important}.compact-segmented .ant-segmented-item-selected{background:#fff!important;color:#3b82f6!important;box-shadow:0 4px 10px -2px #3b82f61a!important}.compact-segmented .ant-segmented-thumb{background:#fff!important;border-radius:9px!important;box-shadow:0 4px 10px -2px #3b82f61a!important}.modern-segmented-status{background:#f1f5f9!important;border-radius:12px!important;padding:4px!important;border:1px solid #e2e8f0!important;height:auto!important}.modern-segmented-status .ant-segmented-item{border-radius:9px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#0d1014!important;font-weight:600!important;font-size:13px!important;min-height:28px!important;height:32px!important;display:flex;align-items:center}.modern-segmented-status .ant-segmented-item:hover{color:#6366f1!important}.modern-segmented-status .ant-segmented-item-selected{background:#fff!important;color:#6366f1!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important;transform:scale(1.02)}.modern-segmented-status .ant-segmented-thumb{background:#fff!important;border-radius:9px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important}.modern-search-input-small{height:38px!important;border-radius:10px!important;border:1.2px solid #e2e8f0!important;box-shadow:none!important}.modern-search-input-small:hover,.modern-search-input-small:focus{border-color:#3b82f6!important}.modern-segmented{background:#f3f4f6cc!important;padding:4px!important;border-radius:14px!important;border:none!important;height:44px;display:flex;align-items:center}.modern-segmented .ant-segmented-item{border-radius:10px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#6b7280!important}.modern-segmented .ant-segmented-item:hover{color:#1f2937!important}.modern-segmented .ant-segmented-item-selected{background:#fff!important;box-shadow:0 4px 10px #0000000f!important;color:#3b82f6!important}.segmented-item{padding:0 12px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;height:32px}.total-calls{color:#6b7280;font-size:14px;font-weight:500}.modern-calls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.modern-call-card{background:#fff;border-radius:24px;padding:24px;border:1px solid rgba(226,232,240,.6);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;box-shadow:0 10px 30px -10px #0000000d;overflow:hidden}.modern-call-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:background .3s ease}.modern-call-card:hover{transform:translateY(-8px);border-color:#3b82f633;box-shadow:0 25px 50px -12px #0000001f}.modern-call-card.wa-inbound:hover:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.modern-call-card.wa-outbound:hover:before{background:linear-gradient(90deg,#10b981,#34d399)}.modern-call-card.active-playing{border:2px solid #3b82f6;background:#fff}.call-card-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.user-info{display:flex;align-items:flex-start;gap:20px;flex:1}.call-avatar{border:3px solid white;box-shadow:0 8px 24px #00000026}.user-details{flex:1}.name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.user-name{font-size:18px;font-weight:700;color:#111827;letter-spacing:-.01em}.wa-type-tag{border-radius:8px!important;padding:4px 10px!important;font-weight:700!important;font-size:11px!important;letter-spacing:.05em!important;border:none!important;display:flex!important;align-items:center!important;gap:6px!important;transition:all .3s ease!important;box-shadow:0 2px 6px #0000000d!important}.wa-inbound-tag{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;color:#2563eb!important}.wa-outbound-tag{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;color:#16a34a!important}.wa-type-tag:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #0000001a!important}.meta-info{display:flex;align-items:center;gap:12px}.call-date,.call-duration{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:4px}.call-status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.call-status.completed{color:#10b981;background:#d1fae5}.call-status.missed{color:#ef4444;background:#fee2e2}.more-options{color:#9ca3af;transition:color .2s}.more-options:hover{color:#3b82f6}.call-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px}.play-action-btn{border-radius:14px;padding:0 28px;height:48px;font-weight:700;font-size:15px;min-width:140px;transition:all .2s ease;border:1.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;gap:8px}.play-action-btn:hover{border-color:#3b82f6;background:#f0f7ff;color:#3b82f6}.play-action-btn.playing{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 14px #3b82f663}.play-action-btn.playing:hover{background:#2563eb;border-color:#2563eb;transform:scale(1.02)}.secondary-actions{display:flex;gap:8px}.secondary-actions .ant-btn{color:#6b7280}.secondary-actions .ant-btn:hover{color:#3b82f6;background:#f3f4f6}.call-waveform-section{margin:16px -24px;background:#f8fafc;border-top:1px solid rgba(226,232,240,.6);border-bottom:1px solid rgba(226,232,240,.6);padding:14px 24px}.wa-waveform-wrapper{display:flex;flex-direction:column;gap:8px}.wa-waveform{display:flex;align-items:center;gap:2.5px;height:56px;cursor:pointer;width:100%;position:relative;-webkit-user-select:none;user-select:none}.wa-bar{flex:1;min-height:4px;border-radius:100px;background:#d4dae3;transition:background .15s ease,transform .15s ease;transform-origin:center}.wa-bar.active{background:#3b82f6}.wa-bar.hovered{background:#bfdbfe}.wa-waveform.is-playing .wa-bar.active{animation:barGlow 2s ease-in-out infinite}@keyframes barGlow{0%,to{opacity:1}50%{opacity:.7}}.wa-waveform:hover .wa-bar{transform:scaleY(1.05)}.wa-waveform:hover .wa-bar.active{background:#2563eb}.wa-playhead{position:absolute;top:-2px;bottom:-2px;width:2.5px;background:#1d4ed8;border-radius:2px;pointer-events:none;box-shadow:0 0 6px #1d4ed866;transform:translate(-50%);z-index:2}.wa-time{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:#94a3b8;font-variant-numeric:tabular-nums;padding:0 2px}@media (max-width: 768px){.modern-calls-grid{grid-template-columns:1fr}.modern-main-header{flex-direction:column}.modern-search-input{width:100%}.filters-container{flex-direction:column;align-items:flex-start}}.user-list-container{max-width:100%;overflow-x:hidden;padding:32px;background:#f5f5f5;min-height:100vh;animation:fadeIn .5s ease-out}.user-breadcrumb-section{margin-bottom:24px;padding:0 16px}.user-breadcrumb-item{color:#667085;font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap}.user-breadcrumb-item.active{font-weight:500}.user-breadcrumb-separator{color:#999;margin:0 8px}.user-list-header-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.user-list-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.user-list-header-title-section{flex:1;min-width:300px}.user-list-header-search-section{min-width:250px}.user-list-main-title{font-size:22px!important;font-weight:500!important;color:#101828;margin:0 0 4px!important;line-height:1.2}.user-list-subtitle{font-size:16px;color:#667085;display:block}.user-list-header-search-input{width:320px;border-radius:8px;height:44px;border:1px solid #e0e0e0;padding:10px 16px}.user-list-header-search-input:hover,.user-list-header-search-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.user-stats-card{background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #EAECF0}.user-stats-content{display:flex;align-items:center;gap:8px}.user-stats-label{font-size:16px;font-weight:600;color:#101828}.user-stats-count{font-size:16px;font-weight:400;color:#1890ff}.user-list-loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px}.user-table-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid #EAECF0;margin-bottom:24px;overflow-x:auto}.user-list-table{background:transparent;min-width:800px}.user-list-table .ant-table-thead>tr>th{background:#f9fafb;border-bottom:2px solid #f0f0f0;color:#667085;font-weight:600;font-size:14px;padding:16px;white-space:nowrap}.user-list-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:20px 16px;vertical-align:middle}.user-list-table .ant-table-tbody>tr:hover>td{background:#fafafa}.user-name-cell{display:flex;align-items:center;gap:16px}.user-avatar{width:48px;height:48px;border-radius:50%;background:#f0f7ff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:#1890ff;font-weight:600}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#101828;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-created{color:#667085;font-size:12px}.user-data-cell{color:#667085;font-size:14px}.user-status-switch{display:flex;align-items:center}.user-actions{display:flex;gap:8px;flex-shrink:0}.user-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s;border:none;background:transparent}.user-action-btn:hover{background:#f5f5f5}.user-delete-btn:hover{color:#ff4d4f!important;background:#fff2f0!important}.user-edit-btn:hover{color:#1890ff!important;background:#f0f7ff!important}.user-view-btn:hover{color:#52c41a!important;background:#f6ffed!important}.user-pagination{margin-top:24px;display:flex;justify-content:space-between;align-items:center;padding:16px 0}.user-pagination-controls{display:flex;gap:8px;align-items:center}.user-pagination-btn{height:36px;border-radius:8px;padding:0 16px;font-weight:500;border:1px solid #e0e0e0}.user-pagination-btn.active{background:#1890ff;color:#fff;border-color:#1890ff}.user-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.user-list-empty-state{text-align:center;padding:60px 40px;background:#fff;border-radius:12px;border:1px dashed #e0e0e0}.user-list-empty-icon{font-size:48px;color:#d9d9d9;margin-bottom:16px}.user-list-empty-text{font-size:16px;color:#999}@media (max-width: 992px){.user-breadcrumb-section{padding:0 12px}.user-list-header-section,.user-table-card{padding:20px;margin-bottom:20px}.user-list-header-content{flex-direction:column;align-items:stretch;gap:12px}.user-list-header-title-section,.user-list-header-search-section{min-width:100%}.user-list-header-search-input{width:100%}.user-list-table{min-width:600px}.user-list-main-title{font-size:26px!important}}@media (max-width: 768px){.user-list-container,.user-breadcrumb-section{padding:0 8px}.user-list-header-section,.user-table-card{padding:16px;border-radius:8px}.user-list-main-title{font-size:24px!important}.user-list-subtitle{font-size:14px}.user-list-table{min-width:500px}.user-name-cell{gap:12px}.user-avatar{width:40px;height:40px;font-size:16px}.user-name{font-size:14px}.user-actions{gap:4px}.user-action-btn{width:32px;height:32px}}@media (max-width: 576px){.user-list-header-section,.user-table-card,.user-stats-card{padding:12px;margin-bottom:16px}.user-list-main-title{font-size:22px!important}.user-list-table{min-width:100%;font-size:12px}.user-list-table .ant-table-thead>tr>th,.user-list-table .ant-table-tbody>tr>td{padding:8px 4px;font-size:12px}.user-name-cell{gap:8px}.user-avatar{width:36px;height:36px;font-size:14px}.user-actions{flex-direction:column;gap:2px}.user-action-btn{width:28px;height:28px}}@media (max-width: 480px){.user-breadcrumb-section{padding:0 4px}.user-breadcrumb-item{font-size:12px;gap:4px}.user-list-main-title{font-size:20px!important}.user-list-subtitle{font-size:13px}.user-list-table .ant-table-thead>tr>th,.user-list-table .ant-table-tbody>tr>td{padding:6px 2px}}.user-view-drawer .ant-drawer-body{padding:0}.drawer-content{padding:24px}.drawer-user-header{display:flex;align-items:center;gap:24px;margin-bottom:8px}.drawer-user-avatar{background:#f0f7ff!important;color:#1890ff!important;font-weight:600}.drawer-user-info{display:flex;flex-direction:column}.drawer-section{margin-bottom:24px}.drawer-section h4{margin-bottom:16px;color:#101828}.view-metric-card{border:1px solid #EAECF0!important;border-radius:12px!important;box-shadow:0 1px 2px #1018280d!important;margin-bottom:16px}.view-metric-card .ant-card-body{padding:16px!important}.metric-content{display:flex;justify-content:space-between;align-items:center}.metric-title{font-size:14px;font-weight:500;color:#667085;display:block;margin-bottom:4px}.metric-value{margin-bottom:8px!important;color:#101828!important}.metric-trend-container{display:flex;align-items:center;gap:8px}.trend-badge{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px}.trend-badge.up{color:#027a48;background:#ecfdf3}.trend-badge.down{color:#b42318;background:#fef3f2}.metric-chart{height:40px}.user-details-dashboard{animation:fadeIn .4s ease-out;padding:0}.details-breadcrumb-section{margin-bottom:24px}.back-btn-wrapper{margin-bottom:20px}.details-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff!important;border:1px solid #EAECF0!important;border-radius:10px!important;color:#475467!important;font-weight:600!important;cursor:pointer;transition:all .2s!important;box-shadow:0 1px 2px #1018280d!important}.details-back-btn:hover{background:#f9fafb!important;color:#101828!important;transform:translate(-4px)}.user-hero-card{background:#fff!important;border-radius:24px!important;border:1px solid rgba(0,0,0,.05)!important;padding:32px!important;margin-bottom:32px;box-shadow:0 10px 40px -10px #00000008!important;position:relative;overflow:hidden}.user-hero-card:after{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.02) 100%);pointer-events:none}.hero-flex-container{display:flex;align-items:center;gap:32px;position:relative;z-index:1}.hero-avatar-wrapper{position:relative}.hero-user-avatar{width:100px!important;height:100px!important;font-size:36px!important;background:#f0f7ff!important;color:#1890ff!important;border:4px solid white!important;box-shadow:0 8px 20px #00000014!important}.hero-user-info h2{margin-bottom:4px!important;font-weight:700!important;letter-spacing:-.02em!important}.hero-user-meta{display:flex;gap:20px;margin-top:12px}.meta-item{display:flex;align-items:center;gap:8px;color:#667085;font-size:14px}.details-stats-grid{margin-bottom:32px}.dashboard-metric-card{background:#fff!important;border-radius:20px!important;border:1px solid rgba(0,0,0,.08)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:100%!important;box-shadow:0 4px 12px #00000008!important}.dashboard-metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f!important;border-color:#6366f133!important}.dashboard-metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.metric-icon-box{padding:10px;border-radius:12px;background:#f9fafb;display:flex;align-items:center;justify-content:center}.details-metric-val{font-size:28px!important;font-weight:800!important;margin:8px 0!important;color:#101828!important;letter-spacing:-.02em!important}.details-metric-trend{font-size:12px;color:#667085;font-weight:500}.details-info-card{background:#fff!important;border-radius:20px!important;border:1px solid rgba(0,0,0,.05)!important;height:100%!important}.details-info-card .ant-card-head{border-bottom:1px solid #F2F4F7!important;padding:16px 24px!important}.details-info-card .ant-card-head-title{font-weight:700!important;font-size:16px!important}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-field-label{font-size:12px;color:#667085;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;display:block}.info-field-value{font-size:15px;color:#101828;font-weight:500}@media (max-width: 768px){.hero-flex-container{flex-direction:column;text-align:center;gap:16px}.hero-user-meta{flex-direction:column;gap:8px;align-items:center}.info-grid{grid-template-columns:1fr}}.plan-badge-premium{border-radius:8px!important;padding:2px 12px!important;font-weight:600!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.5px;border:none!important;box-shadow:0 2px 4px #f59e0b33}.plan-consumption-section{margin-bottom:40px;padding:0 4px}.section-header-inline{margin-bottom:20px}.section-header-inline .ant-typography-secondary{font-size:14px;display:block;margin-top:4px}.consumption-progress-card{background:#fff!important;border:1px solid #f1f5f9!important;border-radius:16px!important;padding:24px!important;transition:all .3s ease!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000f!important}.consumption-progress-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014!important;border-color:#e2e8f0!important}.consumption-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.consumption-icon-mini{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.call-icon{background:#ecfdf5;color:#10b981}.msg-icon{background:#eff6ff;color:#3b82f6}.consumption-ratio{font-size:15px}.usage-current{font-weight:700;color:#1e293b;font-size:18px}.usage-total{color:#94a3b8;font-weight:500}.premium-progress-wrapper{display:flex;align-items:center;gap:16px}.progress-track{flex:1;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:5px;position:absolute;left:0;top:0;transition:width 1s ease-out}.call-fill{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 10px #10b9814d}.msg-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f64d}.progress-percentage{font-size:14px;font-weight:700;color:#475569;min-width:45px;text-align:right}.update-user-modal .ant-modal-content{border-radius:24px!important;padding:0!important;overflow:hidden;background:#fff;box-shadow:0 25px 50px -12px #00000026!important;border:1px solid rgba(0,0,0,.05)}.update-user-modal .modal-header{padding:24px 24px 16px;position:relative;background:#fff;display:flex;align-items:center;gap:12px;overflow:hidden}.update-user-modal .header-bg-glow{position:absolute;top:-100px;right:-50px;width:250px;height:250px;background:radial-gradient(circle,rgba(79,70,229,.08) 0%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0}.update-user-modal .header-icon-wrapper{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 10px -3px #4f46e54d;flex-shrink:0;z-index:1}.update-user-modal .header-icon-wrapper svg{width:22px;height:22px}.update-user-modal .header-text-content{z-index:1}.update-user-modal .modal-title{font-size:19px!important;font-weight:700!important;color:#111827!important;margin:0!important;letter-spacing:-.01em}.update-user-modal .modal-subtitle{font-size:13px;color:#64748b;margin-top:2px;font-weight:450}.update-user-modal .modal-content{padding:0 24px 16px}.update-user-modal .form-row{display:flex;gap:12px}.update-user-modal .flex-1{flex:1}.update-user-modal .ant-form-item{margin-bottom:14px!important}.update-user-modal .ant-form-item-label{padding-bottom:4px!important}.update-user-modal .label-with-icon{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#334155}.update-user-modal .label-with-icon svg{color:#94a3b8}.update-user-modal .form-input,.update-user-modal .ant-select.form-select .ant-select-selector{height:40px!important;padding:0 12px!important;font-size:14px!important;border-radius:10px!important;border:1.5px solid #f1f5f9!important;background:#f8fafc!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;color:#1e293b!important;font-weight:500!important}.update-user-modal .ant-select.form-select .ant-select-selection-placeholder{line-height:38px!important;color:#94a3b8!important}.update-user-modal .ant-select.form-select .ant-select-selection-item{line-height:38px!important}.update-user-modal .form-input:hover,.update-user-modal .ant-select.form-select:hover .ant-select-selector{border-color:#e2e8f0!important;background:#f1f5f9!important}.update-user-modal .form-input:focus,.update-user-modal .ant-select.form-select.ant-select-focused .ant-select-selector{border-color:#4f46e5!important;background:#fff!important;box-shadow:0 0 0 4px #4f46e51a!important}.update-user-modal .form-input-text{border-radius:10px!important;border:1.5px solid #f1f5f9!important;background:#f8fafc!important;padding:8px 12px!important;transition:all .3s ease!important}.update-user-modal .form-input-text:focus{border-color:#4f46e5!important;background:#fff!important;box-shadow:0 0 0 4px #4f46e51a!important}.update-user-modal .verified-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:12px;margin-top:4px}.update-user-modal .verified-info{display:flex;align-items:center;gap:14px}.update-user-modal .icon-badge{width:38px;height:38px;border-radius:10px;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center}.update-user-modal .text-box{display:flex;flex-direction:column}.update-user-modal .v-title{font-size:14px;font-weight:600;color:#1e293b}.update-user-modal .v-desc{font-size:12px;color:#64748b}.update-user-modal .ant-modal-footer{padding:16px 24px 20px!important;border-top:1px solid #f1f5f9!important;margin-top:0!important}.update-user-modal .modal-next-btn{height:42px!important;padding:0 24px!important;border-radius:10px!important;font-weight:700!important;font-size:14px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;box-shadow:0 6px 12px -4px #4f46e566!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.update-user-modal .modal-next-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 25px -5px #4f46e580!important;filter:brightness(1.1)}.update-user-modal .modal-back-btn{height:42px!important;padding:0 20px!important;border-radius:10px!important;font-weight:600!important;border:1.5px solid #e2e8f0!important;color:#64748b!important;transition:all .3s ease!important}.update-user-modal .modal-back-btn:hover{background:#f8fafc!important;color:#1e293b!important;border-color:#cbd5e1!important}.update-user-modal .form-item{animation:slideUp .4s ease-out forwards;opacity:0}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.update-user-modal .form-item:nth-child(1){animation-delay:.1s}.update-user-modal .form-item:nth-child(2){animation-delay:.15s}.update-user-modal .form-item:nth-child(3){animation-delay:.2s}.update-user-modal .form-item:nth-child(4){animation-delay:.25s}.update-user-modal .form-item:nth-child(5){animation-delay:.3s}.update-user-modal .form-item:nth-child(6){animation-delay:.35s}.whatsapp-setup-container{padding:24px;background:#f5f5f5;min-height:100vh}.whatsapp-breadcrumb-section{margin-bottom:24px}.whatsapp-breadcrumb-separator{color:#d9d9d9;margin:0 8px}.whatsapp-breadcrumb-item{color:#667085;font-size:14px}.whatsapp-breadcrumb-item.active{color:#344054;font-weight:500}.whatsapp-header-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #1018281a}.whatsapp-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.whatsapp-header-title-section{display:flex;flex-direction:column;gap:4px}.whatsapp-main-title{margin:0!important;font-size:24px!important;font-weight:600!important;color:#101828!important;display:flex;align-items:center}.whatsapp-subtitle{color:#667085;font-size:14px}.whatsapp-header-actions{display:flex;align-items:center}.whatsapp-stats-card{display:flex;gap:24px;background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;box-shadow:0 1px 3px #1018281a}.whatsapp-stats-content{display:flex;align-items:center;gap:8px}.whatsapp-stats-label{color:#667085;font-size:14px}.whatsapp-stats-count{color:#101828;font-weight:600;font-size:14px}.whatsapp-table-card{background:#fff;border-radius:12px;padding:0;box-shadow:0 1px 3px #1018281a;overflow:hidden}.whatsapp-table-card .ant-table{border-radius:12px}.whatsapp-table-card .ant-table-thead>tr>th{background:#f9fafb;color:#667085;font-weight:500;font-size:12px;text-transform:uppercase;border-bottom:1px solid #eaecf0}.whatsapp-table-card .ant-table-tbody>tr>td{border-bottom:1px solid #eaecf0;padding:16px}.whatsapp-table-card .ant-table-tbody>tr:hover>td{background:#f9fafb}.whatsapp-loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;background:#fff;border-radius:12px}.whatsapp-empty-state{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.whatsapp-empty-text{color:#667085;font-size:14px;margin-top:16px}.whatsapp-setup-modal .ant-modal-content{padding:10px!important}.whatsapp-setup-modal .ant-modal-header{border-bottom:1px solid #eaecf0;padding:10px 15px}.whatsapp-setup-modal .ant-modal-body{padding:10px 15px 8px;max-height:75vh;overflow-y:auto}.whatsapp-setup-modal .ant-steps-item-title{font-size:12px!important}.step-content{padding:12px 0;min-height:380px}.step-content .ant-form-item-label>label{font-weight:500;color:#344054}.step-content .ant-form-item-label .anticon-info-circle{font-size:13px;margin-left:5px;color:#94a3b8;transition:color .2s ease;vertical-align:middle;cursor:help}.step-content .ant-form-item-label .anticon-info-circle:hover{color:#22c55e}.wa-info-tooltip .ant-tooltip-inner{background:#1e1e1e73!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:.5px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 14px;font-size:13px;line-height:1.5;color:#fff!important;box-shadow:0 4px 20px #0003;max-width:260px;animation:waTooltipFadeIn .2s ease-out}@keyframes waTooltipFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.wa-info-tooltip .ant-tooltip-arrow:before,.wa-info-tooltip .ant-tooltip-arrow:after{background:#1e1e1e73!important}.step-content .ant-input,.step-content .ant-input-password,.step-content .ant-select-selector{border-radius:8px}.info-box{background:#f9fafb;border:1px solid #eaecf0;border-radius:8px;padding:12px 16px;margin-bottom:24px}.summary-card{background:#f9fafb;border:1px solid #eaecf0;border-radius:8px}.summary-card .ant-card-body{padding:16px}.summary-card .ant-typography{margin-bottom:0}.webhook-card{background:#f9fafb;border:1px solid #eaecf0;border-radius:8px}.webhook-card .ant-card-body{padding:16px}.webhook-field{display:flex;flex-direction:column;gap:8px}.webhook-field .ant-input{font-family:monospace;font-size:13px}@media (max-width: 768px){.whatsapp-setup-container{padding:16px}.whatsapp-header-content{flex-direction:column;align-items:flex-start}.whatsapp-header-actions{width:100%;justify-content:flex-end}.whatsapp-stats-card{flex-direction:column;gap:12px}.whatsapp-setup-modal .ant-steps{display:none}}.whatsapp-setup-container .ant-btn-primary{background:#25d366;border-color:#25d366}.whatsapp-setup-container .ant-btn-primary:hover,.whatsapp-setup-container .ant-btn-primary:focus{background:#25d366!important;border-color:#25d366!important}.whatsapp-setup-modal .ant-btn-primary{background:#25d366!important;border-color:#25d366!important;height:40px;font-weight:500}.whatsapp-setup-modal .ant-btn-primary:hover,.whatsapp-setup-modal .ant-btn-primary:focus,.whatsapp-setup-modal .ant-btn-primary:active{background:#20bd5a!important;border-color:#20bd5a!important;color:#fff!important}.modal-footer-actions{display:flex;justify-content:flex-end;gap:24px;margin-top:8px;padding-top:24px;border-top:1px solid #f0f0f0}.modal-footer-actions .ant-btn{min-width:100px}.whatsapp-table-card .ant-tag{border-radius:6px;padding:4px 8px;font-size:12px}.modern-qa-modal .ant-modal-content{border-radius:16px!important;box-shadow:0 20px 50px #0000001a!important;border:1px solid #f1f5f9!important;overflow:hidden!important;padding:0!important;animation:modal-appear .4s cubic-bezier(.16,1,.3,1)}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modern-qa-modal .ant-modal-body{padding:0!important}.modern-qa-modal .modal-header{background:linear-gradient(to bottom right,#fff,#f8fafc);padding:24px 28px 18px;border-bottom:1px solid #f1f5f9;text-align:center;position:relative}.modern-qa-modal .header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 48px}.modern-qa-modal .header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #4f46e514;position:absolute;left:28px;top:50%;transform:translateY(-50%)}.modern-qa-modal .modal-title{margin:0;font-size:18px;font-weight:700;color:#111827;line-height:1.2;text-align:center}.modern-qa-modal .modal-subtitle{margin:4px 0 0;font-size:13px;color:#64748b;text-align:center;font-weight:450}.modern-qa-modal .modal-body{padding:24px 28px;background:#fff;text-align:left}.modern-qa-modal .form-sections{margin-bottom:20px}.modern-qa-modal .section-label{display:flex;align-items:center;margin-bottom:8px;gap:6px}.modern-qa-modal .label-text{font-size:14px;font-weight:600;color:#374151;letter-spacing:-.01em}.modern-qa-modal .qa-question-input,.modern-qa-modal .qa-answer-textarea{margin-bottom:0!important}.modern-qa-modal .qa-question-input .ant-form-item-control,.modern-qa-modal .qa-answer-textarea .ant-form-item-control{text-align:left}.modern-qa-modal .modern-input,.modern-qa-modal .modern-textarea{border-radius:12px!important;border:1.5px solid #e2e8f0!important;padding:12px 16px!important;font-size:14px!important;line-height:1.6!important;transition:all .2s ease!important;background:#f8fafc!important;color:#1e293b;resize:vertical!important}.modern-qa-modal .modern-input:hover,.modern-qa-modal .modern-textarea:hover{border-color:#cbd5e1!important;background:#f1f5f9!important}.modern-qa-modal .modern-input:focus,.modern-qa-modal .modern-textarea:focus{border-color:#4f46e5!important;background:#fff!important;box-shadow:0 0 0 4px #4f46e51a!important;outline:none!important}.modern-qa-modal .modern-input::placeholder,.modern-qa-modal .modern-textarea::placeholder{color:#94a3b8}.modern-qa-modal .form-divider{display:flex;align-items:center;gap:12px;margin:24px 0}.modern-qa-modal .divider-line{flex:1;height:1px;background:linear-gradient(to right,#f1f5f9,#e2e8f0,#f1f5f9)}.modern-qa-modal .divider-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.modern-qa-modal .modal-footer{padding:20px 28px 24px;background:#fff;border-top:1px solid #f1f5f9}.modern-qa-modal .footer-content{display:flex;justify-content:flex-end;gap:12px}.modern-qa-modal .modern-cancel-btn{border-radius:10px!important;border:1.5px solid #e2e8f0!important;height:42px!important;font-size:14px!important;font-weight:600!important;color:#64748b!important;padding:0 20px!important;transition:all .2s ease!important;background:#fff!important}.modern-qa-modal .modern-cancel-btn:hover{border-color:#cbd5e1!important;background:#f8fafc!important;color:#334155!important}.modern-qa-modal .modern-submit-btn{border-radius:10px!important;background:#4f46e5!important;border:none!important;height:42px!important;font-size:14px!important;font-weight:600!important;color:#fff!important;padding:0 24px!important;box-shadow:0 4px 10px #4f46e540!important;transition:all .2s ease!important}.modern-qa-modal .modern-submit-btn:hover:not(:disabled){background:#4338ca!important;box-shadow:0 6px 15px #4f46e559!important;transform:translateY(-1px)}.modern-qa-modal .modern-submit-btn:active:not(:disabled){background:#3730a3!important;transform:translateY(0)}.modern-qa-modal .modern-submit-btn:disabled{background:#94a3b8!important;box-shadow:none!important;cursor:not-allowed;opacity:.7}.modern-qa-modal .loading-container{padding:48px 0;text-align:center;background:#fff}.modern-qa-modal .loading-text{margin-top:16px;color:#64748b;font-size:14px;font-weight:500}@media (max-width: 520px){.modern-qa-modal{width:calc(100% - 32px)!important;margin:16px auto!important}.modern-qa-modal .footer-content{flex-direction:column-reverse}.modern-qa-modal .modern-cancel-btn,.modern-qa-modal .modern-submit-btn{width:100%!important}}.config-tab-container{display:flex;flex-direction:column;gap:24px}.config-section{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 10px 25px #00000008;border:1px solid rgba(0,0,0,.05)}.config-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.config-section-title{margin:0!important;color:#101828;font-weight:600!important}.config-section-subtitle{color:#667085;font-size:14px;margin-top:4px;display:block}.template-selector{width:100%;max-width:500px}.template-selector .ant-select-selector{height:44px!important;border-radius:10px!important;padding:6px 16px!important}.prompt-preview-wrapper{display:flex;flex-direction:column;gap:20px}.prompt-preview-block{background:#0a0e1a;border-radius:12px;padding:20px 24px;position:relative;overflow:hidden}.prompt-preview-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#00c6ff)}.prompt-preview-label{color:#6b7280;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:block}.prompt-preview-content{color:#e5e7eb;font-size:13px;line-height:1.7;font-family:SF Mono,Fira Code,Consolas,monospace;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.prompt-preview-content::-webkit-scrollbar{width:6px}.prompt-preview-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.placeholder-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.placeholder-chip{background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border:1px solid #bdd9ff;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;color:#4f46e5;cursor:pointer;transition:all .2s ease;font-family:SF Mono,Fira Code,monospace}.placeholder-chip:hover{background:#4f46e5;color:#fff;border-color:#4f46e5;transform:translateY(-1px)}.templates-tab-container{display:flex;flex-direction:column;gap:24px}.templates-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.templates-segmented-wrapper{display:flex;align-items:center}.templates-segmented .ant-segmented-item-selected{background:#4f46e5!important;color:#fff!important;box-shadow:0 2px 8px #4f46e54d}.templates-segmented .ant-segmented{background:#f0f0f0;border-radius:10px;padding:3px}.template-create-btn{height:42px;border-radius:10px;font-weight:600;background:#4f46e5!important;border-color:#4f46e5!important;padding:0 24px;box-shadow:0 2px 8px #4f46e533;transition:all .3s ease}.template-create-btn:hover{background:#4338ca!important;border-color:#4338ca!important;transform:translateY(-1px);box-shadow:0 4px 14px #4f46e559}.template-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.template-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 4px 16px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#00c6ff);opacity:0;transition:opacity .3s ease}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #4f46e51f;border-color:#4f46e5}.template-card:hover:before{opacity:1}.template-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.template-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f0f7ff,#e0efff);display:flex;align-items:center;justify-content:center;font-size:22px;color:#4f46e5}.template-card-badge{display:flex;align-items:center;gap:6px}.template-card-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:20px;background:#f0f7ff;color:#4f46e5}.template-card-type.system{background:#f0fdf4;color:#16a34a}.template-card-name{font-size:16px;font-weight:600;color:#101828;margin-bottom:6px}.template-card-description{color:#667085;font-size:13px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-meta{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0}.template-card-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#667085}.template-card-actions{display:flex;gap:8px;margin-left:auto}.template-card-actions .ant-btn{border-radius:8px;font-size:12px;height:32px}.tools-tab-container{display:flex;flex-direction:column;gap:24px}.tools-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.tools-template-selector{width:350px}.tools-template-selector .ant-select-selector{height:42px!important;border-radius:10px!important}.tool-create-btn{height:42px;border-radius:10px;font-weight:600;background:#4f46e5!important;border-color:#4f46e5!important;padding:0 24px;box-shadow:0 2px 8px #4f46e533;transition:all .3s ease}.tool-create-btn:hover{background:#4338ca!important;border-color:#4338ca!important;transform:translateY(-1px)}.tool-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tool-card{background:#fff;border-radius:14px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 2px 10px #00000008;transition:all .3s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#d1d5db}.tool-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tool-card-name{font-size:15px;font-weight:600;color:#101828}.tool-method-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.tool-method-badge.get{background:#ecfdf5;color:#059669}.tool-method-badge.post{background:#eff6ff;color:#2563eb}.tool-method-badge.put{background:#fef3c7;color:#d97706}.tool-method-badge.patch{background:#fff7ed;color:#ea580c}.tool-method-badge.delete{background:#fef2f2;color:#dc2626}.tool-card-description{color:#667085;font-size:13px;line-height:1.5;margin-bottom:12px}.tool-card-url{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:#6b7280;background:#f9fafb;padding:6px 10px;border-radius:6px;word-break:break-all;margin-bottom:12px}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6}.tool-card-meta{display:flex;gap:12px;font-size:11px;color:#9ca3af}.tool-card-actions{display:flex;gap:4px}.tool-card-actions .ant-btn{border-radius:8px;width:32px;height:32px;padding:0}.logs-section{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 10px 25px #00000008;border:1px solid rgba(0,0,0,.05)}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.logs-table .ant-table-thead>tr>th{background:#f9fafb;border-bottom:1px solid #eaecf0;color:#475467;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;padding:14px 16px}.logs-table .ant-table-tbody>tr>td{padding:14px 16px;border-bottom:1px solid #f3f4f6}.logs-table .ant-table-tbody>tr:hover>td{background:#fafbfc}.log-status-tag{font-size:11px;font-weight:600;border-radius:6px;padding:2px 10px}.log-duration{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:#6b7280}.log-detail-json{background:#0a0e1a;border-radius:10px;padding:16px;color:#e5e7eb;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow-x:auto;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.config-empty-state{text-align:center;padding:48px 24px;background:#fafbfc;border-radius:12px;border:1px dashed #d1d5db}.config-empty-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f0f7ff,#e0efff);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:#4f46e5}.config-empty-title{font-size:16px;font-weight:600;color:#101828;margin-bottom:8px}.config-empty-description{color:#667085;font-size:14px;max-width:400px;margin:0 auto}.template-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 30px 100px #00000026;border:1px solid #E5E7EB;animation:templateSlideIn .3s ease-out}@keyframes templateSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.template-modal .ant-modal-header{padding:0;border-bottom:none!important;margin-bottom:0}.template-modal .ant-modal-title{font-size:20px!important;font-weight:600!important;color:#111827!important;line-height:1.2!important;margin-bottom:2px!important}.template-modal .ant-modal-body{padding:0!important;max-height:calc(80vh - 120px);overflow-y:auto}.template-modal .modal-header,.template-modal .ant-form{padding:0!important}.template-modal .ant-modal-footer{padding:12px 0 0!important;border-top:1px solid #F1F5F9!important;margin-top:0;background:#fff;display:flex;justify-content:flex-end;gap:12px}.template-modal .ant-modal-footer .ant-btn{border-radius:10px!important;height:40px!important;font-weight:500!important;padding:0 24px!important;transition:all .2s ease!important}.template-modal .ant-modal-footer .ant-btn-default{border:1.5px solid #E5E7EB!important;background:#fff!important;color:#4b5563!important}.template-modal .ant-modal-footer .ant-btn-default:hover{border-color:#4f46e5!important;color:#4f46e5!important}.template-modal .ant-modal-footer .ant-btn-primary{background:#4f46e5!important;border-color:#4f46e5!important;box-shadow:0 8px 24px #4f46e54d!important}.template-modal .ant-modal-footer .ant-btn-primary:hover{background:#4338ca!important;border-color:#4338ca!important;transform:translateY(-1px);box-shadow:0 12px 32px #4f46e566!important}.scrollable-modal .ant-modal-body{max-height:70vh;overflow-y:auto;padding-top:8px!important}.scrollable-modal .ant-modal-body::-webkit-scrollbar{width:6px}.scrollable-modal .ant-modal-body::-webkit-scrollbar-track{background:transparent}.scrollable-modal .ant-modal-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.template-modal .ant-form-item-label>label{font-size:14px;font-weight:600;color:#374151}.template-modal .ant-input,.template-modal .ant-input-affix-wrapper{border-radius:12px!important;border:1.5px solid #E5E7EB!important;padding:8px 16px!important;font-size:14px!important;transition:all .2s ease!important}.template-modal .ant-input:hover,.template-modal .ant-input-affix-wrapper:hover{border-color:#4f46e5!important}.template-modal .ant-input:focus,.template-modal .ant-input-affix-wrapper:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.prompt-textarea{font-family:SF Mono,Fira Code,monospace!important;font-size:13px!important;line-height:1.6!important;border-radius:12px!important;padding:12px 16px!important;min-height:120px}.prompt-textarea:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}@media (max-width: 992px){.template-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tool-card-grid{grid-template-columns:1fr}.templates-header,.tools-header{flex-direction:column;align-items:stretch}.tools-template-selector{width:100%}.config-section{padding:20px}}@media (max-width: 768px){.template-card-grid{grid-template-columns:1fr}.config-section,.logs-section{padding:16px;border-radius:12px}.prompt-preview-block{padding:14px 16px}}@media (max-width: 576px){.placeholder-chips{gap:6px}.placeholder-chip{font-size:11px;padding:3px 10px}.template-card{padding:16px}.tool-card{padding:14px}}.plans-container{padding:60px 24px;max-width:1400px;margin:0 auto;background:radial-gradient(circle at top right,rgba(24,144,255,.05),transparent 400px),radial-gradient(circle at bottom left,rgba(82,196,26,.05),transparent 400px);min-height:100vh}.plans-header{text-align:center;margin-bottom:64px;animation:fadeInDown .8s ease-out}.plans-header h1{font-size:3.5rem!important;font-weight:800!important;background:linear-gradient(135deg,#4f46e5,#722ed1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px!important}.plan-card{position:relative;height:100%;border-radius:24px!important;border:1px solid rgba(255,255,255,.3)!important;background:#ffffffb3!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #1f268712!important;transition:all .4s cubic-bezier(.165,.84,.44,1)!important;overflow:visible!important;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #1f26871f!important;background:#ffffffd9!important}.plan-card.popular{border:1px solid rgba(79,70,229,.5)!important}.plan-card.current{border:1px solid rgba(82,196,26,.5)!important}.popular-badge{position:absolute;top:-14px;right:32px;background:linear-gradient(135deg,#4f46e5,#001529);color:#fff;padding:6px 20px;border-radius:20px;font-weight:700;font-size:.75rem;letter-spacing:1px;box-shadow:0 4px 15px #4f46e566;z-index:10}.current-badge{position:absolute;top:-14px;right:32px;background:linear-gradient(135deg,#52c41a,#237804);color:#fff;padding:6px 20px;border-radius:20px;font-weight:700;font-size:.75rem;letter-spacing:1px;box-shadow:0 4px 15px #52c41a66;z-index:10}.plan-price-section{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.05)}.plan-price-value{font-size:2.5rem!important;display:block;font-weight:800!important;color:#1a1a1a!important}.plan-features-list{margin-bottom:32px!important;flex:1}.plan-feature-item{padding:12px 0!important;border:none!important}.plan-feature-icon{font-size:1.1rem;color:#52c41a;background:#52c41a1a;padding:4px;border-radius:50%}.plan-button{height:56px!important;border-radius:16px!important;font-weight:700!important;font-size:1rem!important;transition:all .3s ease!important;text-transform:uppercase;letter-spacing:.5px}.plan-button.primary{background:linear-gradient(135deg,#4f46e5,#722ed1)!important;border:none!important;box-shadow:0 4px 15px #4f46e54d!important}.payment-modal .ant-modal-content{background:#fff!important;border-radius:24px!important;box-shadow:0 25px 50px -12px #00000026!important;border:none!important;overflow:hidden}.modal-section-title{font-size:13px;font-weight:700;color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:8px}.modal-section-container{background:#f8fafc;padding:10px 14px;border-radius:12px;margin-bottom:10px;border:1px solid #f1f5f9}.compact-form .ant-form-item-label{padding:0 0 4px!important}.compact-form .ant-form-item-label label{font-size:13px!important;height:18px!important;display:flex!important;align-items:center!important}.modal-headers{padding:12px 24px;text-align:center;border-bottom:1px solid rgba(0,0,0,.05)}.modal-icon-wrapper{width:44px;height:44px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:0 4px 12px #1890ff1a;color:#4f46e5;font-size:18px}.checkout-summary{background:#f8f9fa;border-radius:12px;padding:12px 16px;margin-bottom:16px;border:1px dashed #d9d9d9}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.summary-total{border-top:1px solid #d9d9d9;margin-top:12px;padding-top:12px;font-weight:700;font-size:1.1rem}.payment-form .ant-form-item-label label{font-weight:600!important;color:#4a4a4a!important}.payment-input{height:42px!important;border-radius:10px!important;border:1px solid #e1e1e1!important;transition:all .3s ease!important}.payment-input:focus,.payment-input:hover{border-color:#4f46e5!important;box-shadow:0 0 0 2px #4f46e51a!important}.secure-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#8c8c8c;font-size:.75rem}.payment-modal-footer{margin-top:16px}.plan-button.primary:hover{box-shadow:0 8px 25px #4f46e580!important;filter:brightness(1.1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.col-animate{animation:fadeInUp .6s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.col-animate:nth-child(1){animation-delay:.1s}.col-animate:nth-child(2){animation-delay:.2s}.col-animate:nth-child(3){animation-delay:.3s}.col-animate:nth-child(4){animation-delay:.4s}.plan-actions-trigger{position:absolute;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fffc;border-radius:50%;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:20;box-shadow:0 4px 12px #0000001a;color:#595959;font-size:20px}.plan-card:hover .plan-actions-trigger{opacity:1;transform:scale(1)}.plan-actions-trigger:hover{background:#fff;color:#4f46e5;box-shadow:0 6px 16px #00000026}.plan-card.popular .plan-actions-trigger{top:20px;right:20px}.minimalist-create-btn{height:44px!important;border-radius:14px!important;padding:0 24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:#fff9!important;border:1px solid rgba(0,0,0,.08)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000008!important;font-weight:600!important;color:#595959!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-size:15px!important}.minimalist-create-btn:hover{background:#fff!important;border-color:#4f46e5!important;color:#4f46e5!important;transform:translateY(-2px);box-shadow:0 8px 20px #4f46e51a!important}.minimalist-create-btn .anticon{font-size:16px;transition:transform .3s ease}.minimalist-create-btn:hover .anticon{transform:rotate(90deg)}@media screen and (max-width: 1280px) and (max-height: 800px){.plans-container{padding:32px 24px}.plans-header{margin-bottom:32px}.plans-header h1{font-size:2.2rem!important;margin-bottom:8px!important}.plans-header p,.plans-header .ant-typography-secondary{font-size:15px!important}.plan-card{border-radius:16px!important}.plan-card .ant-card-body{padding:24px!important}.plan-price-section{margin-bottom:16px;padding-bottom:16px}.plan-price-value{font-size:1.8rem!important}.plan-features-list{margin-bottom:16px!important}.plan-feature-item{padding:8px 0!important}.plan-feature-item span{font-size:13px!important}.plan-button{height:44px!important;font-size:.85rem!important;border-radius:12px!important}.popular-badge{padding:4px 12px;font-size:.65rem;top:-10px}}@media screen and (max-width: 1024px) and (max-height: 600px){.plans-container{padding:20px 16px}.plans-header{margin-bottom:24px}.plans-header h1{font-size:1.8rem!important}.plans-header .minimalist-create-btn{height:36px!important;padding:0 16px!important;font-size:13px!important;margin-top:-8px}.plan-card .ant-card-body{padding:16px!important}.plan-price-section{margin-bottom:12px;padding-bottom:12px}.plan-price-value{font-size:1.5rem!important}.plan-feature-item{padding:4px 0!important}.plan-feature-icon{font-size:.9rem}.plan-actions-trigger{top:12px;right:12px;width:30px;height:30px;font-size:16px}}:root{--primary-color: #fafbff;--primary-brand: #6366f1;--primary-brand-light: #818cf8;--bg-main: #FFFFFF;--bg-secondary: #F9FAFB;--text-main: #101828;--text-secondary: #667085;--border-color: #EAECF0;--success-bg: #ECFDF3;--success-text: #027A48;--error-bg: #FEF3F2;--error-text: #B42318;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 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 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6366f11a,0 0 40px #6366f10d}50%{box-shadow:0 0 30px #6366f133,0 0 60px #6366f11a}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.content-inner{padding:32px 40px;background:#f5f5f5;min-height:100vh;animation:fadeIn .6s ease-out}.content-inner>*{max-width:1400px;margin-left:auto;margin-right:auto}.breadcrumb-section{margin-bottom:24px}.breadcrumb-item{color:#94a3b8;font-size:15px;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.breadcrumb-item:hover{color:var(--primary-brand);transform:translate(2px)}.breadcrumb-item.active{color:var(--text-main);font-weight:600}.breadcrumb-separator{color:#e2e8f0;font-size:14px}.dashboard-header{display:flex;flex-direction:column;align-items:flex-start;gap:32px;margin-bottom:48px}.welcome-title{font-size:22px!important;font-weight:500!important;background:linear-gradient(135deg,#1e293b,#334155,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px!important;letter-spacing:-.03em!important}.welcome-subtitle{font-size:16px;color:#64748b;font-weight:400;line-height:1.6}.header-actions{display:flex;flex-direction:column;gap:16px;width:100%}.top-controls-row{display:flex;justify-content:space-between;align-items:center;width:100%}.main-filters{display:flex;gap:8px;align-items:center}.language-filters,.gender-filters,.dialect-filters{display:flex;flex-wrap:wrap;background:linear-gradient(135deg,#fff,#f8fafc);padding:4px;border-radius:12px;border:1px solid rgba(226,232,240,.6);box-shadow:0 2px 8px #00000008;gap:2px}.dialect-filters-row{display:flex;align-items:center;gap:12px;width:100%;margin-top:4px}.dialect-label{font-size:13px;font-weight:600;color:#64748b;white-space:nowrap}.time-filter-btn{border:none;background:transparent;padding:8px 18px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;border-radius:9px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1}.time-filter-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-brand),var(--primary-brand-light));opacity:0;transition:opacity .3s ease;z-index:-1}.time-filter-btn.active{color:#fff!important;transform:scale(1.02);box-shadow:0 4px 12px #6366f14d}.time-filter-btn.active:before{opacity:1}.voices-segmented{padding:4px!important;border-radius:12px!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid rgba(226,232,240,.6)!important;box-shadow:0 2px 8px #00000008!important}.voices-segmented .ant-segmented-item{transition:all .3s cubic-bezier(.4,0,.2,1)!important;border-radius:8px!important}.voices-segmented .ant-segmented-item-selected{border-radius:8px!important}.voices-segmented .custom-segment.ant-segmented-item-selected{background:linear-gradient(135deg,#594bec,#7c3aed)!important;color:#fff!important;box-shadow:0 4px 16px #594bec66!important}.voices-segmented .custom-segment.ant-segmented-item-selected .ant-segmented-item-label,.voices-segmented .custom-segment.ant-segmented-item-selected .ant-segmented-item-icon{color:#fff!important}.voices-segmented .audixy-segment.ant-segmented-item-selected{box-shadow:0 4px 12px #6366f133!important}.premium-card{position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;border:1px solid rgba(226,232,240,.6)!important;background:linear-gradient(135deg,#fff,#fafafa)!important;box-shadow:0 2px 8px #0000000a!important}.premium-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#6366f14d,#818cf81a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease}.premium-card:hover:before{opacity:1}.premium-card:hover{transform:translateY(-8px) scale(1.01)!important;box-shadow:0 20px 40px #6366f11f,0 10px 20px #0000000f!important;border-color:#6366f14d!important}.glass-button{background:#fffc!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(226,232,240,.8)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.glass-button:hover{background:#fffffff2!important;border-color:#6366f14d!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000014!important}.time-filter-btn{border:none;background:transparent;padding:8px 18px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;border-radius:9px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.time-filter-btn:hover{color:var(--primary-brand);background:#6366f10d}.time-filter-btn.active{background:linear-gradient(135deg,#fff,#f8fafc);color:var(--primary-brand);box-shadow:0 4px 12px #6366f126;transform:scale(1.02)}.voices-grid{margin-top:32px}.voices-grid>.ant-col{display:flex!important}.voices-grid>.ant-col>div{display:flex!important;flex:1!important;width:100%}.voice-card{width:100%;display:flex!important;flex-direction:column!important;border-radius:12px!important;overflow:hidden!important;background:linear-gradient(135deg,#fff,#fefefe)!important;border:1px solid rgba(226,232,240,.6)!important;box-shadow:0 2px 10px #00000008!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;position:relative;height:100%!important}.voice-card .ant-card-body{flex:1!important;display:flex!important;flex-direction:column!important;padding:12px!important}.voice-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;padding:2px;background:linear-gradient(135deg,#6366f100,#6366f133,#818cf800);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.voice-card:hover:before{opacity:1}.voice-card:hover{transform:translateY(-6px)!important;border-color:#6366f14d!important;box-shadow:0 20px 40px #6366f126,0 10px 20px #00000014!important}.voice-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.voice-card-header .ant-avatar{width:32px!important;height:32px!important;border-radius:6px!important;flex-shrink:0;box-shadow:0 3px 8px #0000000d;transition:all .3s ease}.voice-card:hover .voice-card-header .ant-avatar{transform:scale(1.05);box-shadow:0 6px 16px #0000001f}.voice-info{display:flex;flex-direction:column;flex:1;min-width:0}.voice-name-header{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%}.header-flag{flex-shrink:0;padding-top:2px;border-radius:3px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.voice-info-title{margin:0!important;font-weight:700!important;font-size:14px!important;color:#0f172a!important;letter-spacing:-.01em!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-name-title{text-transform:capitalize!important}.voice-info-subtitle{font-size:10px!important;color:#94a3b8!important;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.voice-characteristics{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:5px}.voice-tag{margin:0!important;border-radius:5px!important;padding:3px 8px!important;font-size:10px!important;font-weight:600!important;background:#6366f10f!important;border:1px solid rgba(99,102,241,.15)!important;color:var(--primary-brand)!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voice-tag:hover{background:#6366f11a!important;border-color:#6366f14d!important;transform:translateY(-1px)}.voice-card-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(226,232,240,.6);margin-top:auto}.voice-sample-btn{flex:1;border-radius:8px!important;height:32px!important;display:flex!important;align-items:center;justify-content:center;font-weight:600!important;font-size:12px!important;background:linear-gradient(135deg,#1e293b,#334155)!important;border:none!important}.voice-sample-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #0f172a59!important}.voice-details-btn{width:32px!important;height:32px!important;border-radius:8px!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid rgba(226,232,240,.6)!important;color:#64748b!important}.voice-details-btn:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-color:#6366f14d!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #6366f126!important}.custom-voices-view{margin-top:24px}.voice-cloning-card{border-radius:20px!important;overflow:hidden}.voice-cloning-card .ant-card-head{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(226,232,240,.6)}.voice-dragger{border-radius:16px!important;background:linear-gradient(135deg,#f8fafc,#fff)!important;border:2px dashed rgba(99,102,241,.3)!important;transition:all .3s ease!important;position:relative;overflow:hidden}.voice-dragger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.03) 0%,transparent 50%,rgba(129,140,248,.03) 100%);opacity:0;transition:opacity .3s ease}.voice-dragger:hover{border-color:#6366f180!important;background:linear-gradient(135deg,#f8fafc,#fefefe)!important;transform:scale(1.01)}.voice-dragger:hover:before{opacity:1}.voice-dragger-icon-wrapper{margin-bottom:16px!important;animation:float 3s ease-in-out infinite}.voice-dragger-text{font-size:18px!important;font-weight:700!important;color:#1e293b;letter-spacing:-.01em}.voice-dragger-hint{color:#64748b!important;max-width:450px;margin:0 auto;line-height:1.6}.voice-upload-btn{height:44px!important;border-radius:10px!important;font-weight:600!important;font-size:15px!important;background:linear-gradient(135deg,var(--primary-brand) 0%,var(--primary-brand-light) 100%)!important;border:none!important;box-shadow:0 4px 16px #6366f14d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.voice-upload-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 8px 24px #6366f166!important}.your-custom-voices-section{margin-top:32px}.your-custom-voices-title{margin-bottom:20px!important;font-weight:700!important;font-size:20px!important;color:#1e293b}.your-custom-voices-section .ant-row .ant-col{display:flex!important;flex-direction:column!important}.your-custom-voices-section .ant-row .ant-col>div{display:flex!important;flex:1!important;width:100%}.custom-voice-card{width:100%;display:flex!important;flex-direction:column!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:100%!important}.custom-voice-card .ant-card-body{flex:1!important;display:flex!important;flex-direction:column!important;padding:16px!important}.custom-voice-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 30px #6366f126!important}.custom-voice-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.custom-voice-card-info{display:flex;align-items:center;gap:12px}.custom-voice-card-actions{display:flex;gap:8px}.custom-voice-card-traits{display:flex;flex-wrap:wrap;gap:6px}.empty-custom-voice-card{border-radius:16px!important;border:2px dashed rgba(226,232,240,.8)!important;background:linear-gradient(135deg,#f8fafc,#fff)!important;transition:all .3s ease!important}.empty-custom-voice-card:hover{border-color:#6366f14d!important;background:linear-gradient(135deg,#fff,#fefefe)!important}.empty-voice-avatar{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;color:#64748b!important;margin-bottom:12px}.empty-voice-title{margin:0!important;color:#64748b!important;font-weight:600!important}.empty-voice-text{font-size:13px!important;color:#94a3b8!important}.cloning-tips-card{border-radius:20px!important;height:100%!important;background:linear-gradient(135deg,#fff,#fafafa)!important;box-shadow:0 4px 16px #0000000a!important}.cloning-tips-card .ant-card-head{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid rgba(226,232,240,.6)}.tip-item-title{display:block;margin-bottom:8px!important;color:#1e293b;font-weight:700!important;font-size:14px}.card-title-with-icon{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:#1e293b}.voice-details-drawer .ant-drawer-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(226,232,240,.6);padding:24px}.voice-details-drawer .ant-drawer-body{padding:28px;background:#fafafa}.voice-details-drawer .ant-drawer-title{font-size:20px;font-weight:700;color:#1e293b;letter-spacing:-.01em}.voice-details-drawer .ant-avatar{box-shadow:0 8px 24px #0000001f;animation:glowPulse 3s ease-in-out infinite}@media (max-width: 768px){.content-inner{padding:24px 20px}.welcome-title{font-size:28px!important}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%;flex-direction:column}.gender-filters,.language-filters,.voices-segmented{width:100%}.dialect-filter-bar{flex-direction:column;align-items:flex-start}}.billing-success-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f0f4ff,#e6e9f0);padding:20px}.billing-success-card{max-width:500px;width:100%;border-radius:24px!important;overflow:hidden;box-shadow:0 20px 40px #00000014!important;border:none!important;background:#ffffffd9!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.success-icon-wrapper{margin-bottom:24px}.success-icon{font-size:72px;color:#52c41a}.what-next-section{text-align:left;margin-bottom:32px}.what-next-title{display:flex;align-items:center;gap:8px;margin-bottom:16px!important}.what-next-item{display:flex;align-items:center;gap:8px}.what-next-dot{width:6px;height:6px;border-radius:50%;background:#1890ff}.action-button-primary{height:54px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;background:#1890ff!important;box-shadow:0 4px 14px #1890ff63!important}.action-button-text{color:#595959!important;font-weight:500!important}