html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}#root{width:100%;height:100vh;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.loading-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative}.loading-spinner{position:relative;width:64px;height:64px;z-index:1}.loading-spinner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--cp-color-primary);border-right-color:var(--cp-accent-cyan);border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 15px #1677ff4d}.loading-spinner:after{content:"";position:absolute;top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);border:2px solid rgba(255,255,255,.1);border-bottom-color:var(--cp-accent-purple);border-left-color:var(--cp-accent-cyan);border-radius:50%;animation:spin .75s cubic-bezier(.4,0,.2,1) infinite reverse;box-shadow:0 0 10px #69b1ff33}.loading-dots{position:absolute;width:100%;height:100%}.loading-dot{position:absolute;width:8px;height:8px;background:var(--cp-color-primary);border-radius:50%;animation:orbit 2s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 12px currentColor,0 0 24px currentColor}.loading-dot:nth-child(1){animation-delay:0s;background:var(--cp-color-primary);color:var(--cp-color-primary)}.loading-dot:nth-child(2){animation-delay:-.5s;background:var(--cp-accent-cyan);color:var(--cp-accent-cyan)}.loading-dot:nth-child(3){animation-delay:-1s;background:var(--cp-accent-purple);color:var(--cp-accent-purple)}.loading-dot:nth-child(4){animation-delay:-1.5s;background:#fffc;color:#fffc}.loading-text{color:#fffffff2;font-size:14px;font-weight:600;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.2);animation:pulse 2s ease-in-out infinite;z-index:1;letter-spacing:.3px}.loading-progress{width:100%;height:4px;background:#ffffff26;border-radius:4px;overflow:hidden;position:relative;z-index:1;box-shadow:inset 0 1px 2px #0000001a}.loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--cp-color-primary),var(--cp-accent-cyan),var(--cp-accent-purple),var(--cp-color-primary));background-size:200% 100%;animation:progressShine 1.5s ease-in-out infinite;border-radius:4px;box-shadow:0 0 10px var(--cp-color-primary),0 0 20px #1677ff80}.loading-minimal{display:inline-flex;align-items:center;gap:.5rem}.loading-spinner-small{width:20px;height:20px;border:2px solid var(--cp-color-border-secondary);border-top-color:var(--cp-color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-pulse{display:flex;gap:4px}.loading-pulse-dot{width:8px;height:8px;background:var(--cp-color-primary);border-radius:50%;animation:pulseDot 1.4s ease-in-out infinite both}.loading-pulse-dot:nth-child(1){animation-delay:-.32s}.loading-pulse-dot:nth-child(2){animation-delay:-.16s}.loading-pulse-dot:nth-child(3){animation-delay:0s}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes orbit{0%{transform:rotate(0) translate(28px) rotate(0)}to{transform:rotate(360deg) translate(28px) rotate(-360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes progressShine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseDot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.loading-overlay{background:#0009}.loading-content{background:#14141e66;border:1px solid rgba(255,255,255,.15)}}@media (max-width: 768px){.loading-content{padding:1.5rem;min-width:160px}.loading-spinner{width:48px;height:48px}.loading-text{font-size:13px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{background:var(--cp-color-bg-container);border-radius:var(--cp-radius);box-shadow:var(--cp-shadow-2);border:1px solid var(--cp-color-border-secondary);padding:16px;display:flex;align-items:flex-start;gap:12px;min-width:320px;position:relative;overflow:hidden;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--cp-motion-duration-mid) var(--cp-motion-ease)}.toast:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--toast-accent-color)}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0;color:#fff;font-size:14px;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:var(--cp-color-text);margin:0 0 4px;line-height:1.4}.toast-description{font-size:13px;color:var(--cp-color-text-secondary);margin:0;line-height:1.5;word-wrap:break-word}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;color:var(--cp-color-text-secondary);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:12px;transition:all .2s ease}.toast-close:hover{background:var(--cp-color-border-secondary);color:var(--cp-color-text)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--toast-accent-color);transition:width linear;opacity:.7}.toast-success{--toast-accent-color: #52c41a;border-color:color-mix(in oklch,#52c41a 20%,transparent);background:color-mix(in oklch,#52c41a 3%,var(--cp-color-bg-container))}.toast-success .toast-icon{background:#52c41a}.toast-error{--toast-accent-color: #ff4d4f;border-color:color-mix(in oklch,#ff4d4f 20%,transparent);background:color-mix(in oklch,#ff4d4f 3%,var(--cp-color-bg-container))}.toast-error .toast-icon{background:#ff4d4f}.toast-warning{--toast-accent-color: #faad14;border-color:color-mix(in oklch,#faad14 20%,transparent);background:color-mix(in oklch,#faad14 3%,var(--cp-color-bg-container))}.toast-warning .toast-icon{background:#faad14}.toast-info{--toast-accent-color: var(--cp-color-primary);border-color:color-mix(in oklch,var(--cp-color-primary) 20%,transparent);background:color-mix(in oklch,var(--cp-color-primary) 3%,var(--cp-color-bg-container))}.toast-info .toast-icon{background:var(--cp-color-primary)}.toast-loading{--toast-accent-color: var(--cp-accent-cyan);border-color:color-mix(in oklch,var(--cp-accent-cyan) 20%,transparent);background:color-mix(in oklch,var(--cp-accent-cyan) 3%,var(--cp-color-bg-container))}.toast-loading .toast-icon{background:var(--cp-accent-cyan);animation:spin 1s linear infinite}.toast-enter{animation:toastSlideIn .3s var(--cp-motion-ease)}.toast-exit{animation:toastSlideOut .2s var(--cp-motion-ease) forwards}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{to{transform:translate(100%);opacity:0;margin-bottom:-100px}}@keyframes spin{to{transform:rotate(360deg)}}.toast:hover .toast-progress{animation-play-state:paused}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;padding:14px}.toast-title{font-size:13px}.toast-description{font-size:12px}}@media (prefers-color-scheme: dark){.toast{background:color-mix(in oklch,var(--cp-color-bg-container) 95%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.toast-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--cp-accent-cyan) 10%,transparent),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.app-layout{min-height:100dvh;height:100dvh;background:var(--cp-color-bg-base, #f5f7fb);overflow:hidden}.app-sider{background:linear-gradient(180deg,color-mix(in oklab,var(--cp-surface-sider-bg, #f6f9ff) 100%,transparent) 0% 100%),linear-gradient(135deg,color-mix(in oklab,var(--cp-accent-cyan, #22d3ee) 7%,transparent),transparent 60%),linear-gradient(315deg,color-mix(in oklab,var(--cp-accent-purple, #a855f7) 6%,transparent),transparent 62%);color:var(--cp-surface-sider-text, rgba(255, 255, 255, .9));transition:width calc(var(--cp-motion-duration-slow, .24s) * 1.4) var(--cp-motion-ease, ease);will-change:width;border-right:1px solid var(--cp-surface-sider-border, rgba(255, 255, 255, .08));box-shadow:1px 0 0 var(--cp-surface-sider-border, rgba(0, 0, 0, .06)),0 0 24px color-mix(in oklab,var(--cp-color-primary, #1677ff) 6%,transparent)}.sider-brand{height:56px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--cp-surface-sider-border, rgba(255, 255, 255, .08));flex-shrink:0}.sider-logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--cp-color-primary, #1677ff),var(--cp-color-primary-hover, #69b1ff)),radial-gradient(120% 120% at 0% 0%,color-mix(in oklab,var(--cp-accent-cyan, #22d3ee) 16%,transparent),transparent 60%);box-shadow:var(--cp-glow, 0 0 0px transparent);transition:transform var(--cp-motion-duration-mid, .2s) var(--cp-motion-ease, ease),box-shadow var(--cp-motion-duration-mid, .2s) var(--cp-motion-ease, ease)}.sider-title{font-weight:600;color:var(--cp-surface-sider-text, rgba(255, 255, 255, .9));transition:opacity var(--cp-motion-duration-fast, .16s) var(--cp-motion-ease, ease),transform var(--cp-motion-duration-fast, .16s) var(--cp-motion-ease, ease)}.app-sider.ant-layout-sider-collapsed .sider-title{opacity:0;transform:translate(-6px);pointer-events:none}.app-sider.ant-layout-sider-collapsed .sider-logo{transform:scale(.92)}.app-sider .ant-layout-sider-children{overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column}.app-sider::-webkit-scrollbar{width:6px}.app-sider::-webkit-scrollbar-track{background:transparent}.app-sider::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--cp-color-primary, #1677ff) 20%,transparent);border-radius:3px;transition:background .3s ease}.app-sider::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--cp-color-primary, #1677ff) 35%,transparent)}.app-sider{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--cp-color-primary, #1677ff) 20%,transparent) transparent}.app-sider.ant-layout-sider{overflow-y:auto!important;overflow-x:hidden!important}.app-sider .ant-layout-sider-children::-webkit-scrollbar{width:6px}.app-sider .ant-layout-sider-children::-webkit-scrollbar-track{background:transparent}.app-sider .ant-layout-sider-children::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--cp-color-primary, #1677ff) 20%,transparent);border-radius:3px}.app-sider .ant-layout-sider-children::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--cp-color-primary, #1677ff) 35%,transparent)}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 12px 0 8px;background:linear-gradient(180deg,color-mix(in oklab,var(--cp-surface-header-bg, #ffffff) 100%,transparent) 0% 100%),linear-gradient(120deg,color-mix(in oklab,var(--cp-accent-cyan, #22d3ee) 7%,transparent),transparent 64%),linear-gradient(300deg,color-mix(in oklab,var(--cp-accent-purple, #a855f7) 7%,transparent),transparent 64%)!important;color:var(--cp-surface-header-text, rgba(255, 255, 255, .92));border-bottom:1px solid var(--cp-surface-header-border, rgba(255, 255, 255, .08));box-shadow:0 1px 0 var(--cp-surface-header-border, rgba(0, 0, 0, .06)),0 10px 28px color-mix(in oklab,var(--cp-color-primary, #1677ff) 6%,transparent);margin-left:248px;transition:margin-left calc(var(--cp-motion-duration-slow, .24s) * 1.4) var(--cp-motion-ease, ease)}.ant-layout-sider-collapsed+.ant-layout .app-header{margin-left:64px}.app-header,.app-header .ant-btn,.app-header .anticon,.app-header .ant-typography{color:var(--cp-surface-header-text, rgba(255, 255, 255, .92))!important}.app-header .ant-btn:hover{filter:brightness(1.04);background-color:color-mix(in oklab,var(--cp-color-primary, #1677ff) 10%,transparent)}.app-sider .ant-menu{background:transparent!important;border-inline-end:none!important;flex:1;overflow:visible!important}.app-sider .ant-menu-item,.app-sider .ant-menu-submenu-title{color:var(--cp-surface-sider-text, var(--cp-color-text))}.app-sider .ant-menu-item:hover,.app-sider .ant-menu-submenu-title:hover{background-color:color-mix(in oklab,var(--cp-color-primary, #1677ff) 10%,transparent)!important;color:var(--cp-surface-sider-text, var(--cp-color-text))}.app-sider .ant-menu-item-selected,.app-sider .ant-menu-item-active{background-color:color-mix(in oklab,var(--cp-color-primary, #1677ff) 16%,transparent)!important;color:var(--cp-surface-sider-text, var(--cp-color-text))!important;box-shadow:inset 3px 0 0 var(--cp-accent-strong, rgba(0, 0, 0, .12))}.app-sider .ant-menu-inline .ant-menu-item:after{border-inline-end:none!important}.app-sider .ant-menu-item .anticon,.app-sider .ant-menu-submenu-title .anticon{color:currentColor}.app-sider .ant-menu-sub,.app-sider .ant-menu-submenu{overflow:visible!important}.header-left{display:flex;align-items:center;gap:8px}.header-title{font-weight:600}.sider-trigger{transition:transform calc(var(--cp-motion-duration-fast, .16s) * 1.2) var(--cp-motion-ease, ease),background-color calc(var(--cp-motion-duration-fast, .16s) * 1.2) var(--cp-motion-ease, ease)}.sider-trigger:hover{transform:translateY(-1px)}.app-content{padding:0;overflow:auto;height:calc(100dvh - 64px);margin-left:248px;transition:margin-left calc(var(--cp-motion-duration-slow, .24s) * 1.4) var(--cp-motion-ease, ease)}.ant-layout-sider-collapsed+.ant-layout .app-content{margin-left:64px}.app-content-inner{background:var(--cp-color-white, #fff);min-height:100%;width:100%;padding:16px;box-sizing:border-box;transition:box-shadow calc(var(--cp-motion-duration-mid, .2s) * 1.2) var(--cp-motion-ease, ease)}@media (max-width: 768px){.app-content{padding:0;margin-left:0!important}.app-header{height:56px;margin-left:0!important}.app-content{height:calc(100dvh - 56px)}.app-sider{position:fixed!important;z-index:100}.header-right .action-search,.header-right .action-help,.header-title{display:none}}.header-right .action-btn{transition:transform calc(var(--cp-motion-duration-fast, .16s) * 1.2) var(--cp-motion-ease, ease),background-color calc(var(--cp-motion-duration-fast, .16s) * 1.2) var(--cp-motion-ease, ease)}.header-right .action-btn:hover{transform:translateY(-1px)}.app-content,.app-content-inner{transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-layout-sider,.ant-layout-sider-trigger,.app-header{transition:all .3s cubic-bezier(.645,.045,.355,1)!important}.app-content-inner>*{animation:contentSlideIn .4s cubic-bezier(.645,.045,.355,1) forwards}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-header{position:relative;padding:40px 32px;margin-bottom:32px;border-radius:var(--cp-radius);overflow:hidden;box-shadow:var(--cp-shadow-2);transform:translateY(20px);opacity:0;transition:all var(--cp-motion-duration-slow) var(--cp-motion-ease-in-out)}.page-header-visible{transform:translateY(0);opacity:1}.page-header-background{position:absolute;inset:0;overflow:hidden}.page-header-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--cp-color-primary) 0%,var(--cp-accent-purple) 25%,var(--cp-accent-cyan) 50%,var(--cp-color-primary-hover) 75%,var(--cp-accent) 100%);background-size:200% 200%;animation:gradientShift 8s var(--cp-motion-ease) infinite}.page-header-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.2) 2px,transparent 0),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 1px,transparent 0),radial-gradient(circle at 50% 50%,rgba(255,255,255,.15) 1.5px,transparent 0);background-size:60px 60px,40px 40px,80px 80px;animation:patternFloat 20s linear infinite}.page-header-glow{position:absolute;inset:-50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 40%,transparent 70%);animation:glowPulse 4s ease-in-out infinite alternate}.page-header-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;background:#fff9;border-radius:50%;animation:float 6s ease-in-out infinite}.particle-1{width:4px;height:4px;top:20%;left:10%;animation-delay:0s;animation-duration:8s}.particle-2{width:6px;height:6px;top:60%;left:20%;animation-delay:1s;animation-duration:7s}.particle-3{width:3px;height:3px;top:30%;left:70%;animation-delay:2s;animation-duration:9s}.particle-4{width:5px;height:5px;top:80%;left:80%;animation-delay:3s;animation-duration:6s}.particle-5{width:4px;height:4px;top:10%;left:50%;animation-delay:4s;animation-duration:8s}.particle-6{width:7px;height:7px;top:70%;left:60%;animation-delay:5s;animation-duration:7s}.particle-7{width:3px;height:3px;top:40%;left:30%;animation-delay:1.5s;animation-duration:9s}.particle-8{width:5px;height:5px;top:90%;left:40%;animation-delay:2.5s;animation-duration:6s}.particle-9{width:4px;height:4px;top:15%;left:85%;animation-delay:3.5s;animation-duration:8s}.particle-10{width:6px;height:6px;top:55%;left:15%;animation-delay:4.5s;animation-duration:7s}.particle-11{width:3px;height:3px;top:25%;left:75%;animation-delay:.5s;animation-duration:9s}.particle-12{width:5px;height:5px;top:85%;left:25%;animation-delay:1.8s;animation-duration:6s}.page-header-content{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.page-header-title{flex:1;min-width:0}.page-header-title-text{color:var(--cp-color-text-on-primary)!important;margin-bottom:12px!important;display:flex;align-items:center;gap:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.page-header-title-content{animation:titleSlideIn var(--cp-motion-duration-slow) var(--cp-motion-ease-in-out) .2s both}.page-header-icon{font-size:1.3em;display:inline-flex;align-items:center;background:var(--cp-accent-weak);padding:12px;border-radius:var(--cp-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:iconBounce var(--cp-motion-duration-slow) cubic-bezier(.68,-.55,.265,1.55) .4s both}.page-header-subtitle{color:var(--cp-color-text-on-primary)!important;opacity:.9;font-size:16px!important;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:subtitleFadeIn var(--cp-motion-duration-slow) var(--cp-motion-ease) .6s both}.page-header-actions{animation:actionsSlideIn var(--cp-motion-duration-slow) var(--cp-motion-ease-in-out) .8s both}.page-header-action-btn{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important;transition:all var(--cp-motion-duration-mid) var(--cp-motion-ease-in-out);background:var(--cp-accent-weak)!important;color:#fff!important}.page-header-action-btn span{color:#fff!important}.page-header-action-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--cp-glow);background:var(--cp-accent-strong)!important}.page-header-action-btn:active{transform:translateY(0) scale(.98)}.page-header-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.page-header-action-btn:hover:before{left:100%}.page-header-action-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transition:all .3s;border-radius:50%;transform:translate(-50%,-50%)}.page-header-action-btn:hover:after{width:100px;height:100px}@keyframes titleSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes iconBounce{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes actionsSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.4}25%{transform:translateY(-20px) translate(10px) scale(1.1);opacity:.8}50%{transform:translateY(-10px) translate(-15px) scale(.9);opacity:.6}75%{transform:translateY(-25px) translate(5px) scale(1.2);opacity:.9}}@media (max-width: 768px){.page-header{padding:32px 24px;margin-bottom:24px;border-radius:12px}.page-header-content{flex-direction:column;align-items:flex-start;gap:20px}.page-header-title-text{font-size:28px!important;flex-direction:column;align-items:flex-start;gap:12px}.page-header-icon{padding:10px;font-size:1.1em}.page-header-actions{width:100%}.page-header-action-btn{width:100%;max-width:200px}}@media (max-width: 576px){.page-header{padding:24px 16px;border-radius:8px}.page-header-title-text{font-size:24px!important}.page-header-subtitle{font-size:14px!important}.page-header-icon{padding:8px;font-size:1em}}@media (prefers-color-scheme: dark){.page-header{box-shadow:var(--cp-shadow-1)}.page-header-gradient{background:linear-gradient(135deg,var(--cp-color-primary) 0%,var(--cp-accent-purple) 25%,var(--cp-accent-cyan) 50%,var(--cp-color-primary-hover) 75%,var(--cp-accent) 100%)}}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr}@media (min-width: 960px){.auth-layout{grid-template-columns:1.15fr 1fr}.auth-layout.auth-layout--form-right{grid-template-columns:1fr 1.15fr}}.auth-hero{--start: var(--cp-color-primary, #1677ff);--end: var(--cp-color-primary-hover, #69b1ff);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cp-color-primary) 0%,var(--cp-accent-purple) 25%,var(--cp-accent-cyan) 50%,var(--cp-color-primary-hover) 75%,var(--cp-accent) 100%);background-size:200% 200%;animation:gradientShift 8s var(--cp-motion-ease) infinite;display:none;transition:background var(--cp-motion-duration-slow, .24s) var(--cp-motion-ease, ease)}@media (min-width: 960px){.auth-hero{display:flex;align-items:center;justify-content:center;color:#fff}}.auth-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.2) 2px,transparent 0),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 1px,transparent 0),radial-gradient(circle at 50% 50%,rgba(255,255,255,.15) 1.5px,transparent 0);background-size:60px 60px,40px 40px,80px 80px;animation:patternFloat 20s linear infinite;pointer-events:none}.auth-hero:after{content:"";position:absolute;inset:-50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 40%,transparent 70%);animation:glowPulse 4s ease-in-out infinite alternate;pointer-events:none}.auth-hero .auth-hero__title{color:var(--cp-color-text-on-primary, #ffffff)!important;text-align:center;margin:0;position:relative;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-hero .auth-hero__subtitle{color:var(--cp-color-text-on-primary, #ffffff)!important;opacity:.85;text-align:center;position:relative;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.2)}.auth-hero .auth-hero__appname{color:var(--cp-color-text-on-primary, #ffffff)!important;text-align:center;display:block;margin-bottom:8px;font-weight:600;letter-spacing:.3px;opacity:.95;position:relative;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.2)}.auth-hero .auth-hero__appname,.auth-hero .auth-hero__title,.auth-hero .auth-hero__subtitle{will-change:opacity,transform;transition:transform var(--cp-motion-duration-mid, .2s) var(--cp-motion-ease, ease),opacity var(--cp-motion-duration-mid, .2s) var(--cp-motion-ease, ease);transform:translateY(0);opacity:1}.auth-hero .auth-hero__title{transition-delay:40ms}.auth-hero .auth-hero__subtitle{transition-delay:80ms}@starting-style{.auth-hero .auth-hero__appname,.auth-hero .auth-hero__title,.auth-hero .auth-hero__subtitle{opacity:.001;transform:translateY(6px)}}.auth-card-wrapper{display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,48px);background:linear-gradient(135deg,#1677ff0d,#69b1ff0d)}.auth-card{width:100%;max-width:clamp(320px,90vw,460px);background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;box-shadow:0 8px 32px #1f268726,0 0 1px #0000000d,inset 0 1px #fffc;padding:clamp(24px,5vw,40px);transition:transform var(--cp-motion-duration-mid, .3s) var(--cp-motion-ease, cubic-bezier(.4, 0, .2, 1)),opacity var(--cp-motion-duration-mid, .3s) var(--cp-motion-ease, ease),box-shadow var(--cp-motion-duration-mid, .3s) var(--cp-motion-ease, ease);opacity:1;transform:translateY(0);border:1px solid rgba(255,255,255,.4);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.auth-card:hover:before{left:100%}@starting-style{.auth-card{opacity:.001;transform:translateY(12px) scale(.98)}}.auth-card:hover{box-shadow:0 12px 40px #1f268740,0 0 1px #0000000d,inset 0 1px #ffffffe6;transform:translateY(-4px) scale(1.01)}.brand{display:flex;align-items:center;gap:8px;justify-content:center}.brand img{width:28px;height:28px}.auth-title{margin-top:8px;text-align:center;position:relative;z-index:1}.auth-title h3{background:linear-gradient(135deg,var(--cp-color-primary) 0%,var(--cp-accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.auth-footer{text-align:center;margin-top:16px;position:relative;z-index:1}.auth-card .ant-form-item{position:relative;z-index:1}.auth-card .ant-input-affix-wrapper,.auth-card .ant-input{background:#ffffffb3;border:1px solid rgba(22,119,255,.2);transition:all .3s ease}.auth-card .ant-input-affix-wrapper:hover,.auth-card .ant-input:hover{background:#ffffffe6;border-color:var(--cp-color-primary)}.auth-card .ant-input-affix-wrapper:focus,.auth-card .ant-input-affix-wrapper-focused,.auth-card .ant-input:focus{background:#fff;border-color:var(--cp-color-primary);box-shadow:0 0 0 2px #1677ff1a}.auth-card .ant-btn-primary{position:relative;overflow:hidden;z-index:1;font-weight:600;height:44px;background:linear-gradient(135deg,var(--cp-color-primary) 0%,var(--cp-accent-purple) 100%);border:none;box-shadow:0 4px 15px #1677ff4d;transition:all .3s ease}.auth-card .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1677ff66}.auth-card .ant-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.auth-card .ant-btn-primary:hover:before{left:100%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes patternFloat{0%{transform:translate(0)}to{transform:translate(-60px,-60px)}}@keyframes glowPulse{0%{opacity:.3;transform:scale(.8)}to{opacity:.7;transform:scale(1.2)}}.chat-view{display:flex;flex-direction:column;height:100%}.chat-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;background:#fafafa;border-radius:8px}.chat-view-empty .empty-icon{font-size:64px;color:#d9d9d9;margin-bottom:16px}.chat-view-loading{display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.loading-spinner{font-size:16px;color:#8c8c8c}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #f0f0f0}.contact-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.contact-details{flex:1;min-width:0}.contact-name{display:flex;align-items:center;gap:8px;margin-bottom:4px}.contact-name .name{margin:0;font-size:16px;font-weight:600;color:#262626}.pin-icon{color:#fa8c16;font-size:14px}.contact-meta{display:flex;align-items:center;gap:8px;font-size:12px}.chat-actions{display:flex;align-items:center;gap:8px}.messages-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:linear-gradient(to bottom,#f0f2f5,#e8eaf0)}.messages-list{flex:1;min-height:0;padding:20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px}.message-wrapper{display:flex;align-items:flex-end;gap:8px;margin-bottom:4px}.message-wrapper.grouped{margin-bottom:2px}.message-wrapper.from-contact{justify-content:flex-start}.message-wrapper.from-system{justify-content:flex-end}.message-sender{width:32px;display:flex;justify-content:center;align-items:flex-end}.message-wrapper.grouped .message-sender{visibility:hidden}.message-content{max-width:70%;display:flex;flex-direction:column}.message-bubble{background:#fff;border-radius:12px;padding:8px 12px;box-shadow:0 1px 2px #0000001a;position:relative;word-wrap:break-word}.message-bubble.contact{background:#fff;border-bottom-left-radius:4px}.message-bubble.system{background:#dcf8c6;border-bottom-right-radius:4px}.message-media{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding:4px 0;border-bottom:1px solid #f0f0f0}.message-media.clickable{cursor:pointer;transition:background-color .2s ease;border-radius:4px;padding:8px;margin:-4px -8px 0}.message-media.clickable:hover{background-color:#0000000a}.message-media .anticon{color:#1890ff;font-size:14px}.message-text{line-height:1.4;font-size:14px;color:#262626;margin-bottom:4px;white-space:pre-wrap}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px}.message-time{font-size:11px;color:#8c8c8c}.status-icon{font-size:12px}.status-icon.pending{color:#faad14}.status-icon.delivered{color:#8c8c8c}.status-icon.read{color:#52c41a}.status-icon.failed{color:#ff4d4f}.message-input{background:#fff;border-top:1px solid #f0f0f0;padding:16px 20px}.input-container{display:flex;align-items:flex-end;gap:8px}.input-wrapper{flex:1;background:#f5f5f5;border-radius:20px;padding:8px 16px;display:flex;align-items:flex-end;gap:8px;border:1px solid #d9d9d9;transition:all .3s}.input-wrapper:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.input-wrapper .ant-input{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;resize:none;font-size:14px}.input-wrapper .ant-input:focus{box-shadow:none!important}.input-actions{display:flex;align-items:center;gap:4px}.input-container .ant-btn-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.chat-header{padding:12px 16px}.contact-name .name{font-size:14px}.contact-meta{flex-direction:column;align-items:flex-start;gap:2px}.messages-list{padding:16px}.message-content{max-width:85%}.message-input{padding:12px 16px}.input-wrapper{padding:6px 12px}}@media (max-width: 576px){.chat-header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.contact-info{width:100%}.chat-actions{width:100%;justify-content:flex-end}.message-content{max-width:90%}}.message-wrapper{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.messages-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (prefers-color-scheme: dark){.chat-view{background:#1f1f1f}.chat-header{background:#1f1f1f;border-bottom-color:#303030}.contact-name .name{color:#fff}.messages-container{background:linear-gradient(to bottom,#2c2c2c,#262626)}.message-bubble{background:#3c3c3c;color:#fff}.message-bubble.system{background:#0d4820}.message-text{color:#fff}.message-input{background:#1f1f1f;border-top-color:#303030}.input-wrapper{background:#2c2c2c;border-color:#404040}.input-wrapper .ant-input{color:#fff}}.integrations-page{padding:0}.integrations-content{padding:24px}.integration-card{padding:24px;border-radius:12px!important;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;min-height:500px;display:flex;flex-direction:column}.integration-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.integration-card.connected{border:2px solid #52c41a}.integration-card.coming-soon{opacity:.7}.integration-card-header{display:flex;justify-content:space-between;align-items:flex-start}.integration-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.google-icon{background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05,#ea4335);box-shadow:0 4px 12px #4285f44d}.placeholder-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea33}.integration-features{padding:20px;background:#f7f9fc;border-radius:8px;margin-bottom:24px;flex-grow:1}.integration-actions{margin-top:auto;padding-top:20px;border-top:1px solid #f0f0f0}@media (max-width: 768px){.integrations-content{padding:16px}.integration-card{min-height:auto}.integration-icon{width:56px;height:56px}.integration-icon svg{font-size:28px!important}}.integrations-page .ant-spin{color:#1890ff}.integration-card .ant-descriptions{background:transparent!important}.integration-card .ant-descriptions-item-label{font-weight:600}.integration-actions button{transition:all .3s ease}.integration-actions button:hover:not(:disabled){transform:scale(1.02)}.integration-status .ant-tag{padding:4px 12px;font-weight:500;border-radius:6px}.profile-content{padding:8px}.profile-avatar-section{text-align:center;padding:32px 16px}.profile-avatar-container{position:relative;display:inline-block;margin-bottom:24px}.profile-status-badge{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.status-dot{width:12px;height:12px;border-radius:50%}.profile-status-badge.active .status-dot{background:#52c41a}.profile-status-badge.inactive .status-dot{background:#ff4d4f}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}@media (max-width: 768px){.profile-avatar-section{padding:24px 12px}}@media (max-width: 576px){.profile-content{padding:0 12px 20px}}.simple-transition{width:100%;height:100%;transition:opacity .3s cubic-bezier(.645,.045,.355,1)}.simple-transition.fadeOut{opacity:0;animation:fadeOut .2s cubic-bezier(.645,.045,.355,1) forwards}.simple-transition.fadeIn{opacity:1;animation:fadeIn .3s cubic-bezier(.645,.045,.355,1) forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.simple-transition.fadeIn .ant-card{animation:antCardSlideIn .45s cubic-bezier(.645,.045,.355,1) forwards}.simple-transition.fadeIn .ant-table{animation:antTableSlideIn .5s cubic-bezier(.645,.045,.355,1) forwards}.simple-transition.fadeIn .ant-descriptions{animation:antDescriptionsSlideIn .4s cubic-bezier(.645,.045,.355,1) forwards}.simple-transition.fadeIn .ant-form{animation:antFormSlideIn .42s cubic-bezier(.645,.045,.355,1) forwards}.simple-transition.fadeIn .ant-card:nth-child(1){animation-delay:0ms}.simple-transition.fadeIn .ant-card:nth-child(2){animation-delay:50ms}.simple-transition.fadeIn .ant-card:nth-child(3){animation-delay:.1s}.simple-transition.fadeIn .ant-card:nth-child(4){animation-delay:.15s}.simple-transition.fadeIn .ant-card:nth-child(5){animation-delay:.2s}.simple-transition.fadeIn .ant-row .ant-col{animation:antColSlideIn .35s cubic-bezier(.645,.045,.355,1) forwards}.simple-transition.fadeIn .ant-row .ant-col:nth-child(1){animation-delay:0ms}.simple-transition.fadeIn .ant-row .ant-col:nth-child(2){animation-delay:80ms}.simple-transition.fadeIn .ant-row .ant-col:nth-child(3){animation-delay:.16s}.simple-transition.fadeIn .ant-row .ant-col:nth-child(4){animation-delay:.24s}.simple-transition.fadeIn .profile-avatar-section{animation:profileAvatarSlideIn .45s cubic-bezier(.645,.045,.355,1) forwards}.page-enter .ant-card{animation:antCardSlideIn .4s cubic-bezier(.645,.045,.355,1) forwards}.page-enter .ant-table{animation:antTableSlideIn .45s cubic-bezier(.645,.045,.355,1) forwards}.page-enter .ant-descriptions{animation:antDescriptionsSlideIn .35s cubic-bezier(.645,.045,.355,1) forwards}.page-enter .ant-form{animation:antFormSlideIn .38s cubic-bezier(.645,.045,.355,1) forwards}@keyframes antCardSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes antTableSlideIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes antDescriptionsSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes antFormSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-enter .ant-card:nth-child(1){animation-delay:0ms}.page-enter .ant-card:nth-child(2){animation-delay:50ms}.page-enter .ant-card:nth-child(3){animation-delay:.1s}.page-enter .ant-card:nth-child(4){animation-delay:.15s}.page-enter .ant-card:nth-child(5){animation-delay:.2s}.page-enter .ant-row .ant-col{animation:antColSlideIn .3s cubic-bezier(.645,.045,.355,1) forwards}.page-enter .ant-row .ant-col:nth-child(1){animation-delay:0ms}.page-enter .ant-row .ant-col:nth-child(2){animation-delay:80ms}.page-enter .ant-row .ant-col:nth-child(3){animation-delay:.16s}.page-enter .ant-row .ant-col:nth-child(4){animation-delay:.24s}@keyframes antColSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-enter .profile-avatar-section{animation:profileAvatarSlideIn .4s cubic-bezier(.645,.045,.355,1) forwards}@keyframes profileAvatarSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.page-enter .ant-btn{transition:all .3s cubic-bezier(.645,.045,.355,1)}.page-enter .ant-page-header{animation:pageHeaderSlideIn .35s cubic-bezier(.645,.045,.355,1) forwards}@keyframes pageHeaderSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}:root{--auth-bg: var(--cp-color-bg-base, #f5f7fb);--auth-card-bg: var(--cp-color-white, #ffffff)}html,body,#root{height:100%}body{margin:0;background:var(--auth-bg)}