: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}:where(.breadcrumb-item,.card-title-with-icon,.hero-usage-label,.item-name,.wa-page-bc-item,.agent-name-cell,.template-tools,.metric-detail-item) :where(.anticon,svg):not(:last-child){margin-inline-end:6px}:where(.ant-space,.ant-btn,.ant-tag,.ant-tabs-tab-btn,.ant-select-item-option-content) :where(.anticon,svg):not(:last-child){margin-inline-end:4px}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}}.ant-btn.view-details-btn{display:inline-flex!important;align-items:center!important;height:26px!important;padding:0 14px!important;font-size:12px!important;font-weight:500!important;letter-spacing:.3px!important;border-radius:20px!important;border:1.5px solid #4f46e5!important;color:#4f46e5!important;background:#f5f3ff!important;box-shadow:none!important;transition:all .22s ease!important;white-space:nowrap!important}.ant-btn.view-details-btn:hover,.ant-btn.view-details-btn:focus{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 14px #4f46e552!important;transform:translateY(-1px)!important}.ant-btn.view-details-btn:active{transform:translateY(0)!important;box-shadow:0 2px 6px #4f46e533!important}.nav-btn-back,.nav-btn-cancel{background:transparent!important;border:1px solid #e5e7eb!important;color:#4b5563!important}.nav-btn-back:hover,.nav-btn-cancel:hover{background:#f9fafb!important;border-color:#111827!important;color:#111827!important}.nav-btn-next,.nav-btn-submit{background:#4f46e5!important;background-color:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.nav-btn-next:hover,.nav-btn-submit:hover{background:#4338ca!important;background-color:#4338ca!important;border-color:#4338ca!important;color:#fff!important}::-webkit-scrollbar{width:0px;background:transparent}::-webkit-scrollbar-thumb{background:transparent}#root{width:100%;margin:0;padding:0}body.ant-scrolling-effect{overflow:hidden!important;padding-right:0!important;width:100%!important}@media (max-width: 480px){.ant-drawer-content-wrapper{width:100%!important;max-width:100vw!important}}.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}.alert-dialog-modal .ant-modal-content{border-radius:20px!important;padding:36px 32px 32px!important;box-shadow:0 20px 48px #0000001f!important}.alert-dialog-modal .ant-modal-mask{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#00000059!important}.alert-dialog-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.alert-dialog-badge{width:68px;height:68px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;box-shadow:0 8px 24px #0000001a;animation:adBadgePop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes adBadgePop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.alert-dialog-title{font-size:22px;font-weight:800;color:#111827;letter-spacing:-.5px;margin:0;line-height:1.25}.alert-dialog-text{font-size:14px;color:#6b7280;line-height:1.6;margin:0;max-width:280px}.alert-dialog-footer{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:8px}.alert-dialog-btn-confirm{height:48px!important;font-size:15px!important;font-weight:700!important;border-radius:12px!important;border:none!important;transition:all .3s ease!important}.alert-dialog-btn--error{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 8px 20px -4px #ef444466!important}.alert-dialog-btn--error:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 12px 24px -4px #ef444480!important}.alert-dialog-btn--success{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 8px 20px -4px #22c55e66!important}.alert-dialog-btn--success:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 12px 24px -4px #22c55e80!important}.alert-dialog-btn--warning{background:linear-gradient(135deg,#f97316,#ea580c)!important;box-shadow:0 8px 20px -4px #f9731666!important}.alert-dialog-btn--warning:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 12px 24px -4px #f9731680!important}.alert-dialog-btn--info{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;box-shadow:0 8px 20px -4px #4f46e573!important}.alert-dialog-btn--info:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 12px 24px -4px #4f46e58c!important}.alert-dialog-btn-close{height:36px!important;font-size:13px!important;font-weight:500!important;border-radius:10px!important;color:#9ca3af!important}.alert-dialog-btn-close:hover{color:#374151!important;background:#f3f4f6!important}.language-switcher-floating{position:fixed;bottom:88px;right:28px;z-index:1050;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(99,102,241,.18);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f5f3ff);box-shadow:0 8px 24px #6366f12e,0 2px 8px #0000001a,inset 0 1px #ffffffe6;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1),border-color .25s ease;outline:none}.language-switcher-floating:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid rgba(99,102,241,.2);opacity:0;animation:float-ring-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes float-ring-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.language-switcher-floating:hover{border-color:#6366f166;box-shadow:0 16px 40px #6366f147,0 4px 12px #0000001f,inset 0 1px #fff;transform:translateY(-4px) scale(1.06)}.language-switcher-floating:active{transform:translateY(-1px) scale(.97);box-shadow:0 4px 14px #6366f12e,0 1px 4px #00000014,inset 0 1px #fffc}.language-floating-flag-svg{width:28px;height:20px;border-radius:4px;display:block;flex-shrink:0;box-shadow:0 1px 3px #0000002e,0 0 0 1px #00000014;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.language-switcher-floating:hover .language-floating-flag-svg{transform:scale(1.08)}[dir=rtl] .language-switcher-floating{right:unset;left:28px}.language-dropdown-floating .ant-dropdown-menu{min-width:200px;padding:6px;border-radius:16px;border:1px solid rgba(99,102,241,.12);box-shadow:0 20px 48px #6366f124,0 6px 16px #0000001a;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:10px}.language-dropdown-floating .ant-dropdown-menu-item{border-radius:10px!important;transition:background .15s ease!important}.language-dropdown-floating .ant-dropdown-menu-item:hover{background:#6366f10f!important}.language-dropdown-floating .ant-dropdown-menu-item-selected{background:#eff0fe!important}.language-switcher-flag{width:36px!important;height:36px!important;min-height:unset!important;padding:0!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e5e7eb!important;background:#f9fafb!important;box-shadow:none!important;margin-bottom:6px!important;transition:background .2s ease,border-color .2s ease!important}.language-switcher-flag:hover{background:#4f46e50f!important;border-color:#c7d2fe!important}.language-flag-svg{width:22px;height:15px;border-radius:3px;display:block;flex-shrink:0;box-shadow:0 0 0 1px #00000014}.language-option-flag-svg{width:20px;height:14px;border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px #00000014}.language-switcher{width:100%;min-height:48px;height:auto;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5);color:#0f172a;box-shadow:0 8px 22px #0f172a0f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.language-switcher:hover,.language-switcher:focus-visible{border-color:#2563eb47;background:#fff;box-shadow:0 12px 28px #2563eb1f;color:#0f172a!important}.language-switcher:active{transform:translateY(1px)}.language-switcher-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:10px;color:#1d4ed8;background:#2563eb1a}.language-switcher-copy{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;line-height:1.1}.language-switcher-label{font-size:11px;font-weight:700;color:#64748b}.language-switcher-current{max-width:118px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;color:#0f172a}.language-switcher-code{min-width:34px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:900}.language-switcher-chevron{flex:0 0 auto;color:#94a3b8}.language-switcher-compact{margin:6px 10px 10px;width:calc(100% - 20px)}.language-switcher-icon-only{width:100%!important;min-width:unset!important;height:44px!important;min-height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;margin:4px 0!important;color:#667085!important;background:transparent!important;border:none!important;box-shadow:none!important}.language-switcher-icon-only .anticon,.language-switcher-icon-only svg{font-size:18px!important;width:18px!important;height:18px!important}.language-switcher-icon-only:hover{background:#4f46e50a!important;color:#4f46e5!important;box-shadow:none!important}.language-dropdown .ant-dropdown-menu{min-width:230px;padding:8px;border:1px solid rgba(15,23,42,.08);border-radius:14px;box-shadow:0 18px 45px #0f172a29}.language-dropdown .ant-dropdown-menu-item{padding:0!important;border-radius:10px!important}.language-dropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{margin-top:4px}.language-option{display:flex;align-items:center;gap:10px;padding:9px 10px}.language-option-code{width:34px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:9px;background:#f1f5f9;color:#334155;font-size:11px;font-weight:900}.language-option-copy{min-width:0;display:flex;flex:1;flex-direction:column}.language-option-name{color:#0f172a;font-size:13px;font-weight:800}.language-option-meta{margin-top:2px;color:#64748b;font-size:11px;font-weight:600}.language-option-check{color:#2563eb}.language-dropdown .ant-dropdown-menu-item-selected{background:#eff6ff!important}.language-dropdown .ant-dropdown-menu-item-selected .language-option-code{background:#dbeafe;color:#1d4ed8}[dir=rtl] .language-switcher-copy,[dir=rtl] .language-option-copy{align-items:flex-start}@media (max-width: 768px){.language-switcher-current{max-width:92px}}.login-container{width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#0f0c29}.login-row{height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}.login-form-side{height:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.login-form-wrapper{display:flex;flex-direction:column;justify-content:center;padding:32px 48px;max-width:420px;width:100%}.login-form-header{margin-bottom:28px}.login-title{font-size:30px!important;font-weight:800!important;margin:0 0 4px!important;color:#111827!important;letter-spacing:-.5px}.login-subtitle{color:#6b7280!important;font-size:14px!important}.login-form-item{margin-bottom:14px!important}.login-form-item .ant-form-item-label>label{font-size:13px;font-weight:600;color:#374151}.login-input{height:44px!important;border-radius:10px!important;border-color:#e5e7eb!important;font-size:14px!important;background:#f9fafb!important;transition:all .2s ease!important}.login-input:hover{border-color:#a5b4fc!important;background:#fff!important}.login-input:focus,.login-input.ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51f!important;background:#fff!important}.login-input-icon{color:#9ca3af}.login-options-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.login-checkbox{font-size:13px!important;color:#6b7280!important}.login-checkbox.ant-checkbox-wrapper:hover .ant-checkbox-inner,.login-checkbox .ant-checkbox-checked .ant-checkbox-inner{border-color:#4f46e5!important;background-color:#4f46e5!important}.login-forgot-link{padding:0!important;font-size:13px!important;color:#4f46e5!important;font-weight:600!important}.login-submit-item{margin-bottom:14px!important}.login-btn{height:48px!important;font-size:15px!important;font-weight:700!important;border-radius:12px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;box-shadow:0 8px 20px -4px #4f46e573!important;transition:all .3s ease!important}.login-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -4px #4f46e58c!important;opacity:.95}.login-signup-row{display:flex;align-items:center;justify-content:center;gap:2px}.login-signup-text{color:#6b7280;font-size:13px}.login-signup-link{padding:0!important;font-size:13px!important;color:#4f46e5!important;font-weight:700!important;margin-left:4px}.login-dark-panel{position:relative;height:100%;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;overflow:hidden}.login-dark-panel:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.35) 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%;animation:loginOrb1 8s ease-in-out infinite}.login-dark-panel:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-80px;left:-60px;border-radius:50%;animation:loginOrb2 10s ease-in-out infinite}@keyframes loginOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,30px) scale(1.1)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes loginOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}.login-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.login-orb-mid{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(79,70,229,.25) 0%,transparent 70%);top:50%;left:60%;border-radius:50%;animation:loginOrb3 12s ease-in-out infinite}@keyframes loginOrb3{0%,to{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-60%) scale(1.2)}70%{transform:translate(-40%,-50%) scale(.9)}}.login-dark-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:36px 44px;width:100%}.login-dark-logo img{height:38px;filter:brightness(0) invert(1);opacity:.95;transition:opacity .2s ease}.login-dark-logo:hover img{opacity:.7}.login-logo-fallback{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px}.login-dark-tagline{font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#a78bfae6;margin-bottom:12px}.login-dark-headline{font-size:38px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-1px;margin:0}.login-dark-headline span{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-wa-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.login-wa-phone{width:240px;border-radius:28px;overflow:hidden;background:#111b21;box-shadow:0 0 0 6px #ffffff0f,0 0 0 12px #ffffff08,0 32px 64px #00000080;animation:loginPhoneFloat 5s ease-in-out infinite}@keyframes loginPhoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-wa-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#075e54,#128c7e)}.login-wa-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.login-wa-info{flex:1}.login-wa-name{font-size:13px;font-weight:700;color:#fff;line-height:1.2}.login-wa-status{font-size:10px;color:#ffffffbf;display:flex;align-items:center;gap:4px;margin-top:2px}.login-wa-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;display:inline-block;animation:loginPulse 2s infinite}@keyframes loginPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.login-wa-body{padding:12px 10px 8px;background:#0b141a;min-height:160px;display:flex;flex-direction:column;gap:8px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.login-wa-bubble{padding:8px 10px;border-radius:12px;font-size:11px;line-height:1.5;max-width:85%;word-break:break-word}.login-wa-user{background:#005c4b;color:#e9edef;align-self:flex-end;border-bottom-right-radius:4px}.login-wa-agent{background:#202c33;color:#e9edef;align-self:flex-start;border-bottom-left-radius:4px}.login-wa-lang{font-size:9px;font-weight:700;color:#25d366;margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase}.login-wa-text{font-size:12px;color:#e9edef;line-height:1.5}.login-wa-time{font-size:9px;color:#ffffff59;text-align:right;margin-top:4px}.login-wa-typing{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#202c33;border-radius:12px 12px 12px 4px;width:fit-content}.login-wa-typing span{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:loginTyping 1.2s ease-in-out infinite}.login-wa-typing span:nth-child(2){animation-delay:.2s}.login-wa-typing span:nth-child(3){animation-delay:.4s}@keyframes loginTyping{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.login-wa-inputbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#202c33;border-top:1px solid rgba(255,255,255,.05)}.login-wa-placeholder{flex:1;font-size:11px;color:#ffffff40;background:#2a3942;border-radius:20px;padding:6px 12px}.login-wa-send{width:28px;height:28px;border-radius:50%;background:#00a884;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0}.login-wa-badge{position:absolute;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600;color:#ffffffd9;white-space:nowrap;box-shadow:0 8px 24px #0000004d}.login-badge-tl{top:10px;left:-10px}.login-badge-tr{top:10px;right:-10px}.login-badge-bl{bottom:50px;left:-10px}.login-dark-stats{display:flex;gap:32px}.login-stat{display:flex;flex-direction:column;gap:2px}.login-stat-value{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.login-stat-label{font-size:12px;color:#ffffff73;font-weight:500}.login-footer-text{margin-top:24px;text-align:center;font-size:12px;color:#9ca3af}@media (max-width: 768px){.login-dark-panel{display:none}.login-form-side{width:100%!important}.login-form-wrapper{padding:32px 24px;max-width:100%}}@media (max-height: 700px){.login-title{font-size:22px!important}.login-form-wrapper{padding:20px 40px}.login-form-header{margin-bottom:16px}}.avatar-crop-modal .ant-modal-content{border-radius:20px!important;overflow:hidden;padding:0!important;box-shadow:0 24px 60px #00000024,0 8px 20px #00000014!important}.crop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;background:#fff;border-bottom:1px solid #f3f4f6}.crop-modal-header-left{display:flex;align-items:center;gap:12px}.crop-modal-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;font-size:16px;color:#7c3aed;flex-shrink:0}.crop-modal-title{font-size:15px;font-weight:700;color:#111827;line-height:1.2}.crop-modal-subtitle{font-size:11px;color:#9ca3af;margin-top:2px;font-weight:400}.crop-container{position:relative;width:100%;height:320px;background:#0f0f1a}.crop-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;font-size:11px;font-weight:500;letter-spacing:.05em;padding:4px 12px;border-radius:20px;pointer-events:none;text-transform:uppercase}.crop-container .reactEasyCrop_CropArea{border:2.5px solid rgba(255,255,255,.9)!important;box-shadow:0 0 0 9999px #0009!important}.crop-controls{padding:18px 24px 12px;display:flex;flex-direction:column;gap:14px;background:#fff}.crop-control-row{display:flex;align-items:center;gap:12px}.crop-control-label-wrap{display:flex;align-items:center;gap:5px;width:64px;flex-shrink:0}.crop-control-icon{font-size:13px;color:#a78bfa;line-height:1}.crop-control-label{font-size:12px;font-weight:600;color:#6b7280}.crop-value-badge{font-size:11px;font-weight:600;color:#7c3aed;background:#f5f3ff;border-radius:6px;padding:2px 7px;min-width:42px;text-align:center;flex-shrink:0}.crop-slider{flex:1;margin:0!important}.crop-slider .ant-slider-rail{background:#f3f4f6!important;height:4px!important;border-radius:4px!important}.crop-slider .ant-slider-track{background:linear-gradient(90deg,#a78bfa,#7c3aed)!important;height:4px!important;border-radius:4px!important}.crop-slider .ant-slider-handle:after{width:14px!important;height:14px!important;box-shadow:0 0 0 2.5px #7c3aed,0 2px 6px #7c3aed4d!important;background:#fff!important}.crop-rotate-btns{display:flex;gap:6px;flex-shrink:0}.crop-rotate-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fafafa;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .18s ease;padding:0;outline:none}.crop-rotate-btn:hover{border-color:#7c3aed;color:#7c3aed;background:#f5f3ff}.crop-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px 20px;border-top:1px solid #f3f4f6;background:#fff}.crop-cancel-btn{height:38px;padding:0 18px;border-radius:10px;border:1.5px solid #e5e7eb;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;outline:none;font-family:inherit}.crop-cancel-btn:hover{border-color:#d1d5db;color:#374151;background:#f9fafb}.crop-done-btn{height:38px;padding:0 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .2s ease;outline:none;font-family:inherit;box-shadow:0 4px 12px #7c3aed59}.crop-done-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 16px #7c3aed73;transform:translateY(-1px)}.crop-done-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.crop-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:crop-spin .65s linear infinite;display:inline-block}@keyframes crop-spin{to{transform:rotate(360deg)}}.auth-lang-switcher{position:fixed;top:16px;inset-inline-end:20px;z-index:1000}.auth-lang-switcher .language-switcher{width:auto!important;min-height:42px!important;margin:0!important;padding:6px 14px 6px 8px!important;gap:8px!important;border-radius:40px!important;background:#fffffff2!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 4px 20px #0003,0 1px 4px #00000014!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;transition:box-shadow .2s ease,transform .15s ease!important}.auth-lang-switcher .language-switcher:hover{box-shadow:0 6px 28px #00000042,0 2px 6px #0000001a!important;transform:translateY(-1px)!important;border-color:#ffffffe6!important}.auth-lang-switcher .language-switcher-copy{display:none!important}.auth-lang-switcher .language-switcher-icon{width:28px!important;height:28px!important;border-radius:8px!important}.auth-lang-switcher .language-switcher-code{font-size:12px!important;font-weight:800!important;min-width:28px!important;height:22px!important}.auth-lang-switcher .language-switcher-chevron{color:#64748b!important}.reg__container{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;background:#0f0c29}.reg__row{height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}.reg__left-panel{position:relative;height:100%;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;overflow:hidden}.reg__panel-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:36px 44px;width:100%}.reg__left-panel:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.35) 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%;animation:reg__floatOrb1 8s ease-in-out infinite}.reg__left-panel:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-80px;left:-60px;border-radius:50%;animation:reg__floatOrb2 10s ease-in-out infinite}@keyframes reg__floatOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,30px) scale(1.1)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes reg__floatOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}.reg__orb-mid{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(79,70,229,.25) 0%,transparent 70%);top:50%;left:60%;border-radius:50%;animation:reg__floatOrb3 12s ease-in-out infinite}@keyframes reg__floatOrb3{0%,to{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-60%) scale(1.2)}70%{transform:translate(-40%,-50%) scale(.9)}}.reg__grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.reg__logo{margin-bottom:16px;transition:opacity .2s ease}.reg__logo:hover{opacity:.7}.reg__logo img{height:38px;filter:brightness(0) invert(1);opacity:.95}.reg__logo-text-fallback{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px}.reg__tagline{font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#a78bfae6;margin-bottom:16px}.reg__headline{font-size:42px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.reg__headline span{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reg__stats{display:flex;gap:32px}.reg__stat-item{display:flex;flex-direction:column;gap:2px}.reg__stat-value{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.reg__stat-label{font-size:12px;color:#ffffff73;font-weight:500}.reg__form-side{height:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;overflow-x:hidden}.reg__form-wrapper{display:flex;flex-direction:column;justify-content:flex-start;padding:44px 40px 20px;max-width:460px;width:100%;height:100%;overflow-y:auto}.reg__form-header{margin-bottom:12px}.reg__header-row{display:flex;align-items:center;gap:12px;margin-bottom:0}.reg__title{font-size:24px!important;font-weight:800!important;margin:0 0 2px!important;color:#111827!important;letter-spacing:-.5px}.reg__subtitle{color:#6b7280!important;font-size:13px!important}.reg__avatar-wrapper{position:relative;cursor:pointer;width:52px;height:52px;border-radius:50%;flex-shrink:0}.reg__avatar{border:3px solid #e5e7eb!important;transition:border-color .2s}.reg__avatar-wrapper:hover .reg__avatar{border-color:#4f46e5!important}.reg__avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0000006b;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;opacity:0;transition:opacity .2s}.reg__avatar-wrapper:hover .reg__avatar-overlay{opacity:1}.reg__divider{height:1px;background:#f0f0f0;margin:0 0 20px}.reg__form .ant-form-item-label>label{font-size:12px;font-weight:600;color:#374151;letter-spacing:.2px}.reg__form-item{margin-bottom:6px!important}.reg__form-row{display:flex;gap:10px}.reg__form-item--half{flex:1;min-width:0}.reg__input{height:36px!important;border-radius:8px!important;border-color:#e5e7eb!important;font-size:13px!important;transition:all .2s ease!important;background:#f9fafb!important;box-shadow:none!important}.reg__input:hover{border-color:#a5b4fc!important;background:#fff!important}.reg__input:focus,.reg__input.ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important;background:#fff!important}.reg__input-icon{color:#9ca3af;font-size:13px}.reg__submit-item{margin-top:6px!important;margin-bottom:8px!important}.reg__btn{height:40px!important;font-size:14px!important;font-weight:700!important;border-radius:10px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;box-shadow:0 8px 20px -4px #4f46e573!important;transition:all .3s ease!important}.reg__btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px -4px #4f46e599!important;opacity:.97}.reg__btn:active{transform:translateY(0)!important}.reg__terms-link{padding:0!important;height:auto!important;font-size:13px!important;color:#4f46e5!important;font-weight:600!important;line-height:inherit!important;vertical-align:baseline!important}.reg__signin-row{text-align:center;display:flex;align-items:center;justify-content:center;gap:2px}.reg__signin-text{color:#6b7280;font-size:12.5px}.reg__signin-link{padding:0!important;font-size:12.5px!important;color:#4f46e5!important;font-weight:700!important;margin-left:4px}.reg__footer-note{margin-top:24px;text-align:center;font-size:12px;color:#9ca3af}.reg__terms-modal .ant-modal-content{padding:0!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000026!important}.reg__terms-modal-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:28px 24px;color:#fff;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.reg__terms-modal-header:after{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;filter:blur(40px)}.reg__terms-modal-header-icon{font-size:28px;background:#ffffff26;padding:12px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #0000001a}.reg__terms-modal-header-text{display:flex;flex-direction:column}.reg__terms-modal-header-text h2{color:#fff!important;margin:0!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.5px}.reg__terms-modal-header-text span{font-size:13px;opacity:.85}.reg__terms-modal-body{padding:24px!important;background-color:#f8fafc}.reg__terms-modal-scrollable::-webkit-scrollbar{width:6px}.reg__terms-modal-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.reg__terms-modal-scrollable::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.reg__terms-modal-scrollable::-webkit-scrollbar-thumb:hover{background:#9ca3af}.reg__terms-section-card{background:#fff;border:1px solid #eef2ff;border-radius:14px;padding:18px 20px;margin-bottom:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000008}.reg__terms-section-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px -4px #00000012;border-color:#e0e7ff}.reg__terms-section-title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:10px}.reg__terms-section-icon{color:#4f46e5;background:#eef2ff;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.reg__terms-section-card:hover .reg__terms-section-icon{background:#4f46e5;color:#fff;transform:rotate(-5deg)}.reg__terms-section-header-text{font-weight:700;color:#1e293b;font-size:15px}.reg__terms-section-content{color:#64748b;font-size:13.5px;line-height:1.65;margin:0}.reg__terms-modal-footer{padding:18px 24px;border-top:1px solid #f1f5f9;background:#fff;display:flex;justify-content:flex-end}.reg__terms-understand-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;height:44px!important;padding:0 36px!important;border-radius:12px!important;font-weight:600!important;color:#fff!important;display:flex;align-items:center;gap:8px;box-shadow:0 8px 16px #4f46e54d!important;transition:all .25s ease!important}.reg__terms-understand-btn:hover{transform:translateY(-2px);box-shadow:0 16px 24px #4f46e566!important}.reg__wa-mockup-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin:24px 0 20px}.reg__wa-phone{width:240px;border-radius:28px;overflow:hidden;box-shadow:0 0 0 6px #ffffff0f,0 0 0 12px #ffffff08,0 32px 64px #00000080;background:#111b21;animation:reg__phoneFloat 5s ease-in-out infinite;flex-shrink:0}@keyframes reg__phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reg__wa-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#075e54,#128c7e)}.reg__wa-header-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.reg__wa-header-info{flex:1}.reg__wa-header-name{font-size:13px;font-weight:700;color:#fff;line-height:1.2}.reg__wa-header-status{font-size:10px;color:#ffffffbf;display:flex;align-items:center;gap:4px;margin-top:2px}.reg__wa-online-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;display:inline-block;animation:reg__pulse 2s infinite}@keyframes reg__pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.reg__wa-header-icon svg{fill:#fffc}.reg__wa-body{padding:12px 10px 8px;background:#0b141a;min-height:160px;display:flex;flex-direction:column;gap:8px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.reg__wa-bubble{padding:8px 10px;border-radius:12px;font-size:11px;line-height:1.5;max-width:85%;word-break:break-word}.reg__wa-bubble-user{background:#005c4b;color:#e9edef;align-self:flex-end;border-bottom-right-radius:4px}.reg__wa-bubble-agent{background:#202c33;color:#e9edef;align-self:flex-start;border-bottom-left-radius:4px}.reg__wa-lang-badge{font-size:9px;font-weight:700;color:#25d366;margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase}.reg__wa-bubble-text{font-size:12px;color:#e9edef;line-height:1.5}.reg__wa-bubble-time{font-size:9px;color:#ffffff59;text-align:right;margin-top:4px}.reg__wa-typing{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#202c33;border-radius:12px 12px 12px 4px;width:fit-content}.reg__wa-typing span{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:reg__typingBounce 1.2s ease-in-out infinite}.reg__wa-typing span:nth-child(2){animation-delay:.2s}.reg__wa-typing span:nth-child(3){animation-delay:.4s}@keyframes reg__typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.reg__wa-input-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#202c33;border-top:1px solid rgba(255,255,255,.05)}.reg__wa-input-placeholder{flex:1;font-size:11px;color:#ffffff40;background:#2a3942;border-radius:20px;padding:6px 12px}.reg__wa-send-btn{width:28px;height:28px;border-radius:50%;background:#00a884;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0}.reg__wa-badge{position:absolute;background:#ffffff14;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600;color:#ffffffd9;white-space:nowrap;box-shadow:0 8px 24px #0000004d}.reg__wa-badge-tl{top:10px;left:-10px}.reg__wa-badge-tr{top:10px;right:-10px}.reg__wa-badge-bl{bottom:50px;left:-10px}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#9ca3af;font-size:12px;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.google-auth-btn{height:48px!important;border-radius:10px!important;border-color:#dadce0!important;color:#111827!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:#fff!important;box-shadow:0 1px 2px #0f172a0d!important}.google-auth-btn:hover{border-color:#cbd5e1!important;color:#111827!important;transform:translateY(-1px)}.google-auth-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.reg__google-terms{margin:8px 0 0;color:#9ca3af;font-size:11px;line-height:1.5;text-align:center}@media (max-width: 768px){.reg__left-panel{display:none}.reg__form-side{width:100%!important}.reg__form-wrapper{padding:36px 24px 24px;max-width:100%}}@media (max-height: 700px){.reg__title{font-size:22px!important}.reg__form-wrapper{padding:28px 40px 18px}.reg__form-header{margin-bottom:16px}}.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:0 0 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.active{color:#374151}.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,.07)!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:20px!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:8px;border-radius:14px;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:12px!important;font-weight:700!important;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;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 80px!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,.metrics-grid .ant-col-lg-6{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}.info-banner:hover{transform:scale(1.005)}@media (max-width: 768px){.admin-content{padding:12px!important}}@media (max-width: 480px){.admin-content{padding:8px!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}}.meta-costs-card.ant-card{overflow:hidden}.meta-costs-card .ant-card-body{padding:0}.mc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(100,116,139,.1)}.mc-header-left{display:flex;align-items:center;gap:10px}.mc-icon-wrap{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#25d36633,#25d36614);border:1px solid rgba(37,211,102,.25);display:flex;align-items:center;justify-content:center;color:#25d366;flex-shrink:0}.mc-title{display:block;font-size:14px;font-weight:700;color:#1e293b;line-height:1.2}.mc-subtitle{display:block;font-size:11px;color:#94a3b8;font-weight:400}.mc-header-right{display:flex;align-items:center;gap:10px}.mc-period-badge{font-size:11px;color:#64748b;font-weight:500;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:3px 10px;white-space:nowrap}.mc-refresh-btn{width:28px;height:28px;border-radius:7px;background:transparent;border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .15s ease;padding:0}.mc-refresh-btn:hover{background:#f8fafc;color:#64748b;border-color:#cbd5e1}.mc-refresh-btn.spinning svg{animation:mc-spin .8s linear infinite}@keyframes mc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mc-filter-bar{display:flex;padding:10px 20px;gap:4px;background:#f8fafc;border-bottom:1px solid rgba(100,116,139,.1)}.mc-filter-tab{flex:1;position:relative;background:transparent;border:none;border-radius:7px;cursor:pointer;font-size:12px;font-weight:500;color:#94a3b8;padding:6px 0;text-align:center;transition:color .15s ease;overflow:hidden;outline:none}.mc-filter-tab:hover{color:#475569}.mc-filter-tab.active{color:#25d366;font-weight:700}.mc-filter-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:#25d3661a;border:1px solid rgba(37,211,102,.25);z-index:-1}.mc-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;text-align:center}.mc-state-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.mc-state-icon.error{background:#ef44441a;color:#ef4444}.mc-state-icon.neutral{background:#64748b1a;color:#94a3b8}.mc-state-label{font-size:13px;font-weight:600;color:#475569}.mc-state-label.error{color:#ef4444}.mc-state-hint{font-size:12px;color:#94a3b8;max-width:260px}.mc-kpi-row{display:flex;align-items:center;gap:0;padding:18px 20px;border-bottom:1px solid rgba(100,116,139,.08)}.mc-kpi{display:flex;align-items:center;gap:10px;flex:1}.mc-kpi-icon{flex-shrink:0;opacity:.7}.mc-kpi-icon.cost{color:#25d366}.mc-kpi-icon.convs{color:#3b82f6}.mc-kpi-label{display:block;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.mc-kpi-value{display:flex;align-items:baseline;gap:4px;font-size:20px;font-weight:800;color:#1e293b;line-height:1}.mc-kpi-unit{font-size:11px;font-weight:500;color:#94a3b8}.mc-kpi-divider{width:1px;height:36px;background:#64748b1f;margin:0 20px;flex-shrink:0}.mc-data-asof{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;font-weight:500;padding:6px 20px 0}.mc-data-asof:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.mc-categories{padding:16px 20px 4px;display:flex;flex-direction:column;gap:14px}.mc-section-label{display:block;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.mc-cat-row{display:flex;flex-direction:column;gap:6px}.mc-cat-meta{display:flex;align-items:center;gap:10px}.mc-cat-badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0}.mc-cat-convs{font-size:12px;color:#94a3b8;font-weight:500;flex:1}.mc-cat-cost{font-size:13px;font-weight:700;white-space:nowrap}.mc-bar-track{width:100%;height:5px;background:#f1f5f9;border-radius:99px;overflow:hidden}.mc-bar-fill{height:100%;border-radius:99px;opacity:.75}.mc-accounts-row{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 18px;border-top:1px solid rgba(100,116,139,.08);margin-top:8px}.mc-account-chip{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:3px 12px;font-weight:500}.mc-account-cost{font-weight:700;color:#25d366}.meta-costs-card .ant-card-body>div>div:last-child:not(.mc-accounts-row){padding-bottom:18px}.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;padding:16px 12px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;min-height:56px}.login-logo-section{cursor:pointer;transition:opacity .2s ease;flex:1;min-width:0}.login-logo-section:hover{opacity:.8}.sidebar-toggle-btn{width:30px;height:30px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0;padding:0;outline:none;transition:background .2s ease,color .2s ease}.sidebar-toggle-btn:hover{background:#4f46e514;color:#4f46e5}.sidebar-toggle-btn .toggle-icon{font-size:12px;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn .toggle-icon.rotated{transform:rotate(180deg)}.ant-layout-sider-collapsed .sidebar-header{justify-content:center}.header-logo-image{height:40px}.sidebar-menu{border-right:none!important}.sidebar-menu .ant-menu-item{border-radius:24px!important;margin:2px 0!important;height:40px!important;line-height:40px!important;color:#667085!important;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-menu:not(.ant-menu-inline-collapsed) .ant-menu-item{padding:0 16px!important}.sidebar-menu .ant-menu-item .anticon{font-size:16px;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-top{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-top::-webkit-scrollbar{width:0}.sidebar-bottom{flex-shrink:0;border-top:1px solid #F2F4F7;padding-top:12px;margin-top:4px}.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-profile-sidebar.is-collapsed{justify-content:center;padding:10px;gap:0}.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:14px 10px}.header-logo-image{height:32px}.sidebar-menu .ant-menu-item{height:36px!important;line-height:36px!important;margin:2px 0!important}.sidebar-bottom{padding-top:10px}.user-profile-sidebar{padding:8px}}@media screen and (max-width: 1024px) and (max-height: 600px){.admin-sider{width:200px}.sidebar-container{padding:10px 8px}.sidebar-menu .ant-menu-item{height:32px!important;line-height:32px!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}.sidebar-menu .ant-menu-submenu-title{border-radius:24px!important;margin:2px 0!important;height:40px!important;line-height:40px!important;color:#667085!important;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-menu:not(.ant-menu-inline-collapsed) .ant-menu-submenu-title{padding:0 16px!important}.sidebar-menu .ant-menu-submenu-title .anticon{font-size:16px;transition:transform .3s ease}.sidebar-menu .ant-menu-submenu-title:hover{background:#4f46e50a!important;color:#4f46e5!important}.sidebar-menu .ant-menu-submenu-title:hover .anticon{color:#4f46e5!important;transform:translate(2px)}.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title{color:#4f46e5!important}.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title .anticon{color:#4f46e5!important}.sidebar-menu .ant-menu-sub.ant-menu-inline{background:transparent!important;padding:0!important}.sidebar-menu .ant-menu-sub .ant-menu-item{padding-left:32px!important;border-radius:24px!important;margin:2px 0!important;height:36px!important;line-height:36px!important}.sidebar-menu .ant-menu-submenu-arrow{color:#667085!important}.sidebar-menu .ant-menu-submenu-open .ant-menu-submenu-arrow{color:#4f46e5!important}.ant-layout-sider-collapsed .sidebar-container{padding:20px 6px}.ant-layout-sider-collapsed .sidebar-header{justify-content:center;padding-bottom:16px}.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item,.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item-selected{border-radius:12px!important;margin:4px 0!important}.ant-layout-sider-collapsed .sidebar-menu .ant-menu-submenu>.ant-menu-submenu-title{border-radius:12px!important;margin:4px 0!important}.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item .anticon,.ant-layout-sider-collapsed .sidebar-menu .ant-menu-submenu-title .anticon{margin-inline-end:0!important}.ant-layout-sider-collapsed .sidebar-menu .ant-menu-submenu-arrow{display:none!important}.msg-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:9px;font-size:11px;font-weight:600;line-height:1;flex-shrink:0;transition:all .2s ease}.msg-count-badge--soft{background:#eef2ff;color:#6366f1;border:1px solid #E0E7FF}.msg-count-badge--solid{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 6px #6366f159}.sidebar-menu .ant-menu-item-selected .msg-count-badge--soft{background:#fff3;color:#fff;border-color:#ffffff59}.sidebar-msg-link{display:flex!important;align-items:center;justify-content:space-between;width:100%}.unauthorized-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#f8fafc,#f1f5f9);padding:20px;font-family:Inter,sans-serif}.unauthorized-card{max-width:480px;width:100%;text-align:center;padding:48px 32px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;box-shadow:0 20px 40px #0000000d;border:1px solid rgba(255,255,255,.3)}.unauthorized-icon{width:80px;height:80px;background-color:#ef44441a;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.unauthorized-title{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:16px;letter-spacing:-.02em}.unauthorized-description{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:32px}.unauthorized-actions{display:flex;flex-direction:column;gap:12px}.unauthorized-primary-btn{height:54px!important;font-size:16px!important;font-weight:600!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.unauthorized-back-btn{height:54px!important;font-size:15px!important;font-weight:500!important;color:#64748b!important;border-radius:16px!important}.user-profile-container{max-width:100%;padding:0 0 40px;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-avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:22px}.profile-avatar-wrapper:hover .profile-avatar-edit-overlay{opacity:1}.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-inline-end: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-inline-start: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-inline-start-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-inline-start: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-inline-end: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}.profile-name-group{display:flex;flex-direction:column}.profile-name-group .profile-name-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:none!important}.profile-name-group .profile-name-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important}.profile-name-group .profile-name-top:focus,.profile-name-group .profile-name-top:hover{z-index:1;position:relative}@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-inline-start:none;border-bottom:3px solid transparent}.profile-menu-item.active{border-inline-start: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}}.approval-root{width:100vw;height:100vh;height:100dvh;display:flex;overflow:hidden;background:#0f0c29}.approval-left-panel{position:relative;width:50%;height:100%;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.approval-orb{position:absolute;border-radius:50%;pointer-events:none}.approval-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.35) 0%,transparent 70%);top:-100px;right:-100px;animation:approvalOrb1 8s ease-in-out infinite}.approval-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-80px;left:-60px;animation:approvalOrb2 10s ease-in-out infinite}.approval-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(167,139,250,.2) 0%,transparent 70%);top:45%;left:20%;animation:approvalOrb2 7s ease-in-out infinite reverse}@keyframes approvalOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,30px) scale(1.1)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes approvalOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}.approval-left-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:36px 44px}.approval-left-logo .approval-logo-img{height:36px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.approval-logo-text{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.approval-left-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.approval-icon-ring{position:relative;width:120px;height:120px;margin-bottom:32px}.approval-icon-inner{width:80px;height:80px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.approval-ring-dot{width:30px;height:30px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;position:absolute;animation:orbitSpin 12s linear infinite}.approval-ring-dot-1{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.approval-ring-dot-2{right:0;top:50%;transform:translateY(-50%);animation-delay:-3s}.approval-ring-dot-3{bottom:0;left:50%;transform:translate(-50%);animation-delay:-6s}@keyframes orbitSpin{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.15)}}.approval-ring-dot-2{animation-name:orbitSpin2}@keyframes orbitSpin2{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.15)}}.approval-left-heading{font-size:28px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.approval-left-sub{font-size:14px;color:#fff9;line-height:1.6;max-width:300px;margin:0 auto 36px}.approval-steps{display:flex;align-items:center;gap:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px 24px;width:100%;max-width:340px}.approval-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.approval-step span{font-size:11px;color:#fff6;font-weight:500;white-space:nowrap}.approval-step.done span{color:#ffffffb3}.approval-step.active span{color:#a78bfa;font-weight:600}.approval-step-dot{width:10px;height:10px;border-radius:50%;background:#fff3;border:1.5px solid rgba(255,255,255,.2)}.approval-step.done .approval-step-dot{background:#a78bfa;border-color:#a78bfa;box-shadow:0 0 8px #a78bfa80}.approval-step.active .approval-step-dot{background:transparent;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33;animation:pulseDot 1.8s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 0 3px #a78bfa33}50%{box-shadow:0 0 0 6px #a78bfa1a}}.approval-step-line{flex:1;height:1px;background:#ffffff1f;align-self:flex-start;margin-top:5px}.approval-left-footer-text{font-size:12px;color:#ffffff4d}.approval-right-panel{flex:1;background:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px;overflow-y:auto}.approval-form-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%;flex:1;justify-content:center}.approval-badge{margin-bottom:28px}.approval-badge-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #7c3aed2e}.approval-form-title{font-size:28px;font-weight:800;color:#111827;margin:0 0 8px;letter-spacing:-.5px}.approval-form-subtitle{font-size:14px;color:#9ca3af;margin:0 0 12px}.approval-email-pill{display:inline-block;background:#f5f3ff;color:#7c3aed;font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;border:1px solid #ddd6fe;margin-bottom:20px;word-break:break-all}.approval-form-desc{font-size:14px;color:#6b7280;line-height:1.65;margin:0 0 32px}.approval-back-btn{width:100%;height:48px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #7c3aed59;font-family:inherit;margin-bottom:20px}.approval-back-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 20px #7c3aed73;transform:translateY(-1px)}.approval-back-btn:active{transform:translateY(0)}.approval-help-text{font-size:13px;color:#9ca3af;margin:0}.approval-help-link{color:#7c3aed;font-weight:600;cursor:pointer;transition:color .15s}.approval-help-link:hover{color:#6d28d9;text-decoration:underline}.approval-right-footer{margin-top:24px}.approval-right-footer-text{font-size:12px;color:#d1d5db}@media (max-width: 768px){.approval-left-panel{display:none}.approval-right-panel{width:100%;padding:32px 24px}.approval-form-title{font-size:24px}}@media (max-width: 480px){.approval-right-panel{padding:28px 20px}.approval-form-title{font-size:22px}.approval-badge-icon{width:60px;height:60px;border-radius:16px}.approval-back-btn{height:44px;font-size:14px}}.forgot-root{width:100vw;height:100vh;height:100dvh;display:flex;overflow:hidden;background:#0f0c29}.forgot-left-panel{position:relative;width:50%;height:100%;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.forgot-orb{position:absolute;border-radius:50%;pointer-events:none}.forgot-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.35) 0%,transparent 70%);top:-100px;right:-100px;animation:forgotOrb1 8s ease-in-out infinite}.forgot-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-80px;left:-60px;animation:forgotOrb2 10s ease-in-out infinite}.forgot-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(167,139,250,.2) 0%,transparent 70%);top:45%;left:20%;animation:forgotOrb2 7s ease-in-out infinite reverse}@keyframes forgotOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,30px) scale(1.1)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes forgotOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}.forgot-left-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:36px 44px}.forgot-left-logo .forgot-logo-img{height:36px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.forgot-logo-text{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.forgot-left-center{display:flex;flex-direction:column;align-items:center;text-align:center}.forgot-envelope-wrapper{position:relative;width:140px;height:140px;margin-bottom:32px;display:flex;align-items:center;justify-content:center}.forgot-envelope-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.25) 0%,transparent 70%);animation:forgotGlow 3s ease-in-out infinite}@keyframes forgotGlow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.forgot-envelope-icon{position:relative;z-index:1;width:84px;height:84px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;animation:forgotFloat 4s ease-in-out infinite}@keyframes forgotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.forgot-dot{position:absolute;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center}.forgot-dot-1{width:32px;height:32px;top:4px;right:8px;animation:forgotDotPulse 2.5s ease-in-out infinite}.forgot-dot-2{width:24px;height:24px;bottom:12px;right:4px;animation:forgotDotPulse 3s ease-in-out infinite .5s}.forgot-dot-3{width:20px;height:20px;bottom:8px;left:8px;animation:forgotDotPulse 3.5s ease-in-out infinite 1s}@keyframes forgotDotPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.forgot-left-heading{font-size:28px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.forgot-left-sub{font-size:14px;color:#fff9;line-height:1.6;max-width:300px;margin:0 auto 36px}.forgot-steps{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px 24px;width:100%;max-width:340px;display:flex;align-items:flex-start;gap:0}.forgot-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.forgot-step span{font-size:11px;color:#fff6;font-weight:500;white-space:nowrap}.forgot-step.active span{color:#a78bfa;font-weight:600}.forgot-step-num{width:28px;height:28px;border-radius:50%;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff6}.forgot-step.active .forgot-step-num{background:#a78bfa33;border-color:#a78bfa;color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26;animation:forgotStepPulse 1.8s ease-in-out infinite}@keyframes forgotStepPulse{0%,to{box-shadow:0 0 0 3px #a78bfa26}50%{box-shadow:0 0 0 6px #a78bfa14}}.forgot-step-line{flex:0 0 28px;height:1px;background:#ffffff1f;align-self:flex-start;margin-top:14px}.forgot-left-footer-text{font-size:12px;color:#ffffff4d}.forgot-right-panel{flex:1;background:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px;overflow-y:auto}.forgot-form-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%;flex:1;justify-content:center}.forgot-badge{margin-bottom:28px}.forgot-badge-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #7c3aed2e}.forgot-form-title{font-size:28px;font-weight:800;color:#111827;margin:0 0 8px;letter-spacing:-.5px}.forgot-form-subtitle{font-size:14px;color:#6b7280;line-height:1.65;margin:0 0 28px}.forgot-ant-form{width:100%;text-align:left}.forgot-form-item{margin-bottom:14px!important}.forgot-form-item .ant-form-item-label>label{font-size:13px;font-weight:600;color:#374151}.forgot-input{height:44px!important;border-radius:10px!important;border-color:#e5e7eb!important;font-size:14px!important;background:#f9fafb!important;transition:all .2s ease!important}.forgot-input:hover{border-color:#a5b4fc!important;background:#fff!important}.forgot-input:focus,.forgot-input.ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51f!important;background:#fff!important}.forgot-input-icon{color:#9ca3af}.forgot-submit-item{margin-bottom:16px!important;margin-top:8px!important}.forgot-btn{height:48px!important;font-size:15px!important;font-weight:700!important;border-radius:12px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;box-shadow:0 8px 20px -4px #4f46e573!important;transition:all .3s ease!important}.forgot-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -4px #4f46e58c!important;opacity:.95}.forgot-back-row{display:flex;align-items:center;justify-content:center}.forgot-back-link{padding:0!important;font-size:13px!important;color:#7c3aed!important;font-weight:600!important}.forgot-back-link:hover{color:#6d28d9!important}.forgot-right-footer{margin-top:24px}.forgot-right-footer-text{font-size:12px;color:#d1d5db}@media (max-width: 768px){.forgot-left-panel{display:none}.forgot-right-panel{width:100%;padding:32px 24px}.forgot-form-title{font-size:24px}}@media (max-width: 480px){.forgot-right-panel{padding:28px 20px}.forgot-form-title{font-size:22px}.forgot-badge-icon{width:60px;height:60px;border-radius:16px}.forgot-btn{height:44px!important;font-size:14px!important}}.reset-root{width:100vw;height:100vh;height:100dvh;display:flex;overflow:hidden;background:#0f0c29}.reset-left-panel{position:relative;width:50%;height:100%;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.reset-orb{position:absolute;border-radius:50%;pointer-events:none}.reset-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.35) 0%,transparent 70%);top:-100px;right:-100px;animation:resetOrb1 8s ease-in-out infinite}.reset-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-80px;left:-60px;animation:resetOrb2 10s ease-in-out infinite}.reset-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(167,139,250,.2) 0%,transparent 70%);top:45%;left:20%;animation:resetOrb2 7s ease-in-out infinite reverse}@keyframes resetOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,30px) scale(1.1)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes resetOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}.reset-left-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:36px 44px}.reset-left-logo .reset-logo-img{height:36px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.reset-logo-text{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.reset-left-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.reset-icon-ring{position:relative;width:120px;height:120px;margin-bottom:32px}.reset-icon-inner{width:80px;height:80px;border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reset-ring-dot{width:30px;height:30px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;position:absolute}.reset-ring-dot-1{top:0;left:50%;animation:resetDot1 3s ease-in-out infinite}.reset-ring-dot-2{right:0;top:50%;animation:resetDot2 3.5s ease-in-out infinite}.reset-ring-dot-3{bottom:0;left:50%;animation:resetDot1 4s ease-in-out infinite reverse}@keyframes resetDot1{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.15)}}@keyframes resetDot2{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.15)}}.reset-left-heading{font-size:28px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.reset-left-sub{font-size:14px;color:#fff9;line-height:1.6;max-width:300px;margin:0 auto 36px}.reset-tips{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px 24px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.reset-tip{display:flex;align-items:center;gap:10px}.reset-tip-dot{width:8px;height:8px;border-radius:50%;background:#a78bfa;flex-shrink:0;box-shadow:0 0 6px #a78bfa80}.reset-tip span{font-size:12px;color:#ffffff8c;font-weight:500}.reset-left-footer-text{font-size:12px;color:#ffffff4d}.reset-right-panel{flex:1;background:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px;overflow-y:auto}.reset-form-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%;flex:1;justify-content:center}.reset-badge{margin-bottom:28px}.reset-badge-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #7c3aed2e}.reset-form-title{font-size:28px;font-weight:800;color:#111827;margin:0 0 8px;letter-spacing:-.5px}.reset-form-subtitle{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 28px}.reset-ant-form{width:100%;text-align:left}.reset-form-item{margin-bottom:14px!important}.reset-form-item .ant-form-item-label>label{font-size:13px;font-weight:600;color:#374151}.reset-input{height:44px!important;border-radius:10px!important;border-color:#e5e7eb!important;font-size:14px!important;background:#f9fafb!important;transition:all .2s ease!important}.reset-input:hover{border-color:#a5b4fc!important;background:#fff!important}.reset-input:focus,.reset-input.ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51f!important;background:#fff!important}.reset-input-icon{color:#9ca3af}.reset-submit-item{margin-bottom:16px!important;margin-top:8px!important}.reset-btn{height:48px!important;font-size:15px!important;font-weight:700!important;border-radius:12px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;box-shadow:0 8px 20px -4px #4f46e573!important;transition:all .3s ease!important}.reset-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -4px #4f46e58c!important;opacity:.95}.reset-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.reset-back-row{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px}.reset-back-link{padding:0!important;font-size:13px!important;color:#7c3aed!important;font-weight:600!important}.reset-back-link:hover{color:#6d28d9!important}.reset-right-footer{margin-top:24px}.reset-right-footer-text{font-size:12px;color:#d1d5db}@media (max-width: 768px){.reset-left-panel{display:none}.reset-right-panel{width:100%;padding:32px 24px}.reset-form-title{font-size:24px}}@media (max-width: 480px){.reset-right-panel{padding:28px 20px}.reset-form-title{font-size:22px}.reset-badge-icon{width:60px;height:60px;border-radius:16px}.reset-btn{height:44px!important;font-size:14px!important}}.agent-user-container{max-width:100%;padding:0 0 40px;min-height:100vh;animation:fadeIn .5s ease-out}.breadcrumb-section{display:flex;align-items:center}.breadcrumb-item{color:#94a3b8;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap}.main-header-section{background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:12px 24px;margin-bottom:16px;box-shadow:0 10px 25px #00000005,0 1px 3px #4f46e50d,inset 0 0 0 1px #fff6;border:1px solid rgba(79,70,229,.08);position:relative;overflow:hidden}.main-header-section:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(79,70,229,.05) 0%,transparent 70%);z-index:0;pointer-events:none}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-title-section{flex:1;min-width:0;position:relative;z-index:1}.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;letter-spacing:-.5px}.subtitle{font-size:15px;font-weight:450;color:#475467;display:block}.header-search-input{width:240px;border-radius:100px;height:38px;border:1px solid #eaecf0;background:#fff;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.header-search-input:hover{border-color:#d0d5dd;background:#fcfcfd}.header-search-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e51a,0 2px 4px #0000000d}.plan-usage-indicator{min-width:260px;max-width:350px;background:#4f46e50a;border:1px solid rgba(79,70,229,.1);border-radius:12px;padding:10px 14px;transition:.3s;flex-shrink:0}.plan-usage-indicator:hover{background:#4f46e50f;border-color:#4f46e526}.agent-title-icon{width:42px;height:42px;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 4px 12px #4f46e533}.top-utility-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;width:100%}.top-right-section{display:flex;align-items:center;gap:10px}.top-search-section{display:flex;justify-content:flex-end;margin-bottom:0}.top-search-section .header-search-input{width:200px}.action-stack{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.header-actions-section{display:flex;align-items:center;justify-content:flex-end}.admin-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.admin-header-actions .header-search-input{width:240px}@media (max-width: 768px){.admin-header-actions{width:100%;flex-wrap:wrap}.admin-header-actions .header-search-input{width:100%;flex:1;min-width:0}.admin-header-actions .ant-btn{width:100%;justify-content:center}}.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:#f0f0ff;color:#4f46e5;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:linear-gradient(135deg,#fff,#f9fafb);border-radius:32px;padding:100px 40px;text-align:center;box-shadow:0 20px 50px #00000008,0 1px 2px #00000005;border:1px solid #eaecf0;margin-top:24px;position:relative;overflow:hidden}.agent-creation-card:before{content:"";position:absolute;top:-20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(79,70,229,.03) 0%,transparent 70%);pointer-events:none}.agent-creation-content{max-width:500px;margin:0 auto}.agent-icon-section{margin-bottom:24px}.agent-icon{width:80px;height:80px;background:#f0f0ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.agent-icon .anticon{font-size:36px;color:#4f46e5}.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}.agent-creation-action{display:flex;justify-content:center;width:100%}.create-agent-btn{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;border:none!important;height:40px!important;padding:0 24px!important;font-weight:600!important;border-radius:12px!important;font-size:14px!important;color:#fff!important;box-shadow:0 4px 12px #4f46e533!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.create-agent-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #4f46e547!important;background:linear-gradient(135deg,#6366f1,#4f46e5)!important}.agent-table-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 12px 30px #00000005,0 1px 3px #0000000a;border:1px solid #eaecf0;margin-bottom:32px;transition:all .3s ease;overflow:hidden;min-width:0}.agent-table-card:hover{box-shadow:0 16px 40px #0000000a}.agent-table{background:transparent}.agent-table .ant-table-content,.agent-table .ant-table-body{overflow-x:auto!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.agent-table .ant-table-content::-webkit-scrollbar,.agent-table .ant-table-body::-webkit-scrollbar{display:none}.agent-table .ant-table-thead>tr>th{background:#f9fafb;border-bottom:1px solid #EAECF0;color:#475467;font-weight:600;font-size:13px;padding:12px 16px;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.agent-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:13px 16px}.agent-table .ant-table-tbody>tr:hover>td{background:#fafafa}.agent-name-cell{display:flex;align-items:center;gap:16px}.agent-name-cell--clickable{cursor:pointer;border-radius:8px;padding:4px 6px;margin:-4px -6px;transition:background .2s ease}.agent-name-cell--clickable:hover{background:#4f46e50f}.agent-name-cell--clickable:hover .agent-name{color:#4f46e5}.agent-avatar:hover{transform:scale(1.05);box-shadow:0 6px 15px #4f46e526}.back-btn-ghost{background:transparent!important;border:1px solid #eaecf0!important;color:#475467!important;border-radius:10px!important;font-weight:500!important;height:40px!important;padding:0 16px!important;transition:all .2s ease!important}.back-btn-ghost:hover{background:#f9fafb!important;color:#4f46e5!important;border-color:#4f46e5!important}.agent-tabs .ant-tabs-nav{margin-bottom:24px!important;border-bottom:1px solid #eaecf0!important}.agent-tabs .ant-tabs-tab{font-size:15px!important;font-weight:500!important;color:#667085!important;padding:12px 20px!important}.agent-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#4f46e5!important;font-weight:600!important}.agent-tabs .ant-tabs-ink-bar{background:linear-gradient(90deg,#4f46e5,#6366f1)!important;height:3px!important}.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;align-items:center;gap:8px;flex-shrink:0;justify-content:flex-start}.view-details-btn{border-radius:6px!important;font-size:11px!important;font-weight:500!important;border-color:#d1d5db!important;color:#374151!important;white-space:nowrap;padding:0 8px!important;height:26px!important;line-height:24px!important}.view-details-btn:hover{border-color:#4f46e5!important;color:#4f46e5!important;background:#f5f3ff!important}.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{color:#f04438!important}.delete-btn:hover{color:#d92d20!important;background:#fff2f0!important}.edit-btn{color:#2563eb!important}.edit-btn:hover{color:#1d4ed8!important;background:#eff6ff!important}.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;transform:translateY(-1px)}.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:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.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%}.plan-usage-indicator{min-width:0;max-width:100%;width:100%}.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: 640px){.top-utility-bar{flex-direction:column;align-items:stretch;gap:10px}.top-right-section{display:flex;flex-direction:column;width:100%;gap:8px}.top-right-section .header-search-input{width:100%!important;max-width:100%}.top-right-section .ant-btn,.top-right-section .create-agent-btn{width:100%!important;justify-content:center}.agent-detail-info{flex-wrap:wrap}.agent-detail-meta{flex-wrap:wrap;gap:6px}.agent-detail-separator{display:none}}@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-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 .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 (max-width: 576px){.agent-tabs .ant-tabs-tab{padding:8px 12px!important;font-size:13px!important}.agent-tabs .ant-tabs-nav{margin-bottom:16px!important}.agent-table-card{padding:16px 12px}}@media (max-width: 420px){.agent-tabs .ant-tabs-tab{padding:6px 8px!important;font-size:12px!important}.agent-tabs .ant-tabs-tab .anticon{display:none}}@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-drawer .ant-drawer-header{background:#fff!important;border-bottom:1px solid #e9eaf5!important;padding:18px 24px 14px!important}.create-agent-drawer .ant-drawer-header-title{flex:1}.create-agent-drawer .ant-drawer-close{color:#9ca3af!important;border-radius:8px!important;transition:all .2s!important}.create-agent-drawer .ant-drawer-close:hover{color:#4f46e5!important;background:#f0f0ff!important}.create-agent-drawer .ant-drawer-body{background:#f4f5fb!important;padding:20px 24px!important;overflow-y:auto}.create-agent-drawer .ant-drawer-body::-webkit-scrollbar{width:4px}.create-agent-drawer .ant-drawer-body::-webkit-scrollbar-track{background:transparent}.create-agent-drawer .ant-drawer-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.create-agent-drawer .ant-drawer-footer{border-top:1px solid #e9eaf5!important;padding:0!important;background:#fff!important}.agent-drawer-header{display:flex;flex-direction:column;gap:12px}.agent-drawer-header-top{display:flex;align-items:center;gap:12px}.agent-drawer-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.agent-drawer-title-text{font-size:16px;font-weight:700;color:#101828;line-height:1.3}.agent-drawer-title-sub{font-size:12px;color:#667085;margin-top:1px}.agent-drawer-progress{display:flex;flex-direction:column;gap:6px}.agent-drawer-progress-labels{display:flex;justify-content:space-between;align-items:center}.step-indicator{display:inline-flex;align-items:center;padding:2px 10px;background:#4f46e514;color:#4f46e5;font-size:12px;font-weight:600;border-radius:20px;letter-spacing:.02em}.step-percent{font-size:12px;font-weight:600;color:#9ca3af}.form-section{background:#fff;border:1px solid #e9eaf5;border-radius:16px;padding:20px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000a}.form-section:focus-within{border-color:#c7d2fe;box-shadow:0 0 0 3px #4f46e50f,0 1px 3px #0000000a}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #f3f4f6}.section-number,.create-agent-drawer .section-number,span.section-number{font-size:11px!important;font-weight:800!important;color:#fff!important;background:#4f46e5!important;background-color:#4f46e5!important;width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;box-shadow:0 2px 6px #4f46e54d!important;flex-shrink:0!important}.section-title{font-size:14px!important;font-weight:700!important;color:#101828!important;margin:0!important;letter-spacing:-.01em}.section-content{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;align-items:start}.section-content-full{width:100%}.create-agent-drawer .ant-form-item{margin-bottom:16px!important}.create-agent-drawer .form-section .ant-form-item:last-child{margin-bottom:0!important}.section-content .form-item{margin-bottom:4px!important}.create-agent-drawer .form-item .ant-form-item-label label{font-size:13px;font-weight:600;color:#374151}.create-agent-drawer .form-item .ant-form-item-label label.ant-form-item-required:before{color:#ef4444!important}.create-agent-drawer .ant-form-item-explain-error{font-size:12px!important;color:#ef4444!important;margin-top:4px!important}.create-agent-drawer .form-input,.create-agent-drawer .ant-select.form-select .ant-select-selector{height:40px!important;font-size:14px!important;border-radius:10px!important;background:#fafbff!important;border:1.5px solid #e5e7eb!important;transition:all .2s ease!important}.create-agent-drawer .form-input:hover,.create-agent-drawer .ant-select.form-select:hover .ant-select-selector{border-color:#c7d2fe!important;background:#f5f7ff!important}.create-agent-drawer .form-input:focus,.create-agent-drawer .ant-select.form-select.ant-select-focused .ant-select-selector{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important;background:#fff!important}.create-agent-drawer .form-input::placeholder{color:#9ca3af!important}.create-agent-drawer .ant-form-item-has-error .form-input,.create-agent-drawer .ant-form-item-has-error .ant-select.form-select .ant-select-selector{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444414!important}.play-sample-btn{background:#f3f4f6!important;border:none!important;border-radius:8px!important;color:#6b7280!important;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s!important}.play-sample-btn:hover{background:#4f46e5!important;color:#fff!important}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px}.category-card{padding:18px 16px;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:6px}.category-card:hover{border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 8px 20px #4f46e51a}.category-card.selected{border-color:#4f46e5;border-width:2px;background:#4f46e508;box-shadow:0 4px 14px #4f46e524}.category-card-icon{width:36px;height:36px;border-radius:10px;background:#f0f0ff;display:flex;align-items:center;justify-content:center;font-size:18px;color:#4f46e5;transition:all .2s}.category-card.selected .category-card-icon{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 10px #4f46e540}.category-card-name{font-size:14px;font-weight:600;color:#101828}.category-card-count{font-size:12px;color:#9ca3af;font-weight:500}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px}.template-card{padding:18px;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;box-shadow:0 1px 3px #00000008}.template-card:hover{border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 10px 24px #4f46e51a}.template-card.selected{border-color:#4f46e5;border-width:2px;background:#4f46e506;box-shadow:0 4px 14px #4f46e524}.template-icon-wrapper{width:38px;height:38px;border-radius:10px;background:#f0f0ff;display:flex;align-items:center;justify-content:center;font-size:18px;color:#4f46e5;transition:all .2s}.template-card.selected .template-icon-wrapper{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.template-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.05em}.badge-default{background:#f0fdf4;color:#16a34a}.badge-custom{background:#f0f0ff;color:#4f46e5}.template-name{font-size:14px;font-weight:700;color:#101828;margin:10px 0 4px}.template-desc{font-size:12px;color:#6b7280;margin-bottom:12px;line-height:1.5;flex:1}.template-tools{display:flex;align-items:center;gap:6px;font-size:11px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.selection-info{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;margin-top:16px}.selection-active{background:#4f46e50f;color:#4f46e5;border:1px solid rgba(79,70,229,.15)}.selection-neutral{background:#fef2f2;color:#ef4444;border:1px solid #fca5a5}.custom-segmented.ant-segmented{background:#e9eaf5;padding:3px;border-radius:10px}.custom-segmented .ant-segmented-item-selected{background:#fff;box-shadow:0 2px 6px #00000014;border-radius:8px;color:#4f46e5;font-weight:600}.qa-description{display:block;font-size:13px;color:#6b7280;margin-bottom:16px}.qa-card{background:#fafbff!important;border:1.5px solid #e9eaf5!important;border-radius:12px!important;margin-bottom:0!important;transition:all .2s!important;overflow:hidden!important}.qa-card:hover{border-color:#c7d2fe!important;box-shadow:0 4px 12px #4f46e50f!important}.qa-card .ant-card-body{padding:0!important}.qa-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f8f9ff;border-bottom:1px solid #e9eaf5}.qa-index{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#4f46e5;text-transform:uppercase;letter-spacing:.06em}.qa-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.qa-item-label{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em}.qa-item-text{font-size:13px;color:#101828;font-weight:500;line-height:1.5}.answer-text{color:#4f46e5}.qa-delete-btn{color:#9ca3af!important;border-radius:6px!important;transition:all .2s!important}.qa-delete-btn:hover{color:#ef4444!important;background:#fee2e2!important}.qa-form-grid{display:flex;flex-direction:column;gap:14px}.qa-answer-input-wrapper{display:flex;flex-direction:column;gap:10px}.qa-textarea{resize:none}.add-qa-action-btn{height:40px!important;border-radius:10px!important;font-weight:600!important;font-size:13px!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;border:none!important;box-shadow:0 4px 10px #4f46e540!important;transition:all .2s!important}.add-qa-action-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5)!important;box-shadow:0 6px 16px #4f46e559!important;transform:translateY(-1px)}.modal-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 24px;width:100%}.pagination-dots{display:flex;gap:7px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#4f46e538;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.dot:hover{background:#4f46e580;transform:scale(1.15)}.dot.active{width:22px;height:7px;border-radius:4px;background:#4f46e5;box-shadow:0 2px 8px #4f46e559}.nav-btn{height:40px!important;padding:0 20px!important;border-radius:10px!important;font-weight:600!important;font-size:14px!important;transition:all .2s ease!important}.nav-btn-back{background:#fff!important;border:1.5px solid #e5e7eb!important;color:#4b5563!important}.nav-btn-back:hover{border-color:#c7d2fe!important;color:#4f46e5!important;background:#f5f7ff!important}.nav-btn-next,.ant-btn.nav-btn-next,.ant-btn-primary.nav-btn-next{background:#4f46e5!important;border-color:#4f46e5!important;border:none!important;color:#fff!important;box-shadow:0 4px 12px #4f46e54d!important}.nav-btn-next:hover,.ant-btn.nav-btn-next:hover,.ant-btn-primary.nav-btn-next:hover,.nav-btn-next:focus,.ant-btn.nav-btn-next:focus,.ant-btn-primary.nav-btn-next:focus{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important;box-shadow:0 4px 12px #4f46e54d!important;transform:none!important}.nav-btn-next:disabled,.ant-btn.nav-btn-next:disabled{opacity:.5!important;cursor:not-allowed!important}@media (max-width: 768px){.section-content,.template-grid,.category-grid{grid-template-columns:1fr}.modal-footer{grid-template-columns:1fr;gap:12px;padding:14px 16px}.footer-left{order:2}.pagination-dots{order:1;justify-content:center}.footer-right{order:3;width:100%}.nav-btn-next{width:100%}}@media (max-width: 480px){.form-section{padding:14px;border-radius:12px}.create-agent-drawer .ant-drawer-body{padding:14px!important}.section-header{gap:8px;margin-bottom:14px;padding-bottom:10px}.nav-btn{height:44px!important;font-size:13px!important}}.create-agent-modal-wrap{padding:0!important}.create-agent-modal .modal-inner-container{display:flex;flex-direction:column}.create-agent-modal .modal-content{flex:1;overflow-y:auto}.admin-create-agent-drawer .modal-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 24px}.admin-create-agent-drawer .footer-left{display:flex;justify-content:flex-start}.admin-create-agent-drawer .footer-right{display:flex;justify-content:flex-end}.admin-create-agent-drawer .ant-form-item{margin-bottom:16px}.admin-create-agent-drawer .ant-form-item-label>label{font-size:14px;font-weight:600;color:#374151}.admin-create-agent-drawer .ant-input,.admin-create-agent-drawer .ant-input-password,.admin-create-agent-drawer .ant-input-affix-wrapper{border-radius:12px!important;border:1.5px solid #e5e7eb!important;font-size:14px;height:42px;padding:8px 16px}.admin-create-agent-drawer .ant-input-affix-wrapper{padding:0 16px}.admin-create-agent-drawer .ant-input-affix-wrapper>input.ant-input{border:none!important;height:auto}.admin-create-agent-drawer .ant-input:focus,.admin-create-agent-drawer .ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e514!important}.admin-create-agent-drawer .ant-select .ant-select-selector{border-radius:12px!important;border:1.5px solid #e5e7eb!important;height:42px!important;align-items:center}.admin-create-agent-drawer .ant-form-item-explain-error{margin-top:4px;font-size:12px}@media (max-width: 768px){.admin-create-agent-drawer .modal-footer{grid-template-columns:1fr;gap:10px;padding:12px 16px}.admin-create-agent-drawer .footer-left{order:2}.admin-create-agent-drawer .footer-right{order:3;justify-content:stretch}.admin-create-agent-drawer .footer-right .ant-btn,.admin-create-agent-drawer .nav-btn{width:100%!important}.category-grid{grid-template-columns:repeat(2,1fr)!important}.admin-create-agent-drawer .ant-input,.admin-create-agent-drawer .ant-input-password,.admin-create-agent-drawer .ant-input-affix-wrapper{height:44px}}@media (max-width: 480px){.category-grid{grid-template-columns:1fr!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}.qa-section{display:flex;flex-direction:column;gap:16px}.qa-list-container{display:flex;flex-direction:column;gap:10px}.qa-card{border-radius:12px;border:1.5px solid #e5e7eb;transition:all .2s ease}.qa-card:hover{border-color:#4f46e5;box-shadow:0 4px 16px #4f46e51a}.qa-card .ant-card-body{padding:14px}.qa-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.qa-index{font-size:11px;font-weight:700;color:#4f46e5;background:#4f46e514;padding:2px 8px;border-radius:20px;letter-spacing:.04em}.qa-delete-btn{color:#ef4444;padding:4px;height:auto}.qa-delete-btn:hover{color:#dc2626;background:#fee2e2}.qa-card-body{display:flex;flex-direction:column;gap:10px}.qa-item-group{display:flex;flex-direction:column;gap:3px}.qa-item-group+.qa-item-group{padding-top:10px;border-top:1px solid #f3f4f6}.qa-item-label{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em}.qa-item-text{font-size:13px;color:#1f2937;line-height:1.5}.answer-text{color:#4b5563}.qa-description{font-size:13px;color:#6b7280;display:block;margin-bottom:16px}.qa-input-field{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:600;color:#374151}.qa-textarea{font-size:13px!important;border-radius:10px!important}.add-qa-action-btn{background:#4f46e5!important;border-color:#4f46e5!important;border-radius:10px!important;height:38px!important;font-weight:600!important;font-size:13px!important}.add-qa-action-btn:hover{background:#4338ca!important;border-color:#4338ca!important}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.category-card{padding:14px 12px;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:30px;height:30px;border-radius:8px;background:#4f46e514;display:flex;align-items:center;justify-content:center;font-size:15px;color:#4f46e5}.category-card.selected .category-card-icon{background:#4f46e5;color:#fff}.category-card-name{font-size:12.5px;font-weight:600;color:#111827}.category-card-count{font-size:11px;color:#9ca3af}.selection-info{display:flex;align-items:center;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500}.selection-active{background:#4f46e50d;border:1px solid rgba(79,70,229,.15);color:#4338ca}.selection-neutral{background:#fef2f2;border:1px solid #fca5a5;color:#ef4444}.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;min-height:0}.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;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.messages-area::-webkit-scrollbar{display:none}.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;display:flex;align-items:center;gap:4px}.user-message .message-time{justify-content:flex-start}.other-message .message-time{justify-content:flex-end}.msg-status{font-size:11px;font-weight:600;line-height:1}.msg-status--sent{color:#9ca3af}.msg-status--delivered{color:#6b7280}.msg-status--read{color:#3b82f6}.msg-status--failed{color:#ef4444}.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;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.conversation-list .ant-list::-webkit-scrollbar{display:none}@media (max-width: 768px){.messages-layout{height:calc(100vh - 48px);border-radius:0;border:none}.conversation-list{width:100%;display:flex}.conversations-header{padding:15px}.conversations-header h4{font-size:18px!important}.chat-window,.messages-layout.chat-active .conversation-list{display:none}.messages-layout.chat-active .chat-window{display:flex}.chat-header{padding:10px 16px!important;height:auto!important;min-height:60px!important}.partner-avatar{width:40px!important;height:40px!important}.partner-name-container{gap:0}.partner-name{font-size:15px!important}.company-tag{font-size:12px!important}.status-info-row{font-size:11px!important;gap:8px!important;margin-top:2px}.header-status-divider{display:none!important}.mobile-back-button{display:flex;margin-left:-8px}.messages-area{padding:16px!important}.message-container{max-width:90%;margin-bottom:15px}.message-bubble{padding:10px 16px!important;font-size:14px!important}.sender-info{margin-bottom:4px}.sender-avatar{width:24px!important;height:24px!important}.conversation-item{padding:10px 16px!important}.conversation-item .ant-avatar{width:40px!important;height:40px!important}}@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}.conv-action-dropdown{z-index:1100}.conv-action-dropdown .ant-dropdown-menu{padding:4px;border-radius:10px;box-shadow:0 8px 24px #0000001a,0 1px 4px #0000000a;border:1px solid #f0f0f0;min-width:0;width:auto;background:#fff}.conv-action-dropdown .ant-dropdown-menu-item{border-radius:7px;padding:6px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:background .15s ease,color .15s ease}.conv-action-dropdown .ant-dropdown-menu-item-danger{color:#ef4444}.conv-action-dropdown .ant-dropdown-menu-item-danger:hover{background:#fff1f0;color:#dc2626}.conv-action-dropdown .ant-dropdown-menu-item .anticon{font-size:13px;flex-shrink:0}@media screen and (max-width: 1280px){.conv-action-dropdown .ant-dropdown-menu{border-radius:8px;padding:3px}.conv-action-dropdown .ant-dropdown-menu-item{padding:5px 10px;font-size:12px;gap:7px}.conv-action-dropdown .ant-dropdown-menu-item .anticon{font-size:12px}}@media screen and (max-width: 768px){.conv-action-dropdown .ant-dropdown-menu{border-radius:8px;padding:3px}.conv-action-dropdown .ant-dropdown-menu-item{padding:5px 10px;font-size:12px;gap:6px}}.wa-left-panel{background:#fafbfc}.wa-header{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid #edf7ef;background:#fff;padding:14px 16px!important}.wa-header-top{display:flex;align-items:center;gap:12px;margin-bottom:4px}.wa-icon-wrap{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #25d3664d}.wa-icon{font-size:22px;color:#fff}.wa-title{font-size:20px!important;font-weight:600!important;margin:0 0 2px!important;background:linear-gradient(135deg,#25d366,#128c7e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wa-subtitle{font-size:12px;color:#9ca3af;margin:0;font-weight:400}.wa-search-row{display:block;width:100%;margin-top:4px}.wa-search{width:100%;height:46px!important;border-radius:24px!important;background:#f5faf6!important;border-color:#d4edda!important;padding:0 16px!important}.wa-search:hover{border-color:#25d366!important}.wa-search.ant-input-affix-wrapper-focused,.wa-search:focus-within{border-color:#25d366!important;box-shadow:0 0 0 2px #25d36614!important}.wa-search .ant-input{background:#f5faf6!important;height:100%}.wa-left-panel .conversation-item.active{border-left-color:#25d366!important;background:#f0fdf4!important}.wa-left-panel .wa-phone-label{color:#25d366!important}.wa-left-panel .conversation-status-dot{background:#25d366;box-shadow:0 0 0 2px #fff}.wa-avatar-wrap{position:relative;display:inline-block}.wa-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 4px #25d36666}.wa-avatar-badge-icon{font-size:10px;color:#fff;line-height:1}.wa-empty-list{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.wa-empty-list-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.7;font-size:24px;color:#fff}.wa-empty-list-text{font-size:15px;font-weight:600;color:#374151;margin:0 0 8px}.wa-empty-list-sub{font-size:13px;color:#9ca3af;margin:0;line-height:1.6}.wa-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;overflow:hidden}.wa-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08;pointer-events:none}.wa-blob-1{width:420px;height:420px;background:linear-gradient(135deg,#25d366,#128c7e);top:-100px;right:-80px}.wa-blob-2{width:320px;height:320px;background:linear-gradient(135deg,#128c7e,#075e54);bottom:-80px;left:-60px}.wa-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;padding:40px 24px;position:relative;z-index:1}.wa-welcome-logo{width:88px;height:88px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 16px 40px #25d3664d;animation:wa-float 4s ease-in-out infinite}.wa-welcome-logo-icon{font-size:44px;color:#fff}@keyframes wa-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wa-welcome-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;letter-spacing:-.3px}.wa-welcome-desc{font-size:14px;color:#6b7280;line-height:1.7;margin:0 0 28px}.wa-feature-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;align-self:stretch}.wa-feature-item{display:flex;align-items:center;gap:10px;background:#f5faf6;border:1px solid #d4edda;border-radius:10px;padding:10px 16px;font-size:13px;color:#374151;font-weight:500;text-align:start}.wa-feature-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chat-window{background:#efeae2}.messages-area{background:#efeae2!important}.chat-header{background:linear-gradient(135deg,#1aab8a,#0d8a76)!important;border-bottom:none!important;box-shadow:0 1px 3px #00000040}.partner-name{color:#fff!important}.company-tag{color:#ffffffb8!important;border-left-color:#ffffff38!important}.header-status-divider{background:#ffffff38!important}.mobile-back-button{color:#fff!important}.date-divider{margin:16px 0}.date-divider:before{background:transparent!important}.date-divider span{background:#ffffffe0!important;color:#54656f!important;font-size:12px!important;padding:4px 10px!important;border-radius:8px!important;box-shadow:0 1px 1px #00000014!important}.user-message .sender-name{color:#128c7e}.other-message .sender-name{color:#25d366}.user-message .message-bubble{background:#fff!important;color:#111b21!important;border:none!important;border-radius:0 10px 10px!important;box-shadow:0 1px 2px #0000001f!important;padding:8px 12px 4px!important;position:relative}.user-message .message-bubble:before{content:"";position:absolute;top:0;left:-8px;border-width:0 8px 8px 0;border-style:solid;border-color:transparent #ffffff transparent transparent}.other-message .message-bubble{background:#d9fdd3!important;color:#111b21!important;border-radius:10px 0 10px 10px!important;box-shadow:0 1px 2px #0000001f!important;padding:8px 12px 4px!important;position:relative}.other-message .message-bubble:before{content:"";position:absolute;top:0;right:-8px;border-width:8px 8px 0 0;border-style:solid;border-color:#d9fdd3 transparent transparent transparent}.other-message .message-bubble:hover{transform:none!important;box-shadow:0 1px 2px #0000001f!important}.user-message .message-text,.other-message .message-text{color:#111b21}.message-time{font-size:11px!important;color:#8696a0!important;margin-top:2px!important}.msg-status--sent,.msg-status--delivered{color:#8696a0!important}.msg-status--read{color:#53bdeb!important}.msg-status--failed{color:#ef4444!important}.chat-input-area{background:#f0f2f5!important;border-top:none!important;padding:10px 16px!important}.input-wrapper{background:#fff!important;border-radius:24px!important;box-shadow:0 1px 2px #00000014!important}.input-wrapper:focus-within{background:#fff!important;box-shadow:0 1px 4px #00000024!important}.send-button{background:#25d366!important;border-color:#25d366!important;box-shadow:none!important}.send-button:hover,.send-button:focus{background:#1da851!important;border-color:#1da851!important}.modern-calls-container{padding:0 0 40px;background:#f5f5f5;min-height:100vh}.call-row-rejected td{background-color:#fff5f5!important}.modern-breadcrumb{margin-bottom:24px}.breadcrumb-item{color:#94a3b8;font-size:13px;display:flex;align-items:center;gap:6px}.breadcrumb-separator{color:#d9d9d9;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}.calls-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;width:100%}.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}.calls-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}.calls-caller-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: 1024px){.modern-calls-container{padding:24px}.modern-calls-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.modern-search-input{width:200px!important}.modern-agent-select{width:170px!important}}@media (max-width: 768px){.modern-calls-container{padding:16px}.modern-breadcrumb{margin-bottom:16px}.modern-main-header{flex-direction:column;margin-bottom:16px;gap:8px}.header-left{min-width:unset;width:100%}.modern-main-title{font-size:20px!important}.modern-calls-grid{grid-template-columns:1fr;gap:14px}.modern-call-card{padding:18px;border-radius:18px}.call-waveform-section{margin-left:-18px;margin-right:-18px;padding:12px 18px}.calls-caller-name{font-size:15px}.modern-calls-container .ant-tabs-nav{flex-wrap:wrap!important}.modern-calls-container .ant-tabs-extra-content{width:100%!important;padding-bottom:12px}.modern-calls-container .ant-tabs-extra-content>div{flex-wrap:wrap!important;width:100%!important;gap:10px!important;padding-right:0!important}.tab-extra-filters{width:100%;padding-right:0}.compact-segmented{width:100%!important}.agent-search-container{width:100%;margin-right:0;flex:1 1 100%}.modern-agent-select,.modern-agent-select.ant-select-focused{width:100%!important}.search-container{width:100%;flex:1 1 100%}.modern-search-input{width:100%!important}.modern-search-input:focus{width:100%!important}.log-status-bar{justify-content:flex-start!important}.modern-segmented-status{overflow-x:auto!important;white-space:nowrap!important;max-width:100%}.call-actions{flex-wrap:wrap;gap:8px}.play-action-btn{flex:1;min-width:0;padding:0 16px;height:42px;font-size:14px}.filters-container{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.modern-calls-container{padding:12px}.modern-call-card{padding:14px;border-radius:14px}.call-waveform-section{margin-left:-14px;margin-right:-14px;padding:10px 14px}.call-card-header{gap:12px;margin-bottom:16px}.calls-caller-name{font-size:14px}.wa-type-tag{font-size:10px!important;padding:3px 7px!important}.call-actions{flex-direction:column}.secondary-actions{justify-content:flex-end}.play-action-btn{width:100%;height:40px}.compact-segmented .ant-segmented-item{font-size:12px!important;padding:0 8px!important}.modern-segmented-status .ant-segmented-item{font-size:12px!important}}.premium-tooltip .ant-tooltip-inner{background:#111827!important;border-radius:12px!important;padding:10px 16px!important;font-size:13px!important;font-weight:500!important;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d!important;border:1px solid rgba(255,255,255,.1)!important;color:#f9fafb!important}.premium-tooltip .ant-tooltip-arrow-content{background-color:#111827!important}.premium-failure-tooltip .ant-tooltip-inner{background:#fff!important;color:#111827!important;border:1px solid #fee2e2!important;padding:0!important;overflow:hidden!important;box-shadow:0 20px 25px -5px #0000001f,0 10px 10px -5px #0000000a!important;min-width:260px!important;border-radius:14px!important}.failure-tooltip-content{display:flex;flex-direction:column}.failure-tooltip-header{background:#fff1f0;padding:12px 16px;border-bottom:1px solid #ffa39e;color:#cf1322;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.failure-tooltip-body{padding:14px 16px;color:#4b5563;font-size:13px;line-height:1.6}.failure-tooltip-footer{padding:10px 16px;background:#f9fafb;border-top:1px solid #f3f4f6;color:#94a3b8;font-size:11px;display:flex;align-items:center;justify-content:space-between}.premium-failure-tooltip .ant-tooltip-arrow-content{background-color:#fff!important}.agent-search-container{margin-right:-4px}.modern-agent-select{width:200px!important;border-radius:12px!important;border:1.5px solid #e5e7eb!important;background:#fffc!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:38px!important;display:flex!important;align-items:center!important}.modern-agent-select:hover{border-color:#3b82f6!important;box-shadow:0 6px 15px #3b82f60d!important}.modern-agent-select.ant-select-focused{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f614,0 8px 20px #3b82f60d!important;width:240px!important;background:#fff!important}.modern-agent-select .ant-select-selector{background:transparent!important;border:none!important;box-shadow:none!important;height:100%!important;display:flex!important;align-items:center!important;padding:0 12px!important}.modern-agent-select .ant-select-selection-placeholder{color:#94a3b8!important;font-size:14px!important;font-weight:500!important}.modern-agent-select .ant-select-selection-item{font-weight:600!important;font-size:14px!important;color:#1e293b!important}.agent-select-popup{border-radius:12px!important;padding:6px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;border:1px solid #f1f5f9!important;overflow:hidden!important}.agent-select-popup .ant-select-item{border-radius:8px!important;margin-bottom:2px!important;transition:all .2s ease!important}.agent-select-popup .ant-select-item-option-active{background:#f1f5f9!important}.agent-select-popup .ant-select-item-option-selected{background:#eff6ff!important;color:#2563eb!important}.agent-select-popup .ant-select-item-option-selected .ant-typography{color:#2563eb!important}.campaigns-container{padding:0 0 40px;background:#f5f5f5;min-height:100vh}.campaigns-breadcrumb{margin-bottom:24px}.campaigns-breadcrumb .breadcrumb-item{color:#94a3b8;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer}.campaigns-breadcrumb .breadcrumb-item.active{color:#374151;font-weight:500;cursor:default}.campaigns-breadcrumb .breadcrumb-item.link:hover{color:#3b82f6}.breadcrumb-separator{color:#d9d9d9;margin:0 4px}.campaigns-header-card{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:20px 28px;margin-bottom:20px;border:1px solid rgba(79,70,229,.08);box-shadow:0 10px 25px #00000005,0 1px 3px #4f46e50d,inset 0 0 0 1px #fff6;position:relative;overflow:hidden}.campaigns-header-card:after{content:"";position:absolute;top:-50%;right:-8%;width:280px;height:280px;background:radial-gradient(circle,rgba(79,70,229,.05) 0%,transparent 70%);pointer-events:none}.campaigns-header-left{display:flex;align-items:center;gap:16px}.campaigns-hero-icon{width:52px;height:52px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 6px 18px #4f46e552}.campaigns-hero-title{font-size:22px;font-weight:500;color:#101828;margin:0 0 4px;line-height:1.2;letter-spacing:-.5px}.campaigns-hero-sub{font-size:13px;color:#667085;margin:0;line-height:1.5}.campaigns-create-btn{border-radius:10px;height:40px;font-weight:500;display:flex;align-items:center;gap:6px;flex-shrink:0}.campaigns-header-search{width:300px!important;border-radius:12px!important;height:40px!important;border:1.5px solid #e5e7eb!important;background:#fff!important;flex-shrink:0}.campaigns-header-search:hover{border-color:#c7d2fe!important}.campaigns-header-search.ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e514!important}.campaigns-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.campaign-stat-card{background:#fff;border-radius:14px;padding:20px 24px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px;transition:box-shadow .2s ease}.campaign-stat-card:hover{box-shadow:0 4px 16px #0000000f}.stat-icon-wrap{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-icon-wrap.total{background:#eff6ff;color:#3b82f6}.stat-icon-wrap.running{background:#f0fdf4;color:#16a34a}.stat-icon-wrap.paused{background:#fff7ed;color:#ea580c}.stat-icon-wrap.completed{background:#f5f3ff;color:#7c3aed}.stat-info-label{font-size:12px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}.stat-info-value{font-size:26px;font-weight:700;color:#111827;line-height:1.1;display:block}.campaigns-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.campaigns-table-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.campaign-name-cell{font-weight:600;color:#111827;cursor:pointer;display:flex;align-items:center;gap:8px}.campaign-name-cell:hover{color:#3b82f6}.campaign-name-icon{width:32px;height:32px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:14px;flex-shrink:0}.status-tag{border-radius:20px!important;font-weight:600!important;font-size:11px!important;padding:2px 10px!important;border:none!important;letter-spacing:.03em!important}.campaign-detail-container{padding:32px;background:#f5f5f5;min-height:100vh}.cdh-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cdh-back-btn{border-radius:8px!important;height:32px!important;font-size:13px!important;font-weight:500!important;border-color:#d0d5dd!important;color:#344054!important;display:flex!important;align-items:center!important;gap:4px!important;flex-shrink:0;transition:all .18s!important}.cdh-back-btn:hover{border-color:#4f46e5!important;color:#4f46e5!important;background:#f5f3ff!important}.cdh-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1;min-width:0}.cdh-bc-sep{color:#d9d9d9;font-size:13px;-webkit-user-select:none;user-select:none}.cdh-bc-item{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:4px;line-height:1}.cdh-bc-link{cursor:pointer;border-radius:5px;padding:3px 6px;transition:color .15s,background .15s}.cdh-bc-link:hover{color:#4f46e5;background:#eef2ff}.cdh-bc-current{font-weight:500;color:#374151;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-detail-header-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;border-left-width:4px;padding:24px 28px;margin-bottom:16px;display:flex;align-items:stretch;gap:0}.cdh-left{flex:1;min-width:0}.campaign-detail-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.campaign-detail-title{font-size:20px!important;font-weight:700!important;margin:0!important;color:#111827}.campaign-detail-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#6b7280;font-size:13px;margin-bottom:16px}.campaign-detail-meta-item{display:flex;align-items:center;gap:5px}.cdh-progress{max-width:480px}.cdh-progress-label{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:6px;font-weight:500}.campaign-detail-actions{display:flex;flex-direction:column;gap:8px;min-width:160px;padding-left:24px;justify-content:center}.recipient-stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-bottom:16px}.recipient-stat-chip{background:#fff;border-radius:14px;border:2px solid #e5e7eb;padding:14px 10px;text-align:center;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease;display:flex;flex-direction:column;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.recipient-stat-chip:hover{border-color:var(--chip-accent, #3b82f6);box-shadow:0 4px 14px #00000012;transform:translateY(-1px)}.recipient-stat-chip.chip-active{border-color:var(--chip-accent, #3b82f6);background:color-mix(in srgb,var(--chip-accent, #3b82f6) 6%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--chip-accent, #3b82f6) 15%,transparent)}.chip-icon{font-size:16px;color:var(--chip-accent, #6b7280);line-height:1}.recipient-stat-chip .chip-value{font-size:22px;font-weight:700;color:var(--chip-accent, #111827);line-height:1.1;display:block}.recipient-stat-chip .chip-label{font-size:10px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.campaign-tabs-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:24px}.campaign-tabs-card .ant-tabs-nav{margin-bottom:20px}.settings-section{margin-bottom:28px}.settings-section-title{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;display:block}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.settings-item{background:#f9fafb;border-radius:10px;padding:14px 16px;border:1px solid #f3f4f6}.settings-item-label{font-size:11px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:4px}.settings-item-value{font-size:15px;font-weight:600;color:#111827;display:block}.analytics-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.analytics-kpi-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:20px;text-align:center}.analytics-kpi-label{font-size:11px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:8px}.analytics-kpi-value{font-size:30px;font-weight:700;color:#111827;display:block;line-height:1.1}.analytics-kpi-value.analytics-kpi-accent{color:#10b981}.analytics-section{margin-bottom:28px}.analytics-section-title{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:14px}.analytics-outcome-bars{display:flex;flex-direction:column;gap:10px}.analytics-outcome-row{display:grid;grid-template-columns:140px 1fr 44px 44px;align-items:center;gap:12px}.analytics-outcome-label{font-size:13px;color:#374151;font-weight:500}.analytics-outcome-bar-wrap{height:8px;background:#f3f4f6;border-radius:99px;overflow:hidden}.analytics-outcome-bar-fill{height:100%;border-radius:99px;transition:width .5s ease;min-width:2px}.analytics-outcome-count{font-size:13px;font-weight:600;color:#111827;text-align:right}.analytics-outcome-pct{font-size:12px;color:#9ca3af;text-align:right}.analytics-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:32px}.analytics-retry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.analytics-retry-card{border-radius:12px;padding:18px 14px;text-align:center;border:1px solid transparent;display:flex;flex-direction:column;align-items:center}.analytics-retry-success{background:#f0fdf4;border-color:#bbf7d0}.analytics-retry-amber{background:#fffbeb;border-color:#fde68a}.analytics-retry-red{background:#fef2f2;border-color:#fecaca}.analytics-retry-value{font-size:26px;font-weight:700;color:#111827;display:block;margin-bottom:4px}.analytics-retry-label{font-size:11px;color:#6b7280;font-weight:500}.analytics-attempts-bars{display:flex;align-items:flex-end;gap:12px;height:120px}.analytics-attempts-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.analytics-attempts-bar-wrap{flex:1;width:100%;background:#f3f4f6;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden}.analytics-attempts-bar-fill{width:100%;background:#4f46e5;border-radius:6px 6px 0 0;transition:height .5s ease;min-height:3px}.analytics-attempts-count{font-size:12px;font-weight:600;color:#374151;margin-top:5px}.analytics-attempts-label{font-size:10px;color:#9ca3af;margin-top:2px}.contacts-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}@keyframes ringPulse{0%,to{opacity:1}50%{opacity:.5}}.status-ringing-tag{animation:ringPulse 1.4s ease-in-out infinite}.recipient-stats-row{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}@media (max-width: 1199px){.campaigns-container,.campaign-detail-container{padding:24px}.campaigns-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 991px){.campaigns-container,.campaign-detail-container{padding:18px}.campaign-detail-header-card{flex-direction:column;padding:18px 20px;gap:0}.campaign-detail-header-card .ant-divider-vertical{display:none}.campaign-detail-actions{padding-left:0;padding-top:14px;flex-direction:row;flex-wrap:wrap;min-width:0;border-top:1px solid #f3f4f6;margin-top:14px}.campaign-detail-actions .ant-btn{flex:1;min-width:100px}.analytics-kpi-row{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.analytics-bottom-row{grid-template-columns:1fr;gap:20px}.analytics-outcome-row{grid-template-columns:120px 1fr 40px 40px;gap:10px}}@media (max-width: 767px){.campaigns-container,.campaign-detail-container{padding:14px}.campaigns-header{margin-bottom:20px}.campaigns-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.campaign-stat-card{padding:14px 16px;gap:12px}.stat-info-value{font-size:22px}.stat-icon-wrap{width:38px;height:38px;font-size:17px}.campaigns-filters{flex-direction:column;align-items:stretch;gap:8px}.campaigns-filters .ant-segmented{overflow-x:auto;max-width:100%}.campaigns-filters>div:last-child{width:100%;flex-direction:column;display:flex;gap:8px}.campaigns-filters>div:last-child .ant-select{width:100%!important}.campaigns-search{width:100%!important}.campaign-detail-title{font-size:17px!important}.cdh-topbar{margin-bottom:14px}.cdh-bc-current{max-width:140px}.cdh-progress{max-width:100%}.campaign-tabs-card{padding:14px;border-radius:12px}.campaign-tabs-card .ant-tabs-nav{margin-bottom:14px;overflow-x:auto}.contacts-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.contacts-toolbar .ant-space{width:100%;flex-wrap:wrap}.contacts-toolbar .ant-btn{flex:1;min-width:120px}.analytics-kpi-card{padding:12px}.analytics-kpi-value{font-size:22px}.analytics-outcome-row{grid-template-columns:100px 1fr 36px 36px;gap:8px}.analytics-outcome-label{font-size:12px}.analytics-retry-grid{grid-template-columns:repeat(3,1fr);gap:8px}.analytics-retry-card{padding:12px 10px}.analytics-retry-value{font-size:20px}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 575px){.campaigns-container,.campaign-detail-container{padding:10px}.recipient-stats-row{grid-template-columns:repeat(3,1fr);gap:6px}.recipient-stat-chip{padding:10px 6px;border-radius:10px}.recipient-stat-chip .chip-value{font-size:17px}.recipient-stat-chip .chip-label{font-size:9px}.chip-icon{font-size:14px}.campaigns-stats-row{gap:8px}.stat-info-value{font-size:20px}.campaign-detail-header-card{padding:12px 14px}.campaign-detail-title{font-size:16px!important}.campaign-detail-meta{gap:10px;font-size:12px;margin-bottom:12px}.campaign-detail-actions{padding-top:12px;margin-top:12px;gap:6px}.campaign-detail-actions .ant-btn{font-size:12px}.cdh-topbar{margin-bottom:12px;gap:8px}.cdh-bc-current{max-width:120px}.cdh-bc-item{font-size:12px}.cdh-back-btn{height:28px!important;font-size:12px!important}.campaign-tabs-card{padding:10px;border-radius:10px}.analytics-kpi-row{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.analytics-kpi-card{padding:10px;border-radius:8px}.analytics-kpi-value{font-size:20px}.analytics-kpi-label{font-size:10px}.analytics-outcome-row{grid-template-columns:80px 1fr 32px 32px;gap:6px}.analytics-outcome-label{font-size:11px}.analytics-outcome-count{font-size:12px}.analytics-outcome-pct{font-size:11px}.analytics-retry-grid{grid-template-columns:1fr;gap:6px}.analytics-retry-card{padding:12px;flex-direction:row;align-items:center;gap:12px}.analytics-retry-value{font-size:22px;margin-bottom:0}.analytics-retry-label{font-size:12px;text-align:left}.analytics-attempts-bars{height:90px;gap:6px}.settings-grid{grid-template-columns:1fr;gap:10px}.settings-item{padding:10px 12px}.settings-item-value{font-size:13px}.contacts-toolbar .ant-btn{min-width:100px}}@media (max-width: 419px){.campaigns-container,.campaign-detail-container{padding:8px}.recipient-stats-row{grid-template-columns:repeat(2,1fr);gap:5px}.campaigns-stats-row{grid-template-columns:repeat(2,1fr)}.cdh-bc-current{max-width:90px}.analytics-kpi-row{grid-template-columns:1fr}.analytics-kpi-card{display:flex;align-items:center;justify-content:space-between;text-align:left}.analytics-kpi-value{font-size:22px}.analytics-outcome-row{grid-template-columns:66px 1fr 28px 28px;gap:5px}.campaigns-header{gap:10px}.campaigns-create-btn{width:100%;justify-content:center}.campaign-detail-actions{flex-direction:column}.campaign-detail-actions .ant-btn{width:100%}}.ul-container{max-width:100%;padding:0 0 40px;background:#f5f6fa;min-height:100vh;animation:ul-fadeIn .35s ease-out;box-sizing:border-box}.ul-breadcrumb-section{margin-bottom:20px;padding:0 2px}.ul-breadcrumb-item{color:#94a3b8;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap}.ul-breadcrumb-item.active{font-weight:500;color:#374151}.ul-breadcrumb-sep{color:#d9d9d9}.ul-header-section{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f;border:1px solid #EAECF0}.ul-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ul-header-title{flex:1;min-width:0}.ul-header-search{flex-shrink:0}.ul-main-title{font-size:20px!important;font-weight:600!important;color:#101828!important;margin:0 0 2px!important;line-height:1.25}.ul-subtitle{font-size:13px;color:#667085;display:block}.ul-search-input{width:280px;border-radius:8px;height:38px;border:1px solid #D0D5DD!important;font-size:13px}.ul-search-input:hover,.ul-search-input:focus-within{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e514!important}.ul-stats-card{background:#fff;border-radius:10px;padding:10px 20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #EAECF0;display:flex;align-items:center;gap:6px}.ul-stats-label{font-size:13px;font-weight:600;color:#344054}.ul-stats-count{font-size:13px;font-weight:500;color:#4f46e5}.ul-loading{display:flex;justify-content:center;align-items:center;min-height:360px;background:#fff;border-radius:12px}.ul-table-card{background:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px #0000000f;border:1px solid #EAECF0;margin-bottom:24px;overflow:hidden;min-width:0}.ul-table .ant-table-content,.ul-table .ant-table-body{overflow-x:auto!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ul-table .ant-table-content::-webkit-scrollbar,.ul-table .ant-table-body::-webkit-scrollbar{display:none}.ul-table{background:transparent}.ul-table .ant-table{border-radius:0;background:transparent}.ul-table .ant-table-container{border-radius:0}.ul-table .ant-table-body{overflow-x:auto!important}.ul-table .ant-table-thead>tr>th{background:#f9fafb;border-bottom:1px solid #EAECF0;color:#667085;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;white-space:nowrap}.ul-table .ant-table-tbody>tr>td{border-bottom:1px solid #F2F4F7;padding:10px 12px;vertical-align:middle;background:#fff;transition:background .12s}.ul-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.ul-table .ant-table-tbody>tr:hover>td{background:#f8f8ff!important}.ul-name-cell{display:flex;align-items:center;gap:8px;min-width:0}.ul-avatar{width:30px!important;height:30px!important;min-width:30px;border-radius:50%!important;background:#eef2ff!important;color:#4f46e5!important;font-size:11px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;box-shadow:0 0 0 2px #e0e7ff!important;flex-shrink:0}.ul-info{display:flex;flex-direction:column;min-width:0;flex:1}.ul-name{font-weight:600;color:#101828;font-size:13px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ul-created{color:#98a2b3;font-size:11px;white-space:nowrap}.ul-data-cell{color:#475467;font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ul-status-switch{display:flex;align-items:center}.ul-status-switch .ant-switch-checked{background:#12b76a!important}.ul-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.ul-view-btn{border-radius:100px!important;border:1.5px solid #4f46e5!important;color:#4f46e5!important;background:#fff!important;font-size:11px!important;font-weight:500!important;height:26px!important;line-height:23px!important;padding:0 10px!important;white-space:nowrap;transition:all .2s!important;flex-shrink:0}.ul-view-btn:hover{background:#f5f3ff!important;border-color:#4338ca!important;color:#4338ca!important}.ul-action-btn{width:36px!important;height:36px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:none!important;background:transparent!important;transition:all .3s!important;flex-shrink:0;padding:0!important}.ul-edit-btn{color:#2563eb!important}.ul-edit-btn:hover{color:#1d4ed8!important;background:#eff6ff!important}.ul-delete-btn{color:#f04438!important}.ul-delete-btn:hover{color:#d92d20!important;background:#fff2f0!important}.ul-pagination{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #F2F4F7;flex-wrap:wrap}.ul-pagination-controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:center}.ul-pagination-btn{height:32px;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500;border:1px solid #D0D5DD!important;color:#344054!important;background:#fff!important;transition:all .18s!important}.ul-pagination-btn:hover:not(:disabled){border-color:#4f46e5!important;color:#4f46e5!important}.ul-pagination-btn.active{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important}.ul-pagination-btn:disabled{opacity:.38;cursor:not-allowed}.ul-empty-state{text-align:center;padding:52px 32px}.ul-empty-icon{font-size:44px;color:#d0d5dd;margin-bottom:10px}.ul-empty-text{font-size:14px;color:#98a2b3}.ul-details-dash{animation:ul-fadeIn .35s ease-out}.ul-details-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ul-details-breadcrumb{margin:0}.ul-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fff!important;border:1px solid #EAECF0!important;border-radius:8px!important;color:#344054!important;font-size:13px;font-weight:600!important;cursor:pointer;transition:all .18s!important;box-shadow:0 1px 2px #1018280d!important;white-space:nowrap}.ul-back-btn:hover{background:#f5f3ff!important;border-color:#4f46e5!important;color:#4f46e5!important;transform:translate(-2px)}.ul-hero-card{background:#fff!important;border-radius:12px!important;border:1px solid #EAECF0!important;padding:0!important;margin-bottom:20px;box-shadow:0 2px 8px #0000000f!important;overflow:hidden!important}.ul-hero-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#4f46e5,#818cf8);border-radius:12px 0 0 12px}.ul-hero-card .ant-card-body{padding:18px 24px!important;position:relative}.ul-hero-flex{display:flex;align-items:center;gap:18px}.ul-hero-avatar-wrap{flex-shrink:0}.ul-hero-avatar{width:60px!important;height:60px!important;font-size:22px!important;background:#eef2ff!important;color:#4f46e5!important;border:3px solid #fff!important;box-shadow:0 0 0 2px #c7d2fe,0 4px 12px #4f46e51f!important}.ul-hero-info{min-width:0;flex:1}.ul-hero-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ul-hero-name-row h2{font-size:18px!important;font-weight:700!important;margin:0!important;line-height:1.2;color:#101828}.ul-hero-meta{display:flex;flex-wrap:wrap;gap:14px}.ul-meta-item{display:flex;align-items:center;gap:5px;color:#667085;font-size:13px}.ul-hero-status{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.ul-hero-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.ul-hero-status-badge.active{background:#ecfdf5;color:#027a48}.ul-hero-status-badge.inactive{background:#f2f4f7;color:#667085}.ul-hero-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ul-section-title{font-size:15px!important;font-weight:700!important;color:#101828!important;margin:0!important}.ul-section-subtitle{font-size:12px;color:#98a2b3;display:block;margin-top:2px}.ul-drawer-section,.ul-plan-consumption{margin-bottom:20px}.ul-section-header-inline{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap}.ul-consumption-card{background:#fff!important;border:1px solid #EAECF0!important;border-radius:12px!important;padding:16px!important;transition:all .2s ease!important;box-shadow:0 1px 4px #0000000a!important;height:100%!important}.ul-consumption-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000012!important;border-color:#c7d2fe!important}.ul-consumption-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ul-consumption-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ul-call-icon{background:#ecfdf5;color:#10b981}.ul-msg-icon{background:#eff6ff;color:#3b82f6}.ul-consumption-ratio{font-size:13px}.ul-usage-current{font-weight:700;color:#1e293b;font-size:15px}.ul-usage-total{color:#94a3b8;font-weight:500}.ul-progress-wrapper{display:flex;align-items:center;gap:10px}.ul-progress-track{flex:1;height:7px;background:#f1f5f9;border-radius:4px;overflow:hidden;position:relative}.ul-progress-fill{height:100%;border-radius:4px;position:absolute;left:0;top:0}.ul-call-fill{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 6px #10b9814d}.ul-msg-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 6px #3b82f64d}.ul-progress-pct{font-size:12px;font-weight:700;color:#475569;min-width:36px;text-align:right}.ul-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px;flex-wrap:wrap}.ul-period-select{width:160px!important;min-width:130px}.ul-stats-grid{margin-bottom:20px}.ul-metric-card{background:#fff!important;border-radius:12px!important;border:1px solid #EAECF0!important;transition:all .2s ease!important;height:100%!important;box-shadow:0 1px 4px #0000000a!important}.ul-metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000012!important;border-color:#c7d2fe!important}.ul-metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ul-metric-icon{padding:8px;border-radius:8px;background:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:16px}.ul-metric-chart{height:36px}.ul-metric-title{font-size:12px;font-weight:500;color:#667085;display:block;margin-bottom:2px}.ul-metric-val{font-size:22px!important;font-weight:800!important;margin:4px 0!important;color:#101828!important;letter-spacing:-.02em!important;line-height:1.1!important}.ul-metric-trend{font-size:11px;color:#98a2b3;font-weight:500}.ul-info-card{background:#fff!important;border-radius:12px!important;border:1px solid #EAECF0!important;height:100%!important;box-shadow:0 1px 4px #0000000a!important}.ul-info-card .ant-card-head{border-bottom:1px solid #F2F4F7!important;padding:14px 20px!important;min-height:auto!important}.ul-info-card .ant-card-head-title{font-weight:700!important;font-size:14px!important;color:#101828!important}.ul-info-card .ant-card-body{padding:20px!important}.ul-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ul-field-label{font-size:11px;color:#98a2b3;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;display:block}.ul-field-value{font-size:13px;color:#101828;font-weight:500}.ul-plan-badge{border-radius:6px!important;padding:2px 8px!important;font-weight:600!important;font-size:11px!important;letter-spacing:.04em;border:none!important;box-shadow:0 1px 3px #f59e0b33;flex-shrink:0}@media (max-width: 1199px){.ul-container{padding:20px 24px}}@media (max-width: 991px){.ul-container{padding:16px 18px}.ul-header-content{flex-direction:column;align-items:stretch;gap:10px}.ul-header-search{width:100%}.ul-search-input{width:100%!important}.ul-details-topbar{flex-direction:column;align-items:flex-start}}@media (max-width: 767px){.ul-container{padding:12px 14px}.ul-main-title{font-size:18px!important}.ul-hero-flex{gap:14px}.ul-hero-avatar{width:52px!important;height:52px!important;font-size:18px!important}.ul-hero-name-row h2{font-size:16px!important}.ul-hero-status{margin-left:0;margin-top:8px}.ul-metric-chart{display:none}.ul-metric-header{margin-bottom:8px}.ul-stats-header{flex-direction:column;align-items:flex-start}.ul-period-select{width:100%!important}.ul-info-grid{grid-template-columns:1fr;gap:12px}.ul-metric-val{font-size:20px!important}.ul-pagination{padding:10px 14px}.ul-pagination-btn{height:30px;padding:0 10px;font-size:12px}}@media (max-width: 575px){.ul-container{padding:10px}.ul-header-section{padding:14px 16px}.ul-main-title{font-size:16px!important}.ul-subtitle{font-size:12px}.ul-stats-card{padding:8px 14px}.ul-hero-card .ant-card-body{padding:14px 16px!important}.ul-hero-flex{flex-direction:column;align-items:flex-start;gap:10px}.ul-hero-avatar{width:44px!important;height:44px!important;font-size:15px!important}.ul-hero-name-row h2{font-size:15px!important}.ul-hero-meta{gap:8px}.ul-meta-item{font-size:12px}.ul-consumption-card{padding:12px!important}.ul-consumption-header{flex-direction:column;align-items:flex-start;gap:6px}.ul-view-btn{font-size:10px!important;padding:0 8px!important}.ul-action-btn{width:28px!important;height:28px!important}.ul-pagination{flex-direction:column;align-items:center;gap:8px;padding:10px}.ul-pagination-controls{order:-1}.ul-info-card .ant-card-body{padding:14px!important}.ul-back-btn{font-size:12px;padding:6px 10px}}@keyframes ul-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.update-user-drawer .ant-drawer-content{overflow:hidden;background:#fff}.update-user-drawer .ant-drawer-header{display:none}.update-user-drawer .ant-drawer-body{padding:0!important;overflow-y:auto;-webkit-overflow-scrolling:touch}.update-user-drawer .modal-header{padding:24px 24px 16px;position:relative;background:#fff;display:flex;align-items:center;gap:12px;overflow:hidden;border-bottom:1px solid #f1f5f9}.update-user-drawer .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-drawer .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-drawer .header-icon-wrapper svg{width:22px;height:22px}.update-user-drawer .header-text-content{z-index:1;min-width:0}.update-user-drawer .modal-title{font-size:19px!important;font-weight:700!important;color:#111827!important;margin:0!important;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-user-drawer .modal-subtitle{font-size:13px;color:#64748b;margin-top:2px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-user-drawer .modal-content{padding:20px 24px 16px}.update-user-drawer .form-row{display:flex;gap:12px}.update-user-drawer .flex-1{flex:1;min-width:0}.update-user-drawer .ant-form-item{margin-bottom:14px!important}.update-user-drawer .ant-form-item-label{padding-bottom:4px!important}.update-user-drawer .label-with-icon{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#334155}.update-user-drawer .label-with-icon svg{color:#94a3b8;flex-shrink:0}.update-user-drawer .form-input,.update-user-drawer .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-drawer .ant-select.form-select .ant-select-selection-placeholder{line-height:38px!important;color:#94a3b8!important}.update-user-drawer .ant-select.form-select .ant-select-selection-item{line-height:38px!important}.update-user-drawer .form-input:hover,.update-user-drawer .ant-select.form-select:hover .ant-select-selector{border-color:#e2e8f0!important;background:#f1f5f9!important}.update-user-drawer .form-input:focus,.update-user-drawer .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-drawer .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;resize:none}.update-user-drawer .form-input-text:focus{border-color:#4f46e5!important;background:#fff!important;box-shadow:0 0 0 4px #4f46e51a!important}.update-user-drawer .verified-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f8fafc;border:1.5px solid #f1f5f9;border-radius:12px;margin-top:4px}.update-user-drawer .verified-info{display:flex;align-items:center;gap:14px;min-width:0}.update-user-drawer .icon-badge{width:38px;height:38px;border-radius:10px;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0}.update-user-drawer .text-box{display:flex;flex-direction:column;min-width:0}.update-user-drawer .v-title{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap}.update-user-drawer .v-desc{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-user-drawer .ant-drawer-footer{padding:16px 24px!important;border-top:1px solid #f1f5f9!important}.update-user-drawer .drawer-footer-actions{display:flex;justify-content:flex-end;gap:8px}.update-user-drawer .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-drawer .modal-next-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 25px -5px #4f46e580!important;filter:brightness(1.1)}.update-user-drawer .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-drawer .modal-back-btn:hover{background:#f8fafc!important;color:#1e293b!important;border-color:#cbd5e1!important}.update-user-drawer .form-item{animation:drawerSlideUp .4s ease-out forwards;opacity:0}@keyframes drawerSlideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.update-user-drawer .form-item:nth-child(1){animation-delay:.05s}.update-user-drawer .form-item:nth-child(2){animation-delay:.1s}.update-user-drawer .form-item:nth-child(3){animation-delay:.15s}.update-user-drawer .form-item:nth-child(4){animation-delay:.2s}.update-user-drawer .form-item:nth-child(5){animation-delay:.25s}.update-user-drawer .form-item:nth-child(6){animation-delay:.3s}@media (max-width: 767px){.update-user-drawer .modal-header{padding:18px 20px 14px;gap:10px}.update-user-drawer .modal-content{padding:16px 20px 12px}.update-user-drawer .ant-drawer-footer{padding:14px 20px!important}.update-user-drawer .modal-title{font-size:17px!important}.update-user-drawer .modal-subtitle{font-size:12px}}@media (max-width: 575px){.update-user-drawer .ant-drawer-content-wrapper{width:100%!important}.update-user-drawer .modal-header{padding:14px 16px 12px;gap:10px}.update-user-drawer .header-icon-wrapper{width:36px;height:36px;border-radius:8px}.update-user-drawer .header-icon-wrapper svg{width:18px;height:18px}.update-user-drawer .modal-title{font-size:15px!important}.update-user-drawer .modal-subtitle{font-size:11px}.update-user-drawer .modal-content{padding:14px 16px 10px}.update-user-drawer .form-row{flex-direction:column;gap:0}.update-user-drawer .ant-form-item{margin-bottom:12px!important}.update-user-drawer .form-input,.update-user-drawer .ant-select.form-select .ant-select-selector{height:38px!important;font-size:13px!important}.update-user-drawer .ant-select.form-select .ant-select-selection-placeholder,.update-user-drawer .ant-select.form-select .ant-select-selection-item{line-height:36px!important}.update-user-drawer .verified-card{padding:10px 12px;gap:10px}.update-user-drawer .icon-badge{width:32px;height:32px}.update-user-drawer .v-title{font-size:13px}.update-user-drawer .v-desc{font-size:11px;white-space:normal}.update-user-drawer .ant-drawer-footer{padding:12px 16px!important}.update-user-drawer .drawer-footer-actions{flex-direction:column-reverse;gap:8px}.update-user-drawer .modal-next-btn,.update-user-drawer .modal-back-btn{width:100%!important;justify-content:center}}@media (max-width: 360px){.update-user-drawer .modal-header{padding:12px 12px 10px}.update-user-drawer .modal-content{padding:12px 12px 8px}.update-user-drawer .ant-drawer-footer{padding:10px 12px!important}.update-user-drawer .label-with-icon{font-size:12px}}.whatsapp-setup-container{padding:0 0 40px;background:#f6faf7;min-height:100vh}.whatsapp-breadcrumb-section{margin-bottom:24px}.whatsapp-breadcrumb-separator{color:#d9d9d9;margin:0 8px}.whatsapp-breadcrumb-item{color:#94a3b8;font-size:13px}.whatsapp-breadcrumb-item.active{color:#374151;font-weight:500}.wa-tutorial-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#f0fdf4,#e0f8e9);border:1px solid #b7efc5;border-radius:12px;padding:14px 20px;margin-bottom:20px;box-shadow:0 1px 8px #128c7e1a;animation:wa-banner-in .3s ease}@keyframes wa-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wa-tutorial-banner-left{display:flex;align-items:center;gap:12px}.wa-tutorial-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 6px 16px #128c7e33;font-size:18px;line-height:1;flex-shrink:0}.wa-tutorial-text{display:flex;flex-direction:column;gap:2px}.wa-tutorial-label{font-size:14px;font-weight:600;color:#0f766e}.wa-tutorial-sub{font-size:12px;color:#14532d;opacity:.85}.wa-tutorial-banner-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.wa-tutorial-link{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;font-size:13px;font-weight:500;color:#fff!important;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:20px;text-decoration:none!important;transition:all .2s ease;box-shadow:0 2px 8px #128c7e4d;letter-spacing:.2px}.wa-tutorial-link:hover{background:linear-gradient(135deg,#20bd5a,#0f766e);box-shadow:0 4px 14px #128c7e66;transform:translateY(-1px);color:#fff!important}.wa-tutorial-dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#128c7e;font-size:13px;cursor:pointer;border-radius:50%;opacity:.6;transition:all .15s ease;padding:0}.wa-tutorial-dismiss:hover{background:#128c7e1f;opacity:1}.whatsapp-header-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #10182814,0 12px 32px #128c7e0f}.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-title-row{display:flex;align-items:center;gap:16px;min-width:0}.whatsapp-logo-block{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#25d366,#1fb95f 45%,#128c7e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 8px 20px #128c7e42;flex-shrink:0}.whatsapp-main-title{margin:0!important;font-size:24px!important;font-weight:600!important;color:#101828!important;display:flex;align-items:center;letter-spacing:0!important}.whatsapp-subtitle{color:#667085;font-size:14px}.whatsapp-header-actions{display:flex;align-items:center}.whatsapp-setup-cta{border-radius:12px!important;height:44px!important;padding:0 28px!important;font-size:14px!important;font-weight:600!important;color:#fff!important;background:linear-gradient(135deg,#25d366,#1fb95f 45%,#128c7e)!important;border:none!important;box-shadow:0 8px 24px #128c7e47!important;transition:transform .2s ease,box-shadow .2s ease!important}.whatsapp-setup-cta:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #128c7e5c!important}.whatsapp-setup-cta:active{transform:translateY(0)!important}.whatsapp-stats-card{display:flex;gap:24px;background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;box-shadow:0 1px 3px #10182814;border:1px solid #edf7ef}.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 #10182814;border:1px solid #edf7ef;overflow:hidden}.whatsapp-table-card .ant-table{border-radius:12px}.whatsapp-table-card .ant-table-thead>tr>th{background:#f7fbf8;color:#5f7468;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:#f8fcf9}.whatsapp-loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;background:#fff;border-radius:12px;border:1px solid #edf7ef}.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-drawer-content{padding:0!important}.whatsapp-setup-modal .ant-drawer-header{border-bottom:1px solid #eaecf0;padding:14px 20px}.whatsapp-setup-modal .ant-drawer-body{padding:20px;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:12px}.whatsapp-stats-card{flex-direction:column;gap:12px;padding:14px 16px}.wa-tutorial-banner{flex-direction:column;align-items:flex-start;gap:12px}.wa-tutorial-banner-right{width:100%;justify-content:space-between}.whatsapp-setup-modal .ant-drawer-body .ant-steps{overflow-x:auto;padding-bottom:8px}.whatsapp-table-card .ant-table-tbody>tr>td{padding:12px 10px;font-size:13px}.whatsapp-table-card .ant-table-thead>tr>th{padding:10px;font-size:11px}}@media (max-width: 480px){.whatsapp-setup-container{padding:8px}.step-content{min-height:auto;padding:6px 0}.whatsapp-setup-modal .modal-footer{grid-template-columns:1fr;gap:10px}.whatsapp-setup-modal .footer-left{order:2}.whatsapp-setup-modal .footer-right{order:3;justify-content:stretch}.whatsapp-setup-modal .footer-right .nav-btn-next,.whatsapp-setup-modal .footer-right .nav-btn-submit{width:100%!important}.summary-card .ant-card-body,.webhook-card .ant-card-body{padding:12px}.whatsapp-stats-card{padding:12px;border-radius:10px}.wa-tutorial-banner{padding:12px 14px;border-radius:10px}}.whatsapp-setup-container .ant-btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);border-color:transparent;color:#fff!important}.whatsapp-setup-container .ant-btn-primary:hover,.whatsapp-setup-container .ant-btn-primary:focus{background:linear-gradient(135deg,#20bd5a,#0f766e)!important;border-color:transparent!important;color:#fff!important}.whatsapp-setup-modal .ant-btn-primary{background:#25d366!important;border-color:#25d366!important;color:#fff!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}.whatsapp-setup-modal .modal-footer{padding-left:0;padding-right:0;padding-top:20px;margin-top:8px;border-top:1px solid #f0f0f0}.whatsapp-setup-modal .nav-btn-next,.whatsapp-setup-modal .nav-btn-submit{background:#4f46e5!important;background-color:#4f46e5!important;border-color:#4f46e5!important}.whatsapp-setup-modal .nav-btn-next:hover,.whatsapp-setup-modal .nav-btn-submit:hover{background:#4338ca!important;background-color:#4338ca!important;border-color:#4338ca!important}.whatsapp-table-card .ant-tag{border-radius:6px;padding:4px 8px;font-size:12px}.wa-page-container{padding:0 0 40px;min-height:100vh}.wa-page-breadcrumb{margin-bottom:20px}.wa-page-bc-sep{color:#d9d9d9}.wa-page-bc-item{color:#94a3b8;font-size:13px}.wa-page-bc-active{color:#374151;font-weight:500}.wa-page-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px 12px 0 0;padding:24px 28px 20px;box-shadow:0 1px 3px #10182814,0 12px 32px #128c7e0f}.wa-page-header-left{display:flex;align-items:center;gap:16px}.wa-page-logo-block{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#25d366,#1fb95f 45%,#128c7e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 8px 20px #128c7e42;flex-shrink:0}.wa-page-title{margin:0!important;font-size:24px!important;font-weight:600!important;color:#101828!important;letter-spacing:0!important;line-height:1.2!important}.wa-page-subtitle{display:block;margin-top:3px;color:#667085;font-size:14px}.whatsapp-page-tabs>.ant-tabs-nav{background:#fff;padding:0 28px;margin-bottom:0;border-bottom:1px solid #eaecf0;box-shadow:0 4px 10px #128c7e12}.whatsapp-page-tabs>.ant-tabs-nav .ant-tabs-tab{font-size:14px;font-weight:500;padding:14px 4px;color:#667085;transition:color .2s ease}.whatsapp-page-tabs>.ant-tabs-nav .ant-tabs-tab .anticon{margin-right:7px;font-size:15px}.whatsapp-page-tabs>.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn{color:#128c7e;font-weight:600}.whatsapp-page-tabs>.ant-tabs-nav .ant-tabs-ink-bar{background:linear-gradient(90deg,#25d366,#128c7e);height:3px!important;border-radius:3px 3px 0 0}.whatsapp-page-tabs>.ant-tabs-content-holder{background:#f6faf7}.wa-page-container .whatsapp-breadcrumb-section{display:none}.wa-page-container .whatsapp-setup-container{padding:16px 0 0}@media (max-width: 768px){.wa-page-container{padding:12px}.wa-page-header{padding:14px 14px 12px;border-radius:10px 10px 0 0;flex-wrap:wrap;gap:12px}.wa-page-logo-block{width:40px;height:40px;font-size:20px;border-radius:12px}.wa-page-title{font-size:18px!important}.wa-page-subtitle{font-size:13px}.whatsapp-page-tabs>.ant-tabs-nav{padding:0 14px}.whatsapp-page-tabs>.ant-tabs-nav .ant-tabs-tab{padding:12px 4px;font-size:13px}}@media (max-width: 480px){.wa-page-container{padding:8px}.wa-page-title{font-size:16px!important}.wa-page-subtitle{font-size:12px}.whatsapp-page-tabs>.ant-tabs-nav{padding:0 8px}}.qa-drawer .ant-drawer-header{background:linear-gradient(135deg,#fff,#fafbff)!important;border-bottom:1px solid #e9eaf5!important;padding:18px 24px!important}.qa-drawer .ant-drawer-header-title{flex:1}.qa-drawer .ant-drawer-close{color:#9ca3af!important;transition:color .2s!important}.qa-drawer .ant-drawer-close:hover{color:#4f46e5!important}.qa-drawer .ant-drawer-body{background:#f4f5fb!important;padding:24px!important;display:flex;flex-direction:column;gap:0}.qa-drawer .ant-drawer-footer{border-top:1px solid #e9eaf5!important;padding:14px 24px!important;background:#fff!important}.qa-drawer-title{display:flex;align-items:center;gap:12px}.qa-drawer-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #4f46e547}.qa-drawer-title-icon--edit{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 4px 12px #2563eb47}.qa-drawer-title-text{font-size:15px;font-weight:700;color:#101828;line-height:1.3}.qa-drawer-title-sub{font-size:12px;color:#667085;font-weight:400;margin-top:2px}.qa-language-hint{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;margin-bottom:16px;background:#eff6ff;border:1px solid #bfdbfe;border-left:3px solid #2563eb;border-radius:10px;font-size:13px;color:#1d4ed8;line-height:1.5}.qa-form{display:flex;flex-direction:column}.qa-form .ant-form-item-label{display:none}.qa-field-section{background:#fff;border-radius:14px;padding:16px 18px 14px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000a;transition:border-color .2s,box-shadow .2s}.qa-field-section:focus-within{border-color:#c7d2fe;box-shadow:0 0 0 3px #4f46e512}.qa-field-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:#374151;letter-spacing:.01em}.qa-field-badge{width:22px;height:22px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.qa-field-badge--answer{background:linear-gradient(135deg,#059669,#10b981)}.qa-textarea{width:100%!important;box-sizing:border-box!important;border:1.5px solid #e9eaf5!important;border-radius:10px!important;padding:10px 13px!important;font-size:14px!important;line-height:1.65!important;background:#fafbff!important;color:#1e293b!important;transition:border-color .2s,background .2s,box-shadow .2s!important;resize:vertical!important;word-break:normal!important;overflow-wrap:break-word!important}.qa-textarea:hover{border-color:#c7d2fe!important;background:#f5f7ff!important}.qa-textarea:focus{border-color:#4f46e5!important;background:#fff!important;box-shadow:none!important;outline:none!important}.qa-textarea::placeholder{color:#9ca3af!important;font-size:13px!important}.qa-form-item,.qa-form-item .ant-form-item-control,.qa-form-item .ant-form-item-control-input,.qa-form-item .ant-form-item-control-input-content,.qa-form-item .ant-input-textarea,.qa-form-item .ant-input-textarea textarea{width:100%!important;margin-bottom:0!important}.qa-section-divider{display:flex;align-items:center;gap:10px;margin:14px 0}.qa-divider-line{flex:1;height:1px;background:#e5e7eb}.qa-divider-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.qa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:220px;color:#667085;font-size:13px}@media (max-width: 768px){.qa-drawer .ant-drawer-body{padding:16px!important}.qa-drawer .ant-drawer-header{padding:14px 16px!important}.qa-field-section{padding:14px 14px 12px}}@media (max-width: 480px){.qa-drawer .ant-drawer-body{padding:12px!important}.qa-field-section{padding:12px;border-radius:10px}}.qa-drawer-footer{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 480px){.qa-drawer-footer{flex-direction:column-reverse;gap:8px}.qa-cancel-btn,.qa-submit-btn{width:100%!important}}.qa-cancel-btn{height:40px!important;border-radius:10px!important;border:1.5px solid #e2e8f0!important;color:#64748b!important;font-weight:600!important;font-size:14px!important;padding:0 20px!important;background:#fff!important;transition:all .2s!important}.qa-cancel-btn:hover:not(:disabled){border-color:#c7d2fe!important;color:#4f46e5!important;background:#f5f7ff!important}.qa-submit-btn{height:40px!important;border-radius:10px!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;border:none!important;color:#fff!important;font-weight:600!important;font-size:14px!important;padding:0 24px!important;box-shadow:0 4px 12px #4f46e54d!important;transition:all .2s!important}.qa-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5)!important;box-shadow:0 6px 16px #4f46e566!important;transform:translateY(-1px)}.qa-submit-btn:active:not(:disabled){transform:translateY(0)}.qa-submit-btn:disabled,.qa-cancel-btn:disabled{opacity:.55!important;cursor:not-allowed!important}.template-drawer-header{display:flex;flex-direction:column;gap:2px}.create-template-drawer .step-indicator{display:inline-flex;align-items:center;padding:3px 10px;background:#4f46e514;color:#4f46e5;font-size:12px;font-weight:600;border-radius:20px;margin-bottom:6px;letter-spacing:.02em;width:fit-content}.create-template-drawer .modal-title{font-size:17px;font-weight:700;color:#111827;line-height:1.3}.create-template-drawer .modal-subtitle{font-size:13px;color:#6b7280;font-weight:400;margin-top:2px}.create-template-drawer .form-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;margin-bottom:16px;transition:all .2s ease}.create-template-drawer .form-section:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000005}.create-template-drawer .section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.create-template-drawer .section-number{font-size:14px;color:#fff!important;background:#4f46e5!important;background-color:#4f46e5!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;box-shadow:0 2px 4px #4f46e540!important;flex-shrink:0!important}.create-template-drawer .section-title{font-size:15px!important;font-weight:600!important;color:#111827!important;margin:0!important}.create-template-drawer .modal-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 24px}.create-template-drawer .nav-btn{height:40px!important;padding:0 20px!important;border-radius:10px!important;font-weight:600!important;font-size:14px!important}.create-template-drawer .nav-btn-back,.create-template-drawer .nav-btn-cancel{background:transparent!important;border:1px solid #e5e7eb!important;color:#4b5563!important}.create-template-drawer .nav-btn-back:hover,.create-template-drawer .nav-btn-cancel:hover{background:#f9fafb!important;border-color:#111827!important;color:#111827!important}.create-template-drawer .nav-btn-next,.create-template-drawer .nav-btn-submit,.ant-btn.create-template-drawer .nav-btn-next,.ant-btn-primary.create-template-drawer .nav-btn-submit,.create-template-drawer .nav-btn-next:hover,.create-template-drawer .nav-btn-submit:hover{background:#4f46e5!important;background-color:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}@media (max-width: 768px){.create-template-drawer .modal-footer{grid-template-columns:1fr;gap:10px;padding:12px 16px}.footer-left{order:2}.pagination-dots{order:1;justify-content:center}.footer-right{order:3;justify-content:stretch}.footer-right .nav-btn-next,.footer-right .nav-btn-submit{width:100%!important}.create-template-drawer .form-section{padding:16px;border-radius:14px}.placeholder-chips{gap:6px}}@media (max-width: 480px){.create-template-drawer .modal-title{font-size:15px}.create-template-drawer .form-section{padding:12px}}.create-template-drawer .ant-form-item{margin-bottom:20px!important}.create-template-drawer .form-section .ant-form-item:last-child{margin-bottom:0!important}.create-template-drawer .form-input,.create-template-drawer .ant-select .ant-select-selector,.create-template-drawer .prompt-textarea{border-radius:12px!important;border:1px solid #e5e7eb!important;font-size:14px!important}.create-template-drawer .form-input:focus,.create-template-drawer .prompt-textarea:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e514!important}.placeholder-chips{display:flex;flex-wrap:wrap;gap:8px}.placeholder-chip{padding:4px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;color:#4b5563;cursor:pointer;transition:all .2s ease}.placeholder-chip:hover{background:#e0e7ff;border-color:#c7d2fe;color:#4f46e5}.built-in-tools-section{margin-top:12px}.tool-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 10px 8px;background:#fafafa;border:1px solid #e9eaf5;border-radius:10px;transition:border-color .15s,background .15s,box-shadow .15s}.tool-card:hover{border-color:#c7d2fe;background:#f5f3ff;box-shadow:0 2px 8px #4f46e512}.tool-name{font-weight:700;font-size:12px;color:#1f2937;letter-spacing:.1px;line-height:1.3}.tool-desc{font-size:11px;color:#9ca3af;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-system-badge{display:inline-flex;align-items:center;gap:3px;margin-top:4px;font-size:9.5px;font-weight:700;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;padding:1px 6px;letter-spacing:.05em}.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:20px}.tool-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:24px;border:1px solid rgba(79,70,229,.08);box-shadow:0 4px 20px #00000005;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;height:240px;min-height:240px;max-height:240px;position:relative;overflow:hidden;cursor:pointer}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4f46e508,#00c6ff08);opacity:0;transition:opacity .4s ease;z-index:0}.tool-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #4f46e51f;border-color:#4f46e54d}.tool-card:hover:before{opacity:1}.tool-card>*{position:relative;z-index:1}.tool-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;min-width:0}.tool-card-name-wrapper{flex:1;min-width:0;overflow:hidden}.tool-card-name{display:block;font-size:14px;font-weight:600;color:#101828;font-family:SF Mono,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.tool-method-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 10px;border-radius:6px;letter-spacing:.8px;border:1px solid transparent}.tool-method-badge.get{background:#f0fdf4;color:#16a34a;border-color:#dcfce7}.tool-method-badge.post{background:#f0f7ff;color:#2563eb;border-color:#e0efff}.tool-method-badge.put{background:#fffbeb;color:#d97706;border-color:#fef3c7}.tool-method-badge.patch{background:#fff7ed;color:#ea580c;border-color:#ffedd5}.tool-method-badge.delete{background:#fef2f2;color:#dc2626;border-color:#fee2e2}.tool-card-description{color:#667085;font-size:13px;line-height:1.5;margin-bottom:14px;word-break:break-word;overflow-wrap:break-word}.tool-card-url{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#475467;background:#f9fafb;padding:8px 12px;border-radius:10px;word-break:break-all;margin-bottom:16px;border:1px solid #eaecf0;position:relative;max-height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.tool-card-url:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#4f46e5;border-radius:3px 0 0 3px}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6;margin-top:auto;flex-shrink:0}.tool-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#667085}.tool-card-meta>span{background:#f3f4f6;padding:2px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}.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;height:auto;min-height:200px;max-height:none}.logs-section{padding:16px;border-radius:12px}.logs-header{flex-direction:column;align-items:flex-start;gap:10px}.template-card-actions{flex-wrap:wrap;gap:6px}.template-card-actions .ant-btn{font-size:11px!important;height:28px!important;padding:0 8px!important}}@media (max-width: 420px){.tools-template-selector{width:100%}.template-card-meta{flex-wrap:wrap;gap:8px}.tool-card-grid{grid-template-columns:1fr}}.plans-container{padding:0 40px 80px;max-width:1380px;margin:0 auto;min-height:100vh;position:relative;background:#f8f8fc}.plans-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 75% 5%,rgba(79,70,229,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 15% 85%,rgba(124,58,237,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.plans-container>*{position:relative;z-index:1}.plans-header{text-align:center;margin-bottom:64px;animation:fadeInDown .6s ease-out}.plans-header h1{font-size:3rem!important;font-weight:800!important;color:#1a1a26!important;margin-bottom:16px!important;letter-spacing:-.5px;line-height:1.15!important}.plans-sub{font-size:17px!important;color:#60606e!important;max-width:520px;line-height:1.7;margin:0 auto!important;display:block!important}.plans-header-admin{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;text-align:left}.plans-header-admin .plans-sub{margin:0!important}.plans-status-banner{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:8px 16px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;border:1px solid #e4e4e9}.plan-card{position:relative;height:100%;border-radius:24px!important;border:1px solid #e4e4e9!important;background:#ffffffb3!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:none!important;transition:all .35s cubic-bezier(.165,.84,.44,1)!important;overflow:visible!important;display:flex;flex-direction:column}.plan-card:hover{border-color:#4f46e566!important;box-shadow:0 20px 40px #4f46e51a!important;transform:translateY(-4px)}.plan-card.popular{background:#ffffffbf!important;border:1.5px solid #4F46E5!important;box-shadow:0 25px 50px #4f46e52e!important;transform:scale(1.02)}.plan-card.popular:hover{box-shadow:0 30px 60px #4f46e540!important;transform:scale(1.02) translateY(-4px)}.plan-card.current{border:1.5px solid #10b981!important;box-shadow:0 8px 30px #10b9811a!important}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#4f46e5;color:#fff;padding:5px 18px;border-radius:100px;font-weight:700;font-size:11px;letter-spacing:1.5px;white-space:nowrap;z-index:10;text-transform:uppercase}.current-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:5px 18px;border-radius:100px;font-weight:700;font-size:11px;letter-spacing:1.5px;white-space:nowrap;z-index:10;text-transform:uppercase}.plan-price-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.06)}.plan-name{font-size:15px!important;font-weight:600!important;color:#1a1a26!important;margin-bottom:10px!important;display:block}.plan-price-value{font-size:2.75rem!important;font-weight:800!important;color:#1a1a26;line-height:1;display:inline;letter-spacing:-1px}.plan-price-value--custom{font-size:1.6rem!important;line-height:1.2!important;letter-spacing:-.5px!important;word-break:break-word!important;white-space:normal!important;display:block!important}.plan-price-currency{font-size:1.25rem;font-weight:700;color:#1a1a26;vertical-align:super;line-height:1;margin-right:1px}.plan-price-period{font-size:14px;font-weight:500;color:#60606e;margin-left:4px}.plan-price-sub{font-size:13px;color:#60606e;margin-top:8px;display:block}.plan-feature-item{display:flex;align-items:center;gap:12px;padding:7px 0}.plan-feature-icon-wrap{width:32px;height:32px;border-radius:10px;background:#f0f0f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-feature-icon{font-size:14px;color:#4f46e5!important}.plan-feature-text{font-size:13.5px;color:#1a1a26;font-weight:500}.plan-button{height:50px!important;border-radius:14px!important;font-weight:600!important;font-size:15px!important;transition:all .25s ease!important}.plan-button.primary{background:#4f46e5!important;border:none!important;color:#fff!important;box-shadow:0 4px 15px #4f46e54d!important}.plan-button.primary:hover{background:#4338ca!important;box-shadow:0 6px 20px #4f46e573!important}.plan-button.secondary-cta{background:#f0f0f5!important;color:#1a1a26!important;border:none!important}.plan-button.secondary-cta:hover:not(:disabled){background:#e4e4ee!important}.plan-actions-trigger{position:absolute;top:16px;right:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:8px;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease;z-index:20;color:#60606e;font-size:17px;border:1px solid #e4e4e9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.plan-card:hover .plan-actions-trigger{opacity:1;transform:scale(1)}.plan-actions-trigger:hover{background:#fff;color:#4f46e5;border-color:#c7d2fe}.minimalist-create-btn{height:44px!important;border-radius:12px!important;padding:0 22px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;background:#4f46e5!important;border:none!important;color:#fff!important;font-weight:600!important;font-size:14px!important;transition:all .2s ease!important;box-shadow:0 4px 15px #4f46e54d!important}.minimalist-create-btn:hover{background:#4338ca!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566!important}.minimalist-create-btn .anticon{font-size:14px;transition:transform .25s ease}.minimalist-create-btn:hover .anticon{transform:rotate(90deg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.col-animate{animation:fadeInUp .5s ease-out forwards;opacity:0}.col-animate:nth-child(1){animation-delay:.05s}.col-animate:nth-child(2){animation-delay:.13s}.col-animate:nth-child(3){animation-delay:.21s}.col-animate:nth-child(4){animation-delay:.29s}.plan-drawer-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#9ca3af;display:block;margin-bottom:12px}@media (max-width: 1280px){.plans-container{padding:40px 24px 60px}.plans-header h1,.plan-price-value{font-size:2.4rem!important}.plan-card.popular{transform:scale(1.01)}}@media (max-width: 991px){.plans-container{padding:32px 20px 52px}.plans-header{margin-bottom:40px}.plans-header h1{font-size:2.1rem!important}.plans-sub{font-size:15px!important;max-width:100%}.plan-card.popular{transform:scale(1)}.plan-card.popular:hover{transform:translateY(-4px)}}@media (max-width: 768px){.plans-container{padding:24px 16px 44px}.plans-header{margin-bottom:32px}.plans-header h1{font-size:1.9rem!important}.plans-header-admin{flex-direction:column;align-items:flex-start;gap:16px}.plans-header-admin .plans-sub{max-width:100%}.plan-card .ant-card-body{padding:24px 20px!important}.plan-price-section{margin-bottom:20px;padding-bottom:18px}.plan-price-value{font-size:2.2rem!important}.plan-feature-item{padding:5px 0;gap:10px}.plan-feature-icon-wrap{width:28px;height:28px;border-radius:8px}.plan-feature-icon{font-size:13px}.plans-status-banner{flex-wrap:wrap;gap:8px;padding:8px 12px;width:fit-content}}@media (max-width: 576px){.plans-container{padding:16px 12px 40px}.plans-header{margin-bottom:24px}.plans-header h1{font-size:1.65rem!important}.plans-sub{font-size:14px!important}.plans-header-admin{gap:12px}.minimalist-create-btn{width:100%!important;justify-content:center!important}.plan-card .ant-card-body{padding:20px 16px!important}.plan-card.popular{transform:scale(1)!important}.plan-card.popular:hover{transform:translateY(-4px)!important}.plan-price-section{margin-bottom:16px;padding-bottom:14px}.plan-price-value{font-size:2rem!important}.plan-name{font-size:14px!important}.plan-feature-item{padding:4px 0;gap:8px}.plan-feature-icon-wrap{width:26px;height:26px;border-radius:7px}.plan-button{height:44px!important;font-size:14px!important}.plans-status-banner{border-radius:12px;width:100%;justify-content:flex-start}}@media (max-width: 575px){.plans-drawer .ant-drawer-content-wrapper{width:100vw!important}}: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:0 0 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:13px;display:flex;align-items:center;gap:8px;font-weight:500;transition:color .2s}.breadcrumb-item:hover{color:var(--primary-brand)}.breadcrumb-item.active{color:#374151;font-weight:500}.breadcrumb-separator{color:#d9d9d9;font-size:13px}.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}.campaign-drawer-header{display:flex;flex-direction:column;gap:2px}.create-campaign-drawer .step-indicator{display:inline-block;padding:3px 10px;background:#4f46e514;color:#4f46e5;font-size:12px;font-weight:600;border-radius:20px;margin-bottom:6px;letter-spacing:.02em;width:fit-content}.create-campaign-drawer .modal-title{font-size:17px;font-weight:700;color:#111827;line-height:1.3}.create-campaign-drawer .modal-subtitle{font-size:13px;color:#6b7280;font-weight:400;margin-top:2px}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;margin-bottom:16px;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,.create-campaign-drawer .section-number,span.section-number{font-size:12px!important;font-weight:800!important;color:#fff!important;background:#4f46e5!important;background-color:#4f46e5!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;box-shadow:0 2px 4px #4f46e540!important;flex-shrink:0!important}.section-title{font-size:15px!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}.modal-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 24px}.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:#4f46e538;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.dot.active{width:22px;height:7px;border-radius:4px;background:#4f46e5;box-shadow:0 0 8px #4f46e54d}.nav-btn{height:40px!important;padding:0 20px!important;border-radius:10px!important;font-weight:600!important;font-size:14px!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,.ant-btn.nav-btn-next,.ant-btn-primary.nav-btn-next{background:#4f46e5!important;background-color:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.nav-btn-next:hover,.ant-btn.nav-btn-next:hover,.ant-btn-primary.nav-btn-next:hover,.nav-btn-next:focus,.ant-btn.nav-btn-next:focus{background:#4f46e5!important;background-color:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}@media (max-width: 768px){.section-content{grid-template-columns:1fr!important;gap:16px}.modal-footer{grid-template-columns:1fr;gap:10px;padding:12px 16px}.footer-left{order:2}.pagination-dots{order:1;justify-content:center}.footer-right{order:3;justify-content:stretch}.footer-right .nav-btn-next{width:100%!important}.form-section{padding:16px;border-radius:14px}}@media (max-width: 480px){.create-campaign-drawer .modal-title{font-size:15px}.form-section{padding:12px}}.create-campaign-drawer .ant-form-item{margin-bottom:20px!important}.create-campaign-drawer .form-section .ant-form-item:last-child{margin-bottom:0!important}.create-campaign-drawer .form-input,.create-campaign-drawer .ant-select.form-select .ant-select-selector{height:42px!important;font-size:14px!important;border-radius:12px!important;background:#fff!important}.create-campaign-drawer .form-input:focus,.create-campaign-drawer .ant-select.form-select.ant-select-focused .ant-select-selector{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e514!important}.ig-setup-drawer .modal-footer{padding-left:0;padding-right:0;padding-top:16px;border-top:1px solid #f0f0f0}.instagram-page-container{padding:0 0 40px;min-height:100vh;background:#f5f5f5}.ig-breadcrumb-section{margin-bottom:24px;display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.ig-breadcrumb-separator{color:#d9d9d9}.ig-breadcrumb-active{color:#374151;font-weight:500}.ig-integration-header-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #1018281a}.ig-integration-header-section .ant-space{min-width:0}.ig-integration-header-section .ant-typography{letter-spacing:0}@media (max-width: 768px){.instagram-page-container{padding:16px}}@media (max-width: 480px){.instagram-page-container{padding:12px}}.ig-left-panel{background:#fafbfc}.ig-header{border-bottom:1px solid #f0eef6;background:#fff}.ig-header-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ig-icon-wrap{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #dc274340}.ig-icon{font-size:22px;color:#fff}.ig-title{font-size:20px!important;font-weight:600!important;color:#1a1a1a!important;margin:0 0 2px!important;background:linear-gradient(135deg,#e6683c,#cc2366);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ig-subtitle{font-size:12px;color:#9ca3af;margin:0;font-weight:400}.ig-search input{border-radius:10px;height:36px;background:#f5f3fa;border-color:#ede9f5}.ig-search input:focus{border-color:#cc2366;box-shadow:0 0 0 2px #cc236614}.ig-empty-list{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.ig-empty-list-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.7;font-size:24px;color:#fff}.ig-empty-list-text{font-size:15px;font-weight:600;color:#374151;margin:0 0 8px}.ig-empty-list-sub{font-size:13px;color:#9ca3af;margin:0;line-height:1.6}.ig-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;overflow:hidden}.ig-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08;pointer-events:none}.ig-blob-1{width:420px;height:420px;background:linear-gradient(135deg,#f09433,#dc2743);top:-100px;right:-80px}.ig-blob-2{width:320px;height:320px;background:linear-gradient(135deg,#cc2366,#bc1888);bottom:-80px;left:-60px}.ig-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;padding:40px 24px;position:relative;z-index:1}.ig-welcome-logo{width:88px;height:88px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 16px 40px #dc27434d;animation:ig-float 4s ease-in-out infinite}.ig-welcome-logo-icon{font-size:44px;color:#fff}@keyframes ig-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ig-welcome-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;letter-spacing:-.3px}.ig-welcome-desc{font-size:14px;color:#6b7280;line-height:1.7;margin:0 0 28px}.ig-feature-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;align-self:stretch}.ig-feature-item{display:flex;align-items:center;gap:10px;background:#fafbfc;border:1px solid #f0edf6;border-radius:10px;padding:10px 16px;font-size:13px;color:#374151;font-weight:500;text-align:start}.ig-feature-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ig-connect-btn{border-radius:12px!important;height:44px!important;padding:0 28px!important;font-size:14px!important;font-weight:600!important;background:linear-gradient(135deg,#e6683c,#dc2743,#cc2366)!important;border:none!important;box-shadow:0 8px 24px #dc274359!important;transition:transform .2s ease,box-shadow .2s ease!important}.ig-connect-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #dc274373!important}.ig-connect-btn:active{transform:translateY(0)!important}.ig-header-top{display:flex;align-items:center;gap:12px;margin-bottom:4px}.ig-search-row{display:block;width:100%;margin-top:4px}.ig-avatar-wrap{position:relative;display:inline-block}.ig-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f09433,#dc2743,#bc1888);display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 4px #dc274366}.ig-avatar-badge-icon{font-size:10px;color:#fff;line-height:1}.ig-theme .chat-header{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important;border-bottom:none!important;box-shadow:0 1px 3px #00000026}.ig-theme .date-divider span{background:#fffffff2!important;color:#6b7280!important;border-radius:8px!important;box-shadow:0 1px 1px #0000000f!important}.ig-theme .user-message .sender-name{color:#cc2366}.ig-theme .other-message .sender-name{color:#6b7280}.ig-theme .user-message .message-bubble{background:#fff!important;color:#111827!important;border:1px solid #f0edf6!important;border-radius:18px 18px 18px 4px!important;box-shadow:0 1px 2px #0000000a!important;padding:10px 14px!important}.ig-theme .user-message .message-bubble:before{display:none}.ig-theme .other-message .message-bubble{background:linear-gradient(135deg,#e6683c,#dc2743,#cc2366)!important;color:#fff!important;border:none!important;border-radius:18px 18px 4px!important;box-shadow:0 2px 6px #dc274340!important;padding:10px 14px!important}.ig-theme .other-message .message-bubble:before{display:none}.ig-theme .other-message .message-bubble:hover{transform:none!important;box-shadow:0 4px 10px #dc274359!important}.ig-theme .other-message .message-text{color:#fff!important}.ig-theme .user-message-avatar{background:linear-gradient(135deg,#f09433,#dc2743,#bc1888)!important;color:#fff!important}.ig-theme .messages-area{background:#fafbfc!important}.ig-theme .msg-status--read{color:#cc2366!important}.ig-tutorial-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fef7f0,#fde8e4);border:1px solid #fed7aa;border-radius:12px;padding:14px 20px;margin-bottom:20px;box-shadow:0 1px 4px #e1306c14;animation:ig-banner-in .3s ease}@keyframes ig-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ig-tutorial-banner-left{display:flex;align-items:center;gap:12px}.ig-tutorial-icon-emoji{font-size:22px;line-height:1;flex-shrink:0}.ig-tutorial-text-wrap{display:flex;flex-direction:column;gap:2px}.ig-tutorial-label{font-size:14px;font-weight:600;color:#9a174d}.ig-tutorial-sub{font-size:12px;color:#831843;opacity:.85}.ig-tutorial-banner-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.ig-tutorial-link{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;font-size:13px;font-weight:500;color:#fff!important;background:linear-gradient(135deg,#e6683c,#dc2743,#cc2366);border-radius:20px;text-decoration:none!important;transition:all .2s ease;box-shadow:0 2px 8px #e1306c4d;letter-spacing:.2px}.ig-tutorial-link:hover{background:linear-gradient(135deg,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 14px #e1306c66;transform:translateY(-1px);color:#fff!important}.ig-tutorial-dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#cc2366;font-size:13px;cursor:pointer;border-radius:50%;opacity:.6;transition:all .15s ease;padding:0}.ig-tutorial-dismiss:hover{background:#e1306c1f;opacity:1}.ig-stats-card{display:flex;gap:24px;background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;box-shadow:0 1px 3px #1018281a}.ig-stats-content{display:flex;align-items:center;gap:8px}.ig-stats-label{color:#667085;font-size:14px}.ig-stats-count{color:#101828;font-weight:600;font-size:14px}.ig-table-card{background:#fff;border-radius:12px;padding:0;box-shadow:0 1px 3px #1018281a;overflow:hidden}.ig-table-card .ant-table{border-radius:12px}.ig-table-card .ant-table-thead>tr>th{background:#f7fbf8;color:#5f7468;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eaecf0}.ig-table-card .ant-table-tbody>tr>td{border-bottom:1px solid #eaecf0;padding:16px}.ig-table-card .ant-table-tbody>tr:hover>td{background:#f9fafb}.ig-table-card .ant-tag{border-radius:6px;padding:4px 8px;font-size:12px}.ig-empty-state{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.ig-empty-text{color:#667085;font-size:14px;margin-top:16px}@media (max-width: 768px){.ig-tutorial-banner{flex-direction:column;align-items:flex-start;gap:12px}.ig-tutorial-banner-right{width:100%;justify-content:space-between}.ig-stats-card{flex-direction:column;gap:12px;padding:14px 16px}}@media (max-width: 480px){.ig-stats-card{gap:8px;padding:12px}}.ut-page{padding:0 0 40px;min-height:100vh;background:#f4f5fb;animation:ut-fade .5s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes ut-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ut-breadcrumb{margin-bottom:16px!important}.ut-breadcrumb-home{color:#94a3b8;font-size:13px;display:flex;align-items:center;gap:5px}.ut-breadcrumb-current{color:#374151;font-size:13px;font-weight:500}.ut-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:20px 28px;margin-bottom:20px;border:1px solid rgba(79,70,229,.08);box-shadow:0 10px 25px #00000005,0 1px 3px #4f46e50d,inset 0 0 0 1px #fff6;position:relative;overflow:hidden}.ut-hero:after{content:"";position:absolute;top:-50%;right:-8%;width:280px;height:280px;background:radial-gradient(circle,rgba(79,70,229,.05) 0%,transparent 70%);pointer-events:none}.ut-hero-left{display:flex;align-items:center;gap:16px}.ut-hero-icon{width:52px;height:52px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 6px 18px #4f46e552}.ut-hero-title{font-size:22px;font-weight:500;color:#101828;margin:0 0 4px;line-height:1.2;letter-spacing:-.5px}.ut-hero-sub{font-size:13px;color:#667085;margin:0;line-height:1.5}.ut-search{width:300px!important;border-radius:12px!important;height:40px!important;border:1.5px solid #e5e7eb!important;background:#fff!important;flex-shrink:0}.ut-search:hover{border-color:#c7d2fe!important}.ut-search.ant-input-affix-wrapper-focused{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e514!important}.ut-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ut-chip{padding:6px 16px;border-radius:20px;border:1.5px solid #e5e7eb;background:#fff;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap;font-family:inherit;line-height:1.4}.ut-chip:hover{border-color:#c7d2fe;color:#4f46e5;background:#f5f7ff}.ut-chip.active{background:#4f46e5;border-color:#4f46e5;color:#fff;font-weight:600;box-shadow:0 2px 8px #4f46e547}.ut-bar{display:flex;align-items:center;gap:6px;margin-bottom:20px;font-size:13px}.ut-bar-count{font-weight:700;color:#4f46e5;font-size:14px}.ut-bar-label{color:#667085}.ut-bar-clear{background:none;border:none;color:#9ca3af;font-size:12px;cursor:pointer;font-family:inherit;padding:2px 8px;border-radius:6px;transition:all .15s;margin-left:4px}.ut-bar-clear:hover{color:#ef4444;background:#fef2f2}.ut-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;gap:4px}.ut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.ut-card{background:#fff;border:1.5px solid #e9eaf5;border-radius:20px;padding:22px 20px 18px;cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease;box-shadow:0 1px 4px #0000000a}.ut-card:hover{border-color:#c7d2fe;box-shadow:0 10px 32px #4f46e51c;transform:translateY(-3px)}.ut-card-stripe{position:absolute;top:0;left:0;right:0;height:3.5px;border-radius:20px 20px 0 0;opacity:0;transition:opacity .22s ease}.ut-card:hover .ut-card-stripe{opacity:1}.ut-card-icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .22s ease}.ut-card:hover .ut-card-icon{transform:scale(1.06)}.ut-card-name{font-size:15px;font-weight:700;color:#101828;line-height:1.3;letter-spacing:-.1px}.ut-card-desc{font-size:13px;color:#667085;line-height:1.6;flex:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ut-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f3f4f6;margin-top:auto}.ut-card-tools{display:flex;align-items:center;gap:5px;font-size:12px;color:#9ca3af;font-weight:500}.ut-card-cta{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .18s ease}.ut-card:hover .ut-card-cta{opacity:1}.ut-drawer .ant-drawer-header{background:linear-gradient(135deg,#fff,#fafbff)!important;border-bottom:1px solid #e9eaf5!important;padding:18px 24px!important}.ut-drawer .ant-drawer-body{background:#f4f5fb!important;padding:24px!important}.ut-drawer .ant-drawer-footer{border-top:1px solid #e9eaf5!important;padding:14px 24px!important;background:#fff!important}.ut-d-section{display:flex;flex-direction:column}.ut-d-label{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.ut-d-body{font-size:14px;color:#374151;line-height:1.65;background:#fff;border:1px solid #e9eaf5;border-radius:10px;padding:12px 14px}.ut-d-prompt{font-size:12.5px;color:#344054;line-height:1.75;background:#fff;border:1px solid #e9eaf5;border-radius:10px;padding:12px 14px;max-height:200px;overflow-y:auto;font-family:SF Mono,Fira Code,Fira Mono,monospace;white-space:pre-wrap;word-break:break-word}.ut-d-tool{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e9eaf5;border-radius:10px;transition:border-color .15s}.ut-d-tool:hover{border-color:#c7d2fe}.ut-fork-hint{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#4f46e50d;border:1px solid rgba(79,70,229,.15);border-left:3px solid #4f46e5;border-radius:10px;font-size:13px;color:#4338ca;line-height:1.6}@media (max-width: 768px){.ut-page{padding:16px}.ut-hero{flex-direction:column;align-items:flex-start;padding:16px;gap:14px}.ut-hero>div:last-child{width:100%}.ut-search{width:100%!important}.ut-grid{grid-template-columns:1fr;gap:14px}.ut-drawer .ant-drawer-content-wrapper{width:100%!important}.ut-drawer .ant-drawer-body{padding:16px!important}.ut-card{padding:18px 16px 14px}.ut-card-foot{flex-wrap:wrap;gap:8px}}@media (max-width: 480px){.ut-page{padding:12px}.ut-hero{padding:14px;border-radius:16px}.ut-hero-title{font-size:18px}.ut-chip{font-size:12px;padding:5px 12px}.ut-card-name{font-size:14px}}.ut-btn-create{height:42px!important;border-radius:12px!important;padding:0 24px!important;font-weight:600!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;box-shadow:0 4px 14px #4f46e540!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.ut-btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e559!important;background:linear-gradient(135deg,#4338ca,#6d28d9)!important}.web-left-panel{background:#f8fafc}.web-header{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid #dbeafe;background:#fff;padding:14px 16px!important}.web-header-top{display:flex;align-items:center;gap:12px;margin-bottom:4px}.web-icon-wrap{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0f766e,#2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2563eb38}.web-icon{font-size:22px;color:#fff}.web-title{font-size:20px!important;font-weight:600!important;margin:0 0 2px!important;background:linear-gradient(135deg,#0f766e,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.web-subtitle{font-size:12px;color:#64748b;margin:0;font-weight:400}.web-search-row{display:block;width:100%;margin-top:4px}.web-search{width:100%;height:46px!important;border-radius:24px!important;background:#f8fafc!important;border-color:#bfdbfe!important;padding:0 16px!important}.web-search:hover,.web-search.ant-input-affix-wrapper-focused,.web-search:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb14!important}.web-search .ant-input{background:#f8fafc!important;height:100%}.web-empty-list{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.web-empty-list-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0f766e,#2563eb);display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.78;font-size:24px;color:#fff}.web-empty-list-text{font-size:15px;font-weight:600;color:#334155;margin:0 0 8px}.web-empty-list-sub{font-size:13px;color:#64748b;margin:0;line-height:1.6}.web-avatar-wrap{position:relative;display:inline-block}.web-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#0f766e,#2563eb);display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 4px #2563eb59}.web-avatar-badge-icon{font-size:10px;color:#fff;line-height:1}.web-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;overflow:hidden}.web-ambient{position:absolute;border-radius:999px;filter:blur(78px);opacity:.09;pointer-events:none}.web-ambient-1{width:420px;height:420px;background:#2563eb;top:-110px;right:-80px}.web-ambient-2{width:340px;height:340px;background:#0f766e;bottom:-100px;left:-70px}.web-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:430px;padding:40px 24px;position:relative;z-index:1}.web-welcome-logo{width:88px;height:88px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 16px 40px #2563eb3d;animation:web-float 4s ease-in-out infinite}.web-welcome-logo-icon{font-size:44px;color:#fff}@keyframes web-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.web-welcome-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;letter-spacing:0}.web-welcome-desc{font-size:14px;color:#64748b;line-height:1.7;margin:0 0 28px}.web-feature-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;align-self:stretch}.web-feature-item{display:flex;align-items:flex-start;gap:10px;background:#f8fafc;border:1px solid #dbeafe;border-radius:10px;padding:10px 16px;font-size:13px;color:#334155;font-weight:500;text-align:start;flex-wrap:nowrap;word-break:break-word}.web-feature-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px}.web-connect-btn{border-radius:12px!important;height:44px!important;padding:0 28px!important;font-size:14px!important;font-weight:600!important;background:linear-gradient(135deg,#0f766e,#2563eb)!important;border:none!important;box-shadow:0 8px 24px #2563eb47!important;transition:transform .2s ease,box-shadow .2s ease!important}.web-connect-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #2563eb57!important}.web-theme .chat-header{background:linear-gradient(135deg,#0f766e,#2563eb)!important;border-bottom:none!important;box-shadow:0 1px 3px #0f172a2e}.web-theme .messages-area{background:#f8fafc!important}.web-theme .date-divider span{background:#fffffff0!important;color:#64748b!important;border-radius:8px!important;box-shadow:0 1px 1px #0f172a0f!important}.web-theme .user-message .sender-name{color:#0f766e}.web-theme .other-message .sender-name{color:#2563eb}.web-theme .user-message .message-bubble{background:#fff!important;color:#0f172a!important;border:1px solid #dbeafe!important;border-radius:18px 18px 18px 4px!important;box-shadow:0 1px 2px #0f172a0d!important;padding:10px 14px!important}.web-theme .user-message .message-bubble:before{display:none}.web-theme .other-message .message-bubble{background:linear-gradient(135deg,#0f766e,#2563eb)!important;color:#fff!important;border:none!important;border-radius:18px 18px 4px!important;box-shadow:0 2px 6px #2563eb3d!important;padding:10px 14px!important}.web-theme .other-message .message-bubble:before{display:none}.web-theme .other-message .message-text{color:#fff!important}.web-theme .user-message-avatar{background:linear-gradient(135deg,#0f766e,#2563eb)!important;color:#fff!important}.web-theme .msg-status--read{color:#2563eb!important}.website-integration-page{padding:0 0 40px;min-height:100vh}.website-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;margin-bottom:24px}.website-breadcrumb-active{color:#374151;font-weight:500}.website-header-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #10182814,0 12px 32px #128c7e0f;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.website-header-left{display:flex;align-items:center;gap:16px}.website-logo-block,.web-widget-avatar{width:56px;height:56px;border-radius:16px;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.45),transparent 28%),linear-gradient(135deg,#0f766e,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 8px 20px #128c7e38;overflow:hidden;flex-shrink:0}.website-logo-mark{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;position:relative}.website-logo-browser-icon{color:#fff;font-size:31px;filter:drop-shadow(0 5px 10px rgba(15,23,42,.16))}.website-logo-chat-badge{position:absolute;right:-2px;bottom:-1px;width:18px;height:18px;border-radius:7px;background:#fff;color:#0f766e;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 4px 10px #0f172a2e}.website-logo-mark.compact{width:27px;height:27px}.website-logo-mark.compact .website-logo-browser-icon{font-size:23px}.website-logo-mark.compact .website-logo-chat-badge{width:14px;height:14px;border-radius:5px;font-size:8px}.web-widget-avatar{width:44px;height:44px;border-radius:14px;font-size:20px}.web-widget-avatar img{width:100%;height:100%;object-fit:cover;display:block}.website-title{margin:0!important;font-size:24px!important;letter-spacing:0!important}.website-subtitle{color:#667085}.website-primary-btn{height:44px!important;border-radius:12px!important;padding:0 24px!important;font-weight:600!important;background:linear-gradient(135deg,#0f766e,#2563eb)!important;border:none!important;box-shadow:0 10px 26px #2563eb3d!important}.website-primary-btn:hover,.website-widget-modal .ant-btn-primary:hover,.website-widget-modal .ant-btn-primary:focus{background:linear-gradient(135deg,#0d9488,#1d4ed8)!important;box-shadow:0 12px 28px #2563eb4d!important}.website-info-banner{margin-bottom:20px;border-radius:12px}.website-table-card{border-radius:12px;border:1px solid #edf7ef;box-shadow:0 1px 3px #10182814}.website-table-card .ant-card-body{padding:0}.website-table-card .ant-table-thead>tr>th{background:#f7fbf8;color:#5f7468;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eaecf0}.website-table-card .ant-table-tbody>tr>td{border-bottom:1px solid #eaecf0;padding:16px}.website-table-card .ant-table-tbody>tr:hover>td{background:#f8fcf9}.website-table-card .ant-tag{border-radius:6px;padding:4px 8px;font-size:12px}.website-widget-modal .ant-modal-body{padding-top:18px;padding-bottom:0}.website-widget-modal .ant-modal-footer{padding:0 24px 8px;margin-top:0;border-top:none}.website-widget-modal .ant-modal-content{border-radius:18px;overflow:hidden}.website-widget-modal .ant-modal-header{padding-bottom:16px;border-bottom:1px solid #eef2f7}.website-modal-title{display:flex;align-items:center;gap:12px;line-height:1.25}.website-modal-title-logo{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.42),transparent 28%),linear-gradient(135deg,#0f766e,#2563eb);box-shadow:0 8px 18px #2563eb33}.website-widget-modal .ant-btn-primary{border:none!important;background:linear-gradient(135deg,#0f766e,#2563eb)!important;box-shadow:0 8px 22px #2563eb38!important;font-weight:700}.website-widget-modal .nav-btn-next,.website-widget-modal .nav-btn-submit{background:#4f46e5!important;background-color:#4f46e5!important;border-color:#4f46e5!important;box-shadow:none!important}.website-widget-modal .nav-btn-next:hover,.website-widget-modal .nav-btn-submit:hover{background:#4338ca!important;background-color:#4338ca!important;border-color:#4338ca!important}.website-install-step{display:flex;flex-direction:column;gap:16px}.website-install-hero{border:1px solid #dbeafe;border-radius:16px;padding:18px;background:radial-gradient(circle at top left,rgba(20,184,166,.12),transparent 34%),linear-gradient(180deg,#fff,#f8fbff);display:flex;align-items:center;gap:14px}.website-install-hero .ant-typography{margin:0!important}.website-install-check{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#0f766e,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 10px 24px #2563eb38}.website-snippet-card{border:1px solid #e5eef8;border-radius:14px;background:#fff;padding:14px;height:100%;box-shadow:0 1px 2px #0f172a0a}.website-snippet-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.website-snippet-card textarea.ant-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;background:#f8fafc;border-color:#e5e7eb;resize:none}.website-install-note{border-radius:12px}.website-widget-form .ant-input,.website-widget-form .ant-input-number,.website-widget-form .ant-select-selector{border-radius:10px!important}.website-field-block{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px #0f172a0a}.website-field-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.website-upload-btn{margin-top:10px;border-radius:10px!important;font-weight:600;color:#0f766e!important;border-color:#0f766e52!important;background:#f0fdfa!important}.website-upload-btn:hover,.website-upload-btn:focus{color:#1d4ed8!important;border-color:#2563eb73!important;background:#eff6ff!important}.website-upload-panel{margin-top:14px;border:1px dashed rgba(37,99,235,.34);border-radius:14px;background:radial-gradient(circle at top left,rgba(20,184,166,.12),transparent 34%),#fff;padding:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.website-upload-preview{width:72px;height:72px;border-radius:20px;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.42),transparent 28%),linear-gradient(135deg,#0f766e,#2563eb);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 10px 24px #2563eb2e}.website-upload-preview img{width:100%;height:100%;object-fit:cover;display:block}.website-upload-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.website-avatar-framing{width:100%;border-top:1px solid #e5eef8;margin-top:4px;padding-top:14px}.website-framing-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.website-framing-header>div{display:flex;flex-direction:column;gap:2px}.website-framing-stage{width:168px;height:168px;border-radius:36px;margin:0 auto;background:linear-gradient(45deg,rgba(15,118,110,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(37,99,235,.08) 25%,transparent 25%),#f8fafc;background-size:18px 18px;border:2px solid rgba(37,99,235,.22);box-shadow:0 16px 34px #0f172a24;position:relative;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.website-framing-stage.dragging{cursor:grabbing}.website-framing-stage img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.website-framing-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffffb8,inset 0 0 0 999px #0f172a05;pointer-events:none}.website-framing-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);white-space:nowrap;border-radius:999px;padding:5px 9px;background:#0f172aad;color:#fff;font-size:11px;font-weight:700;pointer-events:none;opacity:0;transition:opacity .18s ease}.website-framing-stage:hover .website-framing-hint,.website-framing-stage.dragging .website-framing-hint{opacity:1}.website-framing-actions{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:10px}.website-color-input{height:40px;padding:4px!important}.website-color-swatches{display:flex;gap:8px;margin-top:-12px;margin-bottom:18px}.website-swatch{width:26px;height:26px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #d0d5dd;cursor:pointer;padding:0}.website-swatch.active{box-shadow:0 0 0 3px #128c7e3d}.website-preview-shell{background:radial-gradient(circle at top right,rgba(37,99,235,.12),transparent 30%),linear-gradient(180deg,#f8fafc,#eef7f7);border:1px solid #d9e7ef;border-radius:18px;padding:18px;height:520px;max-height:calc(100vh - 190px);min-height:460px;display:flex;flex-direction:column;position:sticky;top:16px}.website-preview-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.website-preview-label{color:#111827;font-weight:700;font-size:14px;margin-bottom:2px}.website-preview-browser{background:#fff;border:1px solid #dbe4ea;border-radius:18px;overflow:hidden;min-height:0;flex:1;box-shadow:0 18px 42px #0f172a1f}.website-preview-dots{display:flex;gap:6px;padding:12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.website-preview-dots span{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.website-preview-page{position:relative;height:100%;min-height:0;padding:26px;background:linear-gradient(180deg,#fff,#f8fafc)}.website-preview-line,.website-preview-line.wide,.website-preview-card{border-radius:10px;background:#e5e7eb}.website-preview-line{width:58%;height:12px;margin-bottom:12px}.website-preview-line.wide{width:82%}.website-preview-card{width:72%;height:104px;opacity:.72}.website-preview-widget{position:absolute;right:18px;bottom:56px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.website-preview-widget.bottom-left{right:auto;left:18px;align-items:flex-start}.website-preview-widget.bottom-left .website-preview-chat{transform-origin:left bottom}.website-preview-chat{width:298px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 52px #0f172a2e;border:1px solid rgba(15,23,42,.06)}.website-preview-chat-header{display:flex;align-items:center;gap:12px;color:#fff;padding:16px}.website-preview-avatar{width:44px;height:44px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.website-preview-avatar img,.website-preview-bubble img{width:100%;height:100%;object-fit:cover;display:block}.website-preview-chat-title{font-size:15px;font-weight:700;line-height:1.2}.website-preview-chat-subtitle{font-size:13px;opacity:.86}.website-preview-chat-body{min-height:178px;background:#f8fafc;padding:16px}.website-preview-message{display:inline-block;max-width:88%;background:#fff;border:1px solid #e5e7eb;border-radius:4px 14px 14px;padding:12px 14px;font-size:14px;color:#111827;line-height:1.45;word-break:break-word}.website-preview-composer{margin:14px;border-radius:999px;background:#f3f4f6;color:#9ca3af;font-size:13px;padding:11px 14px}.website-preview-bubble{width:68px;height:68px;border-radius:22px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 16px 30px #0f172a3d;overflow:hidden}@media (max-width: 768px){.website-integration-page{padding:16px}.website-primary-btn{width:100%}.website-preview-shell{min-height:auto}.website-preview-chat{width:min(298px,calc(100vw - 96px))}.website-upload-panel{align-items:flex-start;flex-direction:column}}.tg-page{padding:0 0 40px}.tg-breadcrumb{margin-bottom:24px;display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.tg-breadcrumb-current{color:#374151;font-weight:500}.tg-hero{background:#fff;border-radius:20px;padding:24px 32px;margin-bottom:24px;border:1px solid #f0f0f0;box-shadow:0 1px 3px #1018281a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.tg-hero-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#229ed9,#1a7fb5);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #229ed959;flex-shrink:0}.tg-hero-icon .anticon{font-size:26px;color:#fff}.tg-hero-title{margin:0!important;color:#111827!important}.tg-hero-subtitle{color:#6b7280!important;font-size:14px!important}.tg-connect-btn{background:linear-gradient(135deg,#229ed9,#1a7fb5 45%,#0d5f8a)!important;border:none!important;border-radius:12px!important;height:44px!important;padding-inline:28px!important;box-shadow:0 8px 24px #229ed959!important;font-weight:600!important;color:#fff!important}.tg-tutorial{background:linear-gradient(135deg,#e8f6fd,#ddf1fb);border:1px solid rgba(34,158,217,.2);border-radius:12px;padding:14px 20px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.tg-tutorial-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#229ed9,#1a7fb5);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.tg-tutorial-text{flex:1}.tg-tutorial-title{font-size:13px!important;color:#1a3a4a!important;display:block!important}.tg-tutorial-desc,.tg-token-hint{font-size:12px!important}.tg-tutorial-btn{background:linear-gradient(135deg,#229ed9,#1a7fb5 45%,#0d5f8a)!important;border:none!important;color:#fff!important;border-radius:8px!important;font-weight:600!important;box-shadow:0 4px 12px #229ed94d!important;flex-shrink:0}.tg-tutorial-dismiss{color:#94a3b8!important;flex-shrink:0}.tg-table-wrap{background:#fff;border-radius:16px;border:1px solid #f0f0f0;overflow:hidden}.tg-table-wrap .ant-table-thead>tr>th{background:#f7fbf8;color:#5f7468;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eaecf0}.tg-table-wrap .ant-table-tbody>tr>td{border-bottom:1px solid #eaecf0;padding:16px}.tg-table-wrap .ant-table-tbody>tr:hover>td{background:#f0f8fd}.tg-table-wrap .ant-tag{border-radius:6px;padding:4px 8px;font-size:12px}.tg-section-header{padding:16px 20px;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center}.tg-section-title{font-size:15px!important}.tg-bot-count{border-radius:20px!important;padding:0 10px!important;background:#e8f6fd!important;border:1px solid rgba(34,158,217,.2)!important;color:#1a7fb5!important}.tg-skeleton-wrap{padding:16px 24px}.tg-skeleton-wrap .ant-skeleton{margin-bottom:16px}.tg-empty{padding:52px 24px;text-align:center}.tg-empty-icon{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#e8f6fd,#ddf1fb);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.tg-empty-icon .anticon{font-size:36px;color:#bae0f7}.tg-empty-title{display:block!important;font-size:16px!important;margin-bottom:6px!important}.tg-empty-desc{font-size:13px!important;display:block!important;max-width:360px;margin:0 auto 20px!important}.tg-empty-btn{background:linear-gradient(135deg,#229ed9,#1a7fb5 45%,#0d5f8a)!important;border:none!important;border-radius:10px!important;box-shadow:0 8px 24px #229ed959!important;font-weight:600!important;color:#fff!important}.tg-bot-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#229ed9,#1a7fb5);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #229ed94d}.tg-bot-avatar .anticon{color:#fff;font-size:18px}.tg-bot-name{font-size:14px!important}.tg-bot-username{display:block!important;font-size:12px!important}.tg-agent-tag{border-radius:6px!important}.tg-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d9d9d9}.tg-status-dot--active{background:#52c41a;box-shadow:0 0 0 3px #52c41a26}.tg-status-text--active{color:#52c41a!important;font-weight:500!important}.tg-token code{font-size:12px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:4px!important;padding:2px 6px!important}.tg-date{font-size:13px!important}.tg-delete-btn{border-radius:8px!important}.tg-drawer-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#229ed9,#1a7fb5);display:flex;align-items:center;justify-content:center}.tg-drawer-icon .anticon{font-size:16px;color:#fff}.tg-success{text-align:center;padding:24px 0 40px}.tg-success-icon{width:84px;height:84px;border-radius:24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:2px solid #bbf7d0}.tg-success-icon .anticon{font-size:42px;color:#22c55e}.tg-success-title{margin:0 0 8px!important;color:#15803d!important}.tg-success-subtitle{display:block!important;margin-bottom:28px!important;font-size:14px!important}.tg-info-card{background:#f8fafc;border-radius:12px;padding:20px;text-align:start;margin-bottom:24px}.tg-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.tg-info-label,.tg-info-value{font-size:13px!important}.tg-webhook-label{display:block!important;font-size:13px!important;margin-bottom:8px!important;padding-top:14px}.tg-webhook-input{border-radius:8px!important}.tg-copy-icon{cursor:pointer;color:#229ed9}.tg-done-btn{background:#229ed9!important;border-color:#229ed9!important;border-radius:12px!important;font-weight:600!important;color:#fff!important}.tg-guide{background:linear-gradient(135deg,#e8f6fd,#ddf1fb);border-radius:12px;padding:16px 18px;margin-bottom:24px}.tg-guide-title{display:block!important;margin-bottom:12px!important;color:#1a3a4a!important;font-size:13px!important}.tg-step-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.tg-step-row:last-of-type{margin-bottom:0}.tg-step-num{width:20px;height:20px;border-radius:6px;background:#229ed9;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.tg-step-num span{font-size:11px;color:#fff;font-weight:700}.tg-step-text{font-size:13px!important;color:#374151!important}.tg-botfather-link{font-size:13px;color:#229ed9;display:inline-flex;align-items:center;gap:4px;margin-top:12px}.tg-setup-drawer .modal-footer{padding-left:0;padding-right:0;padding-top:16px;margin-top:8px;border-top:1px solid #f0f0f0}.tg-left-panel{background:#f5fbff}.tg-header{border-bottom:1px solid #d0edf9;background:#fff}.tg-header-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tg-icon-wrap{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#229ed9,#1a7fb5);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #229ed94d}.tg-icon{font-size:22px;color:#fff}.tg-title{font-size:20px!important;font-weight:600!important;color:#1a1a1a!important;margin:0 0 2px!important;background:linear-gradient(135deg,#229ed9,#1a7fb5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tg-subtitle{font-size:12px;color:#9ca3af;margin:0;font-weight:400}.tg-search-row{display:block;width:100%;margin-top:4px}.tg-search input{border-radius:10px;height:36px;background:#f0f8ff;border-color:#c8e6f5}.tg-search input:focus{border-color:#229ed9;box-shadow:0 0 0 2px #229ed914}.tg-empty-list{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.tg-empty-list-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#229ed9,#1a7fb5);display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.7;font-size:24px;color:#fff}.tg-empty-list-text{font-size:15px;font-weight:600;color:#374151;margin:0 0 8px}.tg-empty-list-sub{font-size:13px;color:#9ca3af;margin:0;line-height:1.6}.tg-avatar-wrap{position:relative;display:inline-block}.tg-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#229ed9,#1a7fb5);display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 4px #229ed966}.tg-avatar-badge-icon{font-size:10px;color:#fff;line-height:1}.tg-right-panel{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;overflow:hidden}.tg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08;pointer-events:none}.tg-blob-1{width:420px;height:420px;background:linear-gradient(135deg,#229ed9,#1a7fb5);top:-100px;right:-80px}.tg-blob-2{width:320px;height:320px;background:linear-gradient(135deg,#1a7fb5,#0e5f8a);bottom:-80px;left:-60px}.tg-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;padding:40px 24px;position:relative;z-index:1}.tg-welcome-logo{width:88px;height:88px;border-radius:28px;background:linear-gradient(135deg,#229ed9,#1a7fb5);display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 16px 40px #229ed959;animation:tg-float 4s ease-in-out infinite}.tg-welcome-logo-icon{font-size:44px;color:#fff}@keyframes tg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tg-welcome-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px;letter-spacing:-.3px}.tg-welcome-desc{font-size:14px;color:#6b7280;line-height:1.7;margin:0 0 28px}.tg-feature-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;align-self:stretch}.tg-feature-item{display:flex;align-items:center;gap:10px;background:#f5fbff;border:1px solid #d0edf9;border-radius:10px;padding:10px 16px;font-size:13px;color:#374151;font-weight:500;text-align:start}.tg-feature-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#229ed9,#1a7fb5);flex-shrink:0}.tg-connect-btn{border-radius:12px!important;height:44px!important;padding:0 28px!important;font-size:14px!important;font-weight:600!important;background:linear-gradient(135deg,#229ed9,#1a7fb5)!important;border:none!important;box-shadow:0 8px 24px #229ed959!important;transition:transform .2s ease,box-shadow .2s ease!important}.tg-connect-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #229ed973!important}.tg-connect-btn:active{transform:translateY(0)!important}.tg-theme .chat-header{background:linear-gradient(135deg,#229ed9,#1a7fb5)!important;border-bottom:none!important;box-shadow:0 1px 3px #00000026}.tg-theme .date-divider span{background:#fffffff2!important;color:#6b7280!important;border-radius:8px!important;box-shadow:0 1px 1px #0000000f!important}.tg-theme .user-message .sender-name{color:#229ed9}.tg-theme .other-message .sender-name{color:#6b7280}.tg-theme .user-message .message-bubble{background:#fff!important;color:#111827!important;border:1px solid #d0edf9!important;border-radius:18px 18px 18px 4px!important;box-shadow:0 1px 2px #0000000a!important;padding:10px 14px!important}.tg-theme .user-message .message-bubble:before{display:none}.tg-theme .other-message .message-bubble{background:linear-gradient(135deg,#229ed9,#1a7fb5)!important;color:#fff!important;border:none!important;border-radius:18px 18px 4px!important;box-shadow:0 2px 6px #229ed94d!important;padding:10px 14px!important}.tg-theme .other-message .message-bubble:before{display:none}.tg-theme .other-message .message-bubble:hover{transform:none!important;box-shadow:0 4px 10px #229ed966!important}.tg-theme .other-message .message-text{color:#fff!important}.tg-theme .user-message-avatar{background:linear-gradient(135deg,#229ed9,#1a7fb5)!important;color:#fff!important}.tg-theme .messages-area{background:#f5fbff!important}.tg-theme .msg-status--read{color:#229ed9!important}.otp-page{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);background-image:linear-gradient(135deg,#0f0c29,#302b63,#24243e),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:cover,40px 40px,40px 40px}.otp-card{background:#fff;border-radius:20px;padding:48px 40px 40px;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;box-shadow:0 32px 80px #00000073}.otp-icon-ring{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ede9fe,#ddd6fe);display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 24px #4f46e533}.otp-shield-icon{font-size:34px;color:#4f46e5}.otp-title{font-size:24px!important;font-weight:800!important;color:#111827!important;margin:0 0 6px!important;text-align:center}.otp-subtitle{color:#6b7280;font-size:14px;text-align:center;display:block}.otp-email-badge{display:flex;align-items:center;background:#f5f3ff;border:1px solid #ede9fe;border-radius:8px;padding:8px 16px;margin:10px 0 32px}.otp-input-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:24px}.otp-input .ant-otp-input{width:48px!important;height:52px!important;font-size:22px!important;font-weight:700!important;border-radius:10px!important;border-color:#e5e7eb!important;background:#f9fafb!important;text-align:center;transition:all .2s ease!important}.otp-input .ant-otp-input:focus,.otp-input .ant-otp-input:hover{border-color:#4f46e5!important;background:#fff!important;box-shadow:0 0 0 3px #4f46e51f!important}.otp-verify-btn{height:48px!important;font-size:15px!important;font-weight:700!important;border-radius:12px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;box-shadow:0 8px 20px -4px #4f46e573!important;margin-bottom:16px;transition:all .3s ease!important}.otp-verify-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 24px -4px #4f46e58c!important;opacity:.95}.otp-verify-btn:disabled{background:#e5e7eb!important;box-shadow:none!important}.otp-resend-row{display:flex;align-items:center;gap:2px;margin-bottom:12px}.otp-hint-text{color:#6b7280;font-size:13px}.otp-link-btn{padding:0!important;font-size:13px!important;color:#4f46e5!important;font-weight:600!important;margin-left:4px}.otp-link-btn:disabled{color:#9ca3af!important}.otp-back-btn{color:#9ca3af!important;font-size:13px!important;padding:0!important;transition:color .2s ease!important}.otp-back-btn:hover{color:#4f46e5!important}@media (max-width: 480px){.otp-card{margin:16px;padding:36px 24px 32px}.otp-input .ant-otp-input{width:40px!important;height:44px!important;font-size:18px!important}}.cold-email-page{min-height:calc(100vh - 48px);padding:4px;color:#0f172a}.cold-email-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:26px 28px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 28px #0f172a0f}.cold-email-kicker{display:inline-flex;align-items:center;gap:8px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.cold-email-header h1{margin:0 0 6px!important;font-size:30px!important;letter-spacing:0}.cold-email-header .ant-typography{color:#64748b}.cold-email-audience{display:flex;align-items:center;gap:14px;min-width:190px;padding:16px;border:1px solid #dbeafe;border-radius:12px;background:#f8fafc}.cold-email-audience-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e)}.cold-email-audience span{display:block;font-size:24px;line-height:1;font-weight:800;color:#0f172a}.cold-email-audience p{margin:4px 0 0;font-size:12px;color:#64748b}.cold-email-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:22px;align-items:start}.cold-email-composer,.cold-email-preview-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 28px #0f172a0d}.cold-email-composer{padding:22px}.cold-email-preview-wrap{padding:18px;position:sticky;top:24px}.cold-email-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;color:#0f172a;font-size:15px;font-weight:800}.cold-email-section-title label{display:inline-flex;align-items:center;gap:10px;color:#64748b;font-size:13px;font-weight:600}.cold-email-fields{display:flex;flex-direction:column;gap:12px}.cold-email-fields .ant-input,.cold-email-fields .ant-input-affix-wrapper,.cold-email-actions .ant-input{border-radius:10px!important}.cold-email-two{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px}.cold-email-help-row{display:flex;align-items:center;gap:8px;margin:4px 0 -4px;color:#475569;font-size:13px;font-weight:700}.cold-email-help-row .anticon{color:#2563eb}.cold-email-help-row .ant-typography{margin-left:auto;font-size:12px;font-weight:500}.cold-email-image-upload{display:flex;flex-direction:column;gap:12px}.cold-email-image-dropzone.ant-upload-wrapper .ant-upload-drag{border-radius:12px;border-style:dashed;background:#fafbfc;padding:4px}.cold-email-image-dropzone .ant-upload-drag-icon .anticon{font-size:36px;color:#94a3b8}.cold-email-image-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fafbfc}.cold-email-image-thumb{width:96px;height:96px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.cold-email-image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cold-email-image-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.cold-email-image-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.cold-email-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #f1f5f9}.cold-email-actions .ant-btn{border-radius:10px;font-weight:700}.cold-email-preview{overflow:hidden;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.cold-email-preview-top{padding:28px 30px;background:#101828}.cold-email-preview-top span{display:block;margin-bottom:10px;color:#93c5fd;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cold-email-preview-top h2{margin:0;color:#fff;font-size:25px;line-height:1.25;letter-spacing:0}.cold-email-preview-image{display:block;width:100%;max-height:220px;object-fit:cover}.cold-email-preview-body{padding:28px 30px}.cold-email-preview-body p{margin:0 0 14px;color:#374151;font-size:14px;line-height:1.7}.cold-email-hi{font-weight:700}.cold-email-preview-cta{display:inline-flex;margin-top:8px;padding:11px 18px;border-radius:9px;color:#fff!important;background:#2563eb;font-size:13px;font-weight:800;text-decoration:none}.cold-email-preview-footer{padding:18px 30px;background:#f8fafc;border-top:1px solid #eef2f7;color:#94a3b8;font-size:12px;line-height:1.6}@media (max-width: 1180px){.cold-email-grid{grid-template-columns:1fr}.cold-email-preview-wrap{position:static}}@media (max-width: 720px){.cold-email-header,.cold-email-actions,.cold-email-two,.cold-email-image-card{grid-template-columns:1fr}.cold-email-image-thumb{width:100%;height:160px}.cold-email-header{flex-direction:column;align-items:stretch}.cold-email-help-row{align-items:flex-start;flex-direction:column}.cold-email-help-row .ant-typography{margin-left:0}}