:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-mask{--z-index: var(--adm-mask-z-index, 1000);position:fixed;top:0;left:0;z-index:var(--z-index);display:block;width:100%;height:100%}.adm-mask-aria-button{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.adm-mask-content{z-index:1}.adm-auto-center{display:flex;justify-content:center}.adm-auto-center-content{flex:0 1 auto}.adm-avatar{--size: var(--adm-avatar-size, 44px);--border-radius: var(--adm-avatar-border-radius, 4px);border-radius:var(--border-radius)}.adm-avatar.adm-image{--width: var(--size);--height: var(--size)}.adm-avatar-fallback{height:100%;width:100%;display:block}.adm-image{--width: var(--adm-image-width, auto);--height: var(--adm-image-height, auto);width:var(--width);height:var(--height);display:block;overflow:hidden}.adm-image-img{width:100%;height:100%}.adm-image-tip{position:relative;background-color:var(--adm-color-fill-content);height:100%;min-height:24px;min-width:24px}.adm-image-tip>svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--adm-color-weak)}.adm-badge-wrapper{display:inline-block;position:relative}.adm-badge{display:inline-flex;vertical-align:middle;box-sizing:content-box;border-radius:100px;background-color:var(--color);--right: 0;--top: 0;--color: var(--adm-badge-color, var(--adm-color-highlight))}.adm-badge-content{color:var(--adm-color-text-light-solid);box-sizing:border-box;min-width:8px;padding:1px 4px;font-size:var(--adm-font-size-1);line-height:12px;white-space:nowrap;font-weight:400;text-align:center}.adm-badge-fixed{position:absolute;right:var(--right);top:var(--top);transform:translate(50%,-50%)}.adm-badge-dot{min-width:10px;width:10px;height:10px;border-radius:5px}.adm-badge-bordered{border:solid 1px var(--adm-color-text-light-solid)}.adm-button{--color: var(--adm-color-text-light-solid);--text-color: var(--adm-button-text-color, var(--adm-color-text));--background-color: var(--adm-button-background-color, var(--adm-color-background));--border-radius: var(--adm-button-border-radius, 4px);--border-width: var(--adm-button-border-width, 1px);--border-style: var(--adm-button-border-style, solid);--border-color: var(--adm-button-border-color, var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);position:relative;display:inline-block;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:var(--adm-font-size-9);line-height:1.4;text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;user-select:none}.adm-button:focus{outline:none}.adm-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));width:100%;height:100%;background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color: transparent;--border-color: var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color: transparent;--border-width: 0px}.adm-button:not(.adm-button-default){--text-color: var(--adm-color-text-light-solid);--background-color: var(--color);--border-color: var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color: var(--color);--background-color: transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color: var(--color);--background-color: transparent;--border-width: 0px}.adm-button-primary{--color: var(--adm-color-primary)}.adm-button-success{--color: var(--adm-color-success)}.adm-button-danger{--color: var(--adm-color-danger)}.adm-button-warning{--color: var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-main)}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-7)}.adm-button.adm-button-large{padding-top:11px;padding-bottom:11px;font-size:var(--adm-font-size-10)}.adm-button.adm-button-shape-rounded{--border-radius: 1000px}.adm-button.adm-button-shape-rectangular{--border-radius: 0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{display:flex;height:1.4em;align-items:center;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-card{background:var(--adm-color-background);border-radius:var(--adm-card-border-radius, 8px);padding:0 var(--adm-card-padding-inline, 12px)}.adm-card-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--adm-card-header-gap, 8px);box-sizing:border-box;padding:var(--adm-card-header-padding-block, 12px) 0}.adm-card-header:not(:last-child){border-bottom:solid var(--adm-card-header-border-width, .5px) var(--adm-card-header-border-color, var(--adm-color-border))}.adm-card-header-title{font-size:var(--adm-font-size-7);line-height:1.4;font-weight:700}.adm-card-body{padding:var(--adm-card-body-padding-block, 12px) 0}.adm-spin-loading{--color: var(--adm-color-weak);--size: 32px;width:var(--size);height:var(--size)}.adm-spin-loading-svg{width:100%;height:100%;animation:adm-spin-loading-rotate .8s infinite linear}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-list{--header-font-size: var(--adm-font-size-7);--prefix-width: "auto";--prefix-padding-right: 12px;--align-items: center;--active-background-color: var(--adm-color-border);--border-inner: solid 1px var(--adm-color-border);--border-top: solid 1px var(--adm-color-border);--border-bottom: solid 1px var(--adm-color-border);--padding-left: 12px;--padding-right: 12px;--font-size: var(--adm-font-size-9);--extra-max-width: 70%}.adm-list-header{color:var(--adm-color-weak);font-size:var(--header-font-size);padding:8px var(--padding-right) 8px var(--padding-left)}.adm-list-body{background-color:var(--adm-color-background);overflow:hidden;font-size:var(--font-size)}.adm-list-body-inner{margin-top:-1px}.adm-list-default .adm-list-body{border-top:var(--border-top);border-bottom:var(--border-bottom)}.adm-list-card{margin:12px}.adm-list-card .adm-list-body{border-radius:8px}.adm-list-card .adm-list-header{padding-left:0}.adm-list-item{display:block;padding-left:var(--padding-left);position:relative;background-color:var(--adm-color-background);line-height:1.5}.adm-list-item-title,.adm-list-item-description{color:var(--adm-color-weak);font-size:var(--adm-font-size-main)}.adm-list-item-content{display:flex;align-items:var(--align-items);justify-content:flex-start;border-top:var(--border-inner);padding-right:var(--padding-right)}.adm-list-item-content-prefix{width:var(--prefix-width);flex:none;padding-right:var(--prefix-padding-right)}.adm-list-item-content-main{flex:auto;padding:12px 0}.adm-list-item-content-extra{flex:none;padding-left:12px;font-size:var(--adm-font-size-7);color:var(--adm-color-weak);max-width:var(--extra-max-width)}.adm-list-item-content-arrow{flex:none;display:flex;align-items:center;margin-left:4px;color:var(--adm-color-light);font-size:19px}.adm-list-item-disabled{cursor:not-allowed}.adm-list-item-disabled.adm-list-item-disabled>.adm-list-item-content>*{opacity:.4;pointer-events:none}a.adm-list-item:active:not(.adm-list-item-disabled){background-color:var(--active-background-color)}a.adm-list-item:active:not(.adm-list-item-disabled):after{content:" ";display:block;position:absolute;width:100%;bottom:-1px;left:0;border-bottom:var(--border-inner)}.adm-center-popup{--background-color: var(--adm-center-popup-background-color, var(--adm-color-background));--border-radius: var(--adm-center-popup-border-radius, 8px);--max-width: var(--adm-center-popup-max-width, 75vw);--min-width: var(--adm-center-popup-min-width, 280px);--z-index: var(--adm-center-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-center-popup .adm-center-popup-mask{z-index:0}.adm-center-popup-wrap{position:fixed;z-index:1;top:50%;left:50%;width:auto;min-width:var(--min-width);max-width:var(--max-width);transform:translate(-50%,-50%)}.adm-center-popup-body{background-color:var(--background-color);border-radius:var(--border-radius)}.adm-center-popup-close{position:absolute;z-index:100;right:8px;top:8px;cursor:pointer;padding:4px;font-size:18px;color:var(--adm-color-weak)}.adm-checkbox{--icon-size: 22px;--font-size: var(--adm-font-size-9);--gap: 8px;display:inline-flex;vertical-align:text-bottom;justify-content:flex-start;align-items:center;cursor:pointer}.adm-checkbox input{display:none}.adm-checkbox .adm-checkbox-icon{flex:none;border:1px solid var(--adm-color-light);border-radius:var(--icon-size);box-sizing:border-box;width:var(--icon-size);height:var(--icon-size);color:var(--adm-color-text-light-solid)}.adm-checkbox .adm-checkbox-icon>svg{display:block;width:100%;height:100%}.adm-checkbox.adm-checkbox-block{display:flex}.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon{border-color:var(--adm-color-primary);background-color:var(--adm-color-primary)}.adm-checkbox.adm-checkbox-disabled{cursor:not-allowed}.adm-checkbox.adm-checkbox-disabled .adm-checkbox-content{opacity:.4}.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon{color:var(--adm-color-light);border-color:var(--adm-color-light);background-color:var(--adm-color-fill-content)}.adm-checkbox .adm-checkbox-custom-icon{font-size:var(--icon-size)}.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon{background-color:var(--adm-color-background);color:var(--adm-color-primary)}.adm-checkbox-content{flex:0 1 auto;font-size:var(--font-size);padding-left:var(--gap)}.adm-dialog{--z-index: var(--adm-dialog-z-index, 1000);---z-index: var(--z-index)}.adm-dialog .adm-center-popup{--z-index: var(---z-index)}.adm-dialog-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);overflow:hidden;display:flex;flex-direction:column}.adm-dialog-body>*{flex:none}.adm-dialog-body>.adm-dialog-content{flex:auto}.adm-dialog-body:not(.adm-dialog-with-image){padding-top:20px}.adm-dialog-image-container{margin-bottom:12px;max-height:40vh}.adm-dialog-header{margin-bottom:8px;padding:0 12px}.adm-dialog-title{margin-bottom:8px;padding:0 12px;font-weight:700;font-size:var(--adm-font-size-10);line-height:25px;text-align:center}.adm-dialog-content{padding:0 12px 20px;max-height:70vh;overflow-x:hidden;overflow-y:auto;font-size:var(--adm-font-size-7);line-height:1.4;color:var(--adm-color-text)}.adm-dialog-content-empty{padding:0;height:12px}.adm-dialog-footer{-webkit-user-select:none;user-select:none}.adm-dialog-footer .adm-dialog-action-row{display:flex;align-items:stretch;border-top:.5px solid var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>*{flex:1}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button{padding:10px;font-size:var(--adm-font-size-10);line-height:25px;border-radius:0;border-right:solid .5px var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold{font-weight:700}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child{border-right:none}.adm-dialog-image-container{overflow-y:auto}.adm-form{--border-inner: solid 1px var(--adm-border-color);--border-top: solid 1px var(--adm-border-color);--border-bottom: solid 1px var(--adm-border-color);--prefix-width: 6.8em;---border-inner: var(--border-inner);---border-top: var(--border-top);---border-bottom: var(--border-bottom);---prefix-width: var(--prefix-width)}.adm-form .adm-list.adm-list{--padding-left: 16px;--padding-right: 12px;--border-inner: var(---border-inner);--border-top: var(---border-top);--border-bottom: var(---border-bottom)}.adm-form .adm-form-footer{padding:20px 12px}.adm-form .adm-form-item-horizontal.adm-list-item{--prefix-width: var(---prefix-width)}.adm-form-list-operation{text-align:center;color:var(--adm-color-primary)}.adm-form-item+.adm-form-item{border-top:none}.adm-form-item-label{display:block;height:100%;line-height:1.5;box-sizing:border-box;position:relative;color:var(--adm-color-text-secondary)}.adm-form-item-label .adm-form-item-required-asterisk{position:absolute;left:-.6em;top:0;font-family:SimSun,sans-serif;color:var(--adm-color-danger);-webkit-user-select:none;user-select:none}.adm-form-item-label .adm-form-item-required-text{margin-left:4px;color:var(--adm-color-weak)}.adm-form-item-label-help{margin-left:4px;cursor:pointer}.adm-form-item-child{display:flex}.adm-form-item-child-position-normal{justify-content:normal}.adm-form-item-child-position-normal>*{flex:auto}.adm-form-item-child-position-right{justify-content:flex-end}.adm-form-item-child-position-right>*{flex:none}.adm-form-item-feedback-error{color:var(--adm-color-danger);margin-top:4px}.adm-form-item-feedback-warning{color:var(--adm-color-warning);margin-top:4px}.adm-form-item.adm-form-item-hidden{display:none}.adm-form-item.adm-form-item-horizontal.adm-list-item{--align-items: stretch}.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix{padding-top:12px;padding-bottom:12px}.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra{align-self:center}.adm-form-item.adm-form-item-vertical .adm-form-item-label{font-size:var(--adm-font-size-7);margin-bottom:4px}.adm-popover{--z-index: var(--adm-popover-z-index, 1030);--background: #ffffff;--arrow-size: 8px;--content-padding: 8px 12px;color:var(--adm-color-text);position:absolute;top:0;left:0;z-index:var(--z-index);white-space:normal;text-align:left;cursor:auto;-webkit-user-select:text;user-select:text;animation:none}.adm-popover.adm-popover-dark{--background: rgba(0, 0, 0, .75);--adm-color-text: #ffffff;color:#fff}.adm-popover.adm-popover-dark .adm-popover-inner{box-shadow:none}.adm-popover:after{position:absolute;background:rgba(255,255,255,.01);content:""}.adm-popover-hidden{display:none}.adm-popover-inner{background-color:var(--background);background-clip:padding-box;border-radius:8px;box-shadow:0 0 30px #3333;font-size:var(--adm-font-size-7);width:-webkit-max-content;width:max-content;min-width:32px;max-width:calc(100vw - 24px);overflow-y:hidden}.adm-popover-inner-content{padding:var(--content-padding)}.adm-popover-arrow{position:absolute;display:block;height:var(--arrow-size);width:var(--arrow-size);overflow:visible;background:transparent}.adm-popover-arrow-icon{display:block;height:var(--arrow-size);width:calc(var(--arrow-size) / 8 * 15);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--arrow-icon-rotate))}.adm-popover .adm-popover-arrow{color:var(--background)}.adm-popover-menu{--border-color: var(--adm-color-border)}.adm-popover-menu.adm-popover{--content-padding: 0}.adm-popover-menu-list{overflow:hidden;min-width:120px}.adm-popover-menu-list-inner{margin-top:-1px}.adm-popover-menu-list-scroll{padding-right:2px;overflow-y:scroll;-webkit-overflow-scrolling:auto}.adm-popover-menu-list-scroll::-webkit-scrollbar{-webkit-appearance:none;width:4px}.adm-popover-menu-list-scroll::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ddd}.adm-popover-menu-item{display:flex;padding-left:20px;justify-content:flex-start;align-items:center;position:relative}.adm-popover-menu-item-icon{flex:none;padding-right:8px;font-size:20px}.adm-popover-menu-item-text{flex:auto;padding:14px 20px 14px 0;border-top:solid 1px var(--border-color)}.adm-popover-menu-item-disabled{cursor:not-allowed}.adm-popover-menu-item-disabled>*{opacity:.4}.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled){background-color:var(--border-color)}.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled):after{content:" ";display:block;position:absolute;width:100%;bottom:-1px;left:0;border-bottom:solid 1px var(--border-color)}.adm-popover.adm-popover-dark.adm-popover-menu{--border-color: var(--adm-color-text);--background: rgba(0, 0, 0, .9)}.adm-space-item{flex:none}.adm-space{display:inline-flex;--gap: 8px;--gap-vertical: var(--gap);--gap-horizontal: var(--gap)}.adm-space-vertical{flex-direction:column}.adm-space-vertical>.adm-space-item{margin-bottom:var(--gap-vertical)}.adm-space-vertical>.adm-space-item:last-child{margin-bottom:0}.adm-space-horizontal{flex-direction:row}.adm-space-horizontal:not(:empty){margin-right:calc(var(--gap-horizontal) * -1)}.adm-space-horizontal>.adm-space-item{margin-right:var(--gap-horizontal)}.adm-space-horizontal.adm-space-wrap{flex-wrap:wrap;margin-bottom:calc(var(--gap-vertical) * -1)}.adm-space-horizontal.adm-space-wrap>.adm-space-item{padding-bottom:var(--gap-vertical)}.adm-space.adm-space-block{display:flex}.adm-space-align-center{align-items:center}.adm-space-align-start{align-items:flex-start}.adm-space-align-end{align-items:flex-end}.adm-space-align-baseline{align-items:baseline}.adm-space-justify-center{justify-content:center}.adm-space-justify-start{justify-content:flex-start}.adm-space-justify-end{justify-content:flex-end}.adm-space-justify-between{justify-content:space-between}.adm-space-justify-around{justify-content:space-around}.adm-space-justify-evenly{justify-content:space-evenly}.adm-space-justify-stretch{justify-content:stretch}.adm-input{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--text-align: left;--background-color: transparent;display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:100%;max-height:100%;min-height:24px;background-color:var(--background-color)}.adm-input-disabled{opacity:.4;cursor:not-allowed}.adm-input-element{flex:auto;display:inline-block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-input-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element:-webkit-autofill{background-color:transparent}.adm-input-element:read-only{cursor:default}.adm-input-element:invalid{box-shadow:none}.adm-input-element::-ms-clear{display:none}.adm-input-element::-ms-reveal{display:none}.adm-input-element::-webkit-search-cancel-button{display:none}.adm-input-element::-webkit-search-decoration{display:none}.adm-input-element:disabled{opacity:1}.adm-input-element[type=date],.adm-input-element[type=time],.adm-input-element[type=datetime-local]{min-height:1.5em}.adm-input-element[type=search]{-webkit-appearance:none}.adm-input-element[readonly]{pointer-events:none}.adm-input-clear{flex:none;margin-left:8px;color:var(--adm-color-light);padding:4px;cursor:pointer}.adm-input-clear:active{color:var(--adm-color-weak)}.adm-input-clear .antd-mobile-icon{display:block;font-size:var(--adm-font-size-7)}.adm-nav-bar{--height: 45px;--border-bottom: none;display:flex;align-items:center;height:var(--height);border-bottom:var(--border-bottom);padding:0 12px;white-space:nowrap}.adm-nav-bar-left,.adm-nav-bar-right{flex:1}.adm-nav-bar-title{flex:auto;text-align:center;overflow:hidden;text-overflow:ellipsis}.adm-nav-bar-back{display:flex;align-items:center;margin-right:16px;padding:6px 0;cursor:pointer}.adm-nav-bar-back-arrow{font-size:24px;margin-right:4px}.adm-nav-bar-left{font-size:var(--adm-font-size-7);display:flex;justify-content:flex-start;align-items:center}.adm-nav-bar-title{justify-content:center;white-space:nowrap;font-size:var(--adm-font-size-10);padding:0 12px}.adm-nav-bar-right{text-align:right}.adm-tag{--border-radius: var(--adm-tag-border-radius, 2px);padding:2px 4px;font-size:var(--adm-font-size-3);line-height:1;font-weight:400;background:var(--background-color);color:var(--text-color);display:inline-block;white-space:nowrap;border-radius:var(--border-radius);border:1px solid var(--border-color);box-sizing:border-box}.adm-tag-round{border-radius:100px}.adm-text-area{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--disabled-color: var(--adm-color-weak);--text-align: left;--count-text-align: right;position:relative;width:100%;max-width:100%;max-height:100%}.adm-text-area-element{font-family:var(--adm-font-family);resize:none;flex:auto;display:block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-text-area-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-text-area-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-text-area-element:-webkit-autofill{background-color:transparent}.adm-text-area-element:disabled{color:var(--disabled-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--disabled-color)}.adm-text-area-element:read-only{cursor:default}.adm-text-area-element:invalid{box-shadow:none}.adm-text-area-element::-ms-clear{display:none}.adm-text-area-element-hidden{visibility:hidden;position:absolute;top:0;left:0;z-index:-1000}.adm-text-area-count{text-align:var(--count-text-align);color:var(--adm-color-weak);font-size:var(--adm-font-size-9);padding-top:8px}.adm-toast-mask .adm-toast-wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}.adm-toast-mask .adm-toast-main{display:inline-block;position:relative;top:50%;transform:translateY(-50%);width:auto;max-width:204px;max-height:70%;overflow:auto;color:#fff;word-break:break-all;background-color:#000000b3;border-radius:8px;pointer-events:all;font-size:var(--adm-font-size-7);line-height:1.5;box-sizing:border-box;text-align:initial}.adm-toast-mask .adm-toast-main-text{padding:12px;min-width:0}.adm-toast-mask .adm-toast-main-icon{padding:35px 12px;min-width:150px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{text-align:center;margin-bottom:8px;font-size:36px;line-height:1}.adm-toast-loading{--size: 48px;margin:0 auto 8px}:root{--primary-color: #667eea;--primary-hover: #764ba2;--secondary-color: #f093fb;--text-primary: #333;--text-secondary: #666;--text-light: #999;--border-color: #e0e0e0;--background-color: #f5f5f5;--white: #ffffff;--red: #ff4d4f;--green: #52c41a;--blue: #1890ff;--yellow: #faad14;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-1px,0)}}*{will-change:auto}.chart-card,.details-card,.summary-card,.list-item{animation:fadeIn .6s ease-out;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-chart{animation:fadeIn 1s ease-out}.btn:hover,.list-item:hover,.summary-card:hover{transform:translateY(-2px);transition:transform .2s ease,box-shadow .2s ease}.card-icon:hover,.funnel-icon:hover{animation:bounce 1s ease}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-value,.stat-value{animation:countUp .8s ease-out}.animated-progress{animation:progressFill 1.5s ease-out forwards}@keyframes progressFill{0%{width:0%;opacity:.6}to{width:100%;opacity:1}}.animated-funnel{animation:funnelFill 1.2s ease-out forwards}@keyframes funnelFill{0%{width:0%;opacity:.5}to{width:100%;opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text-primary);background-color:var(--background-color);overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.layout-container{display:flex;flex-direction:column;min-height:100vh}.modern-nav-bar{position:relative;overflow:hidden;transition:all var(--transition-normal)}.modern-nav-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modern-nav-bar:hover:after{left:100%}.tabbar-item.active .tabbar-icon{transform:scale(1.1);animation:bounceIn .3s ease}.page-content{padding:0 0 80px;flex:1}.dashboard-container{display:flex;flex-direction:column;gap:16px;padding:16px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.system-badge{padding:8px 12px;font-size:14px;font-weight:500;border-radius:16px;background:rgba(82,196,26,.1)}.stat-card-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--border-radius-lg);padding:20px 16px;margin-bottom:16px;text-align:center;color:#fff;box-shadow:0 10px 30px #667eea4d;position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.stat-card-gradient:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.stat-card-gradient:hover{transform:translateY(-6px);box-shadow:0 20px 45px #667eea73}.stat-icon-large{font-size:48px;margin-bottom:16px;opacity:.9}.stat-value{font-size:48px;font-weight:700;margin-bottom:12px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.stat-label{font-size:18px;opacity:.95;font-weight:500;margin-bottom:8px}.stat-desc{font-size:14px;opacity:.8}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:28px}.stat-card{background:white;border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:translate(-100%);transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-card:hover:after{transform:translate(0)}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-card-title{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.stat-card-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:8px}.stat-card-change{display:flex;align-items:center;font-size:14px;font-weight:500}.stat-card-change.positive{color:#38a169}.stat-card-change.negative{color:#e53e3e}.stat-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.dashboard-grid-layout{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px;animation:fadeIn .6s ease-out}@media (min-width: 768px){.dashboard-grid-layout{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:24px}}.dashboard-container{padding:16px!important;margin:0;background:#f8fafc!important;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modern-card{border-radius:var(--border-radius-lg)!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer}.card-hover:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-lg)!important}.animated-card{animation:fadeIn .8s ease-out}.modern-table{width:100%;border-collapse:collapse;background-color:var(--white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:24px;table-layout:fixed}.modern-table th{padding:16px;text-align:left;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-secondary);font-size:14px;position:sticky;top:0;z-index:10;min-width:100px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.modern-table td{padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease}.modern-table th:last-child,.modern-table td:last-child{text-align:right}.modern-table tbody tr{transition:background-color var(--transition-fast)}.modern-table tbody tr:hover{background-color:#667eea0d}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table td:first-child{font-weight:500;color:var(--text-primary)}.modern-table td:nth-child(n+2):not(:last-child){text-align:right}.btn{padding:10px 20px;border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);border:none;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--white);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.modern-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.modern-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2)}.modern-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:20px}.card-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.card-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.card-content{margin-bottom:20px}.card-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.modern-card.full-width{grid-column:1 / -1}.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.card-hover:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.card-hover:hover:before{transform:scaleX(1)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.card-icon{font-size:20px;color:var(--green)}.card-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.2}.stats-row{display:flex;justify-content:space-between;gap:12px}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px}.stat-icon{font-size:28px;margin-bottom:8px}.stat-icon.blue{color:var(--blue)}.stat-icon.green{color:var(--green)}.stat-icon.orange{color:var(--yellow)}.stat-number{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-desc{font-size:12px;color:var(--text-secondary)}.progress-item .content{font-weight:500}.rank-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-secondary);background-color:var(--background-color);border-radius:50%}.rank-number.top-rank{background:linear-gradient(135deg,#FFD700,#FFA500);color:#fff}.progress-container{display:flex;align-items:center;width:120px}.progress-bar{flex:1;height:8px;background-color:var(--background-color);border-radius:4px;overflow:hidden;margin-right:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width var(--transition-slow)}.progress-percent{font-size:12px;font-weight:500;color:var(--text-secondary);min-width:35px;text-align:right}.funnel-container{padding:0}.funnel-item{margin-bottom:16px;padding:8px;border-radius:var(--border-radius-sm);transition:background-color .2s ease}.funnel-item:hover{background-color:#00000005}.funnel-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.funnel-icon .blue-icon{color:var(--blue);font-size:18px}.funnel-icon .green-icon{color:var(--green);font-size:18px}.funnel-icon .orange-icon{color:var(--yellow);font-size:18px}.funnel-info{flex:1;min-width:0}.funnel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.funnel-name{font-size:14px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value-badge{font-size:12px}.funnel-bar{height:10px;background-color:var(--background-color);border-radius:5px;overflow:hidden;position:relative}.funnel-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.funnel-fill{height:100%;border-radius:5px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.funnel-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.funnel-fill{position:relative;overflow:hidden}.funnel-fill.blue{background:linear-gradient(90deg,var(--blue),#40a9ff)}.funnel-fill.green{background:linear-gradient(90deg,var(--green),#73d13d)}.funnel-fill.orange{background:linear-gradient(90deg,var(--yellow),#ffc53d)}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 10px 2px #667eea4d;opacity:.6;z-index:-1}.funnel-fill.blue.glow-effect:after{box-shadow:0 0 10px 2px #3b82f64d}.funnel-fill.green.glow-effect:after{box-shadow:0 0 10px 2px #22c55e4d}.funnel-fill.orange.glow-effect:after{box-shadow:0 0 10px 2px #f59e0b4d}.conversion-rate{font-size:12px;color:var(--text-secondary);text-align:right;margin-top:6px;font-weight:500;padding-right:8px}.rate-value{color:var(--primary-color);font-weight:600}.modern-list{margin:-8px;display:flex;flex-direction:column;gap:8px}.modern-list .list-item{padding:16px;background-color:var(--white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);border:1px solid transparent;display:flex;align-items:center;justify-content:space-between}.modern-list .list-item:active{background-color:var(--background-color)}.modern-list .list-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-color)}.list-item-content{display:flex;align-items:center;flex:1;gap:16px}.list-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.medal-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.medal-avatar.rank-1{background:linear-gradient(135deg,#FFD700,#FFA500)}.medal-avatar.rank-2{background:linear-gradient(135deg,#C0C0C0,#A9A9A9)}.medal-avatar.rank-3{background:linear-gradient(135deg,#CD7F32,#A0522D)}.cart-icon{color:var(--primary-color);font-size:20px}.product-item .content{width:calc(100% - 40px)}.product-info{display:flex;justify-content:space-between;align-items:center;width:100%}.product-name{font-weight:500;color:var(--text-primary)}.product-price{font-weight:700;color:var(--red);font-size:16px}@media (max-width: 768px){.dashboard-container{padding:16px;gap:16px}.dashboard-grid-layout{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.stat-card-gradient{padding:20px 16px}.stat-value{font-size:36px}.stat-label{font-size:16px}.dashboard-title{font-size:24px}.dashboard-header,.questions-list .question-item{flex-direction:column;align-items:flex-start;gap:12px}.question-right{width:100%;flex-direction:column;gap:8px}.progress-wrapper{width:100%!important}.product-item{flex-direction:column;align-items:flex-start;gap:12px}.product-right{width:100%;display:flex;justify-content:space-between;align-items:center}.stats-row{flex-direction:column;gap:16px}.stat-item{flex-direction:row;justify-content:space-between;align-items:center;padding:12px;background:rgba(0,0,0,.02);border-radius:8px}.question-left{flex-direction:column;align-items:flex-start;gap:4px}.question-item{flex-direction:column;gap:8px}.list-item-actions{width:100%}}@media (min-width: 641px) and (max-width: 1024px){.dashboard-container{padding:20px}.dashboard-grid-layout{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width: 1025px){.dashboard-container{max-width:1200px;margin:0 auto;padding:24px}.dashboard-grid-layout{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.grid-layout{display:grid;gap:20px;width:100%}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (min-width: 640px){.grid-cols-sm-2{grid-template-columns:repeat(2,1fr)}.cards-container{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (min-width: 768px){.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.cards-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width: 1024px){.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.cards-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width: 1280px){.grid-cols-xl-5{grid-template-columns:repeat(5,1fr)}.grid-cols-xl-4{grid-template-columns:repeat(4,1fr)}}.cards-grid,.cards-container{align-items:start}.card-stretch{height:100%;display:flex;flex-direction:column}.card-stretch .card-content{flex:1}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:14px;color:var(--text-light)}.empty{text-align:center;padding:40px 20px;color:var(--text-light)}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.error{color:var(--red);font-size:14px;margin-top:8px}.success{color:var(--primary-color);font-size:14px;margin-top:8px}.animate-in{animation:slideIn .5s ease-out forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.progress-container{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .8s ease-out;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.question-item .progress-wrapper{width:120px;margin-right:8px}.question-item .progress-container{height:8px;background-color:#f5f5f5;border-radius:4px}.question-item .progress-bar{height:100%;border-radius:4px;transition:width .8s ease-out}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--background-color)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1.1)}}.card-content{flex:1}.card-header{margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media screen and (max-width: 768px){.dashboard-title{font-size:22px!important}.dashboard-subtitle{font-size:12px}.system-badge{padding:6px 10px;font-size:12px}.stat-value{font-size:32px}.stat-label{font-size:16px}.stat-desc{font-size:12px}.modern-card{padding:16px!important}.card-header{margin-bottom:12px!important}.card-title{font-size:14px!important}.card-value{font-size:24px!important}.question-item{display:flex!important;flex-direction:column!important;gap:8px}.list-item-content{width:100%}.funnel-content{flex-direction:column;align-items:flex-start;gap:8px}.funnel-icon{margin-right:0}.funnel-info{width:100%}.product-item{display:flex!important;flex-direction:column!important;gap:8px}.animated-card{animation-duration:.4s!important}.dashboard-container *{box-sizing:border-box}.progress-wrapper{width:100%!important}.modern-nav-bar{font-size:16px!important}.flex-align-center,.flex-justify-between,.flex-justify-center{flex-wrap:wrap}.modern-table{display:block;overflow-x:auto;white-space:nowrap}.dashboard-container>*{margin-bottom:16px}.dashboard-container{padding-bottom:90px!important}}.login-container{min-height:100vh;height:100vh;width:100vw;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:100% 100%;animation:gradientBackground 15s ease infinite;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:0;box-sizing:border-box;z-index:-1}.login-content-wrapper{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow-y:hidden}.login-container:before,.login-container:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;opacity:.15;z-index:0}.login-container:before{background:rgba(255,255,255,.3);top:-50px;left:-50px;animation:float 8s ease-in-out infinite}.login-container:after{background:rgba(255,255,255,.2);bottom:-50px;right:-50px;animation:float 6s ease-in-out infinite reverse}.login-wrapper{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;transition:all .3s ease}.login-wrapper:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.login-header{text-align:center;margin-bottom:30px}.app-title{font-size:24px;font-weight:700;color:#333;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form{width:100%}.form-input:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.icon-user,.icon-lock{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:16px;z-index:1}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .password-input{width:100%;padding-right:40px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#a0aec0;padding:8px;z-index:2;transition:color .3s ease}.toggle-password:hover{color:#667eea}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0aec0;cursor:pointer;font-size:18px;padding:4px;border-radius:50%;transition:all .3s ease;z-index:1}.toggle-password:hover{color:#667eea;background-color:#667eea0d}.toggle-password:active{transform:translateY(-50%) scale(.95)}.login-info{background-color:#f0f4ff;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #667eea}.info-text{font-size:12px;color:#4a5568;margin:4px 0;opacity:.8}.login-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #667eea66}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80;background:linear-gradient(135deg,#764ba2,#667eea)}.login-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea66}.login-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shimmer 2s infinite}.register-link{text-align:center;margin-top:20px;font-size:14px;color:#666}.link-button{background:none;border:none;color:#667eea;font-weight:500;cursor:pointer;padding:0 4px;transition:all .3s ease;position:relative}.link-button:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#667eea;transition:width .3s ease}.link-button:hover{color:#5a67d8}@keyframes pulse{0%{box-shadow:0 4px 12px #667eea66}50%{box-shadow:0 4px 12px #667eea99}to{box-shadow:0 4px 12px #667eea66}}@media (max-width: 480px){.login-wrapper{padding:30px 24px;margin:0 16px}.app-icon{font-size:36px}.app-title{font-size:20px}.form-input{font-size:14px;padding:10px 14px 10px 36px}.login-button{font-size:15px;padding:11px}}@media (max-width: 360px){.login-container{padding:16px}.login-wrapper{padding:24px 20px;border-radius:16px}.app-title{font-size:18px}.form-input{font-size:13px}}.login-container::-webkit-scrollbar{width:8px}.login-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.login-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.login-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.adm-input-element{border:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.adm-input-element:focus{border:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00B4DB 0%,#0083B0 100%);background-size:200% 200%;animation:gradientBackground 15s ease infinite;padding:20px;position:relative;overflow:hidden}@keyframes gradientBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.register-container:before,.register-container:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;opacity:.15;z-index:0}.register-container:before{background:rgba(255,255,255,.3);top:-50px;right:-50px;animation:float 8s ease-in-out infinite reverse}.register-container:after{background:rgba(255,255,255,.2);bottom:-50px;left:-50px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(0) translate(20px)}75%{transform:translateY(20px) translate(10px)}}.register-wrapper{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:480px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;transition:all .3s ease}.register-wrapper:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.register-header{text-align:center;margin-bottom:30px}.app-icon{font-size:48px;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-title{font-size:24px;font-weight:700;color:#333;margin:0 0 8px;background:linear-gradient(135deg,#00B4DB,#0083B0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:14px;color:#666;margin:0;opacity:.8}.register-form{width:100%}.form-group{margin-bottom:20px;position:relative}.form-label{display:block;font-size:14px;font-weight:500;color:#555;margin-bottom:8px;transition:color .3s ease}.form-input{width:100%;padding:12px 16px 12px 40px;border:2px solid #e1e5ee;border-radius:12px;font-size:15px;color:#333;background-color:#f8fafc;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#00b4db;background-color:#fff;box-shadow:0 0 0 3px #00b4db1a;transform:translateY(-1px)}.form-input.input-error{border-color:#ff4757}.form-input::placeholder{color:#a0aec0;transition:color .3s ease}.form-input:focus::placeholder{color:#cbd5e0}.form-input.prefix{position:relative}.icon-user,.icon-lock,.icon-account,.icon-phone{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:16px;z-index:1}.error-message{font-size:12px;color:#ff4757;margin-top:4px;padding-left:4px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.register-button{width:100%;padding:12px;background:linear-gradient(135deg,#00B4DB,#0083B0);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #00b4db66;margin-bottom:16px}.register-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b4db80;background:linear-gradient(135deg,#0083B0,#00B4DB)}.register-button:active{transform:translateY(0);box-shadow:0 2px 8px #00b4db66}.register-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.login-link{text-align:center;margin-bottom:16px;font-size:14px;color:#666}.link-button{background:none;border:none;color:#00b4db;font-weight:500;cursor:pointer;padding:0 4px;transition:all .3s ease;position:relative}.link-button:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#00b4db;transition:width .3s ease}.link-button:hover{color:#006080}.link-button:hover:after{width:100%}.terms-privacy{text-align:center;font-size:12px;color:#888;line-height:1.5}.terms-link{color:#00b4db;cursor:pointer;transition:color .3s ease}.terms-link:hover{color:#006080;text-decoration:underline}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 4px 12px #00b4db66}50%{box-shadow:0 4px 12px #00b4db99}to{box-shadow:0 4px 12px #00b4db66}}@media (max-width: 480px){.register-wrapper{padding:30px 24px;margin:0 16px}.app-icon{font-size:36px}.app-title{font-size:20px}.form-input{font-size:14px;padding:10px 14px 10px 36px}.register-button{font-size:15px;padding:11px}}@media (max-width: 360px){.register-container{padding:16px}.register-wrapper{padding:24px 20px;border-radius:16px}.app-title{font-size:18px}.form-input{font-size:13px}.terms-privacy{font-size:11px}}.form-group.valid .form-input{border-color:#4ade80;animation:validationSuccess .5s ease}@keyframes validationSuccess{0%{transform:translate(-2px)}25%{transform:translate(2px)}50%{transform:translate(-1px)}75%{transform:translate(1px)}to{transform:translate(0)}}.form-input:focus-within+.form-label{color:#00b4db;font-weight:600}.register-container::-webkit-scrollbar{width:8px}.register-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.register-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.register-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.dashboard-container{display:flex;flex-direction:column;gap:24px;padding:24px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px 20px;border-radius:12px}.dashboard-title{font-size:24px;font-weight:600;color:#333;margin:0}.system-status{display:flex;align-items:center}.system-badge{padding:6px 12px;font-size:14px;font-weight:500;border-radius:16px;background:#e6f7ff;color:#096dd9!important;border:1px solid #91d5ff}.stat-card-gradient{background:linear-gradient(135deg,#4096ff 0%,#1890ff 100%);border-radius:12px;padding:24px;margin-bottom:24px;text-align:center;color:#fff;box-shadow:0 2px 8px #1890ff33;transition:transform .2s ease,box-shadow .2s ease;border:none}.stat-icon-large{font-size:48px;margin-bottom:12px;opacity:1;color:#fff}.stat-value{font-size:40px;font-weight:700;margin-bottom:8px;line-height:1;color:#fff}.stat-label{font-size:16px;opacity:.95;font-weight:500;margin-bottom:6px;color:#fff!important}.stat-desc{font-size:13px;opacity:.9;color:#ffffffd9;font-weight:400}.dashboard-grid-layout{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px;animation:fadeIn .6s ease-out}.dashboard-full-width{grid-column:1 / -1;width:100%}.modern-card{background:#ffffff!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important;padding:24px!important;transition:all .2s ease!important;border:1px solid #f0f0f0!important;height:100%!important;display:flex!important;flex-direction:column!important;position:relative!important}.modern-card:before{content:none}.modern-card.gmv-card:before{background:linear-gradient(to bottom,#fa8c16,#faad14)}.modern-card.gmv-card{border:1px solid rgba(250,140,22,.1);background:#ffffff!important}.modern-card.gmv-card:hover{box-shadow:0 8px 20px #fa8c1626!important;border-color:#fa8c1633!important}.modern-card.fans-card:before{background:linear-gradient(to bottom,#52c41a,#73d13d)}.modern-card.questions-card:before{background:linear-gradient(to bottom,#1890ff,#40a9ff)}.modern-card.funnel-card:before{background:linear-gradient(to bottom,#52c41a,#73d13d)}.modern-card.products-card:before{background:linear-gradient(to bottom,#fa8c16,#faad14)}.modern-card.interests-card:before{background:linear-gradient(to bottom,#1890ff,#40a9ff)}.card-hover{cursor:pointer!important;transition:all .2s ease!important}.card-hover:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important;border-color:#e0e0e0!important}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.05)}.card-title{font-size:20px;font-weight:600;color:#333;margin-bottom:0;background:linear-gradient(90deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:transparent}.card-icon{font-size:18px;color:#1890ff}.card-value{font-size:28px;font-weight:600;line-height:1.2;color:#333}.card-value.highlight{color:#fa8c16}.stats-row{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding:0}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:8px;transition:all .2s ease;position:relative;overflow:hidden;background:#ffffff;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;min-height:120px;justify-content:center;margin:0}.stat-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;opacity:0;transition:opacity .3s ease}.stat-item:nth-child(1):before{background:linear-gradient(to bottom,#1890ff,#40a9ff)}.stat-item:nth-child(2):before{background:linear-gradient(to bottom,#52c41a,#73d13d)}.stat-item:nth-child(3):before{background:linear-gradient(to bottom,#fa8c16,#faad14)}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.stat-item:hover:before{opacity:1}.stat-icon{font-size:32px;margin-bottom:10px;position:relative;z-index:1;transition:transform .3s ease;height:40px;display:flex;align-items:center;justify-content:center}.stat-item:hover .stat-icon{transform:scale(1.1)}.stat-icon.blue{color:#1890ff;text-shadow:0 2px 8px rgba(24,144,255,.3)}.stat-icon.green{color:#52c41a;text-shadow:0 2px 8px rgba(82,196,26,.3)}.stat-icon.orange{color:#fa8c16;text-shadow:0 2px 8px rgba(250,140,22,.3)}.stat-number{font-size:28px;font-weight:700;margin-bottom:8px;position:relative;z-index:1;background:linear-gradient(90deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-item:nth-child(1) .stat-number{background:linear-gradient(90deg,#1890ff,#40a9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-item:nth-child(2) .stat-number{background:linear-gradient(90deg,#52c41a,#73d13d);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-item:nth-child(3) .stat-number{background:linear-gradient(90deg,#fa8c16,#faad14);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-desc{font-size:14px;color:#636e72;font-weight:500;position:relative;z-index:1}.questions-list{margin-top:12px;padding:0}.question-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff;border-radius:8px;margin-bottom:8px;transition:all .2s ease;border:1px solid #f0f0f0}.question-item:hover{background:#fafafa;border-color:#e8e8e8}.question-item:last-child{margin-bottom:0}.question-left{display:flex;align-items:center;gap:12px;flex:1}.question-text{font-size:14px;color:#333;font-weight:500;flex:1;line-height:1.4}.rank-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f0f0f0;border-radius:6px;font-size:13px;font-weight:600;color:#666}.rank-number.top-rank{background:#1890ff;color:#fff}.list-item-actions{display:flex;align-items:center;gap:12px}.question-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.progress-wrapper{width:120px}.progress-container{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:#1890ff;border-radius:4px;transition:width .8s ease}.rate-container{display:flex;align-items:center;gap:4px;font-size:13px;color:#333;font-weight:500}.progress-percent{color:#1890ff}.product-price{position:absolute;top:16px;right:16px;font-size:16px;font-weight:700;color:#fa541c}.funnel-container{margin-top:12px}.funnel-item{padding:16px;background:#ffffff;border-radius:8px;margin-bottom:12px;border:1px solid #f0f0f0;position:relative}.funnel-content{display:flex;align-items:center;gap:12px}.funnel-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f0f8ff;border-radius:6px;flex-shrink:0}.blue-icon{color:#1890ff;font-size:28px;text-shadow:0 2px 8px rgba(24,144,255,.4)}.green-icon{color:#52c41a;font-size:28px;text-shadow:0 2px 8px rgba(82,196,26,.4)}.orange-icon{color:#fa8c16;font-size:28px;text-shadow:0 2px 8px rgba(250,140,22,.4)}.funnel-info{flex:1;display:flex;flex-direction:column;gap:8px}.funnel-header{display:flex;justify-content:space-between;align-items:center}.funnel-name{font-size:14px;font-weight:500;color:#333}.value-badge{font-size:12px;padding:2px 8px;border-radius:10px}.funnel-bar{width:100%;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.funnel-fill{height:100%;border-radius:3px;transition:width .8s ease}.conversion-rate{margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:13px;color:#666;display:flex;align-items:center}.rate-value{color:#389e0d;font-weight:700;margin-left:4px}.products-container{margin-top:12px}.product-item{padding:16px;background:#ffffff;border-radius:8px;margin-bottom:12px;border:1px solid #f0f0f0;display:flex;align-items:center;gap:12px;position:relative}.product-image{width:48px;height:48px;border-radius:50%;object-fit:cover;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.product-info{flex:1;display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 100px)}.product-name{font-size:16px;font-weight:600;color:#2d3436;margin-bottom:8px;line-height:1.4}.product-stats{display:flex;align-items:center;gap:16px;margin-top:4px}.stat-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#333}.stat-item .anticon{color:#1890ff!important}.product-right{display:none}@media (max-width: 1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr}}@media (max-width: 768px){.question-left{gap:12px}.funnel-content{flex-direction:column;align-items:flex-start;gap:8px}.funnel-icon{align-self:flex-start}.product-item{padding:12px;gap:8px}.product-image{width:50px;height:50px}.product-stats{gap:12px}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.system-status{align-self:flex-end}.stat-card-gradient{padding:20px 16px}.stat-value{font-size:36px}.stat-label{font-size:14px;color:#fff!important}.question-right{width:100%;align-items:flex-start;margin-top:8px}.progress-wrapper{width:100%}}.rank-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#f0f2ff 0%,#e6e8ff 100%);font-weight:600;color:#667eea;box-shadow:0 2px 8px #667eea33}.rank-number.top-rank{background:linear-gradient(135deg,#ffd700,#ffed4a);color:#8b7d20;box-shadow:0 4px 12px #ffd7004d}.question-text{flex:1;font-size:14px;font-weight:500;color:#2d3436;line-height:1.5}.question-right{display:flex;align-items:center;gap:12px;flex-shrink:0}@media (max-width: 768px){.question-right{gap:8px}}.progress-wrapper{width:150px;margin-right:12px}@media (max-width: 768px){.progress-wrapper{width:100px;margin-right:8px}}.progress-container{height:10px;background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;overflow:hidden}.progress-bar{height:100%;border-radius:20px;background:linear-gradient(90deg,#00d2d3,#00a8ff);box-shadow:0 2px 8px #00d2d366;transition:width .8s ease-out;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerProgress 2s infinite}@keyframes shimmerProgress{0%{left:-100%}to{left:100%}}.rate-container{display:flex;align-items:center;font-size:14px;font-weight:600;background:linear-gradient(90deg,#2d3436,#00a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.rate-container{display:flex;align-items:center;font-size:14px;font-weight:500}.funnel-container{margin-top:16px}.funnel-item{margin-bottom:16px;padding:20px;background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%);border-radius:16px;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.funnel-item:before{content:"";position:absolute;top:0;left:0;height:100%;width:4px;background:linear-gradient(180deg,#10ac84,#1dd1a1);display:none}.funnel-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.funnel-content{display:flex;align-items:center;gap:16px;padding-left:8px}.funnel-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f8ff;color:#10ac84;font-size:24px;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.funnel-info{flex:1}.funnel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.funnel-name{font-size:16px;font-weight:600;color:#2d3436}.funnel-value{font-size:18px;font-weight:700;background:linear-gradient(90deg,#10ac84,#1dd1a1);-webkit-background-clip:text;background-clip:text;color:transparent}.funnel-bar{height:12px;background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);border-radius:20px;box-shadow:inset 0 2px 4px #0000001a;overflow:hidden}.funnel-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#10ac84,#1dd1a1);box-shadow:0 2px 8px #10ac8466;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.funnel-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerProgress 2s infinite}.conversion-rate{font-size:14px;color:#636e72;margin-top:8px;padding-left:60px}.rate-value{color:#10ac84;font-weight:600;font-size:16px}.products-list{margin-top:16px;padding:0;background:transparent;border:none}.product-item{display:flex;justify-content:space-between;align-items:center;padding:16px;margin-bottom:12px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.product-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.product-item:last-child{margin-bottom:0}.product-left{display:flex;align-items:center;gap:16px;padding-left:8px;flex:1}.medal-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;position:relative;z-index:1;box-shadow:0 4px 12px #00000026}.medal-avatar:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border-radius:50%;z-index:-1;animation:pulse 2s infinite ease-in-out}.rank-1{background:linear-gradient(135deg,#ffd700,#ffed4a);color:#8b7d20}.rank-1:after{background:radial-gradient(circle,rgba(255,215,0,.4) 0%,rgba(255,215,0,0) 70%)}.rank-2{background:linear-gradient(135deg,#c0c0c0,#e0e0e0);color:#666}.rank-2:after{background:radial-gradient(circle,rgba(192,192,192,.4) 0%,rgba(192,192,192,0) 70%)}.rank-3{background:linear-gradient(135deg,#cd7f32,#d7b377);color:#7a4a1f}.rank-3:after{background:radial-gradient(circle,rgba(205,127,50,.4) 0%,rgba(205,127,50,0) 70%)}.product-info{flex:1}.product-name{font-size:18px;font-weight:700;color:#2d3436;margin-bottom:8px;position:relative;z-index:1;background:linear-gradient(90deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;color:transparent}.product-stats{font-size:14px;color:#666;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.7);padding:6px 12px;border-radius:16px;display:inline-block;box-shadow:0 2px 8px #0000000d}.product-stats .anticon{font-size:16px!important;opacity:.8}.product-right{display:flex;align-items:center;gap:16px}.product-price{font-size:18px;font-weight:700;background:linear-gradient(90deg,#10ac84,#1dd1a1);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:16px;transition:all .3s ease}.product-price:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.gold-product .product-name{background:linear-gradient(90deg,#ffd700,#ffed4a);-webkit-background-clip:text;background-clip:text;color:transparent}.silver-product .product-name{background:linear-gradient(90deg,#c0c0c0,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent}.bronze-product .product-name{background:linear-gradient(90deg,#cd7f32,#d7b377);-webkit-background-clip:text;background-clip:text;color:transparent}.interests-container{margin-top:12px;display:flex;flex-direction:column;gap:16px}.modern-card.interests-card{position:relative;overflow:visible;padding-left:12px;background:#ffffff;border-radius:12px;box-shadow:0 4px 16px #0000000f;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.modern-card.interests-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#1890ff 0%,#69c0ff 100%);border-radius:4px 0 0 4px}.interests-card .card-header{padding:16px 16px 12px;margin-bottom:0;border-bottom:1px solid #f5f5f5}.interest-score{font-size:14px!important;font-weight:600!important;padding:6px 12px!important;border-radius:16px!important;background:linear-gradient(135deg,#1890ff 0%,#69c0ff 100%)!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px #1890ff33}.interest-overview{padding:16px;background:#fafafa;border-radius:0 0 12px 12px}.interest-desc{font-size:14px;color:#333;line-height:1.8;margin-bottom:16px;padding:12px;background:white;border-radius:8px;box-shadow:0 1px 4px #0000000a}.interest-suggestions{display:flex;flex-wrap:wrap;gap:10px}.suggestion-tag{font-size:13px!important;padding:8px 16px!important;border-radius:20px!important;font-weight:500!important;box-shadow:0 2px 6px #0000000d;transition:all .2s ease}.suggestion-tag:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.suggestion-tag[color=green]{background:linear-gradient(135deg,#52c41a 0%,#73d13d 100%)!important;color:#fff!important;border:none!important}.suggestion-tag[color=blue]{background:linear-gradient(135deg,#1890ff 0%,#40a9ff 100%)!important;color:#fff!important;border:none!important}.suggestion-tag[color=orange]{background:linear-gradient(135deg,#fa8c16 0%,#ffc53d 100%)!important;color:#fff!important;border:none!important}.score-info{display:flex;flex-direction:column;gap:8px}.score-title{font-size:14px;color:#666}.score-value{font-size:28px;font-weight:700;color:#1890ff}.score-bar{width:120px;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.score-fill{height:100%;background:#1890ff;border-radius:4px;transition:width .8s ease}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{padding:6px 12px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:16px;font-size:13px;color:#096dd9;display:flex;align-items:center;gap:4px}.tag-count{font-size:12px;color:#666;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fade-in-up{animation:fadeInUp .5s ease-out}.glowing{animation:glow 2s ease-in-out infinite}@media (max-width: 768px){.dashboard-container{padding:16px;gap:16px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border-radius:12px}.dashboard-title{font-size:24px;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-subtitle{font-size:14px}.system-status{align-self:stretch}.system-badge{padding:8px 12px;border-radius:20px}.stats-row{flex-direction:column;gap:8px;margin-top:8px;padding:0}.stat-item{width:100%;flex-direction:row;align-items:center;text-align:left;gap:12px;padding:12px 16px;border-radius:12px;background:#ffffff;margin:0}.stat-icon{width:44px;height:44px;font-size:24px;flex-shrink:0;border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.stat-content{flex:1}.stat-number{font-size:28px;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card-gradient .stat-label{font-size:14px;font-weight:600;color:#fff!important}.stat-description{font-size:13px;color:#636e72}.questions-list{margin-top:16px}.question-item{padding:20px;border-radius:12px;margin-bottom:16px;background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%)}.question-content{font-size:16px;font-weight:500}.question-stats{flex-direction:column;align-items:flex-start;gap:12px;margin-top:12px}.rank-number{width:32px;height:32px;font-size:16px;font-weight:700;border-radius:8px}.progress-container{width:100%;height:12px;border-radius:20px}.funnel-container{margin-top:16px}.funnel-item{padding:20px;border-radius:12px;margin-bottom:16px}.funnel-item:before{width:4px}.funnel-content{padding-left:8px;gap:12px}.funnel-icon{width:40px;height:40px;font-size:18px}.funnel-name{font-size:16px;font-weight:600}.funnel-value{font-size:18px;font-weight:700}.products-list{margin-top:16px}.product-item{padding:20px;border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:16px}.product-left{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.medal-avatar{width:36px;height:36px;font-size:18px;font-weight:700}.product-info{width:100%}.product-name{font-size:18px;font-weight:700}.product-stats{font-size:14px;padding:6px 12px}.product-right{font-size:20px;font-weight:800;align-self:flex-end}.interest-score{flex-direction:column;gap:12px;align-items:flex-start}.score-bar{width:100%}.animated-card{animation:fadeIn .4s ease-out}}@media (max-width: 480px){.dashboard-container{padding:12px;gap:12px}.dashboard-title{font-size:22px}.modern-card{padding:16px!important}.card-header{margin-bottom:16px;padding-bottom:10px}.card-title{font-size:18px}.stats-row{gap:6px;padding:0;margin-top:6px}.stat-item{width:100%;padding:10px 12px;gap:8px;margin:0}.stat-icon{width:36px;height:36px;font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.stat-number{font-size:22px!important}.stat-icon.pulse-icon{animation:none}.animated-card{animation:fadeIn .3s ease-out}.medal-avatar,.rank-number{width:32px;height:32px;font-size:16px}.interest-score{font-size:36px}}.knowledge-base-container{display:flex;flex-direction:column;gap:24px;padding:24px 24px 90px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-subtitle{font-size:14px;font-weight:500}.search-container{position:relative;margin-bottom:24px;animation:fadeIn .6s ease-out}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#999;z-index:1;font-size:18px}.search-input{width:100%;height:48px;padding-left:44px;border:1px solid #e2e8f0;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px #00000014;font-size:15px;color:#333;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{outline:none;box-shadow:0 4px 16px #0000001f;transform:translateY(-2px);border-color:#667eea}.search-input::placeholder{color:#999}.add-button{width:100%;height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d;animation:fadeIn .6s ease-out}.add-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea66}.add-button:active{transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.knowledge-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;position:relative;overflow:hidden;animation:fadeIn .6s ease-out}.knowledge-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2)}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-title{font-size:18px;font-weight:600;color:#333;margin:0 12px 0 0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:16px;font-size:20px}.edit-icon{color:#1890ff;cursor:pointer;transition:all .3s ease}.edit-icon:hover{color:#40a9ff;transform:scale(1.1)}.delete-icon{color:#ff4d4f;cursor:pointer;transition:all .3s ease}.delete-icon:hover{color:#ff7875;transform:scale(1.1)}.card-content{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-left:4px}.file-content{display:flex;align-items:center;gap:8px;font-size:14px;color:#1890ff;margin-bottom:16px;background:rgba(24,144,255,.05);padding:8px 12px;border-radius:8px;border:1px solid rgba(24,144,255,.2)}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;padding-left:4px}.empty-state{text-align:center;padding:80px 20px;color:#999;animation:fadeIn .6s ease-out}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.3;animation:fadeIn .8s ease-out}.empty-text{font-size:18px;font-weight:500;margin-bottom:8px}.empty-subtext{font-size:14px;opacity:.8}.form-item{margin-bottom:24px}.form-label{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.radio-group{display:flex;gap:24px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#666;padding:8px 12px;border-radius:8px;transition:all .2s ease}.radio-label:hover{background-color:#f8fafc}.radio-input{margin-right:8px;accent-color:#667eea;width:16px;height:16px}.file-upload-area{position:relative;padding:40px 20px;border:2px dashed #d9d9d9;border-radius:12px;text-align:center;background-color:#fafafa;transition:all .3s ease;cursor:pointer}.file-upload-area:hover{border-color:#667eea;background-color:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.file-upload-icon{font-size:48px;margin-bottom:16px;color:#667eea;opacity:.7}.file-upload-text{color:#666;font-size:16px;font-weight:500;margin-bottom:8px}.file-upload-hint{color:#999;font-size:14px}.hidden-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.delete-file-button{margin-top:16px;border-color:#ff4d4f;color:#ff4d4f;font-weight:500;border-radius:8px;transition:all .3s ease}.delete-file-button:hover{border-color:#ff7875;color:#ff7875;background-color:#fff2f0}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animated-card{animation:fadeIn .6s ease-out}@media screen and (max-width: 768px){.knowledge-base-container{padding:12px!important;gap:12px}.page-title{font-size:20px!important}.page-subtitle{font-size:12px}.search-input{height:44px;font-size:14px}.add-button{height:44px;font-size:15px;margin-bottom:16px}.knowledge-card{padding:16px;margin-bottom:12px}.card-title{font-size:16px}.card-content{font-size:13px}.form-label{font-size:14px}.radio-group{gap:16px}.file-upload-area{padding:30px 16px}.file-upload-icon{font-size:36px}.file-upload-text{font-size:14px}.empty-state{padding:60px 16px}.empty-icon{font-size:48px}.empty-text{font-size:16px}}.knowledge-base-detail-container{min-height:100vh;background-color:#f8fafc;padding-bottom:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#334155;line-height:1.5}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#999}.page-header{background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);color:#fff;padding:80px 24px 32px;position:relative;box-shadow:0 4px 12px #4361ee33;border-radius:0 0 24px 24px;overflow:hidden;transition:all .3s ease}.back-button{position:absolute;left:24px;top:24px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.back-button:hover{background:rgba(255,255,255,.25);transform:scale(1.05);box-shadow:0 4px 12px #0003}.knowledge-base-info{margin:0 auto;max-width:800px;text-align:center;animation:fadeIn .5s ease-out}.knowledge-base-title{font-size:32px;font-weight:700;margin:0 0 12px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.15);background:linear-gradient(135deg,#ffffff 0%,#e6f0ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.knowledge-base-description{font-size:16px;opacity:.95;margin:0 0 16px;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.1)}.knowledge-base-meta{display:flex;justify-content:center;gap:12px;font-size:14px;opacity:.9;flex-wrap:nowrap;white-space:nowrap}@media (max-width: 768px){.knowledge-base-meta{flex-direction:row!important;gap:6px!important;white-space:nowrap!important;overflow-x:auto;padding:0 4px}.knowledge-base-meta span{padding:3px 6px!important;font-size:11px!important;white-space:nowrap!important;flex-shrink:0;border-radius:12px}}.knowledge-base-meta span{display:flex;align-items:center;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;flex-shrink:0}.toolbar{background:white;margin:20px auto 24px;max-width:900px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;box-shadow:0 8px 24px #00000014;position:sticky;top:20px;z-index:5;transition:all .3s ease;border:1px solid rgba(226,232,240,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toolbar:hover{box-shadow:0 8px 24px #00000014}.toolbar-left{display:flex;gap:12px}.toolbar-right{display:flex;align-items:center;gap:16px;position:relative}.documents-count{position:relative;z-index:10;background:white;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 2px 6px #0000000d}.add-button{background:linear-gradient(135deg,#06d6a0 0%,#118ab2 100%);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #118ab24d}.add-button:hover{background:linear-gradient(135deg,#05b38b 0%,#0d7a9c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #118ab266}.batch-actions{display:flex;gap:8px}.search-filter-container{background:white;margin:0 auto 24px;max-width:900px;padding:24px;border-radius:12px;box-shadow:0 2px 12px #0000000a;animation:slideUp .5s ease-out}.search-container{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.search-input{padding:0 20px 0 80px;height:48px;border-radius:12px;border:1px solid #e2e8f0;width:100%;font-size:16px;transition:all .3s;background-color:#f8fafc}.search-input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none;background-color:#fff}.filter-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:24px;padding-top:16px;border-top:1px solid #f1f5f9;overflow-x:auto}.sort-selector,.tag-filter{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#64748b;flex-shrink:0}.tag-filter>div{display:flex!important;flex-direction:row!important;gap:8px}.document-list{background:white;margin:0 auto 24px;max-width:900px;padding:24px;border-radius:12px;box-shadow:0 2px 12px #0000000a;animation:slideUp .5s ease-out}.select-all-container{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:500;color:#475569}.document-item{display:flex;align-items:flex-start;gap:12px;background:white;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;transition:all .2s ease;cursor:pointer}.document-item:hover{box-shadow:0 4px 16px #0000001a;border-color:#cbd5e1}.document-select{flex-shrink:0;margin-top:2px}.document-main{flex:1;min-width:0}.document-title{font-size:16px;font-weight:600;margin:0 0 8px;color:#1e293b;line-height:1.4;cursor:pointer;transition:color .2s ease}.document-title:hover{color:#4361ee}.document-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:12px}.document-tag{background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #e2e8f0}.document-time{color:#94a3b8;font-size:12px}.document-preview{color:#64748b;font-size:14px;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;border-left:2px solid #4361ee;padding-left:8px}.document-actions{display:flex;gap:8px;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.document-item:hover .document-actions{opacity:1}.document-actions svg{cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:all .2s ease}.document-actions svg:first-child{color:#1677ff}.document-actions svg:first-child:hover{color:#0958d9;background-color:#f0f4ff}.document-actions svg:last-child{color:#fa5151}.document-actions svg:last-child:hover{color:#d32f2f;background-color:#fff1f0}.file-info{display:inline-flex;align-items:center;color:#4361ee;cursor:pointer;transition:all .3s ease;font-weight:500;background:#f0f4ff;padding:8px 16px;border-radius:8px;border:1px solid #e0e7ff}.file-info:hover{color:#3a0ca3;background:#e0e7ff;transform:translateY(-2px);box-shadow:0 4px 12px #4361ee26;text-decoration:none}.empty-state{text-align:center;padding:80px 30px;color:#94a3b8;background:white;margin:0 24px;border-radius:16px;box-shadow:0 2px 12px #0000000a;border:2px dashed #e2e8f0}.empty-icon{font-size:64px;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-text{font-size:18px;font-weight:500;margin-bottom:12px;color:#475569}.empty-subtext{font-size:14px;color:#94a3b8;max-width:400px;margin:0 auto;line-height:1.6}.add-document-form-container{background:white;border-radius:8px;padding:0;margin:16px 0;box-shadow:0 2px 8px #00000014;overflow:hidden;animation:slideDownFadeIn .3s ease-out;border:1px solid #f0f0f0;position:relative;width:100%}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-10px);box-shadow:0 2px 4px #0000000d}to{opacity:1;transform:translateY(0);box-shadow:0 2px 8px #00000014}}.add-form-header{background:#fafafa;background:linear-gradient(135deg,rgb(67,97,238) 0%,rgb(58,12,163) 100%);padding:16px;border-bottom:1px solid #f0f0f0;position:relative}.add-form-header h3{margin:0;font-size:18px;font-weight:500;color:#fff;position:relative;z-index:1;text-align:center}.add-form-content{padding:32px}.form-field{margin-bottom:24px;position:relative}.form-field label{display:block;margin-bottom:8px;font-weight:600;color:#1e293b;font-size:14px;transition:color .2s ease}.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 4px #00000005}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;transform:translateY(-1px)}.form-field textarea{min-height:120px;resize:vertical;font-family:inherit}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0;justify-content:flex-end}.form-actions button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #d9d9d9;box-shadow:none}.form-actions button:first-child{background-color:#fff;color:#666}.form-actions button:first-child:hover{background-color:#f5f5f5;color:#333;border-color:#40a9ff}.form-actions button:last-child{background:#07c160;color:#fff;border-color:#07c160}.form-actions button:last-child:hover{background:#06b155;border-color:#06b155}.form-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.document-detail-content{max-height:60vh;overflow-y:auto}.document-detail-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.document-detail-tag{background:#e6f7ff;color:#1890ff;padding:2px 8px;border-radius:12px;font-size:12px;border:1px solid #91d5ff}.document-detail-time{font-size:12px;color:#999}.document-detail-description{line-height:1.6;border-left:3px solid #e8e8e8;padding-left:12px}.text-content{font-size:16px;line-height:1.8;color:#333;white-space:pre-wrap;word-break:break-word}.file-preview{text-align:center;padding:20px 0}@media (max-width: 768px){.knowledge-base-title{font-size:20px}.knowledge-base-description{font-size:14px}.knowledge-base-meta{flex-direction:column;gap:4px;align-items:flex-start}.toolbar{margin:10px 16px 24px;padding:16px;flex-direction:column;gap:12px;align-items:stretch}.batch-actions{justify-content:center}.filter-container{flex-direction:column;align-items:stretch}.sort-selector,.tag-filter{justify-content:space-between}.search-filter-container,.document-list{margin:0 16px 24px;padding:16px}.document-item{padding:12px;gap:8px;flex-direction:column}.document-main{width:100%}.document-title{font-size:15px}.document-meta{flex-wrap:wrap;gap:6px;font-size:11px}.document-actions{justify-content:flex-end;margin-top:8px}}.document-card{animation:fadeIn .3s ease-out}.document-detail-content::-webkit-scrollbar,.search-input::-webkit-scrollbar{width:6px}.document-detail-content::-webkit-scrollbar-track,.search-input::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.document-detail-content::-webkit-scrollbar-thumb,.search-input::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.document-detail-content::-webkit-scrollbar-thumb:hover,.search-input::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.messages-container{display:flex;flex-direction:column;background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;padding:0 0 90px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;margin:16px 20px 0;animation:fadeIn .5s ease-out;box-sizing:border-box;width:auto}.dashboard-title-container{display:flex;align-items:center;gap:12px}.dashboard-title{font-size:28px;font-weight:700;color:#333;margin:0}.dashboard-subtitle{font-size:14px;font-weight:500;color:#666}.message-list{margin:16px 20px;display:flex;flex-direction:column;gap:12px}.message-item{width:100%;display:flex;align-items:flex-start;padding:16px;cursor:pointer;background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);height:auto;position:relative;overflow:visible}.message-item:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.message-item:hover .fan-avatar{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.message-item:active{background-color:#fafafa;transform:translateY(0) scale(.98);box-shadow:0 4px 12px #0000000d;transition:all .1s ease}.message-item.unread{background-color:#f8f9ff;position:relative}.message-item.unread:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:auto;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:0 4px 4px 0}.message-item.unread:hover{background-color:#f0f2ff}.message-item.unread:hover:before{height:60px;opacity:.9}.avatar-container{position:relative;margin-right:16px;flex-shrink:0;margin-top:2px}.fan-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;overflow:hidden;box-shadow:0 4px 12px #667eea26;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.fan-avatar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 100%);pointer-events:none}.unread-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;padding:0 8px;border-radius:12px;background:linear-gradient(135deg,#ff3b30 0%,#ff9500 100%);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 3px 6px #ff3b3033;animation:pulse 2s infinite;z-index:1}.message-content{width:100%;flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:auto;position:relative;gap:6px}.user-message-container{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;gap:4px}.fan-name{font-size:16px;font-weight:600;color:#1a1a1a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.message-text{font-size:14px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.5;font-weight:400}.message-time{height:36px;font-size:12px;color:#9ca3af;white-space:nowrap;flex-shrink:0;align-self:flex-end;align-items:center;justify-content:center;font-weight:400;display:flex}.message-header{padding-bottom:4px;display:flex;justify-content:space-between;align-items:center;width:100%}.message-item.unread .fan-name{color:#1a1a1a;font-weight:700}.message-item.unread .message-text{color:#374151;font-weight:500}.message-item.unread .message-time{color:#667eea;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-item{animation:slideIn .5s cubic-bezier(.4,0,.2,1)}.message-item:nth-child(1){animation-delay:.05s}.message-item:nth-child(2){animation-delay:.1s}.message-item:nth-child(3){animation-delay:.15s}.message-item:nth-child(4){animation-delay:.2s}.message-item:nth-child(5){animation-delay:.25s}@keyframes pulse{0%{box-shadow:0 3px 6px #ff3b3033;transform:scale(1)}50%{box-shadow:0 6px 12px #ff3b3066;transform:scale(1.05)}to{box-shadow:0 3px 6px #ff3b3033;transform:scale(1)}}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#ffffff;border-radius:16px;box-shadow:0 2px 8px #0000000a}.empty-messages-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-messages-text{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.empty-messages-subtext{font-size:14px;color:#9ca3af;line-height:1.5}.message-detail-dialog{max-height:90vh;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.dialog-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.close-button{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.close-button:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.dialog-content{padding:24px;max-height:60vh;overflow-y:auto;background:#f8fafc}.message-bubble-container{display:flex;margin-bottom:20px;align-items:flex-end;animation:fadeIn .5s ease-out}.message-bubble-container.fan{justify-content:flex-start}.message-bubble-container.ai{justify-content:flex-end}.bubble{max-width:75%;padding:14px 18px;border-radius:18px;position:relative;word-wrap:break-word;word-break:break-word;line-height:1.5;font-size:15px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.message-bubble:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.message-bubble.fan{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#333;border-bottom-left-radius:4px}.message-bubble.ai{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-bottom-right-radius:4px}.message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;margin:0 8px;box-shadow:0 2px 4px #0000001a}.message-footer{display:flex;align-items:center;margin-top:4px;font-size:12px}.message-footer.fan{margin-left:52px;justify-content:flex-start;color:#999}.message-footer.ai{justify-content:flex-end;margin-right:52px;color:#ffffffb3}.message-time-stamp{opacity:.8;margin-right:8px}.message-status{font-size:12px;font-weight:500}.message-input-area{padding:16px 24px;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:12px}.text-input{flex:1;height:44px;padding:0 16px;border:1px solid #e2e8f0;border-radius:22px;font-size:15px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.text-input:focus{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-1px)}.send-button{width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d;font-size:18px}.send-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #667eea66}.send-button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #667eea4d}.send-button:disabled{background:#ccc;transform:none;box-shadow:none;cursor:not-allowed;opacity:.6}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#999;text-align:center;animation:fadeIn .6s ease-out}.empty-messages-icon{font-size:64px;margin-bottom:24px;opacity:.3;animation:bounce 2s infinite}.empty-messages-text{font-size:18px;font-weight:500;margin-bottom:8px;color:#666}.empty-messages-subtext{font-size:14px;opacity:.8;max-width:300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 2px 4px #0003}50%{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}to{transform:scale(1);box-shadow:0 2px 4px #0003}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animated-item{animation:fadeIn .6s ease-out}.typing-indicator{display:flex;gap:4px;padding:8px 16px!important;min-height:36px;align-items:center}.typing-dot{width:8px;height:8px;border-radius:50%;background:#666;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}.message-status-read{font-size:12px;color:#667eea;transition:all .3s ease}.message-status-pending{font-size:12px;color:#999;transition:all .3s ease}.floating-effect:hover{animation:float 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block}.page-icon{font-size:28px;color:#667eea;transition:all .3s ease}.page-header:hover .page-icon{transform:scale(1.1);animation:float 2s ease-in-out infinite}.flex-align-center{display:flex;align-items:center}.flex-justify-between{display:flex;justify-content:space-between;align-items:center}.flex-justify-center{display:flex;justify-content:center;align-items:center}@media (max-width: 480px){.messages-container{padding-bottom:70px;background:#ffffff}.message-list{width:100%;margin:0;border-radius:0;box-shadow:none;border:none;align-items:center}.message-item{width:100%;padding:10px 16px;border-bottom:1px solid #f0f0f0}.fan-avatar{width:36px;height:36px;font-size:14px}.unread-badge{min-width:16px;height:16px;font-size:10px;top:-3px;right:-3px}.fan-name{font-size:14px}.message-time{font-size:11px;margin-left:6px}.message-text{font-size:12px}.message-left-content{flex:1}.message-content{height:auto}}@media (min-width: 481px){.message-list{margin:0 16px;border-radius:8px}}@media (prefers-contrast: high){.messages-container{background:#fff}.message-bubble{border:1px solid #333}.message-list{border:2px solid #333}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dialog-content::-webkit-scrollbar{width:6px}.dialog-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dialog-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px}.dialog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a67d8,#6b46c1)}html,body{height:100%;width:100%;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box}:root{--text-color: #333333;--text-secondary: #666666;--text-light: #999999;--border-color: #e5e5e5;--background-color: #f6f6f6;--white: #ffffff;--red: #fa5151;--blue: #1677ff;--primary-color: #667eea;--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--transition-normal: .3s ease}body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.container{padding:16px}.page{min-height:100vh;background-color:var(--white)}.input{width:100%;height:44px;padding:0 16px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;outline:none;transition:border-color .3s}.input:focus{border-color:var(--primary-color)}.btn{width:100%;height:44px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .3s;display:flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:active{opacity:.8}.card{background-color:var(--white);border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 2px #0000000d}.title{font-size:18px;font-weight:600;margin-bottom:16px}.subtitle{font-size:16px;font-weight:500;margin-bottom:8px}.stat-card{background:linear-gradient(135deg,var(--primary-color),#0ec968);color:var(--white);padding:20px;border-radius:12px;margin-bottom:16px}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{font-size:14px;opacity:.9;color:#f6f6f6}@media screen and (max-width: 768px){.container{padding:12px}.title{font-size:17px}.stat-value{font-size:28px}}.chat-detail-container{display:flex;flex-direction:column;height:100vh;min-height:100vh;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;overflow:hidden}.page-content:has(.chat-detail-container){padding-bottom:0!important}.chat-header{display:flex;align-items:center;padding:16px 20px;background-color:#fff;border-bottom:1px solid #e8eaed;box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:100}.back-button{background:none;border:none;font-size:18px;color:#333;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.back-button:hover{background-color:#f5f5f5;transform:scale(1.05)}.chat-info{display:flex;align-items:center;flex:1;margin-left:16px}.chat-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;box-shadow:0 4px 12px #667eea33;color:#fff}.chat-name{font-size:16px;font-weight:600;color:#333}.chat-actions{display:flex;gap:10px}.knowledge-btn,.add-knowledge-btn{border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.knowledge-btn{background-color:#667eea;color:#fff}.knowledge-btn:hover{background-color:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.add-knowledge-btn{background-color:#38a169;color:#fff}.add-knowledge-btn:hover{background-color:#2f855a;transform:translateY(-1px);box-shadow:0 4px 12px #38a1694d}.chat-messages{flex:1;overflow-y:auto;padding:24px 20px 160px;display:flex;flex-direction:column;gap:20px;scroll-behavior:smooth;background-color:#f5f7fa;min-height:0;max-height:calc(100vh - 160px)}.message-item{display:flex;flex-direction:column;max-width:75%}.user-message{align-self:flex-start}.assistant-message{align-self:flex-end}.message-content{padding:14px 18px;border-radius:16px;font-size:15px;line-height:1.55;transition:all .2s ease;word-wrap:break-word!important;white-space:normal!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:break-word!important;overflow:visible!important;min-height:auto;height:auto;display:inline-block;box-sizing:border-box}.user-message .message-content{background-color:#fff;border-top-left-radius:4px}.assistant-message .message-content{background-color:#667eea;color:#fff;border-top-right-radius:4px}.message-content.selected{background-color:#e6f0ff!important;color:#333!important;border:2px solid #667eea;box-shadow:0 2px 8px #667eea33;position:relative}.message-content.selected:before{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background-color:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.message-time{font-size:12px;color:#9ca3af;margin-top:6px;padding:0 8px;align-self:flex-end}.user-message .message-time{align-self:flex-start}.message-item:hover .message-content:not(.selected){opacity:.95}.message-item:active .message-content{transform:scale(.99)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-footer{height:80px;padding:16px;background-color:#fff;border-top:1px solid #e8eaed;display:flex;justify-content:center;align-items:center;position:fixed;bottom:60px;left:0;right:0;z-index:900;gap:12px;flex-wrap:wrap;box-shadow:0 -2px 8px #0000000d}.select-records-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea40;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;min-width:160px;justify-content:center;margin:0}.select-records-button: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}.select-records-button:hover:before{left:100%}.select-records-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.select-records-button:active{transform:translateY(0);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.select-records-button{padding:10px 20px;font-size:14px;min-width:auto}}.bottom-back-button{background-color:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;min-width:200px;justify-content:center}.bottom-back-button:hover{background-color:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.bottom-back-button:active{transform:translateY(0)}.chat-input-area{padding:16px 20px;background-color:#fff;border-top:1px solid #e8eaed;display:flex;gap:12px;align-items:flex-end;position:sticky;bottom:0;box-shadow:0 -2px 8px #0000000a}.chat-input-area textarea{flex:1;border:1px solid #e8eaed;border-radius:18px;padding:14px 20px;font-size:15px;resize:none;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;background-color:#f9fafb;min-height:44px;max-height:120px;overflow-y:auto}.chat-input-area textarea:focus{border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.chat-input-area textarea::placeholder{color:#9ca3af}.send-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:18px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea33;min-width:80px}.send-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 16px #667eea4d;filter:brightness(1.05)}.send-button:active:not(:disabled){transform:translateY(0) scale(.98)}.send-button:disabled{background-color:#ccc;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.chat-header{padding:12px 16px}.chat-actions{gap:8px}.knowledge-btn,.add-knowledge-btn{padding:8px 12px;font-size:13px}.chat-messages{padding:20px 16px;gap:16px}.message-item{max-width:85%}.chat-input-area{padding:12px 16px}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.dialog-content{background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:16px;width:90%;max-width:400px;box-shadow:0 15px 35px #00000026;overflow:hidden;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1)}.dialog-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.dialog-title{font-size:18px;font-weight:700;color:#2d3748;margin:0;letter-spacing:-.5px}.dialog-close{background:#f7fafc;border:1px solid #e2e8f0;font-size:24px;color:#718096;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .25s ease}.dialog-close:hover{background-color:#edf2f7;color:#4a5568;transform:scale(1.1)}.dialog-body{padding:24px}.dialog-footer{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px;background-color:#fafafa}.dialog-button{padding:10px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;border:1px solid transparent;position:relative;overflow:hidden}.dialog-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s}.dialog-button:hover:before{left:100%}.dialog-button.confirm{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.dialog-button.confirm:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.dialog-button.cancel{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.dialog-button.cancel:hover{background:#edf2f7;transform:translateY(-1px)}.basic-premium-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.basic-premium-dialog-content{background:white;border-radius:12px;width:90%;max-width:360px;max-height:80vh;padding:20px;box-shadow:0 4px 12px #00000014;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#667eea transparent;transition:transform .3s ease;border:1px solid rgba(0,0,0,.05)}.basic-premium-dialog-content::-webkit-scrollbar{width:6px}.basic-premium-dialog-content::-webkit-scrollbar-track{background:transparent}.basic-premium-dialog-content::-webkit-scrollbar-thumb{background-color:#667eea;border-radius:3px;opacity:.5}.basic-premium-dialog-content::-webkit-scrollbar-thumb:hover{opacity:.8}.basic-premium-dialog-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;cursor:pointer;color:#909399;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.basic-premium-dialog-close:hover{background-color:#e4e7ed;color:#606266}.basic-premium-dialog-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#303133;text-align:center;margin-top:10px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8eaed}.dialog-title{margin:0;font-size:18px;font-weight:600;color:#303133}.dialog-close-btn{background:none;border:none;font-size:20px;color:#909399;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dialog-close-btn:hover{background-color:#f5f7fa;color:#606266}.dialog-scrollable-content{flex:1;overflow-y:auto;max-height:400px;margin-bottom:16px}.dialog-empty-state{text-align:center;padding:40px 20px;color:#909399}.chat-record-list{display:flex;flex-direction:column;gap:8px}.chat-record-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#f5f7fa}.chat-record-item:hover{background-color:#ecf5ff;transform:translate(2px)}.chat-record-item.selected{background-color:#e6f0ff;border:1px solid #667eea}.select-all-item{font-weight:500;color:#303133;background-color:#f0f2f5}.select-all-item:hover{background-color:#e6f0ff}.checkbox{width:20px;height:20px;border:2px solid #dcdfe6;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkbox.checked{background-color:#667eea;border-color:#667eea;color:#fff;font-size:12px;font-weight:600}.checkbox.indeterminate{background-color:#667eea;border-color:#667eea;position:relative}.checkbox.indeterminate:before{content:"";width:10px;height:2px;background-color:#fff;position:absolute}.chat-record-content{flex:1;overflow:hidden}.chat-record-question,.chat-record-answer{display:flex;align-items:flex-start;margin-bottom:6px;line-height:1.4}.chat-role{font-weight:600;margin-right:6px;flex-shrink:0}.chat-role.user{color:#67c23a}.chat-role.assistant{color:#667eea}.chat-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#606266}.chat-record-time{font-size:12px;color:#909399;margin-top:4px;font-style:italic}.dialog-search{padding:12px 16px;border-bottom:1px solid #e8eaed;background-color:#fafafa;position:sticky;top:0;z-index:10}.search-input{width:100%;padding:10px 12px;border:1px solid #dcdfe6;border-radius:8px;font-size:14px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#909399}.selection-limited{opacity:.6;cursor:not-allowed}.selection-limited:hover{background-color:#f5f7fa!important;transform:none!important}.selection-limit-info{font-size:12px;color:#909399;text-align:right;padding:4px 8px;margin-bottom:8px;background-color:#fafafa;border-radius:6px}.clear-search-btn{margin-top:12px;padding:6px 12px;background-color:#f5f7fa;border:1px solid #dcdfe6;border-radius:6px;color:#606266;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.clear-search-btn:hover{background-color:#ecf5ff;color:#667eea}.chat-record-item:focus{outline:2px solid #667eea;outline-offset:2px}.chat-text{flex:1;overflow:hidden;color:#606266;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.dialog-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;min-width:80px}.cancel-btn{background-color:#f5f7fa;color:#606266;margin-right:12px}.cancel-btn:hover{background-color:#ecf5ff;color:#667eea}.confirm-btn{background-color:#667eea;color:#fff}.confirm-btn:hover:not(:disabled){background-color:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.confirm-btn:disabled{background-color:#c0c4cc;cursor:not-allowed;transform:none;box-shadow:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.basic-premium-dialog-body{margin-top:20px;position:relative;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin-bottom:20px;text-align:center;box-shadow:0 4px 12px #667eea33}.limited-offer-flame{position:absolute;top:50%;transform:translateY(-50%);animation:flame-pulse 2s infinite}.limited-offer-flame:first-of-type{left:25%}.limited-offer-flame:last-of-type{right:25%}@keyframes flame-pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.basic-premium-badge{display:inline-block;background-color:#fff3;color:#fff;padding:2px 10px;border-radius:14px;font-size:14px;font-weight:500;margin-bottom:12px}.basic-premium-price-container{display:flex;align-items:baseline;justify-content:center;margin-bottom:12px}.basic-premium-currency{color:#fff;font-size:20px;font-weight:500;margin-right:4px}.basic-premium-price{color:#fff;font-size:40px;font-weight:700;line-height:1}.basic-premium-period{color:#fff;font-size:14px;font-weight:500;margin-left:4px}.basic-premium-limited-badge{display:inline-flex;align-items:center;background-color:#ff6b6b;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500;margin-top:8px;box-shadow:0 2px 8px #ff6b6b4d;animation:pulse 2s infinite}.basic-premium-current-badge{display:inline-flex;align-items:center;background-color:#fff3;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500;margin-top:8px;border:1px solid rgba(255,255,255,.3)}.basic-premium-limited-icon{margin-right:4px;font-size:14px}.basic-premium-benefits{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #ebeef5}.basic-premium-benefits-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:12px;text-align:center;position:relative;padding-bottom:8px}.basic-premium-benefits-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:3px}.basic-premium-benefit-item{display:flex;align-items:center;margin-bottom:10px;font-size:14px;color:#606266;padding:4px 0}.basic-premium-benefit-icon{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #667eea33}.basic-premium-dialog-footer{display:flex;justify-content:center}.basic-premium-dialog-confirm{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.basic-premium-dialog-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s}.basic-premium-dialog-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #ff6b6b33}50%{transform:scale(1.05);box-shadow:0 6px 16px #ff6b6b4d}to{transform:scale(1);box-shadow:0 4px 12px #ff6b6b33}}.basic-premium-dialog-footer{padding:0 24px 24px}.basic-premium-dialog-confirm{width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.basic-premium-dialog-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s}.basic-premium-dialog-confirm:hover:before{left:100%}.basic-premium-dialog-confirm:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.contact-business-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.contact-business-dialog-content{background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:18px;width:90%;max-width:380px;box-shadow:0 15px 35px #00000026;overflow:hidden;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1)}.contact-business-dialog-header{padding:24px 24px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.contact-business-dialog-title{font-size:20px;font-weight:700;color:#2d3748;margin:0;letter-spacing:-.5px}.contact-business-dialog-close{background:#f7fafc;border:1px solid #e2e8f0;font-size:24px;color:#718096;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .25s ease}.contact-business-dialog-close:hover{background-color:#edf2f7;color:#4a5568;transform:scale(1.1)}.contact-business-dialog-body{padding:24px}.contact-intro{font-size:15px;color:#4a5568;line-height:1.6;margin-bottom:24px;text-align:center}.contact-business-item{display:flex;align-items:center;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;border:1px solid #e2e8f0;transition:all .25s ease}.contact-business-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.contact-business-item:last-child{margin-bottom:0}.contact-business-icon{font-size:24px;width:40px;height:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-right:16px;flex-shrink:0}.contact-business-info{flex:1}.contact-business-label{color:#718096;margin-bottom:4px;font-weight:500;font-size:14px}.contact-business-value{color:#2d3748;font-weight:600;font-size:16px}.contact-business-dialog-footer{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:center;background-color:#fafafa}.contact-business-dialog-confirm{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 32px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.contact-business-dialog-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s}.contact-business-dialog-confirm:hover:before{left:100%}.contact-business-dialog-confirm:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.premium-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.premium-dialog-content{background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:18px;width:90%;max-width:420px;box-shadow:0 15px 35px #00000026;overflow:hidden;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1)}.premium-dialog-header{padding:24px 24px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.premium-dialog-title{font-size:20px;font-weight:700;color:#2d3748;margin:0;letter-spacing:-.5px}.premium-dialog-close{background:#f7fafc;border:1px solid #e2e8f0;font-size:24px;color:#718096;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .25s ease}.premium-dialog-close:hover{background-color:#edf2f7;color:#4a5568;transform:scale(1.1)}.premium-dialog-body{padding:24px}.premium-card{background:linear-gradient(135deg,#f8f9ff 0%,#f0f2ff 100%);border-radius:16px;overflow:hidden;border:1px solid #e0e5ff;margin-bottom:24px;box-shadow:0 4px 12px #667eea0d}.premium-card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:24px;position:relative;overflow:hidden}.premium-card-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 70%);transform:rotate(30deg)}.premium-badge{background:rgba(255,255,255,.2);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block;margin-bottom:16px;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.premium-price-container{display:flex;align-items:baseline;gap:4px;position:relative;z-index:1}.premium-currency{font-size:18px;font-weight:600}.premium-price{font-size:40px;font-weight:700;letter-spacing:-1px}.premium-period{font-size:16px;opacity:.9}.limited-offer-badge{position:absolute;top:20px;right:20px;background:#ff6b6b;padding:6px 10px;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;animation:pulse 2s infinite;border:1px solid rgba(255,255,255,.3);z-index:1}.limited-offer-icon{font-size:14px}.premium-card-body{padding:24px}.premium-benefits{display:flex;flex-direction:column;gap:16px}.premium-benefit-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:10px;border:1px solid #e2e8f0;transition:all .25s ease}.premium-benefit-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000000d}.premium-benefit-icon{color:#667eea;font-weight:700;margin-top:2px;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f2ff,#e0e5ff);border-radius:6px}.premium-benefit-text{color:#4a5568;font-size:15px;line-height:1.5;font-weight:500;flex:1}.premium-dialog-footer{padding:0 24px 24px}.premium-dialog-confirm{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease;width:100%;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.premium-dialog-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s}.premium-dialog-confirm:hover:before{left:100%}.premium-dialog-confirm:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.add-knowledge-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.add-knowledge-dialog-content{background-color:var(--white);border-radius:8px;width:90%;max-width:420px;box-shadow:var(--shadow-md);overflow:hidden;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-color)}.add-knowledge-dialog-header{padding:16px 20px;border-bottom:1px solid var(--border-color);text-align:center;background-color:#fafafa}.add-knowledge-dialog-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.add-knowledge-dialog-body{padding:20px}.knowledge-form-group{margin-bottom:16px}.knowledge-form-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;text-transform:none;letter-spacing:0}.knowledge-form-input,.knowledge-form-textarea,.knowledge-textarea{width:100%;padding:10px 14px;background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;font-size:15px;color:var(--text-color);transition:border-color .3s ease;resize:vertical;min-height:40px}.knowledge-form-input:focus,.knowledge-form-textarea:focus,.knowledge-textarea:focus{outline:none;border-color:var(--primary-color)}.knowledge-form-input::placeholder,.knowledge-form-textarea::placeholder,.knowledge-textarea::placeholder{color:var(--text-light)}.knowledge-answer-display{background-color:#f5f5f5;border:1px solid var(--border-color);border-radius:4px;padding:12px;font-size:14px;color:var(--text-color);line-height:1.5;min-height:50px;word-wrap:break-word;overflow-wrap:break-word}.add-knowledge-dialog-footer{padding:0 20px 20px;display:flex;flex-direction:row;gap:12px}.add-knowledge-dialog-button,.knowledge-cancel-btn,.knowledge-confirm-btn{flex:1;padding:12px 20px;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .3s ease;border:none;text-align:center;position:static}.add-knowledge-dialog-button:before{display:none}.add-knowledge-dialog-cancel,.knowledge-cancel-btn{background-color:#f5f5f5;color:var(--text-secondary);border:1px solid var(--border-color)}.add-knowledge-dialog-cancel:active,.knowledge-cancel-btn:active{opacity:.8}.add-knowledge-dialog-confirm,.knowledge-confirm-btn{background-color:var(--primary-color);color:#fff;box-shadow:none}.add-knowledge-dialog-confirm:active,.knowledge-confirm-btn:active{opacity:.8}.add-knowledge-dialog-confirm:disabled,.knowledge-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.dialog-content,.basic-premium-dialog-content,.contact-business-dialog-content,.premium-dialog-content{width:95%;margin:0 10px}.dialog-header,.dialog-body,.dialog-footer,.basic-premium-dialog-header,.basic-premium-dialog-body,.basic-premium-dialog-footer,.contact-business-dialog-header,.contact-business-dialog-body,.contact-business-dialog-footer,.premium-dialog-header,.premium-dialog-body,.premium-dialog-footer,.premium-card-header,.premium-card-body{padding-left:16px;padding-right:16px}.premium-price{font-size:32px}.premium-currency{font-size:16px}.premium-period{font-size:14px}.limited-offer-badge{position:static;display:inline-flex;margin-top:12px}.premium-card-header{text-align:center}}*{margin:0;padding:0;box-sizing:border-box}body{transition:background-color .3s ease,color .3s ease}body.light-theme{background-color:#f5f7fa;color:#333}body.dark-theme{background-color:#1a1a1a;color:#e0e0e0}body.dark-theme .profile-container{background-color:#1a1a1a}body.dark-theme .profile-card,body.dark-theme .subscription-card,body.dark-theme .settings-section{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #404040}body.dark-theme .profile-info h2,body.dark-theme .subscription-info h3,body.dark-theme .settings-title{color:#fff}body.dark-theme .user-id,body.dark-theme .contact-item,body.dark-theme .stat-label,body.dark-theme .period,body.dark-theme .benefit-item,body.dark-theme .setting-name,body.dark-theme .setting-value{color:#b0b0b0}body.dark-theme .stat-number{color:#8a98e8}body.dark-theme .btn-secondary,body.dark-theme .subscribe-btn.secondary,body.dark-theme .dialog-button.cancel{background-color:#404040;color:#e0e0e0;border-color:#555}body.dark-theme .btn-secondary:hover,body.dark-theme .subscribe-btn.secondary:hover,body.dark-theme .dialog-button.cancel:hover{background-color:#505050}body.dark-theme .dialog-content{background-color:#2a2a2a;color:#e0e0e0}body.dark-theme .dialog-header,body.dark-theme .dialog-footer{border-color:#404040}body.dark-theme .form-group input{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}body.dark-theme .form-group input:focus{border-color:#8a98e8}body.dark-theme .logout-button{background-color:#3a3a3a;color:#e0e0e0}body.dark-theme .logout-button:hover{background-color:#ff4d4f;color:#fff}.theme-options{display:flex;flex-direction:column;gap:16px}.theme-option{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.theme-option:hover{background-color:#667eea1a}.theme-option.selected{border-color:#667eea;background-color:#667eea1a}body.dark-theme .theme-option:hover,body.dark-theme .theme-option.selected{background-color:#8a98e833}.theme-preview{width:32px;height:32px;border-radius:6px;margin-right:12px;border:1px solid #e8e8e8;flex-shrink:0}.light-preview{background:linear-gradient(135deg,#ffffff 0%,#f5f7fa 100%)}.dark-preview{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)}.system-preview{background:linear-gradient(135deg,#ffffff 0%,#2a2a2a 100%);position:relative}.system-preview:after{content:"⚙️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px}.profile-container{min-height:100vh;background-color:#f5f7fa;padding:24px 0 90px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}.profile-container .dashboard-header{display:none}.profile-card{background:white;border-radius:12px;margin:20px;padding:20px;box-shadow:0 4px 12px #00000014;position:relative;z-index:10}.avatar-section{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600;position:relative}.edit-avatar-btn{position:absolute;right:0;bottom:0;background:white;border:1px solid #e8e8e8;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.edit-avatar-btn .icon{width:16px;height:16px;color:#666}.profile-info{text-align:center}.profile-info h2{font-size:20px;font-weight:600;margin-bottom:5px;color:#333}.user-id{font-size:14px;color:#999;margin-bottom:15px}.contact-info{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.contact-item{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#666}.contact-item .icon.small{width:16px;height:16px}.role-badge{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-bottom:15px}.edit-profile-btn{display:none;align-items:center;gap:6px;padding:8px 16px;background:#f0f0f0;border:none;border-radius:20px;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease}.edit-profile-btn:hover{background:#e0e0e0;color:#333}.edit-profile-btn .icon{width:16px;height:16px}.profile-info.editing{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-group label{font-size:14px;font-weight:500;color:#666;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-group input.error{border-color:#ff4d4f}.error-message{font-size:12px;color:#ff4d4f;margin-top:4px}.form-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a6fd8}.btn-secondary{background:#f0f0f0;color:#666}.btn-secondary:hover{background:#e0e0e0}.stats-container{display:flex;justify-content:space-around;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.stat-item{text-align:center;padding:0 20px;margin:0 10px;display:flex;flex-direction:column;align-items:center}.stat-number{font-size:24px;font-weight:600;color:#667eea;margin-bottom:5px;min-width:50px}.stats-container .stat-item .stat-label{font-size:14px;color:#999!important;white-space:nowrap;opacity:.9}@media (max-width: 767px){.stats-container{gap:10px}.stat-item{padding:0 10px;margin:0 5px;flex:1}.stat-number{font-size:20px;min-width:40px}.stat-label{font-size:12px;color:#999}}.subscription-card{background:white;border-radius:12px;margin:0 20px 20px;padding:20px;box-shadow:0 4px 12px #00000014}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.subscription-info h3{font-size:18px;font-weight:600;margin-bottom:5px;color:#333}.price{font-size:24px;font-weight:700;color:#667eea;margin-bottom:5px}.period{font-size:14px;font-weight:400;color:#999}.limited-offer{font-size:14px;color:#fa8c16}.subscription-header .icon{width:40px;height:40px;color:#667eea}.benefits-list h4{font-size:16px;font-weight:600;margin-bottom:15px;color:#333}.benefit-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px;color:#666}.benefit-check{width:18px;height:18px;background:#667eea;border-radius:50%;flex-shrink:0;margin-top:1px}.benefit-check:before{content:"✓";display:block;text-align:center;line-height:18px;color:#fff;font-size:12px;font-weight:600}.subscription-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.subscribe-btn{padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.subscribe-btn.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.subscribe-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.subscribe-btn.secondary{background:#f0f0f0;color:#666;border:1px solid #e8e8e8}.subscribe-btn.secondary:hover{background:#e0e0e0;color:#333}.settings-section{background:white;border-radius:12px;margin:0 20px 20px;padding:20px;box-shadow:0 4px 12px #00000014}.settings-title{font-size:16px;font-weight:600;margin-bottom:15px;color:#333;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background-color .3s ease}.setting-item:hover{background-color:#fafafa}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;align-items:center;gap:12px}.setting-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.setting-icon.account{background:#e6f7ff}.setting-icon.security{background:#f6ffed}.setting-icon.subscription{background:#fff7e6}.setting-icon.notification{background:#fff1f0}.setting-icon.language{background:#f9f0ff}.setting-icon.theme{background:#e6fffb}.setting-icon.help{background:#fffbe6}.setting-icon.message{background:#f0f9ff}.setting-icon.file{background:#f6ffed}.setting-icon.info{background:#fff2e8}.setting-icon svg{width:20px;height:20px;color:#667eea}.setting-name{font-size:15px;color:#333}.setting-value{font-size:14px;color:#999;margin-right:8px}.arrow-icon{width:16px;height:16px;color:#ccc}.logout-button{display:block;width:calc(100% - 40px);margin:20px;padding:14px;background:white;border:1px solid #ff4d4f;border-radius:8px;color:#ff4d4f;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.logout-button:hover{background:#ff4d4f;color:#fff}.version-info{text-align:center;font-size:12px;color:#ccc;margin:20px 0 40px}.premium-dialog-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;animation:dialogFadeIn .4s cubic-bezier(.22,1,.36,1)!important}.premium-dialog-content{background-color:var(--white)!important;border-radius:16px!important;width:90%!important;max-width:420px!important;max-height:85vh!important;overflow:hidden!important;box-shadow:0 16px 64px #00000026!important;border:1px solid var(--border-color)!important;display:flex!important;flex-direction:column!important;animation:dialogSlideIn .4s cubic-bezier(.22,1,.36,1)!important;transition:transform .2s ease,box-shadow .2s ease!important;position:relative!important}.premium-dialog-content:focus-within{transform:translateY(-2px)!important;box-shadow:0 20px 72px #0003!important}@keyframes dialogFadeIn{0%{opacity:0!important}to{opacity:1!important}}@keyframes dialogSlideIn{0%{opacity:0!important;transform:translateY(40px) scale(.95)!important}to{opacity:1!important;transform:translateY(0) scale(1)!important}}.premium-dialog-header{padding:20px 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--border-color)!important;background-color:var(--bg-secondary)!important;position:relative!important;z-index:10!important}.premium-dialog-title{font-size:20px!important;font-weight:700!important;color:var(--text-primary)!important;margin:0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:.02em!important}.premium-dialog-close{background:none!important;border:none!important;font-size:24px!important;cursor:pointer!important;color:var(--text-secondary)!important;padding:4px!important;border-radius:50%!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;position:relative!important;overflow:hidden!important}.premium-dialog-close:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:0!important;height:0!important;border-radius:50%!important;background-color:var(--bg-tertiary)!important;transform:translate(-50%,-50%)!important;transition:width .4s ease,height .4s ease!important}.premium-dialog-close:hover{color:var(--text-primary)!important;transform:scale(1.1)!important}.premium-dialog-close:hover:before{width:100%!important;height:100%!important}.premium-dialog-close span{position:relative!important;z-index:1!important}.premium-dialog-body{padding:24px!important;overflow-y:auto!important;flex:1!important;line-height:1.6!important;color:var(--text-secondary)!important;background-color:var(--white)!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.premium-dialog-body::-webkit-scrollbar{width:4px!important}.premium-dialog-body::-webkit-scrollbar-track{background:var(--bg-secondary)!important;border-radius:4px!important}.premium-dialog-body::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:4px!important;transition:background .2s ease!important}.premium-dialog-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important}.premium-dialog-footer{padding:16px 24px!important;display:flex!important;justify-content:flex-end!important;gap:12px!important;border-top:1px solid var(--border-color)!important;background-color:var(--bg-secondary)!important;position:relative!important;z-index:10!important}.premium-card-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important;padding:30px 24px!important;text-align:center!important;border-radius:12px!important;margin-bottom:24px!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 32px #4f46e533!important}.premium-card-header:before{content:""!important;position:absolute!important;top:-50%!important;right:-50%!important;width:200%!important;height:200%!important;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%)!important;animation:shimmer 8s infinite linear!important;z-index:1!important}.premium-badge{display:inline-block!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:6px 16px!important;background:rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:20px!important;margin-bottom:16px!important;position:relative!important;z-index:2!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.premium-price-container{display:flex!important;align-items:baseline!important;justify-content:center!important;margin-bottom:12px!important;position:relative!important;z-index:2!important;padding:12px 20px!important;border-radius:16px!important;background:rgba(255,255,255,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 24px #0000001a!important}.premium-price-container:hover{background:rgba(255,255,255,.15)!important;transform:translateY(-2px)!important;box-shadow:0 12px 32px #00000026!important}.premium-currency{font-size:18px!important;font-weight:500!important;margin-right:4px!important;color:#fff!important;opacity:.9!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important;transition:all .3s ease!important}.premium-price{font-size:48px!important;font-weight:800!important;line-height:1!important;color:#fff!important;letter-spacing:-1px!important;text-shadow:0 3px 6px rgba(0,0,0,.15)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.premium-price-container:hover .premium-price{text-shadow:0 4px 8px rgba(0,0,0,.2)!important;transform:scale(1.05)!important}.premium-period{font-size:18px!important;font-weight:400!important;margin-left:6px!important;opacity:.8!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important}.limited-offer-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:700!important;padding:8px 16px!important;background:rgba(255,105,180,.3)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;position:relative!important;z-index:2!important;animation:glowPulse 2s infinite!important;color:#fff!important;margin-top:8px!important}.limited-offer-icon{font-size:16px!important;animation:bounce 1.5s infinite!important}.premium-benefits{margin:24px 0!important;background-color:var(--white)!important;position:relative!important;border-radius:12px!important;padding:20px!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.benefits-title{font-size:18px!important;font-weight:700!important;margin-bottom:20px!important;color:var(--text-primary)!important;padding-bottom:12px!important;border-bottom:2px solid var(--border-color)!important;position:relative!important;text-align:center!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:-.01em!important}.benefits-title:after{content:""!important;position:absolute!important;bottom:-2px!important;left:50%!important;transform:translate(-50%)!important;width:40px!important;height:2px!important;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover))!important}.premium-benefits-list{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:16px!important}.premium-benefit-item{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:18px!important;background:var(--bg-secondary)!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;animation:fadeInUp .4s ease-out forwards!important;opacity:0!important}.premium-benefit-item:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:4px!important;height:100%!important;background:linear-gradient(180deg,var(--primary-color),var(--primary-hover))!important;opacity:0!important;transition:opacity .3s ease!important}.premium-benefit-item:hover{transform:translateY(-3px)!important;background:var(--white)!important;box-shadow:0 12px 28px #00000014!important;border-color:#cbd5e1!important}.premium-benefit-item:hover:before{opacity:1!important}.benefit-icon{flex-shrink:0!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important;border-radius:6px!important;color:#fff!important;margin-top:2px!important;transition:transform .3s ease!important}.premium-benefit-item:hover .benefit-icon{transform:scale(1.1) rotate(5deg)!important}.benefit-text{font-size:15px!important;line-height:1.6!important;color:var(--text-secondary)!important;font-weight:500!important;transition:color .3s ease!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:.01em!important}.premium-benefit-item:hover .benefit-text{color:var(--text-primary)!important}.premium-benefit-item:nth-child(1){animation-delay:.1s!important}.premium-benefit-item:nth-child(2){animation-delay:.2s!important}.premium-benefit-item:nth-child(3){animation-delay:.3s!important}.premium-benefit-item:nth-child(4){animation-delay:.4s!important}.premium-benefit-item:nth-child(5){animation-delay:.5s!important}.limited-offer-container{margin:24px auto!important;padding:18px 20px!important;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(249,115,22,.1))!important;border-radius:16px!important;border:none!important;position:relative!important;overflow:hidden!important;max-width:360px!important;text-align:center!important;box-shadow:0 4px 16px #f973161a!important}.limited-offer-container:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#f59e0b,#f97316)!important}.offer-tag{margin-bottom:12px!important}.offer-tag-text{display:inline-block!important;font-size:13px!important;font-weight:700!important;color:#f97316!important;padding:6px 12px!important;background:rgba(249,115,22,.2)!important;border-radius:20px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.offer-description{margin:0;font-size:13px;line-height:1.4;color:var(--text-secondary)}.premium-dialog-button{padding:12px 24px;border-radius:var(--border-radius-md);font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);border:none;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.02em;min-width:100px;height:48px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;z-index:1}.premium-dialog-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#fff3;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:0}.premium-dialog-button:hover:before{width:300px;height:300px}.premium-dialog-button span{position:relative;z-index:2}.premium-dialog-button.confirm{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.premium-dialog-button.confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.5);background:linear-gradient(135deg,var(--primary-hover),var(--primary-color))}.premium-dialog-button.confirm:active{transform:translateY(0);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4);transition-duration:.1s}.premium-dialog-button.cancel{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.premium-dialog-button.cancel:before{background-color:#0000000d}.premium-dialog-button.cancel:hover{background-color:var(--bg-tertiary);transform:translateY(-1px);color:var(--text-primary);border-color:var(--text-secondary)}.premium-dialog-button.cancel:active{transform:scale(.98);transition-duration:.1s}@media (max-width: 480px){.premium-dialog-content{max-width:100%;border-radius:12px 12px 0 0;margin:0;padding:0;position:fixed;bottom:0;left:0;right:0;height:80vh;max-height:80vh}.premium-dialog-header{padding:16px 20px}.premium-dialog-title{font-size:18px}.premium-dialog-body{max-height:calc(80vh - 120px);height:calc(80vh - 120px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.premium-dialog-footer{padding:16px 20px;flex-direction:column;gap:10px}.premium-dialog-footer .premium-dialog-button{width:100%;height:44px}.premium-card-header{padding:20px 16px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.premium-badge{font-size:11px;padding:5px 12px;margin-bottom:12px}.premium-price-container{padding:10px 16px;margin-bottom:8px}.premium-price{font-size:32px}.premium-currency,.premium-period{font-size:14px}.limited-offer-badge{font-size:12px;padding:6px 12px;margin-top:4px}.premium-benefits{margin:16px 12px}.benefits-title{font-size:16px;margin-bottom:16px;padding-bottom:10px}.premium-benefits-list{gap:12px}.premium-benefit-item{padding:14px;border-radius:10px}.benefit-icon{width:20px;height:20px;font-size:12px}.benefit-text{font-size:13px;line-height:1.5}.limited-offer-container{margin:16px 12px;padding:14px 16px}.offer-description{font-size:13px}}@media (prefers-color-scheme: dark){.premium-dialog-content{background:#1a1a1a}.premium-dialog-header,.premium-dialog-footer{background:#1a1a1a;border-color:#333}.premium-dialog-title{color:#fff}.premium-dialog-close{color:#ccc}.premium-dialog-body{background:#1a1a1a}.premium-benefits{background-color:#1a1a1a}.benefits-title{color:#fff;border-bottom-color:#333}.benefits-title:after{background:linear-gradient(90deg,#8a98e8,#a78bfa)}.premium-benefit-item{background:#252525;border-color:#333;box-shadow:0 2px 8px #0003}.premium-benefit-item:hover{background:#303030;box-shadow:0 4px 20px #0000004d;border-color:#555}.premium-benefit-item:before{background:linear-gradient(180deg,#8a98e8,#a78bfa)}.benefit-icon{background:linear-gradient(135deg,#8a98e8,#a78bfa)}.benefit-text,.offer-description{color:#b0b0b0}.limited-offer-container{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(249,115,22,.1));box-shadow:0 4px 16px #f9731626}.premium-dialog-button.cancel{background-color:#252525;color:#ccc;border-color:#333}.premium-dialog-button.cancel:hover{background-color:#303030}}.dark-theme .premium-dialog-content{background:#1a1a1a!important}.dark-theme .premium-dialog-header,.dark-theme .premium-dialog-footer{background:#1a1a1a!important;border-color:#333!important}.dark-theme .premium-dialog-title{color:#fff!important}.dark-theme .premium-dialog-close{color:#ccc!important}.dark-theme .premium-dialog-body{background:#1a1a1a!important}.dark-theme .premium-card-header{background:linear-gradient(135deg,#8a98e8,#a78bfa)!important;box-shadow:0 8px 32px #8a98e84d!important}.dark-theme .premium-badge{background:rgba(255,255,255,.1)!important;border-color:#ffffff26!important}.dark-theme .premium-price-container{background:rgba(255,255,255,.05)!important;border-color:#ffffff1a!important}.dark-theme .benefit-icon{background:linear-gradient(135deg,#8a98e8,#a78bfa)!important}.dark-theme .premium-dialog-button.confirm{background:linear-gradient(135deg,#8a98e8,#a78bfa)!important;box-shadow:0 4px 12px #8a98e866!important}.dark-theme .premium-dialog-button.confirm:hover{background:linear-gradient(135deg,#7a88e8,#977bfa)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #8a98e880!important}.dark-theme .premium-dialog-button.confirm:active{transform:translateY(0)!important;box-shadow:0 4px 12px #8a98e866!important;transition-duration:.1s!important}.dialog-header.basic-premium-header{border-bottom:none!important;padding-bottom:0!important;position:relative}.dialog-header.basic-premium-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));border-radius:2px}.basic-premium-dialog{padding:24px 16px;text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:center}.basic-premium-description{font-size:16px;color:var(--text-primary);margin-bottom:16px;line-height:1.6;padding-top:8px;font-weight:500}.basic-premium-highlight{font-size:14px;color:var(--primary-color);font-weight:600;margin-bottom:12px;line-height:1.5;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));padding:10px 16px;border-radius:var(--border-radius-md);display:inline-block;position:relative;overflow:hidden}@keyframes pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.dialog-overlay.basic-premium-overlay{background-color:#00000080}.dialog-content.basic-premium-content{max-width:320px!important;width:90%!important;margin:0 auto;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0003;overflow:hidden;transition:all .3s cubic-bezier(.22,1,.36,1)}.dialog-content.basic-premium-content:focus-within{box-shadow:0 12px 40px #00000040,0 0 0 3px rgba(var(--primary-rgb),.1);transform:translateY(-2px)}.dialog-content.basic-premium-content .dialog-button.confirm{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;font-weight:600;border:none;padding:12px 24px;border-radius:var(--border-radius-lg);font-size:16px;box-shadow:0 4px 16px rgba(var(--primary-rgb),.3);transition:all .3s cubic-bezier(.22,1,.36,1);cursor:pointer}.dialog-content.basic-premium-content .dialog-button.confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.dialog-content.basic-premium-content .dialog-button.confirm:active{transform:translateY(0);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.dialog-content.basic-premium-content .dialog-footer{padding:16px 20px 20px;border-top:none!important}.dark-theme .dialog-content.basic-premium-content{background:var(--bg-primary-dark, #1a1a1a)!important}.dark-theme .dialog-header.basic-premium-header{background:var(--bg-primary-dark, #1a1a1a)!important;border-bottom-color:var(--border-color-dark, #333)!important}.dark-theme .basic-premium-description{color:var(--text-primary-dark, white)!important}.dark-theme .basic-premium-highlight{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1))!important;color:var(--primary-color)!important}.premium-dialog-inner-content{width:100%;display:flex;flex-direction:column;gap:20px}.premium-dialog-inner-content .premium-card-header,.premium-dialog-inner-content .premium-benefits,.premium-dialog-inner-content .limited-offer-container{width:100%}@media (max-width: 480px){.dialog-content{max-width:100vw!important;width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;box-shadow:none!important}.dialog-header,.dialog-footer{padding:14px 16px!important;border-radius:0!important}.dialog-title{font-size:17px!important}.dialog-button{padding:10px 16px!important;font-size:14px!important;flex:1!important}.dialog-footer{flex-direction:column!important;gap:10px!important}.dialog-footer .dialog-button:last-child{order:-1!important}.dialog-body::-webkit-scrollbar{display:none!important}.dialog-body{-ms-overflow-style:none!important;scrollbar-width:none!important}}@media (prefers-color-scheme: dark){.dialog-content{background:#1e293b!important;box-shadow:0 20px 40px #0000004d!important}.dialog-header,.dialog-footer{background:#0f172a!important;border-color:#334155!important}.dialog-title{color:#f1f5f9!important}.dialog-body{color:#cbd5e1!important}.dialog-button.cancel{background-color:#1e293b!important;color:#cbd5e1!important;border-color:#334155!important}.dialog-button.cancel:hover{background-color:#334155!important}}.renew-dialog,.subscribe-dialog,.contact-dialog{text-align:left}.payment-options{margin-top:16px}.payment-option{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:12px;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .3s ease}.payment-option:hover{border-color:#667eea;background:#f5f5ff}.payment-option input[type=radio]{cursor:pointer}.payment-option label{cursor:pointer;font-size:14px;color:#333}.highlight{color:#fa8c16;font-weight:500;margin-top:12px}.contact-methods{margin-top:16px;display:flex;flex-direction:column;gap:12px}.contact-method{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f5f5;border-radius:8px}.contact-method .icon{width:24px;height:24px;color:#667eea;flex-shrink:0}.contact-method strong{display:block;font-size:14px;color:#333;margin-bottom:4px}.contact-method p{font-size:14px;color:#666;margin:0}.premium-dialog-content{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.dialog-body .premium-card-header{text-align:center!important;padding:24px!important;margin:0!important;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important;color:#fff!important;position:relative!important;overflow:hidden!important;border-radius:0 0 24px 24px!important;box-shadow:var(--shadow-lg)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.dialog-body .premium-card-header:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-xl)!important}.dialog-body .premium-card-header:before{content:""!important;position:absolute!important;width:200%!important;height:200%!important;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(255,255,255,0) 70%)!important;z-index:1!important;top:-50%!important;left:-50%!important;animation:shimmer 3s ease-in-out infinite!important}.dialog-body .premium-card-header:after{content:""!important;position:absolute!important;top:20%!important;right:20%!important;width:80px!important;height:80px!important;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 50%)!important;filter:blur(20px)!important;opacity:.7!important;z-index:1!important}@keyframes shimmer{0%,to{transform:translate(-30%) translateY(-30%) rotate(-10deg)!important;opacity:.4!important}50%{transform:translate(30%) translateY(30%) rotate(-10deg)!important;opacity:.8!important}}.dialog-body .premium-badge{display:inline-block!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:6px 16px!important;background:rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:20px!important;margin-bottom:16px!important;position:relative!important;z-index:2!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.dialog-body .premium-price-container{display:flex!important;align-items:baseline!important;justify-content:center!important;margin-bottom:12px!important;position:relative!important;z-index:2!important;padding:12px 20px!important;border-radius:16px!important;background:rgba(255,255,255,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 24px #0000001a!important}.dialog-body .premium-price-container:hover{background:rgba(255,255,255,.15)!important;transform:translateY(-2px)!important;box-shadow:0 12px 32px #00000026!important}.dialog-body .premium-currency{font-size:18px!important;font-weight:500!important;margin-right:4px!important;color:#fff!important;opacity:.9!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important;transition:all .3s ease!important}.dialog-body .premium-price{font-size:48px!important;font-weight:800!important;line-height:1!important;color:#fff!important;letter-spacing:-1px!important;text-shadow:0 3px 6px rgba(0,0,0,.15)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.dialog-body .premium-price-container:hover .premium-price{text-shadow:0 4px 8px rgba(0,0,0,.2)!important;transform:scale(1.05)!important}.dialog-body .premium-period{font-size:18px!important;font-weight:400!important;margin-left:6px!important;opacity:.8!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important}.dialog-body .limited-offer-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:700!important;padding:8px 16px!important;background:rgba(255,105,180,.3)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;position:relative!important;z-index:2!important;animation:glowPulse 2s infinite!important;color:#fff!important;margin-top:8px!important}.dialog-body .limited-offer-icon{font-size:16px!important;animation:bounce 1.5s infinite!important}@keyframes glowPulse{0%,to{opacity:1!important;transform:scale(1)!important;box-shadow:0 0 15px #ff69b44d!important}50%{opacity:.9!important;transform:scale(1.03)!important;box-shadow:0 0 25px #ff69b480!important}}@keyframes bounce{0%,to{transform:translateY(0)!important}50%{transform:translateY(-3px)!important}}.dialog-body .premium-benefits{margin:24px!important;background-color:var(--white)!important;position:relative!important}.dialog-body .benefits-title{font-size:18px!important;font-weight:700!important;margin-bottom:20px!important;color:var(--text-primary)!important;padding-bottom:12px!important;border-bottom:2px solid var(--border-color)!important;position:relative!important;text-align:center!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:-.01em!important}.dialog-body .benefits-title:after{content:""!important;position:absolute!important;bottom:-2px!important;left:50%!important;transform:translate(-50%)!important;width:40px!important;height:2px!important;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover))!important}.dialog-body .premium-benefits-list{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:16px!important}.dialog-body .premium-benefit-item{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:18px!important;background:var(--white)!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;animation:fadeInUp .4s ease-out forwards!important;opacity:0!important}.dialog-body .premium-benefit-item:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:4px!important;height:100%!important;background:linear-gradient(180deg,#4f46e5,#7c3aed)!important;opacity:0!important;transition:opacity .3s ease!important}.dialog-body .premium-benefit-item:hover{transform:translateY(-3px)!important;background:#fff!important;box-shadow:0 12px 28px #00000014!important;border-color:#cbd5e1!important}.dialog-body .premium-benefit-item:hover:before{opacity:1!important}.dialog-body .benefit-icon{flex-shrink:0!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border-radius:6px!important;color:#fff!important;margin-top:2px!important;transition:transform .3s ease!important}.dialog-body .premium-benefit-item:hover .benefit-icon{transform:scale(1.1) rotate(5deg)!important}.dialog-body .benefit-text{font-size:15px!important;line-height:1.6!important;color:#475569!important;font-weight:500!important;transition:color .3s ease!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:.01em!important}.dialog-body .premium-benefit-item:hover .benefit-text{color:#334155!important}.dialog-body .premium-benefit-item:nth-child(1){animation-delay:.1s!important}.dialog-body .premium-benefit-item:nth-child(2){animation-delay:.2s!important}.dialog-body .premium-benefit-item:nth-child(3){animation-delay:.3s!important}.dialog-body .premium-benefit-item:nth-child(4){animation-delay:.4s!important}.dialog-body .premium-benefit-item:nth-child(5){animation-delay:.5s!important}@keyframes fadeInUp{0%{opacity:0!important;transform:translateY(20px)!important}to{opacity:1!important;transform:translateY(0)!important}}.dialog-body .limited-offer-container{margin:24px auto!important;padding:18px 20px!important;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(249,115,22,.1))!important;border-radius:16px!important;border:none!important;position:relative!important;overflow:hidden!important;max-width:360px!important;text-align:center!important;box-shadow:0 4px 16px #f973161a!important}.dialog-body .limited-offer-container:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;background:linear-gradient(90deg,#f59e0b,#f97316)!important}.dialog-body .offer-tag{margin-bottom:12px!important}.dialog-body .offer-tag-text{display:inline-block!important;font-size:13px!important;font-weight:700!important;color:#f97316!important;padding:6px 12px!important;background:rgba(249,115,22,.2)!important;border-radius:20px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.dialog-body .offer-description{font-size:15px!important;line-height:1.6!important;color:#475569!important;margin:0!important;font-weight:600!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:-.01em!important}@media (max-width: 480px){.dialog-body .premium-card-header{padding:20px 16px!important;border-bottom-left-radius:20px!important;border-bottom-right-radius:20px!important}.dialog-body .premium-badge{font-size:11px!important;padding:5px 12px!important;margin-bottom:12px!important}.dialog-body .premium-price-container{padding:10px 16px!important;margin-bottom:8px!important}.dialog-body .premium-price{font-size:32px!important}.dialog-body .premium-currency,.dialog-body .premium-period{font-size:14px!important}.dialog-body .limited-offer-badge{font-size:12px!important;padding:6px 12px!important;margin-top:4px!important}.dialog-body .premium-benefits{margin:16px 12px!important}.dialog-body .benefits-title{font-size:16px!important;margin-bottom:16px!important;padding-bottom:10px!important}.dialog-body .premium-benefits-list{gap:12px!important}.dialog-body .premium-benefit-item{padding:14px!important;border-radius:10px!important}.dialog-body .benefit-icon{width:20px!important;height:20px!important;font-size:12px!important}.dialog-body .benefit-text{font-size:13px!important;line-height:1.5!important}.dialog-body .limited-offer-container{margin:16px 12px!important;padding:14px 16px!important}.dialog-body .offer-description{font-size:13px!important}.dialog-body{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}}@media (prefers-color-scheme: dark){.dialog-body .premium-benefits{background-color:#2a2a2a!important}.dialog-body .benefits-title{color:#f1f5f9!important;border-bottom-color:#404040!important}.dialog-body .benefits-title:after{background:linear-gradient(90deg,#8a98e8,#a78bfa)!important}.dialog-body .premium-benefit-item{background:#2a2a2a!important;border-color:#404040!important;box-shadow:0 2px 8px #0003!important}.dialog-body .premium-benefit-item:hover{background:#3a3a3a!important;box-shadow:0 4px 20px #0000004d!important;border-color:#555!important}.dialog-body .premium-benefit-item:before{background:linear-gradient(180deg,#8a98e8,#a78bfa)!important}.dialog-body .benefit-icon{background:linear-gradient(135deg,#8a98e8,#a78bfa)!important}.dialog-body .benefit-text,.dialog-body .offer-description{color:#b0b0b0!important}.dialog-body .limited-offer-container{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(249,115,22,.1))!important;box-shadow:0 4px 16px #f9731626!important}.dialog-body .offer-tag-text{color:#fcd34d!important;background:rgba(252,211,77,.2)!important}.dialog-body .limited-offer-container:before{background:linear-gradient(90deg,#fcd34d,#fbbf24)!important}}.dialog-body .offer-description{margin:0!important;font-size:13px!important;line-height:1.4!important;color:var(--text-secondary)!important;position:relative!important;z-index:100!important}.dialog-footer .dialog-button{padding:12px 24px!important;border-radius:var(--border-radius-md)!important;font-weight:600!important;transition:all var(--transition-normal)!important;border:none!important;font-size:16px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;letter-spacing:.02em!important;min-width:100px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}.dialog-footer .dialog-button.confirm{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important;color:#fff!important;box-shadow:var(--shadow-md)!important}.dialog-footer .dialog-button.confirm:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-lg)!important;background:linear-gradient(135deg,var(--primary-hover),#5a6fd8)!important}.dialog-footer .dialog-button.cancel{background-color:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.dialog-footer .dialog-button.cancel:hover{background-color:var(--bg-secondary)!important}.dialog-body{line-height:1.6!important;letter-spacing:.02em!important}.dialog-body>*:not(:first-child){margin-top:20px!important}.dialog-body>*:not(:last-child){margin-bottom:20px!important}.dark-theme .dialog-overlay{background-color:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.dark-theme .dialog-content{background-color:var(--bg-primary)!important;box-shadow:0 8px 32px #0000004d!important}.dark-theme .dialog-header,.dark-theme .dialog-footer{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dark-theme .dialog-title{color:var(--text-primary)!important}.dark-theme .dialog-body{background-color:var(--bg-primary)!important;color:var(--text-secondary)!important}.dark-theme .dialog-body .premium-card-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important;box-shadow:0 8px 32px rgba(var(--primary-rgb),.3)!important}.dark-theme .dialog-body .premium-badge{background:rgba(255,255,255,.1)!important;border-color:#ffffff26!important}.dark-theme .dialog-body .premium-price-container{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dark-theme .dialog-body .benefit-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important}.dark-theme .dialog-body .limited-offer-container{background-color:#f59e0b1a!important;box-shadow:0 4px 16px #f59e0b1a!important}.dark-theme .dialog-footer .dialog-button.confirm{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important}.dark-theme .dialog-footer .dialog-button.confirm:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color))!important}.dark-theme .offer-tag-text{color:#f59e0b!important;background-color:#f59e0b33!important}.dark-theme .dialog-footer .btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)!important}.dark-theme .dialog-footer .btn.primary:hover{box-shadow:0 6px 16px rgba(var(--primary-rgb),.5)!important}.dark-theme .dialog-footer .btn.secondary:hover{background-color:var(--bg-tertiary)!important}.toast-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.toast-message{background:rgba(0,0,0,.8);color:#fff;padding:12px 20px;border-radius:20px;font-size:14px;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media (min-width: 768px){.profile-container{max-width:600px;margin:0 auto}.page-header{padding:30px}.page-title{font-size:28px}.profile-card,.subscription-card,.settings-section{margin-left:auto;margin-right:auto;width:calc(100% - 60px);max-width:500px}.logout-button{width:calc(100% - 60px);max-width:500px;margin-left:auto;margin-right:auto}}@media (max-width: 767px){.profile-card,.subscription-card,.settings-section{margin-left:16px;margin-right:16px}.logout-button{width:calc(100% - 32px);margin-left:16px;margin-right:16px}}.modern-tabbar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:60px!important;background-color:#fff!important;box-shadow:0 -2px 10px #0000000d!important;display:flex!important;justify-content:space-around!important;align-items:center!important;z-index:1000!important;padding:0 10px!important}.tabbar-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:1!important;height:100%!important;color:var(--text-color, #666)!important;text-decoration:none!important;transition:all .3s ease!important}.tabbar-item-active{color:var(--primary-color, #667eea)!important}.tabbar-icon{font-size:20px!important;margin-bottom:4px!important;color:inherit!important;display:block!important}.tabbar-text{font-size:12px!important;line-height:1!important;color:inherit!important}.tabbar-item:active{transform:scale(.95)!important}@media (max-width: 768px){.modern-tabbar{height:56px!important}.tabbar-icon{font-size:18px!important}.tabbar-text{font-size:11px!important}}body{padding-bottom:60px!important}