@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap);:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px rgba(0,0,0,.1);--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-moz-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*,:after,:before{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card,.modal,.panel,.popup,.section,a,button,input,select,textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-item:hover,a:hover,button:hover{transition-duration:.15s}button{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;position:relative;transform:translateZ(0);will-change:transform}button:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}button:active{box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(0);transition-duration:.1s}button:after{background:hsla(0,0%,100%,.5);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}button:active:after{height:300px;width:300px}input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input:focus,select:focus,textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.card,.component-library,.panel,.properties-panel{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.card:hover,.panel:hover{box-shadow:0 12px 24px rgba(0,0,0,.12);transform:translateY(-4px)}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.fade-out{animation:fadeOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards}.slide-in-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) forwards}.slide-in-up{animation:slideInUp .3s cubic-bezier(.4,0,.2,1) forwards}.slide-in-down{animation:slideInDown .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.scale-in{animation:scaleIn .2s cubic-bezier(.4,0,.2,1) forwards}.scale-out{animation:scaleOut .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate-animate{animation:rotate360 1s linear infinite}.pulse-animate{animation:pulse 2s ease-in-out infinite}.shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-size:1000px 100%}.modal-overlay{background:transparent;transition:background .3s ease}.modal-overlay.active{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5)}.modal-content{opacity:0;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.modal-content.active{opacity:1;transform:scale(1) translateY(0)}.draggable{cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.draggable:active{box-shadow:0 8px 16px rgba(0,0,0,.2);cursor:grabbing;transform:scale(1.05) rotate(2deg);z-index:1000}.dragging{opacity:.6;transform:scale(.98)}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 12px 24px rgba(0,0,0,.15);transform:translateY(-4px)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-animate{animation:gradientShift 3s ease infinite;background-size:200% 200%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#6a3e8f)}*{scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}:focus-visible{border-radius:4px;outline:2px solid #667eea;outline-offset:2px}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px 0 rgba(31,38,135,.15)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hardware-accelerated{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0);will-change:transform,opacity}iframe,img,video{height:auto;max-width:100%}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.fast-transition{transition:all .15s cubic-bezier(.4,0,.2,1)}.slow-transition{transition:all .6s cubic-bezier(.4,0,.2,1)}.no-transition{transition:none!important}.lpb-canvas-element{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s ease}.lpb-canvas-element-selected{box-shadow:0 0 0 2px #3b82f6,0 4px 12px rgba(59,130,246,.3)}.ladi-section{transition:background-color .3s ease,background-image .3s ease}.Toastify__toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.Toastify__toast--success{background:linear-gradient(135deg,#10b981,#059669)!important}.Toastify__toast--error{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.Toastify__toast--warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.Toastify__toast--info{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}:root{--color-primary:#667eea;--color-primary-dark:#5568d3;--color-primary-light:#818cf8;--color-secondary:#764ba2;--color-secondary-dark:#643a8c;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-primary-hover:linear-gradient(135deg,#5568d3,#643a8c);--gradient-subtle:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success-light:#d1fae5;--color-success-dark:#065f46;--color-error:#ef4444;--color-error-light:#fee2e2;--color-error-dark:#991b1b;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#1e40af;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-primary:0 8px 16px rgba(102,126,234,.3);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--color-gray-50);color:#111827;color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font-family-sans);font-size:16px;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal)}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.btn-modern{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--spacing-sm);justify-content:center;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .25s ease;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-primary);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:var(--color-white)}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#643a8c);background:var(--gradient-primary-hover);box-shadow:0 8px 16px rgba(102,126,234,.3);box-shadow:var(--shadow-primary)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-white);border:2px solid var(--color-gray-200);color:#667eea;color:var(--color-primary)}.btn-secondary:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));background:var(--gradient-subtle);border-color:#667eea;border-color:var(--color-primary)}.btn-ghost{background:transparent;color:#374151;color:var(--color-gray-700)}.btn-ghost:hover{background:#f3f4f6;background:var(--color-gray-100)}.card-modern{background:#fff;background:var(--color-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-md);padding:24px;padding:var(--spacing-lg);transition:all .25s ease;transition:all var(--transition-base)}.card-modern:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.input-modern{background:#fff;background:var(--color-white);border:2px solid #e5e7eb;border:2px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius-md);color:#111827;color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--font-family-sans);font-size:16px;font-size:var(--font-size-base);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input-modern:focus{border-color:#667eea;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.input-modern:disabled{background:#f3f4f6;background:var(--color-gray-100);cursor:not-allowed}.badge{border-radius:9999px;border-radius:var(--radius-full);font-size:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.badge-success{background:#d1fae5;background:var(--color-success-light);color:#065f46;color:var(--color-success-dark)}.badge-error{background:#fee2e2;background:var(--color-error-light);color:#991b1b;color:var(--color-error-dark)}.badge-warning{background:#fef3c7;background:var(--color-warning-light);color:#92400e;color:var(--color-warning-dark)}.badge-info{background:#dbeafe;background:var(--color-info-light);color:#1e40af;color:var(--color-info-dark)}.spinner{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);height:20px;width:20px}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}@media (max-width:768px){:root{--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:28px;--font-size-4xl:32px}}.login-container{align-items:center;background-color:#f5f5f5;border-radius:12px;display:flex;width:80%}.login-container .form{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;gap:15px;max-width:480px;padding:10px;width:100%}.login-container .form h2{color:#151717;font-weight:700;margin-bottom:20px;text-align:center}.login-container .flex-column>label{color:#151717;font-weight:600;margin-bottom:5px}.login-container .inputForm{align-items:center;border:1.5px solid #ecedec;border-radius:10px;display:flex;height:50px;padding-left:10px;transition:.2s ease-in-out;width:100%}.login-container .input{border:none;border-radius:10px;height:100%;margin-left:10px;width:100%}.login-container .input:focus{outline:none}.login-container .inputForm:focus-within{border:1.5px solid #2d79f3}.login-container .flex-row{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between}.login-container .flex-row>div>label{color:#000;font-size:14px;font-weight:400}.login-container .span{color:#2d79f3;cursor:pointer;font-size:14px;font-weight:500}.login-container .button-submit{background-color:#151717;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:50px;margin:20px 0 10px;width:100%}.login-container .button-submit:disabled{background-color:#444;cursor:not-allowed}.login-container .p{color:#000;font-size:14px;margin:5px 0;text-align:center}.login-container .btn.google{align-items:center;background-color:#fff;border:1px solid #ededef;border-radius:10px;cursor:pointer;display:flex;font-weight:500;gap:10px;height:50px;justify-content:center;margin-top:10px;transition:.2s ease-in-out;width:100%}.login-container .btn.google:hover{border:1px solid #2d79f3}.register-container{align-items:center;background-color:#f5f5f5;border-radius:12px;display:flex;margin:0;width:80%}.register-container .form{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;gap:15px;width:100%}.register-container .form h2{color:#151717;font-weight:700;margin-bottom:20px;text-align:center}.register-container .flex-column>label{color:#151717;font-weight:600;margin-bottom:5px}.register-container .inputForm{align-items:center;border:1.5px solid #ecedec;border-radius:10px;display:flex;height:50px;padding-left:10px;transition:.2s ease-in-out;width:100%}.register-container .input{border:none;border-radius:10px;height:100%;margin-left:10px;width:100%}.register-container .input:focus{outline:none}.register-container .inputForm:focus-within{border:1.5px solid #2d79f3}.register-container .button-submit{background-color:#151717;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:50px;margin:20px 0 10px;width:100%}.register-container .button-submit:disabled{background-color:#444;cursor:not-allowed}.register-container .p{color:#000;font-size:14px;margin:5px 0;text-align:center}.register-container .span{color:#2d79f3;cursor:pointer;font-size:14px;font-weight:500}.background-container{background:linear-gradient(135deg,#fafafa,#f4f4f5);min-height:100vh;overflow:hidden;position:relative}.background-shapes{inset:0;pointer-events:none;position:absolute}.shape-yellow-circle{background:linear-gradient(145deg,#fef3c7,#fbbf24);border-radius:50%;box-shadow:0 15px 30px rgba(251,191,36,.15);height:200px;left:10px;position:absolute;top:10px;width:200px;z-index:2}.shape-blue-large{background:linear-gradient(145deg,#93c5fd,#3b82f6 70%,#1e40af);border-radius:50% 40% 60% 50%;box-shadow:0 40px 80px rgba(59,130,246,.2);height:600px;left:-200px;position:absolute;top:150px;transform:rotate(-5deg);width:450px;z-index:1}.shape-purple-overlay{background:linear-gradient(145deg,#c4b5fd,#8b5cf6 50%,#7c3aed);border-radius:45% 50% 55% 45%;height:500px;left:-150px;opacity:.8;position:absolute;top:200px;transform:rotate(10deg);width:350px;z-index:2}.shape-pink-bottom{background:linear-gradient(145deg,#fce7f3,#f472b6);border-radius:60% 40% 70% 30%;bottom:-100px;box-shadow:0 25px 50px rgba(244,114,182,.15);height:250px;position:absolute;right:-50px;width:300px;z-index:1}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border-bottom:1px solid rgba(0,0,0,.04);position:relative;z-index:10}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;padding:5px}.logo-image{border-radius:8px;width:100px}.menu-items{align-items:center;display:flex;gap:40px}.menu-link{color:#4b5563;font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s ease}.menu-link:hover{color:#3b82f6}.language-selector{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;outline:none;padding:6px 12px;transition:border-color .2s ease}.language-selector:hover{border-color:#3b82f6}.main-content-lo{align-items:center;display:flex;justify-content:center;min-height:calc(80vh - 60px);padding:10px 5px;position:relative;z-index:10}.content-wrapper{max-width:440px;width:100%}.form-container{background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}@media (max-width:768px){.navbar-container{gap:20px;padding:12px 20px}.menu-items{gap:24px}.content-wrapper{flex-direction:column;gap:24px;max-width:440px}.form-container,.login-form,.register-form{min-width:0;min-width:auto;width:100%}}.auth-page{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;justify-content:flex-start}.auth-page .tab-container{background-color:#e0e0e0;border-radius:12px;display:flex;margin-bottom:10px;padding:3px;position:relative}.auth-page .tab-container .tab_label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:color .2s ease;width:160px;z-index:2}.auth-page .tab-container .tab_label:hover{color:#000}.auth-page .tab-container .indicator{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.12);height:40px;position:absolute;top:3px;transition:all .3s ease;width:160px;z-index:1}.auth-page .tab-container .indicator.login{left:3px}.auth-page .tab-container .indicator.register{left:163px}.auth-page .tab-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);justify-content:center;max-width:90vw;padding:20px;width:420px}.auth-page .tab-content,.auth-page .tab-content form{align-items:center;display:flex;flex-direction:column}.auth-page .tab-content form{gap:12px;margin:0 auto;max-width:500px}.auth-page .tab-content .flex-column>label{color:#151717;font-weight:600;margin-bottom:5px;width:100%}.auth-page .tab-content .inputForm{align-items:center;border:1.5px solid #ecedec;border-radius:10px;display:flex;height:50px;padding-left:10px;transition:.2s ease-in-out;width:100%}.auth-page .tab-content .inputForm:focus-within{border:1.5px solid #2d79f3}.auth-page .tab-content .input{border:none;border-radius:10px;height:100%;margin-left:10px;width:100%}.auth-page .tab-content .input:focus{outline:none}.auth-page .tab-content .button-submit{background-color:#151717;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:50px;margin:20px 0 10px;width:100%}.auth-page .tab-content .p{color:#000;font-size:14px;margin:5px 0;text-align:center}.auth-page .tab-content .span{color:#2d79f3;cursor:pointer;font-size:14px;font-weight:500}.auth-page .tab-content .btn.google{align-items:center;background-color:#fff;border:1px solid #ededef;border-radius:10px;cursor:pointer;display:flex;font-weight:500;gap:10px;height:50px;justify-content:center;margin-top:10px;transition:.2s ease-in-out;width:100%}.auth-page .tab-content .btn.google:hover{border:1px solid #2d79f3}.user-profile{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);font-family:Inter,sans-serif;margin:0 auto;max-width:420px;max-width:500px;padding:20px 24px}.user-form{position:relative}.user-profile h2{color:#222;font-size:20px;font-weight:600;margin-bottom:16px;text-align:center}.user-profile form{gap:14px}.form-group,.user-profile form{display:flex;flex-direction:column}.form-group label{color:#555;margin-bottom:6px}.form-group input{border:1px solid #e2e8f0;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-group input,.form-loader{border-radius:8px;font-size:14px}.form-loader{align-items:center;background:#f9f9f9;display:flex;gap:10px;margin-top:10px;padding:12px}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15);outline:none}button[type=submit]{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:background .2s}button[type=submit]:hover{background:#2563eb}button[type=submit]:disabled{background:#94a3b8;cursor:not-allowed}.face-loader-overlay{align-items:center;background:rgba(13,17,23,.85);display:contents;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:9999}.loader{height:8em;width:8em}.loader__eye1,.loader__eye2,.loader__mouth1,.loader__mouth2{animation:eye1 3s ease-in-out infinite}.loader__eye1,.loader__eye2{transform-origin:64px 64px}.loader__eye2{animation-name:eye2}.loader__mouth1{animation-name:mouth1}.loader__mouth2{animation-name:mouth2;visibility:hidden}@keyframes eye1{0%{transform:rotate(-260deg) translateY(-56px)}50%,60%{animation-timing-function:cubic-bezier(.17,0,.58,1);transform:rotate(-40deg) translateY(-56px) scale(1)}to{transform:rotate(225deg) translateY(-56px) scale(.35)}}@keyframes eye2{0%{transform:rotate(-260deg) translateY(-56px)}50%{transform:rotate(40deg) translateY(-56px) rotate(-40deg) scale(1)}52.5%{transform:rotate(40deg) translateY(-56px) rotate(-40deg) scaleY(0)}55%,70%{animation-timing-function:cubic-bezier(0,0,.28,1);transform:rotate(40deg) translateY(-56px) rotate(-40deg) scale(1)}to{transform:rotate(150deg) translateY(-56px) scale(.4)}}@keyframes mouth1{0%{stroke-dasharray:0 351.86;stroke-dashoffset:0;animation-timing-function:ease-in}25%{stroke-dasharray:175.93 351.86;stroke-dashoffset:0;animation-timing-function:ease-out}50%{stroke-dasharray:175.93 351.86;stroke-dashoffset:-175.93;animation-timing-function:step-start;visibility:visible}75%,to{visibility:hidden}}@keyframes mouth2{0%{animation-timing-function:step-end;visibility:hidden}50%{stroke-dashoffset:0;animation-timing-function:ease-in-out;visibility:visible}to{stroke-dashoffset:-351.86}}.header-container .navbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.04);display:inline;display:initial;height:70px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-container .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1920px;padding:0 20px}.logo-section{align-items:center;display:flex;gap:12px}.logo-image{cursor:pointer;height:auto;width:120px}.user-info{color:#374151;font-family:Segoe UI,sans-serif;font-size:15px;gap:16px}.user-avatar{border:2px solid #3b82f6;border-radius:50%;cursor:pointer;height:38px;object-fit:cover;transition:transform .2s ease;width:38px}.user-avatar:hover{transform:scale(1.05)}.user-info button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 14px;transition:background .2s ease}.user-info button:hover{background:#2563eb}.profile-popup{animation:fadeIn .25s ease;background:#fff;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.12);padding:16px;position:absolute;right:20px;top:70px;width:320px;z-index:100}.header-right{align-items:center;display:flex;gap:16px;margin-left:auto}.bell-icon,.notif-wrapper{position:relative}.bell-icon{cursor:pointer}.notif-badge{align-items:center;background:#ff4d4f;border-radius:50%;color:#fff;font-size:11px;height:18px;justify-content:center;right:-6px;top:-6px;width:18px}.notif-badge,.notif-dropdown{display:flex;position:absolute}.notif-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-direction:column;max-height:400px;right:0;top:40px;width:320px;z-index:999}.notif-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:16px;justify-content:space-between;padding:12px 16px}.close-notif{color:#999;cursor:pointer}.notif-list{flex:1 1;overflow-y:auto}.notif-empty{color:#999;padding:20px;text-align:center}.notif-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:12px 16px;transition:background .2s}.notif-item:hover{background:#fafafa}.notif-item.unread{background:#fffbe6}.notif-title{font-size:14px;font-weight:600;margin-bottom:4px}.notif-message{color:#555;font-size:13px}.notif-time{color:#999;font-size:11px;margin-top:4px}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.9);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.08),0 10px 25px rgba(0,0,0,.05),0 0 0 1px hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:10px;height:100vh;margin:0;overflow:hidden;padding:10px;position:fixed;transition:all .4s cubic-bezier(.4,0,.2,1);width:240px;z-index:1000}.sidebar.compact{width:88px}.sidebar-bg-pattern{background:linear-gradient(135deg,rgba(251,191,36,.02),rgba(59,130,246,.03) 30%,rgba(139,92,246,.02) 70%,rgba(244,114,182,.02));bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar:before{background:linear-gradient(145deg,rgba(251,191,36,.1),rgba(251,191,36,.05));border-radius:50% 40% 60% 50%;height:60px;right:12%;top:15%;transform:rotate(-15deg);width:60px}.sidebar:after,.sidebar:before{content:"";pointer-events:none;position:absolute;z-index:1}.sidebar:after{background:linear-gradient(145deg,rgba(244,114,182,.08),rgba(139,92,246,.06));border-radius:45% 50% 55% 45%;bottom:20%;height:70px;left:8%;transform:rotate(25deg);width:45px}.sidebar-header{justify-content:space-between;margin-bottom:0;position:relative;z-index:10}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:14px}.sidebar-brand-icon{align-items:center;background:linear-gradient(145deg,#3b82f6,#8b5cf6 50%,#f472b6);border-radius:14px;box-shadow:0 8px 25px rgba(59,130,246,.3);color:#fff;display:flex;height:42px;justify-content:center;overflow:hidden;position:relative;width:42px}.sidebar-brand-icon:before{background:linear-gradient(145deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,0));border-radius:10px;bottom:2px;content:"";left:2px;pointer-events:none;position:absolute;right:2px;top:2px}.sidebar-brand-icon svg{height:22px;position:relative;width:22px;z-index:2}.sidebar-brand-text{color:#1f2937;font-family:system-ui,-apple-system,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.025em}.sidebar-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);color:#6b7280;cursor:pointer;padding:12px;transition:all .3s ease}.sidebar-toggle:hover{background:hsla(0,0%,100%,.95);border-color:rgba(59,130,246,.2);box-shadow:0 4px 12px rgba(0,0,0,.08);color:#374151;transform:translateY(-1px)}.sidebar-toggle-icon{height:18px;transition:transform .4s cubic-bezier(.4,0,.2,1);width:18px}.sidebar-toggle-icon.rotated{transform:rotate(180deg)}.sidebar-nav{flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;z-index:10}.sidebar-item,.sidebar-nav{display:flex;position:relative}.sidebar-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent;border-radius:16px;color:#6b7280;font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;gap:15px;overflow:hidden;padding:19px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-item.compact{justify-content:center;padding:16px}.sidebar-item:hover{background:hsla(0,0%,100%,.7);border-color:rgba(59,130,246,.15);box-shadow:0 8px 25px rgba(0,0,0,.08);color:#374151;transform:translateY(-2px)}.sidebar-item.active{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.08) 50%,rgba(244,114,182,.06));border-color:rgba(59,130,246,.2);box-shadow:0 8px 25px rgba(59,130,246,.15),0 0 0 1px rgba(59,130,246,.1);color:#1f2937}.sidebar-item-indicator{background:linear-gradient(180deg,#3b82f6,#8b5cf6,#f472b6);border-radius:0 6px 6px 0;box-shadow:0 2px 8px rgba(59,130,246,.3);height:28px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-icon{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all .3s ease}.sidebar-item:hover .sidebar-icon{color:#6b7280;transform:scale(1.05)}.sidebar-item.active .sidebar-icon{color:#3b82f6;transform:scale(1.1)}.sidebar-svg-icon{height:22px;width:22px}.sidebar-text{font-weight:600;letter-spacing:-.025em;transition:all .3s ease;white-space:nowrap}.sidebar.compact .sidebar-text{opacity:0;pointer-events:none}.sidebar-item-glow{background:linear-gradient(135deg,rgba(59,130,246,0),rgba(139,92,246,0));border-radius:16px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sidebar-item:hover .sidebar-item-glow{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.03));opacity:1}.sidebar-item.active .sidebar-item-glow{opacity:1}.sidebar-footer{border-top:1px solid rgba(0,0,0,.06);padding-top:24px;position:relative;z-index:10}.sidebar-status{align-items:center;background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.04);border-radius:14px;color:#6b7280;display:flex;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:600;gap:14px;padding:16px 18px}.sidebar-status-icon{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4 50%,#3b82f6);border-radius:50%;box-shadow:0 4px 15px rgba(16,185,129,.3);display:flex;height:32px;justify-content:center;position:relative;width:32px}.sidebar-status-icon:after{background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1));border-radius:50%;bottom:2px;content:"";left:2px;pointer-events:none;position:absolute;right:2px;top:2px}.sidebar-status-dot{animation:pulseGlow 2s ease-in-out infinite;background:#fff;border-radius:50%;height:10px;position:relative;width:10px;z-index:1}.sidebar-status-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;font-weight:600}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(0,0,0,.02);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f472b6,#8b5cf6,#3b82f6);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ec4899,#7c3aed,#2563eb)}.sidebar-item:focus,.sidebar-toggle:focus{border-radius:20px;outline:3px solid #93c5fd;outline-offset:2px}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(1deg)}}.sidebar-brand-icon{animation:gentleFloat 4s ease-in-out infinite}@media (max-width:768px){.sidebar{border-radius:16px;height:auto;margin:10px;padding:20px}.sidebar,.sidebar.compact{width:100%}.sidebar-nav{flex-direction:row;gap:8px;margin-right:0;overflow-x:auto;overflow-y:visible;padding-right:0}.sidebar-item{flex-shrink:0;min-width:-webkit-fit-content;min-width:fit-content}.sidebar-footer{display:none}}.sidebar-item:hover:before{animation:fadeIn .3s ease forwards;background:linear-gradient(135deg,rgba(251,191,36,.03),rgba(59,130,246,.04) 50%,rgba(244,114,182,.03));border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.dashboard-container{background:linear-gradient(135deg,#fafafa,#f8fafc);font-family:system-ui,-apple-system,sans-serif;height:100vh;position:relative}.dashboard-container:before{background:linear-gradient(145deg,rgba(251,191,36,.08),rgba(251,191,36,.03));border-radius:50% 40% 60% 50%;height:120px;right:100px;top:50px;width:120px}.dashboard-container:after,.dashboard-container:before{content:"";pointer-events:none;position:absolute;z-index:0}.dashboard-container:after{background:linear-gradient(145deg,rgba(244,114,182,.06),rgba(139,92,246,.04));border-radius:45% 50% 55% 45%;bottom:100px;height:100px;left:80px;transform:rotate(15deg);width:80px}.dashboard-main{display:flex}.dashboard-content{background:transparent;flex:1 1;margin-left:120px;overflow-y:auto;position:relative;transition:margin-left .3s ease}.dashboard-content:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.6);border-radius:16px;bottom:16px;box-shadow:0 4px 20px rgba(0,0,0,.03);content:"";left:16px;pointer-events:none;position:absolute;right:16px;top:16px;z-index:-1}.dashboard-loading{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:500;justify-content:center;min-height:300px}.dashboard-loading:before{animation:dashboardSpin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;content:"";height:24px;margin-right:12px;width:24px}@keyframes dashboardSpin{to{transform:rotate(1turn)}}.dashboard-error{align-items:center;color:#ef4444;display:flex;font-size:15px;font-weight:500;justify-content:center;min-height:300px;padding:24px;text-align:center}.dashboard-error-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,86%,97%,.5);border:1px solid hsla(0,91%,71%,.2);border-radius:12px;padding:20px 24px}.dash-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);padding:20px;position:relative;transition:all .2s ease}.dash-card:hover{border-color:rgba(59,130,246,.15);box-shadow:0 4px 20px rgba(0,0,0,.06);transform:translateY(-1px)}.dash-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.dash-stat-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.dash-stat-item:hover{box-shadow:0 6px 25px rgba(0,0,0,.08);transform:translateY(-2px)}.dash-stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:28px;font-weight:700;margin-bottom:6px}.dash-stat-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.dash-chart-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);margin-bottom:20px;padding:24px}.dash-chart-title{border-bottom:1px solid rgba(0,0,0,.05);color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.dash-table-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden}.dash-table-header{background:rgba(248,250,252,.7);border-bottom:1px solid rgba(0,0,0,.05);padding:16px 20px}.dash-table-title{color:#1e293b;font-size:16px;font-weight:600}.dash-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(59,130,246,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.dash-btn:hover{box-shadow:0 4px 15px rgba(59,130,246,.3);transform:translateY(-1px)}.dash-btn-secondary{background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 6px rgba(0,0,0,.03);color:#374151}.dash-btn-secondary:hover{background:hsla(0,0%,100%,.9);border-color:rgba(59,130,246,.2);box-shadow:0 2px 10px rgba(0,0,0,.06)}.dash-section{margin-bottom:32px}.dash-section-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:16px}.dash-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dash-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:1024px){.dashboard-content{padding:20px 24px}.dash-stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dash-grid-2,.dash-grid-3{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container:after,.dashboard-container:before{display:none}.dashboard-content{padding:16px 20px}.dashboard-content:before{border-radius:12px;bottom:8px;left:8px;right:8px;top:8px}.dash-stats-grid{gap:12px;grid-template-columns:1fr}.dash-card,.dash-chart-wrapper,.dash-stat-item,.dash-table-container{border-radius:10px;padding:16px}.dash-stat-number{font-size:24px}.dash-section-title{font-size:18px}}@media (max-width:480px){.dashboard-content{padding:12px 16px}.dash-card,.dash-chart-wrapper,.dash-stat-item{padding:14px}.dash-stat-number{font-size:22px}.dash-chart-title{font-size:16px}}.dashboard-content::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-track{background:rgba(0,0,0,.01);border-radius:8px}.dashboard-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(244,114,182,.3),rgba(59,130,246,.3));border-radius:8px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(244,114,182,.5),rgba(59,130,246,.5))}.pages-container{background:linear-gradient(135deg,#fafafa,#f8fafc);font-family:system-ui,-apple-system,sans-serif;min-height:60vh;position:relative}.pages-container:before{background:linear-gradient(145deg,rgba(251,191,36,.08),rgba(251,191,36,.03));border-radius:50% 40% 60% 50%;height:120px;right:100px;top:50px;width:120px}.pages-container:after,.pages-container:before{content:"";pointer-events:none;position:absolute;z-index:0}.pages-container:after{background:linear-gradient(145deg,rgba(244,114,182,.06),rgba(139,92,246,.04));border-radius:45% 50% 55% 45%;bottom:100px;height:100px;left:80px;transform:rotate(15deg);width:80px}.pages-main{min-height:100vh;position:relative;z-index:5}.pages-content{background:transparent;flex:1 1;overflow-y:auto;padding:4px 2px;position:relative;transition:margin-left .3s ease}.pages-content:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.6);border-radius:16px;bottom:3px;box-shadow:0 4px 20px rgba(0,0,0,.03);content:"";left:3px;pointer-events:none;position:absolute;right:3px;top:3px;z-index:-1}.pages-loading{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:500;justify-content:center;min-height:300px}.pages-loading:before{animation:pagesSpin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;content:"";height:24px;margin-right:12px;width:24px}@keyframes pagesSpin{to{transform:rotate(1turn)}}.pages-error{align-items:center;color:#ef4444;display:flex;font-size:15px;font-weight:500;justify-content:center;min-height:300px;padding:24px;text-align:center}.pages-error-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,86%,97%,.5);border:1px solid hsla(0,91%,71%,.2);border-radius:12px;padding:20px 24px}.pages-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);padding:20px;position:relative;transition:all .2s ease}.pages-card:hover{border-color:rgba(59,130,246,.15);box-shadow:0 4px 20px rgba(0,0,0,.06);transform:translateY(-1px)}.pages-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.pages-stat-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.pages-stat-item:hover{box-shadow:0 6px 25px rgba(0,0,0,.08);transform:translateY(-2px)}.pages-stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:28px;font-weight:700;margin-bottom:6px}.pages-stat-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.pages-chart-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);margin-bottom:20px;padding:24px}.pages-chart-title{border-bottom:1px solid rgba(0,0,0,.05);color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.pages-table-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden}.pages-table-header{background:rgba(248,250,252,.7);border-bottom:1px solid rgba(0,0,0,.05);padding:16px 20px}.pages-table-title{color:#1e293b;font-size:16px;font-weight:600}.pages-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(59,130,246,.2);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.pages-btn:hover{box-shadow:0 4px 15px rgba(59,130,246,.3);transform:translateY(-1px)}.pages-btn-secondary{background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 6px rgba(0,0,0,.03);color:#374151}.pages-btn-secondary:hover{background:hsla(0,0%,100%,.9);border-color:rgba(59,130,246,.2);box-shadow:0 2px 10px rgba(0,0,0,.06)}.pages-section{margin-bottom:32px}.pages-section-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:16px}.pages-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pages-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:1024px){.pages-content{padding:0 4px}.pages-stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pages-grid-2,.pages-grid-3{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.pages-container:after,.pages-container:before{display:none}.pages-content{padding:6px 2px}.pages-content:before{border-radius:12px;bottom:2px;left:2px;right:2px;top:2px}.pages-stats-grid{gap:12px;grid-template-columns:1fr}.pages-card,.pages-chart-wrapper,.pages-stat-item,.pages-table-container{border-radius:10px;padding:16px}.pages-stat-number{font-size:24px}.pages-section-title{font-size:18px}}@media (max-width:480px){.pages-content{padding:2px 6px}.pages-card,.pages-chart-wrapper,.pages-stat-item{padding:14px}.pages-stat-number{font-size:22px}.pages-chart-title{font-size:16px}}.pages-content::-webkit-scrollbar{width:6px}.pages-content::-webkit-scrollbar-track{background:rgba(0,0,0,.01);border-radius:8px}.pages-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(244,114,182,.3),rgba(59,130,246,.3));border-radius:8px}.pages-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(244,114,182,.5),rgba(59,130,246,.5))}.content-header1{align-items:center;border-radius:1.5rem;color:#fefefe;display:flex;font-family:Playfair Display,serif;justify-content:space-between;margin-bottom:2rem;padding:2rem 3rem;transition:all .3s ease}.header-texts{max-width:70%}.header-title{color:#163c62;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem}.header-subtitle{color:#5a276e;font-size:1rem;line-height:1.6}.header-subtitle strong{color:gold}.create-btn:hover{background:linear-gradient(145deg,#ffe066,gold);box-shadow:0 10px 20px rgba(255,215,0,.6);transform:translateY(-3px)}.create-btn svg{stroke:#1a1a1a}@media (max-width:768px){.content-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem 2rem}.header-texts{max-width:100%}.header-title{font-size:1.8rem}}.landing-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:0 auto;max-width:1400px;padding:24px}.empty-state{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:20px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:80px 20px}.empty-icon{font-size:64px}.empty-state h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:16px;margin:0}.page-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-card:hover{border-color:#3b82f6;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:translateY(-8px) scale(1.02)}.page-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.page-card:hover:before{opacity:1}.page-thumbnail{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:200px;overflow:hidden;position:relative;width:100%}.page-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.page-card:hover .page-thumbnail img{transform:scale(1.05)}.thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.placeholder-icon{font-size:48px;margin-bottom:8px;opacity:.3}.thumbnail-placeholder span{font-size:14px;font-weight:500;opacity:.5}.status-badge5{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;position:absolute;right:12px;top:12px}.status-dot{border-radius:50%;height:6px;width:6px}.page-content{padding:24px}.page-header{margin-bottom:20px}.page-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:18px;font-weight:700;line-height:1.4;margin:0 0 12px;overflow:hidden;transition:color .2s ease}.page-card:hover .page-title{color:#3b82f6}.page-meta{flex-direction:column;gap:6px}.meta-item{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:500;gap:8px}.meta-item svg{opacity:.5}.page-stats{border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 0}.stat-item{flex:1 1;text-align:center}.stat-number{color:#111827;display:block;font-size:18px;font-weight:700;margin-bottom:4px}.stat-label{font-size:11px}.page-actions{grid-gap:12px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.action-btn{background:#f8fafc;border:2px solid transparent;border-radius:12px;color:#64748b;font-size:13px;overflow:hidden;padding:2px 5px;position:relative;transition:all .2s ease}.action-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.edit-btn{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.edit-btn:hover{background:#3b82f6;color:#fff}.preview-btn{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.preview-btn:hover{background:#10b981;color:#fff}.publish-btn{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.publish-btn:hover{background:#f59e0b;color:#fff}.delete-btn{align-items:center;background-color:#141414;border:none;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.164);cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:2px;height:35px;justify-content:center;overflow:hidden;position:relative;transition-duration:.3s;width:35px}.delete-btn .svgIcon{transition-duration:.3s;width:10px}.delete-btn .svgIcon path{fill:#fff}.delete-btn:hover{align-items:center;background-color:#ff4545;gap:0;transition-duration:.3s}.delete-btn .bin-top{transform-origin:bottom right}.delete-btn:hover .bin-top{transform:rotate(160deg);transition-duration:.5s}@media (max-width:768px){.landing-list{gap:20px;grid-template-columns:1fr;padding:16px}.page-card{border-radius:16px}.page-content{padding:20px}.page-stats{flex-direction:column;gap:12px;text-align:left}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-number{margin-bottom:0}}@media (max-width:480px){.landing-list{gap:16px;padding:12px}.page-thumbnail{height:160px}.page-content{padding:16px}.page-title{font-size:16px}.meta-item{font-size:11px}.stat-number{font-size:16px}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.page-card.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.page-card.loading *{visibility:hidden}.page-card:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.action-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.popup-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:90%;padding:20px;width:400px}.popup-content h2{color:#333;font-size:1.5rem;margin-top:0}.form-group{margin-bottom:15px}.form-group label{color:#333;font-weight:700;margin-bottom:5px}.form-group label span{color:red}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:8px}.form-group textarea{height:100px;resize:vertical}.form-buttons{display:flex;gap:10px;justify-content:flex-end}.form-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:10px 20px}.form-buttons button[type=button]{background:#ccc;color:#333}.form-buttons button[type=submit]{background:#007bff;color:#fff}.form-buttons button:disabled{background:#aaa;cursor:not-allowed}.mode-selection{display:flex;flex-direction:column;gap:10px}.mode-option{align-items:center;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;padding:15px;transition:all .3s ease}.mode-option:hover{background-color:#f8f9fa;border-color:#007bff}.mode-option.active{background-color:#e7f3ff;border-color:#007bff}.mode-icon{font-size:2rem;margin-right:15px}.mode-info{flex:1 1}.mode-info h4{color:#333;font-size:1rem;margin:0 0 5px}.mode-info p{color:#666;font-size:.875rem;margin:0}.mode-radio{font-size:1.2rem}.file-upload-area{margin-top:10px}.file-select-btn{align-items:center;background:#f8f9fa;border:2px dashed #007bff;border-radius:8px;color:#007bff;cursor:pointer;display:flex;font-size:1rem;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.file-select-btn:hover{background:#e7f3ff;border-color:#0056b3}.file-select-btn i{font-size:1.2rem}.file-info{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;display:flex;font-size:.875rem;gap:8px;margin-top:10px;padding:10px}.file-check{font-size:1.2rem}.form-hint{color:#666;display:block;font-size:.875rem;font-style:italic;margin-top:8px}.pages-main{display:flex}.page-content{flex:1 1;margin-left:50px;padding:20px;transition:margin-left .3s ease}.page-content .content-header{align-items:flex-start;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-content .content-header h1{color:#111827;font-size:20px;font-weight:600;margin:0}.page-content .create-btn{align-items:center;background-color:#223a73;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:23px 26px;transition:all .2s ease}.page-content .create-btn:hover{background-color:#1e40af}.page-content .create-btn:active{transform:scale(.97)}.page-content .create-btn svg{flex-shrink:0}.page-content .controls{display:flex;gap:16px;justify-content:space-between;margin-left:60px;max-width:96%}.page-content .search-box{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:6px;padding:6px 10px}.page-content .search-box input{border:none;flex:1 1;font-size:14px;outline:none}.page-content .filters{display:flex;gap:10px}.page-content .filter-select{border:1px solid #e2e8f0;border-radius:6px;font-size:13px;padding:6px 10px}.page-content1 .page-url a{color:#0284c7;font-size:12px;text-decoration:none}.page-content1 .status{border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.page-content1 .status.green{background:#22c55e}.page-content1 .status.gray{background:#94a3b8}.page-content1 .status-info{align-items:center;color:#73a1e5;display:flex;font-size:12px;gap:6px;margin-top:4px}.page-content1 .metric{text-align:center}.page-content1 .more-btn{background:transparent;border:none;border-radius:6px;cursor:pointer;padding:4px}.page-content1 .more-btn:hover{background:#f1f5f9}.page-content1 .pagination{color:#475569;font-size:13px}.payout-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payout-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.payout-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.payout-modal-header h2{color:#111827;font-size:1.5rem;margin:0}.close-btn{background:none;color:#6b7280;padding:.5rem;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#111827}.payout-amount-display{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #e5e7eb;padding:2rem;text-align:center}.amount-label{color:#78350f;font-size:.875rem;margin-bottom:.5rem}.amount-value{color:#92400e;font-size:2rem;font-weight:700;margin-bottom:.25rem}.amount-note{color:#a16207;font-size:.75rem}.payout-form{padding:1.5rem}.form-group label{gap:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1);outline:none}.form-group small{font-size:.75rem;margin-top:.25rem}.payout-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.payout-info-box h4{color:#1e40af;font-size:.875rem;margin:0 0 .75rem}.payout-info-box ul{margin:0;padding-left:1.25rem}.payout-info-box li{color:#1e3a8a;font-size:.75rem;margin-bottom:.25rem}.payout-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-submit{border-radius:8px;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-submit{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px rgba(245,158,11,.3);transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.payout-modal{max-height:95vh;width:95%}.amount-value{font-size:1.5rem}.payout-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.payments-container{background-color:#f3f4f6;display:flex;margin-top:70px;min-height:100vh}.payments-main{display:flex;flex:1 1;flex-direction:column}.payments-content{flex:1 1;padding-left:100px;width:100%}.payments-header{border-bottom:1px solid #e5e7eb;margin-bottom:2.5rem;padding:2rem 0;text-align:left}.payments-header h1{-webkit-text-fill-color:transparent;animation:paymentTitleGradient 5s ease-in-out infinite;background:linear-gradient(90deg,#2dd4bf,#34d399,#3b82f6,#2dd4bf);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 .75rem}.payments-header p{color:#4b5563;font-size:1.1rem;line-height:1.6;max-width:700px}@keyframes paymentTitleGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.stat-card{transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.stat-sublabel{color:#9ca3af;font-size:.75rem;margin-top:2px}.highlight-card{border:2px solid #f59e0b!important;cursor:pointer;transition:transform .2s}.highlight-card:hover{box-shadow:0 4px 12px rgba(245,158,11,.2);transform:translateY(-2px)}.payments-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:2rem;padding:1.5rem}.filter-row{align-items:center;gap:1rem;justify-content:center}.filter-select{padding:.625rem 1rem;transition:border-color .2s}.filter-select:focus{border-color:#3b82f6}.date-filters{align-items:center;display:flex;gap:.5rem}.date-input{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.875rem;padding:.625rem 1rem}.date-input:focus{border-color:#3b82f6;outline:none}.export-btn,.filter-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.filter-btn{background:#3b82f6;color:#fff}.filter-btn:hover{background:#2563eb}.export-btn{background:#10b981;color:#fff}.export-btn:hover{background:#059669}.transactions-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow-x:auto;padding:1.5rem}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table thead{background:#f9fafb}.transactions-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.transactions-table td{border-bottom:1px solid #e5e7eb;color:#111827;font-size:.875rem;padding:1rem}.transactions-table tbody tr:hover{background:#f9fafb}.transaction-id{background:#f3f4f6;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;padding:.25rem .5rem}.product-info strong{color:#111827}.payment-method{background:#f3f4f6;border-radius:9999px;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.amount{color:#059669;font-weight:700}.status-badge1{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.view-detail-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;display:flex;font-size:.75rem;gap:.25rem;padding:.5rem .75rem;transition:background .2s}.view-detail-btn:hover{background:#2563eb}.pagination{margin-top:1.5rem}.pagination button{background:#3b82f6;border:none;color:#fff;transition:background .2s}.pagination button:hover:not(:disabled){background:#2563eb}.pagination button:disabled{background:#d1d5db}.pagination span{font-size:.875rem}.modal-overlay{animation:fadeIn .2s ease-in-out}.modal-content{animation:slideUp .3s ease-in-out;max-height:80vh;max-width:600px;overflow-y:auto}.modal-content h2{margin-bottom:1.5rem}.transaction-detail{display:flex;flex-direction:column;gap:1rem}.detail-row{align-items:center;background:#f9fafb;border-radius:8px;padding:.75rem}.detail-row .label{color:#6b7280;font-size:.875rem;font-weight:600}.detail-row code{background:#e5e7eb;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;padding:.25rem .5rem}.close-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1.5rem;padding:.75rem;transition:background .2s;width:100%}.close-btn:hover{background:#2563eb}@media (max-width:768px){.payments-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.filter-row{align-items:stretch}.date-filters,.filter-row{flex-direction:column}.transactions-table{padding:1rem}.transactions-table table{font-size:.75rem}.transactions-table td,.transactions-table th{padding:.5rem}}.my-payouts-container{background:#f9fafb;display:flex;margin-top:70px;min-height:100vh}.my-payouts-main{flex:1 1;margin-left:250px}.my-payouts-content{margin-top:-10px;max-width:1400px;padding:2rem}.payouts-header{align-items:flex-end;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:2rem}.payouts-header-title{flex-grow:1}.payouts-header h1{-webkit-text-fill-color:transparent;animation:payoutTitleGradient 6s ease-in-out infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24,#ea580c,#f59e0b);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 .5rem}.payouts-header p{color:#4b5563;font-size:1.1rem;line-height:1.6;margin:0}.btn-back{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-back:hover{background:#fffbeb;border-color:#f59e0b}.payouts-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem;padding:1rem}.status-badge2{border-radius:9999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.success-note{color:#059669;font-size:.75rem}.error-note{color:#dc2626;font-size:.75rem}.info-note{color:#2563eb;font-size:.75rem}.pending-note{color:#d97706;font-size:.75rem}.empty-state p{font-size:1rem;margin-bottom:1.5rem}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px rgba(245,158,11,.3)}@media (max-width:1024px){.my-payouts-main{margin-left:80px}}@media (max-width:640px){.my-payouts-main{margin-left:0}.payouts-header{align-items:flex-start;flex-direction:column;gap:1rem}.payouts-table{overflow-x:auto}.payouts-table table{min-width:700px}.stats-grid{grid-template-columns:1fr}}.admin-payout-container{background:#f9fafb;display:flex;margin-top:70px;min-height:100vh}.admin-payout-main{flex:1 1;margin-left:250px}.admin-payout-content{max-width:1400px;padding:2rem}.payout-header{border-bottom:1px solid #e5e7eb;margin-bottom:2.5rem;padding-bottom:2rem}.payout-header h1{-webkit-text-fill-color:transparent;animation:payoutHeaderGradient 7s ease-in-out infinite;background:linear-gradient(90deg,#2563eb,#14b8a6,#22c55e,#2563eb);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:Inter,sans-serif;font-size:2.75rem;font-weight:800;letter-spacing:-1px;margin-bottom:.75rem}.payout-header p{color:#4b5563;font-size:1.1rem;line-height:1.6}.stat-card{box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-icon{border-radius:12px;height:56px;width:56px}.stat-value{color:#111827}.payout-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem;padding:1rem}.filter-select{font-size:.875rem;min-width:200px;padding:.75rem}.filter-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1)}.payouts-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem}.payouts-table table{border-collapse:collapse;width:100%}.payouts-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.payouts-table td{border-bottom:1px solid #e5e7eb;color:#111827;font-size:.875rem;padding:1rem}.payouts-table tr:last-child td{border-bottom:none}.user-info{align-items:center;display:flex;gap:.5rem}.user-info div{display:flex;flex-direction:column}.user-info small{color:#6b7280;font-size:.75rem}.status-badge-a{border-radius:9999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.action-buttons{gap:.5rem}.btn-approve,.btn-reject{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-approve:hover{background:#059669}.btn-reject:hover{background:#dc2626}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:2rem}.modal-content h2{color:#111827;font-size:1.25rem;margin:0 0 1.5rem}.modal-info{background:#f9fafb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.modal-info p{color:#374151;font-size:.875rem;margin:.5rem 0}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1);outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-confirm,.btn-danger{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-confirm:hover{box-shadow:0 4px 12px rgba(16,185,129,.3);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{box-shadow:0 4px 12px rgba(239,68,68,.3);transform:translateY(-2px)}.empty-state{padding:3rem}.pagination{border-top:1px solid #e5e7eb;padding-top:1.5rem}.pagination button{border:1px solid #e5e7eb;font-size:.875rem;transition:all .2s}.pagination button:hover:not(:disabled){background:#f9fafb}@media (max-width:1024px){.admin-payout-main{margin-left:80px}}@media (max-width:640px){.admin-payout-main{margin-left:0}.admin-payout-content{padding:1rem}.payouts-table{overflow-x:auto}.payouts-table table{min-width:800px}.stats-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm,.btn-danger{width:100%}}.modal1-overlay--preview{align-items:center;background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:2000}.modal1-content--preview{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;height:78vh;max-height:880px;max-width:1400px;overflow:hidden;width:78vw}.modal1-content--preview.full-screen{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}.modal1-header--preview{align-items:center;background:linear-gradient(180deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px}.modal1-title{color:#111827;font-size:1.5rem;font-weight:600;gap:8px}.btn--close,.modal1-title{align-items:center;display:flex}.btn--close{background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:20px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.btn--close:hover{background:#f3f4f6;color:#111827}.modal1-body{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:10px}.preview-tabs{gap:6px;margin-bottom:8px}.preview-tab,.preview-tabs{display:flex;justify-content:center}.preview-tab{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.preview-tab.active{background:#2563eb;color:#fff}.preview-tab:hover{background:#e5e7eb}.preview-tab.active:hover{background:#1d4ed8}.preview-container{flex:1 1;overflow:hidden}.preview-container,.preview-frame{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.preview-frame{position:relative}.preview-container.desktop .preview-frame{height:65vh;max-height:790px;max-width:1260px;width:78vw}.desktop-preview{background:#f3f4f6;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.desktop-header{align-items:center;background:#e5e7eb;display:flex;padding:12px}.control-btn{border-radius:50%;cursor:default;height:14px;margin:0 5px;width:14px}.control-btn.red{background:#f87171}.control-btn.yellow{background:#facc15}.control-btn.green{background:#22c55e}.desktop-preview .modal1-iframe{background:#fff;border:none;height:100%;overflow:auto;scrollbar-width:none;width:100%}.desktop-preview .modal1-iframe::-webkit-scrollbar{display:none}.preview-container.mobile .preview-frame{height:587px;max-height:90%;max-width:100%;width:375px}.mobile-preview{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:36px;box-shadow:0 12px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.mobile-frame{border-radius:28px}.mobile-frame,.mobile-preview .modal1-iframe{background:#fff;height:100%;overflow:hidden;width:100%}.mobile-preview .modal1-iframe{border:none;scrollbar-width:none}.mobile-preview .modal1-iframe::-webkit-scrollbar{display:none}.mobile-home-button{background:#d1d5db;border-radius:2px;bottom:8px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.preview-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center}@media (max-width:768px){.modal1-content--preview{border-radius:12px;height:92vh;width:92vw}.modal1-content--preview.full-screen{border-radius:0;height:100vh;width:100vw}.preview-container.desktop .preview-frame{height:100%;max-height:calc(100% - 80px);max-width:100%;width:100%}.preview-container.mobile .preview-frame{height:528px;max-height:90vh;max-width:375px;width:100%}.modal1-title{font-size:1.25rem}.preview-tab{font-size:.875rem;padding:6px 10px}.mobile-preview{border-radius:32px;padding:10px}.mobile-frame{border-radius:24px}}@media (max-width:480px){.modal1-content--preview,.modal1-content--preview.full-screen{border-radius:0;height:100vh;width:100vw}.preview-container.mobile .preview-frame{height:90vh;max-height:528px;width:100%}.preview-tabs{flex-wrap:wrap;gap:2px}.preview-tab{font-size:.75rem;padding:6px 8px}}.templates-content{flex:1 1;height:calc(100vh - 70px);margin:0 20px 20px 80px;max-width:1600px;overflow-y:auto;padding:1rem}.banner-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;height:280px;margin-bottom:24px;overflow:hidden;position:relative}.banner-image{height:100%;object-fit:cover;opacity:.6;width:100%}.banner-overlay{align-items:center;background:rgba(26,26,46,.5);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:40px 20px;position:absolute;text-align:center}.banner-overlay h2{font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.banner-overlay p{font-size:1.1rem;font-weight:500;margin-bottom:24px;opacity:.95}.banner-cta{background:#2563eb;border:none;border-radius:6px;box-shadow:0 4px 12px rgba(37,99,235,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.banner-cta:hover{background:#1d4ed8;box-shadow:0 6px 16px rgba(37,99,235,.4);transform:translateY(-2px)}.search-form{display:flex;gap:8px;margin-bottom:20px}.search-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}.search-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 18px;transition:all .2s ease}.search-btn:hover{background:#1d4ed8}.sub-filters{display:flex;gap:12px}.filter-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:10px 14px;transition:all .3s ease}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}.category-tabs{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:24px 40px}.tab-btn{background:transparent;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#f0f7ff;border-color:#2563eb;color:#2563eb}.tab-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.templates-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(4,1fr);padding:20px}.template-card{animation:cardEnter .6s cubic-bezier(.4,0,.2,1) backwards;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.template-card:first-child{animation-delay:.05s}.template-card:nth-child(2){animation-delay:.1s}.template-card:nth-child(3){animation-delay:.15s}.template-card:nth-child(4){animation-delay:.2s}.template-card:nth-child(n+5){animation-delay:.25s}.template-card:hover{border-color:#e5e7eb;box-shadow:0 20px 40px rgba(0,0,0,.15)}.card-media{background:linear-gradient(135deg,#667eea,#764ba2);height:240px}.template-image{filter:brightness(.95);height:auto;left:0;min-height:100%;object-position:top center;position:absolute;top:0;transition:all .3s ease;z-index:2}.template-card:hover .template-image{animation:smoothScroll 8s ease-in-out infinite;filter:brightness(1)}@keyframes scrollDown{0%{object-position:top center}to{object-position:bottom center}}.card-media:before{background:transparent;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:3}.template-card:hover .card-media:before{opacity:0}.image-placeholder{font-size:3rem;font-weight:700}.template-image[style*="display: none"]+.image-placeholder{opacity:1}.card-overlay{background:hsla(0,0%,87%,.25);gap:16px;inset:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:10}.btn{align-items:center;border:1.5px solid hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;opacity:0;transform:scale(.7);transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.template-card:hover .btn{opacity:1;transform:scale(1)}.btn:first-child{transition-delay:.05s}.btn:nth-child(2){transition-delay:.1s}.btn-primary{background:#2563eb;box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-primary:hover{background:#1d4ed8;box-shadow:0 8px 20px rgba(37,99,235,.5);transform:scale(1.15) rotate(5deg)}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{background:#9ca3af}.btn-secondary{background:hsla(0,0%,100%,.1);border:1.5px solid hsla(0,0%,100%,.4);box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff}.btn-secondary:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.8);box-shadow:0 8px 20px hsla(0,0%,100%,.3);transform:scale(1.15) rotate(-5deg)}.btn-secondary:active{transform:scale(.95)}.badge{animation:slideIn .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:4}.badge.featured{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px rgba(251,191,36,.4);color:#78350f}.badge.premium{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 12px rgba(236,72,153,.4);color:#fff}.badge.free{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.4);color:#fff}.card-content{justify-content:space-between;padding:18px;position:relative;transition:all .3s ease;z-index:5}.template-card:hover .card-content{background:linear-gradient(180deg,#f9fafb 0,#fff)}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:.95rem;line-height:1.4;margin-bottom:12px;overflow:hidden;transition:color .3s ease}.template-card:hover .card-title{color:#2563eb}.card-meta{align-items:center;color:#6b7280}.category{background:#f3f4f6;color:#4b5563;padding:4px 10px;transition:all .3s ease}.template-card:hover .category{background:#2563eb;color:#fff}.usage{color:#9ca3af;gap:4px;transition:color .3s ease}.template-card:hover .usage{color:#2563eb}.error-alert{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;font-weight:500;gap:12px;margin:20px 40px;padding:16px}.end-message{color:#6b7280;font-size:1rem;padding:40px 20px}.end-message i{color:#10b981;display:block;font-size:2rem;margin-bottom:12px}@media (max-width:1440px){.templates-grid{gap:20px;grid-template-columns:repeat(3,1fr);padding:32px}}@media (max-width:1024px){.templates-grid{gap:20px;grid-template-columns:repeat(3,1fr);padding:32px}.banner-overlay h2{font-size:2rem}.banner-overlay p{font-size:1rem}}@media (max-width:768px){.templates-grid{gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.controls-section{padding:20px}.category-tabs{padding:16px 20px}.banner-overlay h2{font-size:1.5rem}.banner-overlay p{font-size:.95rem}.banner-cta{font-size:.9rem;padding:10px 24px}.card-media{height:200px}}@media (max-width:480px){.templates-grid{gap:12px;grid-template-columns:repeat(1,1fr);padding:16px}.card-media{height:180px}.controls-section{padding:16px}.search-form,.sub-filters{flex-direction:column}.category-tabs{padding:12px 16px}.banner-section{height:200px}.banner-overlay h2{font-size:1.2rem}.banner-overlay p{font-size:.85rem}}:root{--color-info:#6366f1}.marketplace-container{background-color:#fcfcfc;background-color:var(--color-bg-main);font-family:Inter,sans-serif;font-family:var(--font-sans);margin-top:70px}.marketplace-main{display:flex;flex-direction:column;flex-grow:1}.marketplace-content{flex-grow:1;margin:0 auto;max-width:1400px;padding-left:110px;width:100%}.marketplace-hero{background:url(https://res.cloudinary.com/dubthm5m6/image/upload/v1761104441/Pink_Pixel_Gaming_Channel_Banner_phcntk.jpg) 50%/cover no-repeat;border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);margin-bottom:30px;margin-bottom:var(--space-xl);min-height:300px;overflow:hidden;position:relative;width:100%}.marketplace-hero:before{background:linear-gradient(135deg,hsla(33,22%,53%,.12),rgba(51,51,51,.06));content:"";inset:0;position:absolute;z-index:1}.marketplace-hero h1,.marketplace-hero p{color:#fff;padding:0 20px;padding:0 var(--space-lg);position:relative;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3);z-index:2}.marketplace-hero h1{font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:2.8rem;letter-spacing:-.5px;margin:30px 0 14px;margin:var(--space-xl) 0 var(--space-md)}.marketplace-hero p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.view-filter-tabs{display:flex;flex-wrap:wrap;gap:14px;gap:var(--space-md);margin-bottom:20px;margin-bottom:var(--space-lg);padding:0 14px;padding:0 var(--space-md)}.view-filter-tabs button{background-color:#e5e7eb;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#374151;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.view-filter-tabs button:hover{background-color:#d1d5db}.view-filter-tabs button.active:first-child{background-color:#6366f1;background-color:var(--color-info);color:#fff}.view-filter-tabs button.active:nth-child(2){background-color:#10b981;background-color:var(--color-success);color:#fff}.view-filter-tabs button.active:nth-child(3){background-color:#f59e0b;background-color:var(--color-warning);color:#fff}.marketplace-filters{background-color:#fff;background-color:var(--color-bg-container);border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;gap:var(--space-md);margin-bottom:30px;margin-bottom:var(--space-xl);padding:20px;padding:var(--space-lg)}.search-bar{display:flex;gap:0;width:100%}.search-bar input{border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:6px 0 0 6px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);flex-grow:1;font-family:Inter,sans-serif;font-family:var(--font-sans);font-size:.95rem;padding:12px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.search-bar input:focus{border-color:#a18a6d;border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(33,22%,53%,.15)}.search-bar button{align-items:center;background-color:#a18a6d;background-color:var(--color-primary);border:1px solid #a18a6d;border:1px solid var(--color-primary);border-radius:0 6px 6px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:12px 24px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.search-bar button:hover{background-color:#927a60;border-color:#927a60;box-shadow:0 8px 30px rgba(0,0,0,.07);box-shadow:var(--shadow-interactive);transform:translateY(-2px)}.filter-row{display:flex;flex-wrap:wrap;gap:14px;gap:var(--space-md)}.filter-select,.price-range input{background-color:#f9f9f9;border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-sans);min-width:150px;padding:10px 14px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.filter-select:focus,.price-range input:focus{background-color:#fff;border-color:#a18a6d;border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(33,22%,53%,.1);outline:none}.price-range{align-items:center;display:flex;flex:1 1;gap:8px;gap:var(--space-sm);min-width:250px}.price-range input{flex:1 1;min-width:80px}.price-range span{color:#959595;color:var(--color-text-light);font-weight:500}.price-range button{background-color:#f1f1f1;border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#505050;color:var(--color-text-body);cursor:pointer;font-weight:600;padding:10px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.price-range button:hover{background-color:#a18a6d;background-color:var(--color-primary);border-color:#a18a6d;border-color:var(--color-primary);color:#fff}.featured-section h2,.marketplace-grid-section h2{color:#1a1a1a;color:var(--color-text-header);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:2.2rem;font-weight:500;letter-spacing:1.5px;margin-bottom:30px;margin-bottom:var(--space-xl);padding-bottom:15px;position:relative;text-transform:uppercase}.featured-section h2:after,.marketplace-grid-section h2:after{background:#a18a6d;background:var(--color-primary);border-radius:2px;bottom:0;box-shadow:0 1px 3px hsla(33,22%,53%,.4);content:"";height:3px;left:0;position:absolute;width:80px}.featured-grid,.marketplace-grid{grid-gap:20px;grid-gap:var(--space-lg);display:grid;gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.featured-section,.marketplace-grid-section{margin-bottom:30px;margin-bottom:var(--space-xl)}.featured-card,.marketplace-card{background-color:#fff;background-color:var(--color-bg-container);border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 15px rgba(0,0,0,.04);box-shadow:var(--shadow-soft);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.featured-card:hover,.marketplace-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.07);box-shadow:var(--shadow-interactive);transform:translateY(-8px)}.card-image,.featured-image{background-color:#f5f5f5;height:200px;overflow:hidden;position:relative;width:100%}.card-image img,.featured-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.featured-card:hover .featured-image img,.marketplace-card:hover .card-image img{transform:scale(1.08)}.bestseller-badge,.discount-badge,.my-page-badge,.purchased-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 12px;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.2);top:14px;top:var(--space-md);z-index:2}.discount-badge{background-color:#ef4444;background-color:var(--color-danger);left:14px;left:var(--space-md)}.bestseller-badge,.my-page-badge{background-color:#f59e0b;background-color:var(--color-warning);left:14px;left:var(--space-md)}.purchased-badge{background-color:#10b981;background-color:var(--color-success);left:14px;left:var(--space-md)}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:after{background:#1a1a1a;border-radius:6px;bottom:120%;color:#fff;content:attr(data-tooltip);font-size:.75rem;padding:6px 10px;pointer-events:none;white-space:nowrap;z-index:10}[data-tooltip]:after,[data-tooltip]:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease}[data-tooltip]:before{border:5px solid transparent;border-top-color:#1a1a1a;bottom:110%;content:""}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1}.image-overlay{background:rgba(0,0,0,.35);inset:0;opacity:0;position:absolute;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);z-index:1}.featured-card:hover .image-overlay,.marketplace-card:hover .image-overlay{opacity:1}.view-detail-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.15);border:1.5px solid hsla(0,0%,100%,.9);border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans);font-size:.95rem;font-weight:600;left:50%;opacity:0;padding:12px 28px;position:absolute;top:50%;transform:translate(-50%,-40%);transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:3}.featured-card:hover .view-detail-btn,.marketplace-card:hover .view-detail-btn{opacity:1;transform:translate(-50%,-50%)}.view-detail-btn:hover{background-color:hsla(0,0%,100%,.25);border-color:#fff}.preview-quick-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.15);border:1.5px solid hsla(0,0%,100%,.8);border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;left:50%;letter-spacing:.5px;opacity:0;padding:10px 24px;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-70%);transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:3}.featured-card:hover .preview-quick-btn,.marketplace-card:hover .preview-quick-btn{opacity:1;transform:translate(-50%,-70%)}.preview-quick-btn:hover{background-color:hsla(33,22%,53%,.9);border-color:#a18a6d;border-color:var(--color-primary)}.card-content,.featured-info{display:flex;flex-direction:column;flex-grow:1;padding:14px;padding:var(--space-md)}.card-category{color:#a18a6d;color:var(--color-primary);font-size:.75rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.card-category,.card-title{margin-bottom:8px;margin-bottom:var(--space-sm)}.card-title{color:#1a1a1a;color:var(--color-text-header);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:1.15rem}.card-description{color:#505050;color:var(--color-text-body);flex-grow:1;font-size:.85rem}.card-description,.card-meta{margin-bottom:14px;margin-bottom:var(--space-md)}.card-meta{border-top:1px solid #f1f1f1;border-top:1px solid var(--color-border);color:#959595;color:var(--color-text-light);flex-wrap:wrap;font-size:.8rem;gap:14px;gap:var(--space-md);padding-top:14px;padding-top:var(--space-md)}.card-meta span{align-items:center;display:flex;gap:4px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.card-meta span:hover{color:#a18a6d;color:var(--color-primary)}.card-meta svg{height:16px;opacity:.7;width:16px}.card-footer{align-items:center;display:flex;gap:14px;gap:var(--space-md);justify-content:space-between;margin-top:auto}.card-price,.featured-price{align-items:baseline;display:flex;gap:8px;gap:var(--space-sm)}.current-price{color:#1a1a1a;color:var(--color-text-header);font-size:1.1rem;font-weight:700}.original-price{color:#959595;color:var(--color-text-light);font-size:.85rem;text-decoration:line-through}.add-to-cart-btn{align-items:center;background:#a18a6d;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.add-to-cart-btn:hover{background:#927a60;transform:translateY(-1px)}.floating-cart{background:#a18a6d;background:var(--color-primary);box-shadow:0 8px 30px rgba(0,0,0,.07);box-shadow:var(--shadow-interactive);cursor:pointer;height:50px;position:fixed;right:20px;top:80px;transition:transform .2s;width:50px;z-index:1000}.floating-cart,.floating-cart .cart-count{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.floating-cart .cart-count{background:#ef4444;background:var(--color-danger);font-size:.7rem;font-weight:600;height:18px;position:absolute;right:-6px;top:-6px;width:18px}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:10px;border-radius:var(--radius);color:#991b1b;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg);text-align:center}.loader{font-weight:500;text-align:center}.empty-state,.loader{color:#959595;color:var(--color-text-light);padding:30px;padding:var(--space-xl)}.empty-state{font-size:1.05rem}@media (max-width:768px){.marketplace-content{padding-left:0!important;padding:20px;padding:var(--space-lg)}.marketplace-hero{height:200px;min-height:0;min-height:auto}.featured-grid,.marketplace-grid{gap:14px;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search-bar{flex-direction:column}.search-bar button,.search-bar input{border-radius:6px;border-radius:var(--radius-sm)}.filter-row,.price-range,.view-filter-tabs{flex-direction:column}.filter-select,.price-range input,.view-filter-tabs button{width:100%}.card-footer{align-items:flex-start;flex-direction:column}.view-detail-btn{font-size:.9rem;padding:10px 20px}.floating-cart{height:45px;right:15px;top:70px;width:45px}}@media (max-width:480px){.marketplace-content{padding:14px;padding:var(--space-md)}.marketplace-hero{padding:20px;padding:var(--space-lg)}.marketplace-hero h1{font-size:1.8rem}.featured-section h2,.marketplace-grid-section h2{font-size:1.6rem}.featured-grid,.marketplace-grid{grid-template-columns:1fr}.card-title{font-size:1rem}.card-meta{font-size:.75rem;gap:8px;gap:var(--space-sm)}}:root{--color-border:#f1f1f1;--color-primary:#a18a6d;--color-like:#ff4d4f;--space-md:14px;--space-lg:20px;--space-xl:30px;--radius:10px;--radius-sm:6px;--shadow-soft:0 4px 15px rgba(0,0,0,.04);--shadow-interactive:0 8px 30px rgba(0,0,0,.07);--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.marketplace-detail-container{background-color:#fcfcfc;background-color:var(--color-bg-main);display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans);margin-top:70px}.marketplace-detail-main{flex-grow:1;min-width:0}.marketplace-detail-content{align-items:center;justify-content:center;margin-left:300px;width:70%}.breadcrumb{color:#959595;color:var(--color-text-light);font-size:.9rem;margin-bottom:30px;margin-bottom:var(--space-xl)}.breadcrumb span{cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.breadcrumb span:hover{color:#a18a6d;color:var(--color-primary)}.breadcrumb .separator{cursor:default;margin:0 8px}.breadcrumb .current{color:#505050;color:var(--color-text-body);cursor:default;font-weight:500}.detail-grid{grid-gap:30px;grid-gap:var(--space-xl);align-items:flex-start;gap:30px;gap:var(--space-xl);grid-template-columns:1.5fr 1fr}.detail-left .main-image{border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 15px rgba(0,0,0,.04);box-shadow:var(--shadow-soft);margin-bottom:20px;margin-bottom:var(--space-lg);overflow:hidden}.detail-left .main-image img{display:block;width:100%}.thumbnail-gallery{grid-gap:14px;grid-gap:var(--space-md);display:grid;gap:14px;gap:var(--space-md);grid-template-columns:repeat(5,1fr);margin-bottom:30px;margin-bottom:var(--space-xl)}.thumbnail{aspect-ratio:1/1;border:2px solid transparent;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;opacity:.7;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.thumbnail:hover{border-color:#ddd;opacity:1}.thumbnail.active{border-color:#a18a6d;border-color:var(--color-primary);opacity:1}.detail-right{background-color:#fff;background-color:var(--color-bg-container);border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 15px rgba(0,0,0,.04);box-shadow:var(--shadow-soft);padding:30px;padding:var(--space-xl);position:-webkit-sticky;position:sticky;top:20px}.detail-header .category-badge{background-color:hsla(33,22%,53%,.1);border-radius:50px;color:#a18a6d;color:var(--color-primary);display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:14px;margin-bottom:var(--space-md);padding:4px 10px}.detail-header h1{color:#1a1a1a;color:var(--color-text-header);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:2.2rem;margin-bottom:8px;margin-bottom:var(--space-sm)}.meta-info,.seller-info{border-bottom:1px solid #f1f1f1;border-bottom:1px solid var(--color-border);color:#959595;color:var(--color-text-light);display:flex;flex-wrap:wrap;font-size:.85rem;gap:14px;gap:var(--space-md);margin-bottom:20px;margin-bottom:var(--space-lg);padding-bottom:20px;padding-bottom:var(--space-lg)}.seller-info{border-bottom:none;padding-bottom:0}.meta-info span,.seller-info span{align-items:center;display:flex;gap:6px}.price-section{align-items:center;background:#fcfcfc;background:var(--color-bg-main);border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-lg)}.price-box{align-items:baseline;display:flex;gap:8px;gap:var(--space-sm)}.price-section .current-price{color:#a18a6d;color:var(--color-primary);font-size:2rem;font-weight:700}.price-section .original-price{color:#959595;color:var(--color-text-light);font-size:1.1rem;text-decoration:line-through}.price-section .discount-badge{background-color:#ff4d4f;background-color:var(--color-like);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;font-weight:600;padding:5px 10px}.action-buttons{grid-gap:14px;grid-gap:var(--space-md);display:grid;gap:14px;gap:var(--space-md);grid-template-columns:1fr}.action-buttons-secondary{grid-gap:14px;grid-gap:var(--space-md);display:grid;gap:14px;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-bottom:20px;margin-bottom:var(--space-lg)}.action-btn{font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.action-btn,.purchase-btn{border-radius:6px;border-radius:var(--radius-sm);justify-content:center}.purchase-btn{align-items:center;background:linear-gradient(135deg,#a18a6d,#b9a589);background:linear-gradient(135deg,var(--color-primary) 0,#b9a589 100%);border:none;box-shadow:0 4px 15px hsla(33,22%,53%,.3);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;letter-spacing:.5px;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.purchase-btn:before{background:linear-gradient(135deg,#b9a589,#a18a6d);background:linear-gradient(135deg,#b9a589 0,var(--color-primary) 100%);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.purchase-btn:hover{box-shadow:0 8px 25px hsla(33,22%,53%,.4);transform:translateY(-2px)}.purchase-btn:hover:before{left:0}.purchase-btn:active{box-shadow:0 4px 15px hsla(33,22%,53%,.3);transform:translateY(0)}.purchase-btn:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none;color:#888;cursor:not-allowed;transform:none}.demo-btn,.like-btn{background-color:#f1f1f1;border:1px solid #f1f1f1;border:1px solid var(--color-border);color:#505050;color:var(--color-text-body)}.demo-btn:hover,.like-btn:hover{background-color:#e9e9e9;border-color:#ddd}.like-btn.liked{background-color:rgba(255,77,79,.05);border-color:#ff4d4f;border-color:var(--color-like);color:#ff4d4f;color:var(--color-like)}.info-section{margin-bottom:30px;margin-bottom:var(--space-xl)}.info-section h3{align-items:center;color:#1a1a1a;color:var(--color-text-header);display:flex;font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:1.5rem;gap:10px;margin-bottom:20px;margin-bottom:var(--space-lg)}.description-section p{color:#505050;color:var(--color-text-body);font-size:1rem;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-sm)}.tag{background-color:#f1f1f1;border-radius:4px;font-size:.8rem;padding:4px 10px}.download-section{background-color:#fcfcfc;background-color:var(--color-bg-main);border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);padding:20px;padding:var(--space-lg)}.download-info{color:#505050;color:var(--color-text-body);font-size:.9rem;margin-bottom:14px;margin-bottom:var(--space-md)}.download-options{display:flex;flex-direction:column;gap:14px;gap:var(--space-md)}.download-btn{align-items:center;background-color:#5cb85c;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.download-btn:hover{background-color:#4a9d4a}.download-btn:disabled{background-color:#ccc;cursor:not-allowed}.payment-method{border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:grid;grid-template-columns:1fr auto;margin-bottom:8px;margin-bottom:var(--space-sm);padding:14px;padding:var(--space-md);transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.payment-method:hover{border-color:#ccc}.payment-method.selected{background-color:hsla(33,22%,53%,.05);border-color:#a18a6d;border-color:var(--color-primary)}.method-label{color:#1a1a1a;color:var(--color-text-header);font-weight:600}.method-description{color:#959595;color:var(--color-text-light);font-size:.85rem;grid-column:1/2}.radio-select{color:#a18a6d;color:var(--color-primary);font-size:1.5rem;grid-column:2/3;grid-row:1/3}.features-section{border-top:1px solid #f1f1f1;border-top:1px solid var(--color-border);padding-top:30px;padding-top:var(--space-xl)}.features-grid{grid-gap:20px;grid-gap:var(--space-lg);gap:20px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-item{align-items:center;background-color:#fff;background-color:var(--color-bg-container);border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);color:#505050;color:var(--color-text-body);display:flex;flex-direction:column;font-size:.95rem;gap:14px;gap:var(--space-md);padding:20px;padding:var(--space-lg)}.feature-item svg{color:#a18a6d;color:var(--color-primary);font-size:1.8rem}.error-container{padding:30px;padding:var(--space-xl);text-align:center}.error-container h2{color:#1a1a1a;color:var(--color-text-header);margin-bottom:14px;margin-bottom:var(--space-md)}.error-container p{color:#505050;color:var(--color-text-body);margin-bottom:20px;margin-bottom:var(--space-lg)}.error-container button{background-color:#a18a6d;background-color:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.error-container button:hover{background-color:#b9a589}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}.detail-right{position:static}.detail-left .main-image img{height:300px}.action-buttons-secondary{grid-template-columns:1fr}.thumbnail-gallery{grid-template-columns:repeat(4,1fr)}.detail-header h1{font-size:1.8rem}}.modal-overlay{background:rgba(0,0,0,.55);z-index:9999}.modal-content{border-radius:12px;position:relative}.modal-header{margin-bottom:16px}.modal-header .close{color:#888;cursor:pointer;font-size:20px}.status.delivered{color:#28a745;font-weight:600}.review-list{background-color:#fff;background-color:var(--color-bg-container);border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 15px rgba(0,0,0,.04);box-shadow:var(--shadow-soft);margin-top:30px;margin-top:var(--space-xl);padding:30px;padding:var(--space-xl)}.review-list h4{align-items:center;color:#1a1a1a;color:var(--color-text-header);display:flex;font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:1.8rem;gap:10px;margin-bottom:20px;margin-bottom:var(--space-lg)}.review-item{border-bottom:1px solid #f1f1f1;border-bottom:1px solid var(--color-border);padding:20px 0;padding:var(--space-lg) 0;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.review-item:last-child{border-bottom:none}.review-item:hover{background-color:hsla(33,22%,53%,.02);border-radius:6px;border-radius:var(--radius-sm);margin-left:-14px;margin-left:calc(var(--space-md)*-1);padding-left:14px;padding-left:var(--space-md)}.review-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-sm)}.review-head strong{color:#1a1a1a;color:var(--color-text-header);font-size:1rem;font-weight:600}.review-date{color:#959595;color:var(--color-text-light);font-size:.85rem}.review-comment{color:#505050;color:var(--color-text-body);font-size:.95rem;line-height:1.6;margin-top:8px;margin-top:var(--space-sm)}.stars{align-items:center;display:flex;gap:4px;margin:8px 0;margin:var(--space-sm) 0}.stars svg{height:18px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:18px}.stars .filled{fill:#ffc107;color:#ffc107}.stars svg:not(.filled){fill:none;color:#e0e0e0}.stars i{color:#959595;color:var(--color-text-light);font-size:.9rem;font-style:normal;margin-left:6px}.review-box{background:linear-gradient(135deg,hsla(33,22%,53%,.05),hsla(33,22%,53%,.02));border:2px solid #f1f1f1;border:2px solid var(--color-border);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 15px rgba(0,0,0,.04);box-shadow:var(--shadow-soft);margin-top:30px;margin-top:var(--space-xl);padding:30px;padding:var(--space-xl)}.review-box h4{color:#1a1a1a;color:var(--color-text-header);font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:1.5rem}.review-box .stars,.review-box h4{margin-bottom:20px;margin-bottom:var(--space-lg)}.review-box .stars svg{cursor:pointer;height:32px;transition:all .2s ease;width:32px}.review-box .stars svg:hover{filter:drop-shadow(0 2px 4px rgba(255,193,7,.4));transform:scale(1.2)}.review-box .stars svg.filled{fill:#ffc107;color:#ffc107}.review-box .stars svg:not(.filled){fill:none;color:#e0e0e0}.review-box textarea{border:1px solid #f1f1f1;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#505050;color:var(--color-text-body);font-family:Inter,sans-serif;font-family:var(--font-sans);font-size:.95rem;margin-bottom:20px;margin-bottom:var(--space-lg);min-height:100px;padding:14px;padding:var(--space-md);resize:vertical;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:100%}.review-box textarea:focus{border-color:#a18a6d;border-color:var(--color-primary);box-shadow:0 0 0 3px hsla(33,22%,53%,.1);outline:none}.review-box textarea::placeholder{color:#959595;color:var(--color-text-light)}.review-box button{background:linear-gradient(135deg,#a18a6d,#b9a589);background:linear-gradient(135deg,var(--color-primary) 0,#b9a589 100%);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 4px 12px hsla(33,22%,53%,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.review-box button:hover{box-shadow:0 6px 20px hsla(33,22%,53%,.4);transform:translateY(-2px)}.review-box button:active{transform:translateY(0)}.review-box button:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none;cursor:not-allowed;transform:none}.review-list:empty:before{color:#959595;color:var(--color-text-light);content:"Chưa có đánh giá nào. Hãy là người đầu tiên đánh giá sản phẩm này!";display:block;font-size:.95rem;padding:30px;padding:var(--space-xl);text-align:center}@media (max-width:768px){.review-box,.review-list{padding:20px;padding:var(--space-lg)}.review-box h4,.review-list h4{font-size:1.3rem}.review-box .stars svg{height:28px;width:28px}}.my-orders-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh}.my-orders-main{display:flex;flex:1 1}.my-orders-content{flex:1 1;margin-left:250px;margin-top:70px;padding:2rem}.my-orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.my-orders-header h1{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:.5rem}.my-orders-header p{color:#7f8c8d;font-size:1rem}.orders-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem}.tab-button{background:transparent;border-radius:8px;color:#7f8c8d;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.tab-button:hover{background:#f8f9fa;color:#2c3e50}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.4);color:#fff}.orders-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card1{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card1:hover{box-shadow:0 4px 20px rgba(0,0,0,.12);transform:translateY(-4px)}.stat-icon{background:#f8f9fa;border-radius:50%;height:50px;width:50px}.stat-value{color:#2c3e50;margin-bottom:.25rem}.stat-label{color:#7f8c8d;letter-spacing:.5px}.orders-filter{margin-bottom:2rem}.status-filter{border:2px solid #e0e0e0;font-size:1rem;min-width:200px;padding:.75rem 1.5rem;transition:all .3s ease}.status-filter:hover{border-color:#667eea}.status-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.order-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.12);transform:translateY(-4px)}.order-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.order-id{color:#2c3e50;display:flex}.order-id,.order-status-badge{align-items:center;font-weight:600;gap:.5rem}.order-status-badge{border-radius:20px;color:#fff;display:inline-flex;font-size:.875rem;padding:.5rem 1rem}.order-body{display:flex;gap:1.5rem;padding:1.5rem}.order-image{border-radius:8px;flex-shrink:0;height:140px;overflow:hidden;width:200px}.order-image img{height:100%;object-fit:cover;width:100%}.order-details{flex:1 1}.order-details h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.order-buyer,.order-date,.order-seller{align-items:center;color:#7f8c8d;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.order-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.75rem}.order-price,.seller-revenue{text-align:right}.price-label,.revenue-label{color:#7f8c8d;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.price-value,.revenue-value{color:#2c3e50;display:block;font-size:1.5rem;font-weight:700}.revenue-value{color:#27ae60}.btn-download,.btn-primary,.btn-view-detail{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-download:hover{box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-view-detail{background:#f8f9fa;border:2px solid #e0e0e0;color:#2c3e50}.btn-view-detail:hover{background:#e9ecef;border-color:#667eea}.btn-primary:hover{box-shadow:0 4px 12px rgba(102,126,234,.4)}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:4rem 2rem}.empty-state p{color:#7f8c8d;font-size:1.125rem;margin:1.5rem 0}.loading-spinner{padding:4rem 2rem;text-align:center}.loading-spinner .spin{animation:spin 1s linear infinite}.loading-spinner p{color:#7f8c8d;margin-top:1rem}.pagination{margin-top:2rem}.pagination-btn{border:2px solid #e0e0e0;color:#2c3e50;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pagination-info{color:#2c3e50}@media (max-width:768px){.my-orders-content{margin-left:0;padding:1rem}.my-orders-header{align-items:flex-start;flex-direction:column;gap:1rem}.orders-stats{grid-template-columns:1fr}.order-body{flex-direction:column}.order-image{height:200px;width:100%}.order-actions{align-items:stretch;width:100%}.order-actions button{width:100%}.orders-tabs{flex-direction:column}}:root{--color-bg-crisp:#fafafa;--color-card-white:#fff;--color-accent-gold-dark:#b8860b;--color-accent-navy:#192a56;--color-text-dark:#2c3e50;--color-text-secondary:#7f8c8d;--color-success-money:#27ae60;--color-error-red:#c0392b;--color-warning-light:#fff3cd;--color-warning-dark:#f39c12;--shadow-high-contrast:0 10px 30px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.02);--border-radius-sharp:10px}.sell-page-container{background-color:#fafafa;background-color:var(--color-bg-crisp);color:#2c3e50;color:var(--color-text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.sell-page-main{display:flex;margin-top:70px}.sell-page-content{flex-grow:1;margin:0 auto;max-width:1200px;padding:50px 40px}.sell-page-header{animation:fadeInDown .6s ease-out forwards;margin-bottom:50px;opacity:0;transform:translateY(-20px)}.sell-page-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#dfbd69,#b8860b 60%,#a9790a);-webkit-background-clip:text;background-clip:text;font-family:DM Sans,sans-serif;font-size:2.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.sell-page-header p{color:#7f8c8d;color:var(--color-text-secondary);font-size:1.05rem;font-weight:400}.form-layout-grid{grid-gap:40px;animation:fadeInUp .6s ease-out .1s forwards;background-color:#fff;background-color:var(--color-card-white);border:1px solid #eaecee;border-radius:10px;border-radius:var(--border-radius-sharp);box-shadow:0 10px 30px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.02);box-shadow:var(--shadow-high-contrast);display:grid;gap:40px;grid-template-columns:2fr 1fr;opacity:0;padding:50px;transform:translateY(20px)}.form-group{margin-bottom:35px;position:relative}.form-row{display:flex;gap:30px;margin-bottom:35px}.form-row .form-group{flex:1 1;margin-bottom:0}.form-group label{align-items:center;color:#2c3e50;color:var(--color-text-dark);display:flex;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-bottom:12px}.label-icon{align-items:center;display:inline-flex;margin-right:10px;transition:transform .2s ease}.required{color:#c0392b;color:var(--color-error-red);font-size:1.1em;margin-left:6px}.optional{color:#7f8c8d;color:var(--color-text-secondary);font-size:.85em;font-weight:400;margin-left:6px}.sell-form input,.sell-form select,.sell-form textarea{background-color:#f8f9fb;border:2px solid #e8ebed;border-radius:8px;color:#2c3e50;color:var(--color-text-dark);font-family:Inter,sans-serif;font-size:1rem;font-weight:400;padding:15px 18px;transition:all .3s ease;width:100%}.sell-form input:hover,.sell-form select:hover,.sell-form textarea:hover{background-color:#fff;border-color:#d5dbdb}.sell-form input:focus,.sell-form select:focus,.sell-form textarea:focus{background-color:#fff;background-color:var(--color-card-white);border-color:#b8860b;border-color:var(--color-accent-gold-dark);box-shadow:0 0 0 3px rgba(184,134,11,.1);outline:none;transform:translateY(-1px)}.sell-form textarea{line-height:1.6;min-height:150px;resize:vertical}.sell-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23192A56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding-right:45px}.char-count{bottom:-22px;font-family:DM Sans,sans-serif;font-size:.8rem;position:absolute;right:0}.char-count,.help-text{color:#7f8c8d;color:var(--color-text-secondary)}.help-text{font-size:.85rem;line-height:1.5;margin-top:8px}.help-text a{border-bottom:1px solid transparent;color:#192a56;color:var(--color-accent-navy);font-weight:500;text-decoration:none;transition:border-color .2s}.form-group:has(input[type=number]) .help-text:first-of-type{align-items:center;background:linear-gradient(135deg,#f0f4f7,#e8f5e9);border-left:4px solid #27ae60;border-left:4px solid var(--color-success-money);border-radius:8px;display:flex;font-weight:500;margin-top:15px;padding:14px 16px}.form-group:has(input[type=number]) .help-text:first-of-type strong{color:#27ae60;color:var(--color-success-money);font-size:1.1em;font-weight:700;margin-left:5px}.info-box-column{grid-column:2/3}.info-box{background:linear-gradient(135deg,#f8f9fb,#f0f4f7);border-left:4px solid #192a56;border-left:4px solid var(--color-accent-navy);border-radius:10px;border-radius:var(--border-radius-sharp);margin-top:0;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.info-box h3{align-items:center;border-bottom:2px solid #e8ebed;color:#192a56;color:var(--color-accent-navy);display:flex;font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:18px;padding-bottom:12px}.info-box h3 svg{margin-right:10px}.info-box ul{list-style:none;margin:0;padding:0}.info-box li{color:#2c3e50;color:var(--color-text-dark);font-size:.92rem;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}.info-box li:before{color:#27ae60;color:var(--color-success-money);content:"✓";font-size:1.1em;font-weight:900;left:0;position:absolute}.info-box-feature{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;display:flex;gap:10px;margin-top:20px;padding:15px}.info-box-feature div,.info-box-feature strong{color:#2c3e50;color:var(--color-text-dark)}.info-box-feature div{font-size:.9rem}.test-mode-banner{align-items:center;animation:slideInDown .5s ease-out;background:linear-gradient(135deg,#fff3cd,#ffe69c);background:linear-gradient(135deg,var(--color-warning-light) 0,#ffe69c 100%);border-left:4px solid #f39c12;border-left:4px solid var(--color-warning-dark);border-radius:8px;display:flex;gap:12px;margin-bottom:30px;padding:16px 24px}.test-mode-banner svg{flex-shrink:0}.test-mode-section{background:#fff9e6;border:2px dashed #f39c12;border:2px dashed var(--color-warning-dark);border-radius:8px;margin-top:20px;padding:20px}.test-mode-header{align-items:center;color:#2c3e50;color:var(--color-text-dark);display:flex;gap:10px;margin-bottom:10px}.test-mode-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px;transition:all .3s;width:100%}.test-mode-button.active{background:#27ae60}.test-mode-button.inactive{background:#f39c12;background:var(--color-warning-dark)}.test-mode-note{color:#7f8c8d;color:var(--color-text-secondary)}.feature-badge,.test-mode-note{font-size:.85rem;margin-top:10px}.feature-badge{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:6px;color:#2e7d32;display:inline-flex;font-weight:500;gap:6px;padding:6px 12px}.form-actions-full{border-top:2px solid #eaecee;display:flex;gap:20px;justify-content:flex-end;margin-top:40px;padding-top:30px}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;display:inline-flex;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;gap:8px;letter-spacing:.3px;padding:14px 32px}.btn-primary{background:linear-gradient(135deg,#192a56,#2c3e50);background:linear-gradient(135deg,var(--color-accent-navy) 0,#2c3e50 100%);box-shadow:0 4px 12px rgba(25,42,86,.3);color:var(--color-card-white)}.btn-primary:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background-color:#eaecee;border:2px solid #d5dbdb;color:#2c3e50;color:var(--color-text-dark)}.btn-secondary:hover:not(:disabled){background-color:#d5dbdb;border-color:#bdc3c7}.tooltip-container{display:inline-flex;position:relative}.tooltip-target{cursor:help}.tooltip-content{background:#2c3e50;background:var(--color-text-dark);border-radius:6px;bottom:100%;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;font-size:.85rem;margin-bottom:8px;padding:8px 12px;white-space:nowrap;z-index:1000}.tooltip-content,.tooltip-content:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-content:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2c3e50;border-top:6px solid var(--color-text-dark);content:"";height:0;top:100%;width:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.form-layout-grid{gap:30px;grid-template-columns:1fr;padding:30px}.info-box-column{grid-column:1/-1;order:-1}.info-box{margin-bottom:20px;position:static}}@media (max-width:768px){.sell-page-content{padding:30px 20px}.form-row{flex-direction:column;gap:20px}.sell-page-header h1{font-size:2rem}}:root{--font-serif:"Playfair Display",serif;--font-sans:"Inter",sans-serif;--color-bg-main:#fcfcfc;--color-bg-container:#fff;--color-text-header:#1a1a1a;--color-text-body:#505050;--color-text-light:#959595;--color-border:#e5e5e5;--color-primary:#9586ab;--color-secondary-accent:#333;--color-info:#050505;--radius:12px;--radius-sm:8px;--shadow-soft:0 2px 8px rgba(0,0,0,.06);--shadow-interactive:0 6px 24px rgba(0,0,0,.1)}.my-sales-container{background-color:#fcfcfc;background-color:var(--color-bg-main);font-family:Inter,sans-serif;font-family:var(--font-sans);margin-top:70px;min-height:100vh}.my-sales-main{display:flex;flex-grow:1}.my-sales-content{flex-grow:1;margin-left:110px;overflow-y:auto}.my-sales-header{align-items:flex-end;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-xl);padding:16px 0;padding:var(--space-lg) 0}.my-sales-header h1{-webkit-text-fill-color:transparent;animation:flowGradient 8s ease-in-out infinite;background:linear-gradient(90deg,#845ec2,#d65db1,#ff6f91,#ff9671,#ffc75f,#845ec2);-webkit-background-clip:text;background-clip:text;background-size:300% auto;font-family:Inter,sans-serif;font-family:var(--font-sans);font-size:2.35rem;font-weight:700;letter-spacing:-.5px;margin:0;transition:transform .3s ease}.my-sales-header h1:hover{transform:scale(1.03)}.my-sales-header p{color:#959595;color:var(--color-text-light);font-size:.95rem;margin:6px 0 0}.btn-add{align-items:center;background:linear-gradient(135deg,#9586ab,#927a60);background:linear-gradient(135deg,var(--color-primary),#927a60);border:none;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-add:hover{background:linear-gradient(135deg,#927a60,#7a614d);box-shadow:0 6px 24px rgba(0,0,0,.1);box-shadow:var(--shadow-interactive);transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px;margin-bottom:var(--space-xl);padding:0 20px}.stat-card{background-color:#fff;background-color:var(--color-bg-container);border:1px solid #e5e5e5;border:1px solid var(--color-border);box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;padding:12px;padding:var(--space-md);position:relative}.stat-card:before{background:#9586ab;background:var(--color-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:4px}.stat-card:hover:before{opacity:1}.stat-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1);box-shadow:var(--shadow-interactive);transform:translateY(-3px)}.stat-icon-wrapper{background:hsla(33,22%,53%,.1);border-radius:50%;height:40px;margin-right:12px;margin-right:var(--space-md);width:40px}.stat-icon svg{stroke:currentColor;height:20px;width:20px}.stat-info{display:flex;flex-direction:column}.stat-value{color:var(--color-text-header);font-size:1.5rem;line-height:1.2}.stat-value.value-gold{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#b8860b,#d4af37);-webkit-background-clip:text;background-clip:text}.stat-label{color:#959595;color:var(--color-text-light);font-size:.8rem;letter-spacing:.8px;margin-top:4px;text-transform:uppercase}.filter-section{margin-bottom:24px;margin-bottom:var(--space-xl);padding:0 20px}.status-filter{background-color:#fff;background-color:var(--color-bg-container);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;border:1px solid #e5e5e5;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:#505050;color:var(--color-text-body);font-family:Inter,sans-serif;font-family:var(--font-sans);font-size:.9rem;min-width:180px;padding:10px 40px 10px 18px}.status-filter:focus,.status-filter:hover{border-color:#050505;border-color:var(--color-info)}.status-filter:focus{box-shadow:0 0 0 2px rgba(37,99,235,.1);outline:none}.pages-list1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:20px}.page-item{animation:cardEnter .6s cubic-bezier(.4,0,.2,1) backwards;background:#fff;background:var(--color-bg-container);border:1px solid #e5e5e5;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.page-item:first-child{animation-delay:.05s}.page-item:nth-child(2){animation-delay:.1s}.page-item:nth-child(3){animation-delay:.15s}.page-item:nth-child(4){animation-delay:.2s}.page-item:nth-child(n+5){animation-delay:.25s}.page-item:hover{border-color:#e5e5e5;border-color:var(--color-border);box-shadow:0 6px 24px rgba(0,0,0,.1);box-shadow:var(--shadow-interactive);transform:translateY(-8px)}.page-image{background:linear-gradient(135deg,#a18a6d,#927a60);height:200px}.page-image img{filter:brightness(.95);height:auto;left:0;min-height:100%;object-position:top center;position:absolute;top:0;transition:all .3s ease;z-index:2}.page-item:hover .page-image img{animation:smoothScroll 8s ease-in-out infinite;filter:brightness(1)}.page-overlay{align-items:center;background:hsla(0,0%,87%,.25);display:flex;gap:16px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:10}.page-item:hover .page-overlay{opacity:1}.page-image:before{background:transparent;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:3}.page-item:hover .page-image:before{opacity:0}.image-placeholder{color:#fff;font-size:2rem;font-weight:600;inset:0;opacity:0;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:opacity .3s ease;z-index:1}.page-image img[style*="display: none"]+.image-placeholder{opacity:1}.page-info{flex:1 1;justify-content:space-between;padding:16px;position:relative;transition:all .3s ease;z-index:5}.page-header{align-items:center;margin-bottom:8px;margin-bottom:var(--space-sm)}.page-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;color:var(--color-text-header);display:-webkit-box;font-family:Playfair Display,serif;font-family:var(--font-serif);font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:8px;overflow:hidden;transition:color .3s ease}.page-item:hover .page-info h3{color:#050505;color:var(--color-info)}.page-category{background:#f3f4f6;border-radius:4px;color:#4b5563;font-size:.75rem;font-weight:500;margin-bottom:8px;margin-bottom:var(--space-sm);padding:4px 10px;transition:all .3s ease}.page-item:hover .page-category{background:#050505;background:var(--color-info);color:#fff}.page-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#505050;color:var(--color-text-body);display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:8px;margin-bottom:var(--space-sm);overflow:hidden}.page-meta1{color:#959595;color:var(--color-text-light);font-size:.75rem;justify-content:space-between}.page-meta1,.page-meta1 span{align-items:center;display:flex}.page-meta1 span{gap:4px;transition:color .3s ease}.page-item:hover .page-meta1 span{color:#050505;color:var(--color-info)}.page-meta1 svg{height:12px;opacity:.8;width:12px}.status-badge{animation:slideIn .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:.5px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:4}.rejection-reason{-webkit-line-clamp:1;-webkit-box-orient:vertical;background-color:#fef3f3;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius-sm);display:-webkit-box;font-size:.75rem;font-weight:500;margin-top:8px;margin-top:var(--space-sm);overflow:hidden;padding:8px}.page-actions{align-items:center;background:linear-gradient(180deg,#f9fafb 0,hsla(0,100%,92%,.52));border-top:1px solid #e5e5e5;border-top:1px solid var(--color-border);flex-direction:row;justify-content:space-between;padding:16px}.page-price{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a18a6d,#c4a484);-webkit-background-clip:text;background-clip:text;color:#8b5cf6;font-size:1.1rem;font-weight:600;white-space:nowrap}.action-buttons1{display:flex;gap:12px}.btn-delete,.btn-view1{align-items:center;border:1.5px solid hsla(0,100%,87%,.3);border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;opacity:0;transform:scale(.7);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.page-item:hover .btn-delete,.page-item:hover .btn-view1{opacity:1;transform:scale(1)}.btn-view1{background:#050505;background:var(--color-info);box-shadow:0 4px 12px rgba(37,99,235,.3);color:#000}.btn-view1:hover{background:#1d4ed8;box-shadow:0 8px 20px rgba(37,99,235,.5);color:#000;transform:scale(1.15) rotate(5deg)}.btn-view1:active{color:#000;transform:scale(.95)}.btn-delete{background:hsla(0,0%,100%,.1);border:1.5px solid hsla(0,0%,100%,.4);box-shadow:0 4px 12px rgba(0,0,0,.2)}.btn-delete:hover{background:#ef4444;background:var(--color-danger);border-color:hsla(0,0%,100%,.8);box-shadow:0 8px 20px rgba(239,68,68,.3);transform:scale(1.15) rotate(-5deg)}.btn-delete:hover svg{stroke:#fff}.btn-delete:active{transform:scale(.95)}@media (max-width:1440px){.pages-list1{gap:20px;grid-template-columns:repeat(3,1fr);padding:16px}}@media (max-width:1024px){.pages-list1{gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.my-sales-content{margin:0 16px 16px 60px;padding-left:16px}}@media (max-width:768px){.pages-list1{gap:12px;grid-template-columns:1fr;padding:12px}.my-sales-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-md)}.btn-add{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.page-image{height:180px}}@media (max-width:480px){.my-sales-content{margin:0 12px 12px;padding-left:12px}.page-image{height:160px}}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes smoothScroll{0%{object-position:top center;transform:scale(1)}45%{object-position:bottom center;transform:scale(1.02)}55%{object-position:bottom center;transform:scale(1.02)}to{object-position:top center;transform:scale(1)}}@keyframes flowGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.sandbox-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.sandbox-loading{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border:6px solid hsla(0,0%,100%,.3);border-top-color:#fff;height:60px;margin:0 auto 20px;width:60px}.sandbox-card{background:#fff;border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:700px;overflow:hidden;width:100%}.sandbox-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.sandbox-header h1{font-size:2.5em;margin-bottom:10px}.sandbox-header p{font-size:1.1em;opacity:.95}.sandbox-body{padding:40px}.transaction-info{background:#f7fafc;border-radius:15px;margin-bottom:30px;padding:25px}.transaction-info h2{color:#2d3748;font-size:1.5em;margin-bottom:20px}.info-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-row.highlight{background:#e6f0ff;border:none;border-radius:10px;margin:10px 0;padding:15px}.info-row .label{color:#718096;font-weight:600}.info-row .value{color:#2d3748;font-weight:700}.info-row.highlight .value{color:#667eea;font-size:1.5em}.payment-actions{margin-bottom:30px;text-align:center}.payment-actions h3{color:#2d3748;font-size:1.3em;margin-bottom:10px}.payment-actions p{color:#718096;margin-bottom:25px}.action-buttons{gap:15px;justify-content:center}.btn-fail,.btn-success{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:18px 30px;transition:all .3s ease}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 10px 30px rgba(72,187,120,.4);transform:translateY(-3px)}.btn-fail{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.btn-fail:hover:not(:disabled){box-shadow:0 10px 30px hsla(0,88%,68%,.4);transform:translateY(-3px)}.btn-fail:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.6}.sandbox-notice{background:#fff5e6;border-left:5px solid #f6ad55;border-radius:10px;padding:20px}.sandbox-notice h4{color:#2d3748;font-size:1.2em;margin-bottom:15px}.sandbox-notice ul{list-style:none;margin:0;padding:0}.sandbox-notice li{color:#4a5568;padding:8px 0 8px 20px;position:relative}.sandbox-notice li:before{color:#f6ad55;content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.sandbox-header h1{font-size:2em}.sandbox-body{padding:25px}.action-buttons{flex-direction:column}}.result-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.result-container.success{background:linear-gradient(135deg,#48bb78,#38a169)}.result-container.failed{background:linear-gradient(135deg,#f56565,#e53e3e)}.result-loading{color:#fff;text-align:center}.result-card{background:#fff;border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:700px;padding:60px 50px;text-align:center;width:100%}.result-icon{animation:bounce .6s ease;font-size:100px;margin-bottom:30px}.result-card h1{color:#2d3748;font-size:2.5em;margin-bottom:15px}.result-message{color:#718096;font-size:1.2em;line-height:1.6;margin-bottom:40px}.result-details{background:#f7fafc;border-radius:15px;margin-bottom:40px;padding:30px;text-align:left}.result-details h3{color:#2d3748;font-size:1.3em;margin-bottom:20px;text-align:center}.detail-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 0}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#718096;font-weight:600}.detail-value{color:#2d3748;font-weight:700}.success-text{color:#48bb78}.failed-text{color:#f56565}.result-actions{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:18px 30px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 10px 30px rgba(102,126,234,.4);transform:translateY(-3px)}.btn-secondary{background:#e0e0e0;color:#4a5568}.btn-secondary:hover{background:#d0d0d0}@media (max-width:768px){.result-card{padding:40px 30px}.result-card h1{font-size:2em}.result-icon{font-size:80px}.result-actions{flex-direction:column}}.formdata-container{background:linear-gradient(135deg,#f5f7fa,#eef2f7);min-height:100vh;padding:24px}.formdata-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.formdata-header-left h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.formdata-subtitle{color:#6b7280;font-size:14px;margin:0}.formdata-header-actions{display:flex;gap:12px}.btn-export,.btn-refresh{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-export{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-export:hover{box-shadow:0 8px 16px rgba(102,126,234,.3);transform:translateY(-2px)}.btn-refresh{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-refresh:hover{border-color:#667eea;color:#667eea}.formdata-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border:2px solid transparent;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);cursor:pointer;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);transform:translateY(-4px)}.stat-card.stat-total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.stat-new:hover{border-color:#10b981}.stat-card.stat-read:hover{border-color:#3b82f6}.stat-card.stat-replied:hover{border-color:#8b5cf6}.stat-icon-wrapper{align-items:center;background:hsla(0,0%,100%,.1);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-card.stat-total .stat-icon-wrapper{background:hsla(0,0%,100%,.2)}.stat-card:not(.stat-total) .stat-icon-wrapper{background:rgba(102,126,234,.1);color:#667eea}.stat-content{flex:1 1}.stat-value{font-size:32px;margin-bottom:4px}.stat-label{font-size:14px;opacity:.9}.formdata-toolbar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.btn-bulk-action{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.btn-bulk-action.btn-delete{background:#ef4444}.btn-bulk-action.btn-delete:hover{background:#dc2626;transform:translateY(-2px)}.btn-bulk-action.btn-archive{background:#f59e0b}.btn-bulk-action.btn-archive:hover{background:#d97706;transform:translateY(-2px)}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-select:focus,.filter-select:hover{border-color:#667eea;outline:none}.view-mode-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.view-mode-toggle button{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px 12px;transition:all .2s}.view-mode-toggle button.active{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#667eea}.formdata-loading{background:#fff;border-radius:12px;padding:80px 20px;text-align:center}.spinner{border-top-color:#667eea;height:48px;margin:0 auto 16px;width:48px}.formdata-empty{background:#fff;border-radius:12px;padding:80px 20px;text-align:center}.empty-icon{color:#d1d5db;margin:0 auto 24px}.formdata-empty h3{color:#1f2937;font-size:20px;margin:0 0 8px}.formdata-empty p{color:#6b7280;font-size:14px;margin:0}.submissions-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}.submissions-table{border-collapse:collapse;width:100%}.submissions-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.submissions-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.submissions-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s}.submissions-table tbody tr:hover{background:#f9fafb}.submissions-table tbody tr.selected{background:#eff6ff}.submissions-table td{color:#1f2937;font-size:14px;padding:16px}.td-date{color:#6b7280;font-size:13px}.date-display{display:flex;flex-direction:column;gap:4px}.relative-time{color:#374151;font-weight:600}.absolute-time{color:#9ca3af;font-size:12px}.td-page{font-weight:600;min-width:200px}.page-info{gap:6px}.page-name{color:#667eea;font-weight:600}.page-url{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;gap:4px;text-decoration:none;transition:all .2s}.page-url:hover{color:#667eea}.page-url svg{opacity:.5}.td-data{max-width:300px}.submission-data-preview{font-size:13px}.data-field{margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-key{color:#6b7280;font-weight:600;margin-right:6px}.field-value{color:#1f2937}.data-more{color:#667eea;font-size:12px;font-weight:600;margin-top:4px}.td-device{min-width:120px}.device-badge{align-items:center;background:#f3f4f6;border-radius:6px;color:#374151;display:inline-flex;font-size:13px;gap:8px;padding:6px 12px;text-transform:capitalize}.device-badge svg{color:#667eea}.status-select{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;min-width:110px;padding:6px 12px;transition:all .2s}.status-select:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);opacity:.9;transform:translateY(-1px)}.td-actions{text-align:center}.btn-view-details{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.btn-view-details:hover{background:#eff6ff;border-color:#667eea;color:#667eea}.submissions-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.submission-card{background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:20px;transition:all .2s}.submission-card:hover{border-color:#667eea;box-shadow:0 8px 16px rgba(0,0,0,.1);transform:translateY(-4px)}.submission-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.submission-status-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.submission-date{color:#6b7280;font-size:12px;font-weight:600;margin-left:auto}.submission-card-body h4{color:#667eea;font-size:16px;font-weight:600;margin:0 0 8px}.card-page-url{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;gap:6px;margin-bottom:12px;text-decoration:none;transition:all .2s}.card-page-url:hover{color:#667eea}.card-form-data{margin-top:12px}.submission-field{background:#f9fafb;border-radius:6px;color:#374151;font-size:13px;margin-bottom:8px;padding:8px}.submission-field .field-key{color:#6b7280;display:inline-block;font-weight:600;margin-right:8px;min-width:80px}.submission-field .field-value{color:#1f2937}.submission-card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:16px;padding-top:12px}.device-info{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;font-size:12px;gap:8px;padding:6px 12px;text-transform:capitalize}.device-info svg{color:#667eea}.submission-card-footer button{background:#fff;border:2px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.submission-card-footer button:hover{background:#667eea;color:#fff}.formdata-pagination{align-items:center;background:#fff;border-radius:12px;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:20px}.pagination-btn{align-items:center;border:2px solid #e5e7eb;border-radius:8px;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.pagination-btn:hover:not(:disabled){background:#eff6ff;border-color:#667eea;color:#667eea}.pagination-info{color:#6b7280;font-size:14px;font-weight:600}.submission-detail-modal{align-items:center;animation:fadeIn .2s ease;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.submission-detail-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.2);max-height:85vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#1f2937;font-size:20px;font-weight:700;margin:0}.btn-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-close:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.modal-body{padding:24px}.detail-section{background:#f9fafb;border-radius:12px;margin-bottom:28px;padding:20px}.detail-section:last-child{margin-bottom:0}.detail-section h4{align-items:center;border-bottom:2px solid #e5e7eb;color:#374151;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px;padding-bottom:12px}.detail-section h4 svg{color:#667eea}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1f2937;font-size:14px;font-weight:500}.detail-value.code{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-family:Courier New,monospace;padding:8px 12px}.detail-value.code.small{font-size:12px;word-break:break-all}.detail-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#667eea;display:inline-flex;font-weight:500;gap:8px;padding:8px 12px;text-decoration:none;transition:all .2s}.detail-link:hover{background:#eff6ff;border-color:#667eea}.status-badge{border-radius:6px;color:#fff;font-size:13px;padding:6px 12px}.form-data-grid{display:flex;flex-direction:column;gap:12px}.form-data-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.form-data-key{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-data-value{color:#1f2937;font-size:14px;font-weight:500;word-break:break-word}.device-badge-detail{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;display:inline-flex;font-size:13px;gap:8px;padding:8px 12px;text-transform:capitalize}.device-badge-detail svg{color:#667eea}@media (max-width:768px){.formdata-container{padding:16px}.formdata-header{flex-direction:column;gap:16px}.formdata-header-actions{width:100%}.btn-export,.btn-refresh{flex:1 1;justify-content:center}.formdata-stats{grid-template-columns:1fr 1fr}.formdata-toolbar{flex-direction:column;gap:12px}.toolbar-left,.toolbar-right{width:100%}.submissions-table-wrapper{overflow-x:auto}.submissions-table{min-width:800px}.detail-grid,.submissions-cards{grid-template-columns:1fr}.submission-detail-content{max-height:90vh}}.submission-detail-content::-webkit-scrollbar{width:8px}.submission-detail-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.submission-detail-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.submission-detail-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--secondary:#f1f5f9;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#1e293b;--light:#f8fafc;--white:#fff;--text-primary:#334155;--text-secondary:#64748b;--text-light:#94a3b8;--text-inverse:#fff;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--sidebar-width:280px;--properties-width:320px;--toolbar-height:64px;--canvas-mobile:375px;--canvas-tablet:768px;--canvas-desktop:1200px;--z-toolbar:1000;--z-sidebar:999;--z-modal:9999;--z-tooltip:10000;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}.lpb-main-content{background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(75,85,99,.08) 0,rgba(75,85,99,.08) 20px,transparent 0,transparent 39px,rgba(75,85,99,.08) 0,rgba(75,85,99,.08) 40px),repeating-linear-gradient(90deg,transparent,transparent 19px,rgba(75,85,99,.08) 0,rgba(75,85,99,.08) 20px,transparent 0,transparent 39px,rgba(75,85,99,.08) 0,rgba(75,85,99,.08) 40px),radial-gradient(circle at 20px 20px,rgba(55,65,81,.12) 2px,transparent 0),radial-gradient(circle at 40px 40px,rgba(55,65,81,.12) 2px,transparent 0);background-size:40px 40px,40px 40px,40px 40px,40px 40px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.lpb-toolbar-container{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);height:64px;height:var(--toolbar-height);left:0;position:fixed;right:0;z-index:var(--z-toolbar)}.lpb-toolbar-inner{color:#fff;color:var(--text-inverse);height:100%;padding:0 24px}.lpb-toolbar-left{align-items:center;display:flex;gap:16px}.lpb-toolbar-menu-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-inverse);cursor:pointer;font-size:16px;padding:8px;transition:.2s ease;transition:var(--transition-normal)}.lpb-toolbar-menu-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.lpb-toolbar-title{font-size:20px;font-weight:700;letter-spacing:-.02em}.lpb-toolbar-right{align-items:center;gap:12px}.lpb-toolbar-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-inverse);font-weight:500;transition:.2s ease;transition:var(--transition-normal)}.lpb-toolbar-action-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.lpb-toolbar-action-primary{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);background:linear-gradient(135deg,var(--success),var(--accent));border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(16,185,129,.3);color:var(--text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:.2s ease;transition:var(--transition-normal)}.lpb-toolbar-action-primary:hover{box-shadow:0 6px 16px rgba(16,185,129,.4);transform:translateY(-1px)}.lpb-sidebar-left{background:#fff;background:var(--white);border-right:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow);display:flex;flex-direction:column;height:100vh;left:0;padding-top:64px;padding-top:var(--toolbar-height);position:fixed;top:0;transition:width .3s ease;width:480px;z-index:999;z-index:var(--z-sidebar)}.lpb-icon{transition:all .3s ease;will-change:transform}.lpb-icon svg{display:block;height:100%;width:100%}.lpb-child-element:hover .lpb-icon{filter:brightness(1.1)}.lpb-child-element-selected .lpb-icon{outline:2px solid #3b82f6;outline-offset:2px}.lpb-sidebar-right{background:#fff;border-left:1px solid #e5e7eb;height:calc(59vh - 64px);height:calc(59vh - var(--toolbar-height));position:fixed;right:0;top:98px;transition:width .3s ease;width:300px;z-index:1000}.lpb-sidebar-right.lpb-sidebar-collapsed{width:60px}.lpb-properties-panel{display:flex;flex-direction:column;height:100%}.lpb-properties-panel-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.lpb-properties-panel-title{color:#1f2937;font-size:1.125rem;font-weight:600}.lpb-properties-panel-toggle{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:1rem;padding:.5rem}.lpb-properties-panel-toggle:hover{color:#2563eb}.lpb-properties-panel-content{flex:1 1;overflow-y:auto;padding:.75rem}.lpb-properties-panel-section{margin-bottom:1rem}.lpb-properties-panel-section h3{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.lpb-properties-panel-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;margin-bottom:.5rem;padding:.5rem;width:100%}.lpb-properties-panel-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2);outline:none}.lpb-canvas-container{background:#e5e7eb;flex:1 1;overflow:auto;position:relative;z-index:1}.lpb-canvas-wrapper{height:84vh;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0;position:relative;width:100%}.lpb-canvas{background:#f3f4f6;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0 auto;position:relative;width:100%}.lpb-canvas-mobile{margin:20px auto;max-width:375px;min-width:375px}.lpb-canvas-tablet{border:2px dashed #6b7280;margin:20px auto;max-width:768px;min-width:768px}.lpb-canvas-element-selected{border:1px solid #2563eb}.lpb-canvas-element-dragging{opacity:.5}.lpb-child-element{cursor:grab;z-index:20}.lpb-child-element-selected{background:rgba(37,99,235,.1)}.lpb-child-element-dragging{cursor:grabbing;opacity:.5}.lpb-child-element-hover{border-bottom:2px solid #2563eb}.lpb-drag-preview{position:absolute}.lpb-context-menu{border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.lpb-canvas-element>*{z-index:20}.lpb-context-menu-item{padding:8px 12px}.lpb-context-menu-item:hover{background:#f3f4f6}.lpb-canvas-content{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);box-shadow:var(--shadow-xl);min-height:100vh;overflow:hidden;position:relative;width:100%}.lpb-child-element{pointer-events:auto;position:relative}.lpb-child-element:hover{outline:1px dashed #60a5fa}.lpb-child-element-selected{outline:2px solid #2563eb}.lpb-drag-preview{border:2px dashed #3b82f6;pointer-events:none;z-index:1000}.lpb-quick-edit-toolkit{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;gap:6px;padding:6px;transition:all .2s ease}.lpb-quick-edit-toolkit button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s ease,transform .1s ease;width:32px}.lpb-quick-edit-toolkit button:hover{background-color:#f3f4f6;transform:scale(1.1)}.lpb-quick-edit-toolkit button:disabled{cursor:not-allowed;opacity:.5}.lpb-quick-edit-toolkit button i{font-size:14px}.lpb-quick-edit-toolkit button.text-red-500 i{color:#ef4444}.lpb-quick-edit-toolkit button.text-gray-600 i{color:#4b5563}.lpb-quick-edit-toolkit button[title]:hover:after{background:#1e293b;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:50%;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:1001}@media (max-width:768px){.lpb-quick-edit-toolkit{gap:4px;padding:4px}.lpb-quick-edit-toolkit button{height:28px;width:28px}.lpb-quick-edit-toolkit button i{font-size:12px}}.lpb-canvas-element[data-type=section]{background:rgba(248,250,252,.8);border-color:rgba(99,102,241,.3);border-style:dashed;min-height:100px;padding:20px}.lpb-canvas-element[data-type=section]:hover{background:rgba(99,102,241,.05);border-color:#6366f1;border-color:var(--primary)}.lpb-canvas-element[data-type=section].lpb-canvas-element-selected{background:rgba(99,102,241,.1)}.lpb-guideline{background:#3b82f6;position:absolute;z-index:9999}.lpb-guideline-vertical{height:100%;width:1px}.lpb-guideline-horizontal{height:1px;width:100%}.lpb-viewport-guideline{border:1px dashed #6b7280;position:absolute;z-index:998}.lpb-viewport-guideline-desktop{border-color:#10b981;height:1000px;width:1200px}.lpb-viewport-guideline-tablet{border-color:#8b5cf6;height:1000px;width:768px}.lpb-viewport-guideline-mobile{border-color:#f59e0b;height:667px;width:375px}.lpb-selection-handle{background:#4a90e2;border:1px solid #fff;border-radius:50%;cursor:pointer;height:8px;position:absolute;width:8px}.lpb-selection-handle-top-left{cursor:nw-resize;left:-4px;top:-4px}.lpb-selection-handle-top{cursor:n-resize;left:50%;top:-4px;transform:translateX(-50%)}.lpb-selection-handle-top-right{cursor:ne-resize;right:-4px;top:-4px}.lpb-selection-handle-right{cursor:e-resize;right:-4px;top:50%;transform:translateY(-50%)}.lpb-selection-handle-bottom-right{bottom:-4px;cursor:se-resize;right:-4px}.lpb-selection-handle-bottom{bottom:-4px;cursor:s-resize;left:50%;transform:translateX(-50%)}.lpb-selection-handle-bottom-left{bottom:-4px;cursor:sw-resize;left:-4px}.lpb-selection-handle-left{cursor:w-resize;left:-4px;top:50%;transform:translateY(-50%)}.lpb-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:140px;position:fixed;z-index:10000}.lpb-context-menu-item{color:#1f2937;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s ease}.lpb-context-menu-item:hover{background:#e0f2fe}.lpb-status-bar{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;bottom:0;color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between;left:0;padding:.5rem 1rem;position:fixed;right:0;z-index:1000}.lpb-status-bar-info{display:flex;gap:1rem}.Toastify__toast-container{font-family:Inter,sans-serif}.lpb-canvas-container::-webkit-scrollbar{height:8px;width:8px}.lpb-canvas-container::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.lpb-canvas-container::-webkit-scrollbar-track{background:#e5e7eb}.lpb-popup{background:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.2)}.lpb-canvas-element-selected.lpb-popup{border:2px solid #3b82f6}.lpb-element-locked{cursor:not-allowed!important;opacity:.75!important;position:relative}.lpb-element-locked:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 20px);border:2px dashed rgba(156,163,175,.5);border-radius:4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.lpb-element-locked:hover:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(239,68,68,.05) 0,rgba(239,68,68,.05) 20px);border-color:rgba(239,68,68,.5)}.lpb-child-element.lpb-element-locked{opacity:.7!important}.lpb-child-element.lpb-element-locked:before{border-width:1px}.lpb-element-hidden{filter:grayscale(100%);opacity:.3!important}@keyframes lockPulse{0%,to{opacity:.9}50%{opacity:1}}.lpb-element-locked [style*="fas fa-lock"]{animation:lockPulse 2s ease-in-out infinite}.lpb-element-locked *{pointer-events:none!important}.lpb-element-locked.lpb-child-element{cursor:not-allowed!important;pointer-events:auto!important}.lpb-element-locked>div[style*="background: rgba(0,0,0,0.7)"]{pointer-events:auto!important}.lpb-layers-panel-modern{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.layer-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.layer-item:active{transform:scale(.98)}.layer-item.layer-selected{animation:selectPulse .3s ease-out}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.layer-list::-webkit-scrollbar{width:8px}.layer-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.layer-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.layer-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.lpb-layers-panel-modern{max-height:400px;width:280px}.layer-item{font-size:12px;padding:7px 8px}.layer-action-btn{font-size:11px;height:22px;width:22px}}@media (prefers-color-scheme:dark){.lpb-element-locked:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 20px);border-color:rgba(75,85,99,.5)}.lpb-element-locked:hover:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(239,68,68,.1) 0,rgba(239,68,68,.1) 20px)}}.layer-action-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.layer-item:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.lpb-element-locked[title]:after{background:rgba(0,0,0,.8);border-radius:4px;bottom:-30px;color:#fff;content:attr(title);font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:10002}.lpb-element-locked:hover[title]:after{opacity:1}.layer-loading{align-items:center;color:#9ca3af;display:flex;justify-content:center;padding:40px}.layer-loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.layer-context-menu{background:#fff;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:150px;padding:4px;position:absolute;z-index:10001}.layer-context-menu-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .15s}.layer-context-menu-item:hover{background:#f3f4f6}.layer-context-menu-item i{color:#6b7280;width:16px}.layer-context-menu-divider{background:#e5e7eb;height:1px;margin:4px 0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}[data-animation=bounce]{animation:bounce 1s}[data-animation=pulse]{animation:pulse 1s}[data-animation=shake]{animation:shake .5s}[data-animation=fadeIn]{animation:fadeIn 1s}[data-animation=zoomIn]{animation:zoomIn 1s}[data-animation=slideInUp]{animation:slideInUp 1s}.lpb-canvas-mobile .lpb-canvas-section,.lpb-canvas-mobile .lpb-element{max-width:100%!important;overflow-x:hidden!important}.lpb-canvas-mobile .lpb-child-element{word-wrap:break-word;box-sizing:border-box;max-width:calc(100% - 32px)!important;overflow-wrap:break-word}.lpb-canvas-mobile .lpb-child-element[data-type=heading],.lpb-canvas-mobile .lpb-child-element[data-type=paragraph]{height:auto!important;min-height:-webkit-fit-content!important;min-height:fit-content!important;overflow:visible!important;white-space:normal!important;word-break:break-word}.lpb-canvas-mobile img{height:auto;max-width:100%;object-fit:contain}.lpb-canvas-mobile .lpb-child-element[data-type=button]{max-width:100%!important;min-width:120px;width:auto!important}.lpb-canvas-mobile .lpb-form-container,.lpb-canvas-mobile form{box-sizing:border-box;max-width:calc(100% - 32px)!important;padding:16px;width:100%!important}.lpb-canvas-mobile input,.lpb-canvas-mobile select,.lpb-canvas-mobile textarea{box-sizing:border-box;font-size:16px!important;max-width:100%!important;width:100%!important}.lpb-canvas-mobile .lpb-canvas-section{box-sizing:border-box;margin-bottom:0!important;padding:16px!important;width:375px!important}.lpb-canvas-mobile .lpb-canvas-section .lpb-child-element{display:block;left:auto!important;margin-bottom:16px!important;position:relative!important;transform:none!important}.lpb-canvas-mobile .lpb-gallery{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.lpb-canvas-mobile .lpb-modal,.lpb-canvas-mobile .lpb-popup{left:50%!important;margin:16px;max-width:calc(100% - 32px)!important;transform:translateX(-50%)!important;width:340px!important}.lpb-canvas-mobile{overflow-x:hidden!important}.lpb-canvas-mobile *{box-sizing:border-box}.lpb-canvas-mobile .lpb-content-wrapper{max-height:none!important;overflow:visible!important}.lpb-canvas-mobile h1{font-size:clamp(24px,5vw,32px)!important}.lpb-canvas-mobile h2{font-size:clamp(20px,4vw,28px)!important}.lpb-canvas-mobile h3{font-size:clamp(18px,3.5vw,24px)!important}.lpb-canvas-mobile p{line-height:1.6!important}.lpb-canvas-mobile button,.lpb-canvas-mobile p{font-size:clamp(14px,3vw,16px)!important}.lpb-canvas-mobile .lpb-icon{font-size:clamp(20px,5vw,32px)!important}.lpb-canvas-mobile *{line-height:1.5!important}@media (max-width:375px){.lpb-canvas-mobile .lpb-child-element{display:block!important;float:none!important;margin:16px auto!important;position:static!important}}.lpb-canvas-mobile *{will-change:auto!important}.lpb-canvas-mobile [role=button],.lpb-canvas-mobile a,.lpb-canvas-mobile button,.lpb-canvas-mobile input{min-height:44px;min-width:44px;touch-action:manipulation}.lpb-child-element{box-sizing:border-box!important;color:inherit;cursor:move;display:block!important;font-family:inherit;line-height:normal;margin:0!important;pointer-events:auto!important;position:absolute!important;transform-origin:top left!important;z-index:auto}.lpb-child-element *{all:revert;box-sizing:border-box}.lpb-canvas-section{margin:0!important;padding:0!important}.lpb-section-content{min-height:100px;padding:0;position:relative;width:100%}.lpb-canvas-section .lpb-child-element{position:absolute!important}.lpb-modal .lpb-child-element,.lpb-popup .lpb-child-element{margin:0!important;position:absolute!important}.lpb-child-element[data-type=heading] h1,.lpb-child-element[data-type=heading] h2,.lpb-child-element[data-type=heading] h3,.lpb-child-element[data-type=heading] h4,.lpb-child-element[data-type=heading] h5,.lpb-child-element[data-type=heading] h6,.lpb-child-element[data-type=paragraph] p{margin:0!important;padding:0!important}.lpb-child-element[data-type=button] a,.lpb-child-element[data-type=button] button{all:revert;align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;text-decoration:none}.lpb-child-element[data-type=image] img{border:none;display:block;height:auto;margin:0;max-width:100%;padding:0}.lpb-child-element[data-type=form] form{margin:0!important;padding:0!important}.lpb-child-element[data-type=form] input,.lpb-child-element[data-type=form] select,.lpb-child-element[data-type=form] textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.lpb-child-element[data-type=gallery]{margin:0!important;padding:0!important}.lpb-child-element[data-type=gallery] .lpb-gallery-grid{grid-gap:8px;display:grid;gap:8px}.lpb-child-element[data-type=icon] i,.lpb-child-element[data-type=icon] svg{display:block;margin:0;padding:0}.lpb-child-element.lpb-child-element-dragging,.lpb-child-element.lpb-child-element-selected{position:absolute!important}.lpb-canvas{padding:0!important}.lpb-canvas-wrapper{background:#f3f4f6;padding:20px}.lpb-child-element{contain:layout style;isolation:isolate}.lpb-canvas-section[style*="display: flex"] .lpb-child-element,.lpb-canvas-section[style*="display: grid"] .lpb-child-element{position:absolute!important}.resize-handles-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10000}.resize-handle{background:#667eea;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:auto;position:absolute;transition:all .1s ease}.resize-handle:hover{background:#5568d3;box-shadow:0 4px 12px rgba(102,126,234,.4);transform:scale(1.2)}.resize-handle:active{background:#4451b8;transform:scale(1.1)}.resize-handle.corner{border-radius:50%;height:10px;width:10px}.resize-handle.edge{background:#667eea;border-radius:2px}.resize-handle.corner.top-left{cursor:nwse-resize;left:-5px;top:-5px}.resize-handle.corner.top-right{cursor:nesw-resize;right:-5px;top:-5px}.resize-handle.corner.bottom-left{bottom:-5px;cursor:nesw-resize;left:-5px}.resize-handle.corner.bottom-right{bottom:-5px;cursor:nwse-resize;right:-5px}.resize-handle.edge.top{top:-4px}.resize-handle.edge.bottom,.resize-handle.edge.top{cursor:ns-resize;height:8px;left:50%;transform:translateX(-50%);width:40px}.resize-handle.edge.bottom{bottom:-4px}.resize-handle.edge.left{left:-4px}.resize-handle.edge.left,.resize-handle.edge.right{cursor:ew-resize;height:40px;top:50%;transform:translateY(-50%);width:8px}.resize-handle.edge.right{right:-4px}.resize-hint{animation:fadeIn .2s ease;background:rgba(0,0,0,.85);border-radius:6px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 12px;pointer-events:none;position:absolute;top:-35px;transform:translateX(-50%);white-space:nowrap;z-index:10001}.lpb-child-element[style*="height: 50px"] .resize-handle.edge,.lpb-child-element[style*="width: 50px"] .resize-handle.edge{display:none}@media (max-width:768px){.resize-handle.corner{height:14px;width:14px}.resize-handle.edge{height:10px;width:50px}.resize-handle.edge.left,.resize-handle.edge.right{height:50px;width:10px}}.resizing{transition:none!important}.resizing *{pointer-events:none!important}.lpb-sidebar-collapsed{overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);width:60px}.lpb-sidebar-collapsed .lpb-component-library-search,.lpb-sidebar-collapsed .lpb-component-library-wrapper{display:none}.lpb-component-library{grid-gap:2px;background:#fff;display:grid;flex-direction:column;gap:2px;grid-template-columns:.3fr auto;height:90%}.lpb-component-library .lucide{stroke-width:1.5;height:16px;width:16px}.lpb-component-library-tab .lucide{height:17px;width:17px}.lpb-template-item .lucide{stroke-width:1.5;height:28px;width:28px}.lpb-component-library-header{align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.34),rgba(118,75,162,.37));border-bottom:1px solid #e5e7eb;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:12px;padding:14px 16px}.lpb-component-library-title{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:500;gap:8px;letter-spacing:-.01em;margin:0}.lpb-sidebar-collapsed .lpb-component-library-title{justify-content:center}.lpb-sidebar-collapsed .lpb-component-library-title i{color:#64748b;font-family:Font Awesome\ 6 Pro;font-size:20px;font-weight:300;transition:color .2s ease}.lpb-sidebar-collapsed .lpb-component-library-title i:hover{color:#475569}.lpb-component-library-toggle{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:16px;font-weight:300;padding:6px;transition:all .2s ease}.lpb-component-library-toggle:hover{background:#f8fafc;color:#334155}.lpb-component-library-tabs{display:flex;flex-direction:column;gap:4px;padding:0 6px 8px}.lpb-sidebar-collapsed .lpb-component-library-tabs{align-items:center;padding:0 8px 16px}.lpb-component-library-tab{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:10px;justify-content:flex-start;padding:9px 12px;transition:all .2s ease}.lpb-component-library-tab.icon-only{height:44px;justify-content:center;padding:10px;width:44px}.lpb-component-library-tab i{font-size:15px;font-weight:300;transition:none}.lpb-component-library-tab.icon-only i{font-size:17px}.lpb-component-library-tab.active{background:#f8fafc;border-color:#e2e8f0;color:#1e293b;font-weight:500}.lpb-component-library-tab.active i{color:#3b82f6}.lpb-component-library-tab:hover:not(.active){background:#fafbfc;border-color:#e5e7eb;color:#475569}.lpb-component-library-tab:disabled{background:#fafbfc;cursor:not-allowed;opacity:.4}.lpb-component-library-search{margin-bottom:12px}.lpb-search-wrapper{align-items:center;display:flex;position:relative}.lpb-search-icon{color:#94a3b8;font-size:14px;left:12px;pointer-events:none;position:absolute}.lpb-component-library-search input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#334155;font-size:13px;padding:10px 36px;transition:all .2s ease;width:100%}.lpb-component-library-search input:focus{background:#fafbfc;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.lpb-clear-search{background:#e2e8f0;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:4px 8px;position:absolute;right:8px;transition:all .2s ease}.lpb-clear-search:hover{background:#cbd5e1;color:#334155}.lpb-component-library-wrapper{grid-gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr 2fr;overflow-y:auto;padding:0}.lpb-component-library-category-nav{display:flex;margin-bottom:4px}.lpb-component-library-category-btn{align-items:center;background:none;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:10px;padding:9px 12px;text-align:left;transition:all .15s ease;width:100%}.lpb-category-icon{color:#94a3b8;font-size:15px;font-weight:300;text-align:center;width:16px}.lpb-template-count{color:#94a3b8;font-size:11px;font-weight:500;margin-left:auto}.lpb-component-library-category-btn:hover{background:#f8fafc;color:#1e293b}.lpb-component-library-category-btn:hover .lpb-category-icon{color:#64748b}.lpb-component-library-category-btn-active{background:#f8fafc;color:#1e293b;font-weight:500}.lpb-component-library-category-btn-active .lpb-category-icon{color:#3b82f6}.lpb-component-library-subcategory-nav{margin-top:4px;padding-left:24px}.lpb-component-library-subcategory-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.lpb-component-library-subcategory-btn:hover{background:#f8fafc;color:#475569;padding-left:16px}.lpb-component-library-subcategory-btn-active{background:#f1f5f9;border-left:2px solid #6366f1;color:#6366f1;font-weight:600}.lpb-component-library-template-column{overflow:hidden;overflow-y:auto;padding:12px}.lpb-component-library-template-list{gap:10px;grid-template-columns:repeat(auto-fill,minmax(91px,1fr))}.lpb-template-item{background:#fff;border-bottom:1px solid #e5e7eb;cursor:grab;margin:10px;padding:5px 8px;position:relative;text-align:center;transition:all .2s ease}.lpb-template-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.06);transform:translateY(-2px)}.lpb-template-item-dragging{opacity:.5;transform:rotate(2deg) scale(.96)}.lpb-template-item i{color:#64748b;display:block;font-size:26px;font-weight:300;margin-bottom:8px;transition:color .2s ease}.lpb-template-item:hover i{color:#3b82f6}.lpb-template-item span{color:#475569;display:block;font-size:12px;font-weight:400;line-height:1.3}.lpb-template-preview{border-radius:6px;height:auto;margin-bottom:6px;width:100%}.lpb-template-tooltip{background:#1e293b;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;font-size:11px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:75%;transform:translateX(-50%) translateY(5px);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:10000}.lpb-template-tooltip:before{border-bottom:5px solid #1e293b;border-left:5px solid transparent;border-right:5px solid transparent;content:"";left:50%;position:absolute;top:-4px;transform:translateX(-50%)}.lpb-template-item:hover .lpb-template-tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.lpb-interaction-hint{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#64748b;display:flex;font-size:12px;font-weight:400;gap:10px;margin-bottom:12px;padding:10px 12px}.lpb-interaction-hint i{color:#94a3b8;font-size:14px;font-weight:300}.lpb-template-item-clickable{border:1px dashed #cbd5e1;cursor:pointer!important}.lpb-template-item-clickable:hover{background:#fafbfc;border-color:#94a3b8;border-style:solid}.lpb-template-item-clickable:active{transform:translateY(0) scale(.98)}.lpb-clicking{background:#f1f5f9!important;border-color:#cbd5e1!important}.lpb-no-results{color:#94a3b8;grid-column:1/-1;padding:40px 20px}.lpb-no-results i{color:#cbd5e1;font-size:48px;margin-bottom:16px;opacity:.6}.lpb-no-results p{color:#64748b;font-size:14px;font-weight:600;margin:8px 0}.lpb-no-results small{color:#94a3b8;font-size:12px}.lpb-canvas-element[data-type=section]{background:rgba(248,250,252,.3);border:1px dashed #e5e7eb;transition:all .2s ease}.lpb-canvas-element[data-type=section]:hover{background:rgba(248,250,252,.5);border-color:#cbd5e1}.lpb-canvas-element[data-type=section].lpb-canvas-element-selected{background:rgba(59,130,246,.03);border-color:#3b82f6;border-style:solid;box-shadow:0 0 0 1px rgba(59,130,246,.1)}@keyframes section-added{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lpb-canvas-element[data-type=section]:last-child{animation:section-added .4s cubic-bezier(.4,0,.2,1)}.lpb-component-library-wrapper::-webkit-scrollbar{width:8px}.lpb-component-library-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.lpb-component-library-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.lpb-component-library-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.element-properties-panel{top:90px}.upload-btn{align-content:center;background-color:rgba(50,60,80,.21);border-radius:15px;color:#434d52;display:flex;justify-content:center;margin-left:50px;padding:10px 0;position:relative;width:150px}.tab-button{align-items:center;display:flex;flex:1 1;font-size:14px;gap:8px;padding:12px}.input-group{gap:12px}.input-label{color:#6b7280;font-size:12px;margin-bottom:4px}.input-field{border:1px solid #e5e7eb;box-sizing:border-box;font-size:14px;padding:8px}.input-field:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2);outline:none}.input-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px;width:100%}.input-select:focus{border-color:#2563eb;outline:none}.input-with-unit{align-items:center;display:flex;gap:8px}.input-unit{color:#6b7280;font-size:12px}.format-buttons{display:flex;gap:4px}.format-btn{background:#f3f4f6;border:none;border-radius:4px;cursor:pointer;padding:8px}.format-btn.active,.format-btn:hover{background:#2563eb;color:#fff}.color-input-group{display:flex;gap:8px}.color-picker{border:none;border-radius:4px;height:40px;padding:0;width:40px}.color-preset-grid{grid-gap:4px;gap:4px;margin-top:8px}.color-preset-item{height:24px;width:24px}.input-range{margin:8px 0}.range-value{color:#6b7280;font-size:12px}.checkbox-group{align-items:center;display:flex;gap:8px}.checkbox-label{color:#6b7280;font-size:12px}.size-inputs{display:flex;gap:16px}.size-input-item{flex:1 1}.empty-icon{margin-bottom:16px}.empty-text{font-size:14px;text-align:center}.image-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));margin-bottom:12px}.image-item{height:64px;position:relative;width:64px}.remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .2s ease;width:20px}.image-item:hover .remove-image-btn{opacity:1}.properties-panel{animation:slideIn .3s ease-out;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.15);flex-direction:column;height:calc(100vh - 110px);max-height:calc(100vh - 110px);overflow:hidden;position:fixed;top:90px;width:320px}.properties-panel,.properties-panel-collapsed{background:#fff;display:flex;right:20px;z-index:1002}.properties-panel-collapsed{align-items:center;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:40px;justify-content:center;position:absolute;top:20px;width:40px}.toggle-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:6px;transition:background .2s ease}.toggle-button:hover{background:#f3f4f6}.panel-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.panel-title{color:#111827;font-size:14px;font-weight:600;margin:0}.panel-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.empty-icon{margin-bottom:12px}.empty-text{font-size:13px;font-weight:500}.panel-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;flex-wrap:nowrap}.tab-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f3f4f6}.tab-button.active{background:#fff;border-bottom:2px solid #2563eb;color:#2563eb}.panel-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.panel-section{margin-bottom:16px}.section-title{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:10px}.input-group{display:flex;flex-direction:column;gap:10px}.input-label{color:#374151;font-size:11px;font-weight:500;margin-bottom:3px}.input-color,.input-field,.input-select{border:1px solid #e5e7eb;border-radius:4px;font-size:12px;padding:6px;width:100%}.input-range{width:100%}.upload-button{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px}.image-preview{margin-top:6px}.image-preview img{border:1px solid #e5e7eb;border-radius:4px}.color-preset-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-top:6px}.color-preset-item{border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;height:20px;width:20px}.color-preset-item.active{border:2px solid #2563eb}.properties-panel .color-input-group{align-items:center;display:flex;gap:8px}.properties-panel .color-picker{border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;height:40px;padding:2px;width:40px}.properties-panel .color-input-group .input-field{flex:1 1}.properties-panel .preset-buttons{display:flex;flex-wrap:wrap;gap:4px}.properties-panel .preset-buttons-vertical{display:flex;flex-direction:column;gap:4px}.properties-panel .preset-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;min-width:45px;padding:8px 12px;text-align:center;transition:all .2s ease}.properties-panel .preset-btn:hover{background:#f9fafb;border-color:#d1d5db}.properties-panel .preset-btn.active{background:#eef2ff;border-color:#667eea;color:#667eea;font-weight:600}.properties-panel .preset-buttons-vertical .preset-btn{width:100%}.properties-panel .gradient-preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:8px}.properties-panel .gradient-preset-item{border:2px solid transparent;border-radius:6px;cursor:pointer;height:50px;transition:all .2s ease;width:100%}.properties-panel .gradient-preset-item:hover{border-color:#94a3b8;transform:scale(1.05)}.properties-panel .gradient-preset-item.active{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3);transform:scale(1.05)}.properties-panel .image-preview{border:1px solid #e5e7eb;border-radius:6px;margin-top:8px;overflow:hidden}.properties-panel .image-preview img{display:block;height:auto;max-height:120px;object-fit:cover;width:100%}.properties-panel .range-value{color:#6b7280;display:inline-block;font-size:11px;font-weight:500;margin-top:4px}.properties-panel .upload-button{align-items:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s ease}.properties-panel .upload-button:hover{background:#f3f4f6;border-color:#667eea;color:#667eea}.properties-panel .input-color{border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;height:40px;padding:2px;width:40px}.properties-panel .input-range{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:4px;outline:none;width:100%}.properties-panel .input-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.properties-panel .input-range::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.2)}.properties-panel .input-range::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.properties-panel .input-range::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.2)}.element-properties-panel{animation:slideIn .3s ease-out;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.15);flex-direction:column;max-height:80vh;overflow:hidden;width:280px}.element-properties-panel,.element-properties-panel-collapsed{background:#fff;display:flex;position:absolute;right:20px;top:20px;z-index:1002}.element-properties-panel-collapsed{align-items:center;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:40px;justify-content:center;width:40px}.element-properties-panel .panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px}.element-properties-panel .panel-title{color:#111827;font-size:14px;font-weight:600;margin:0}.element-properties-panel .panel-title-input{background:transparent;border:none;color:#111827;flex:1 1;font-size:14px;font-weight:600;outline:none}.element-properties-panel .panel-title-input::placeholder{color:#9ca3af}.element-properties-panel .toggle-button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s ease}.element-properties-panel .toggle-button:hover{background:#f3f4f6}.element-properties-panel .panel-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px 20px;text-align:center}.element-properties-panel .empty-icon{margin-bottom:12px}.element-properties-panel .empty-text{font-size:13px;font-weight:500;margin:0}.element-properties-panel .panel-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.element-properties-panel .tab-button{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.element-properties-panel .tab-button:hover{background:#f3f4f6}.element-properties-panel .tab-button.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.element-properties-panel .panel-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px}.element-properties-panel .panel-content::-webkit-scrollbar{width:6px}.element-properties-panel .panel-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.element-properties-panel .panel-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.element-properties-panel .panel-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.element-properties-panel .panel-section{margin-bottom:20px}.element-properties-panel .panel-section:last-child{margin-bottom:0}.element-properties-panel .section-title{align-items:center;color:#111827;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 12px}.element-properties-panel .input-group{display:flex;flex-direction:column;gap:12px}.element-properties-panel .input-label{color:#374151;display:block;font-size:11px;font-weight:500;margin-bottom:4px}.element-properties-panel .input-field,.element-properties-panel .input-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:12px;padding:8px;transition:border-color .2s ease;width:100%}.element-properties-panel .input-field:focus,.element-properties-panel .input-select:focus{border-color:#667eea;outline:none}.element-properties-panel .input-select{cursor:pointer}.element-properties-panel .input-with-unit{align-items:center;display:flex;gap:8px}.element-properties-panel .input-with-unit .input-field{flex:1 1}.element-properties-panel .input-unit{color:#6b7280;font-size:11px;font-weight:500}.element-properties-panel .format-buttons{display:flex;gap:4px}.element-properties-panel .format-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:8px;transition:all .2s ease}.element-properties-panel .format-btn:hover{background:#f9fafb;border-color:#d1d5db}.element-properties-panel .format-btn.active{background:#eef2ff;border-color:#667eea;color:#667eea}.element-properties-panel .color-input-group{align-items:center;display:flex;gap:8px}.element-properties-panel .color-picker{border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;height:40px;padding:2px;width:40px}.element-properties-panel .color-input-group .input-field{flex:1 1}.element-properties-panel .color-preset-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);margin-top:8px}.element-properties-panel .color-preset-item{aspect-ratio:1;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;width:100%}.element-properties-panel .color-preset-item:hover{border-color:#94a3b8;transform:scale(1.1)}.element-properties-panel .color-preset-item.active{border-color:#667eea;transform:scale(1.15)}.element-properties-panel .input-range{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;height:6px;outline:none;width:100%}.element-properties-panel .input-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.element-properties-panel .input-range::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.2)}.element-properties-panel .input-range::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.element-properties-panel .input-range::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.2)}.element-properties-panel .range-value{color:#6b7280;display:inline-block;font-size:11px;font-weight:500;margin-top:4px}.element-properties-panel .size-inputs{display:flex;gap:8px}.element-properties-panel .size-input-item{flex:1 1}.element-properties-panel .size-input-item .input-label{text-align:center}.element-properties-panel .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;-webkit-user-select:none;user-select:none}.element-properties-panel .checkbox-input{accent-color:#667eea;cursor:pointer;height:16px;width:16px}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.element-properties-panel{max-height:70vh;width:260px}.element-properties-panel .color-preset-grid{grid-template-columns:repeat(8,1fr)}}.lpb-toolbar-container{background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 20px;top:0;z-index:1000}.lpb-toolbar-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.lpb-toolbar-left .logo-image{height:40px}.lpb-toolbar-right{display:flex;gap:10px}.lpb-toolbar-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.lpb-toolbar-action-btn:hover{background:#f3f4f6}.lpb-toolbar-action-btn:disabled{cursor:not-allowed;opacity:.5}.lpb-toolbar-action-primary{background:#3b82f6;border:none;color:#fff}.lpb-toolbar-action-primary:hover{background:#2563eb}.lpb-toolbar-action-active{background:#e6f3ff;border-color:#3b82f6;color:#3b82f6}.lpb-layers-panel{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:300px;min-width:200px;overflow-y:auto;padding:10px;position:absolute;right:10px;top:60px;z-index:1000}.lpb-layer-item{background-color:#f9f9f9;border-radius:4px;cursor:pointer;margin-bottom:4px;padding:8px}.lpb-layer-item:hover{background-color:#e5e7eb}.lpb-layer-item-active{background-color:#dbeafe!important;border:1px solid #3b82f6!important}.lpb-no-results{color:#6b7280;padding:10px;text-align:center}.lpb-ai-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-weight:600;overflow:hidden;position:relative;transition:all .3s ease}.lpb-ai-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.lpb-ai-btn:hover:before{left:100%}.lpb-ai-btn:hover{box-shadow:0 8px 16px rgba(102,126,234,.4);transform:translateY(-2px)}.lpb-ai-btn:active{box-shadow:0 4px 8px rgba(102,126,234,.3);transform:translateY(0)}.lpb-ai-btn i{animation:sparkle 2s infinite;margin-right:6px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.lpb-deploy-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;box-shadow:0 4px 6px rgba(102,126,234,.3);color:#fff!important;font-weight:600;overflow:hidden;position:relative;transition:all .3s ease}.lpb-deploy-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.lpb-deploy-btn:hover:before{left:100%}.lpb-deploy-btn:hover{box-shadow:0 8px 16px rgba(102,126,234,.4);transform:translateY(-2px)}.lpb-deploy-btn:active{box-shadow:0 4px 8px rgba(102,126,234,.3);transform:translateY(0)}.lpb-deploy-btn i{animation:cloudFloat 3s ease-in-out infinite;margin-right:6px}@keyframes cloudFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.popup-layer-manager{animation:slideInRight .3s ease;background:linear-gradient(135deg,#fff,#f8fafc);border-left:1px solid #e2e8f0;bottom:0;box-shadow:-4px 0 24px rgba(0,0,0,.08);display:flex;flex-direction:column;position:fixed;right:0;top:60px;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:999}.popup-layer-manager.collapsed{background:transparent;border:none;box-shadow:none;width:auto}.layer-manager-header{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.layer-manager-title{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px}.layer-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;min-width:20px;padding:0 6px}.layer-count,.layer-manager-toggle{align-items:center;justify-content:center}.layer-manager-toggle{background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;transition:all .2s ease;width:32px}.layer-manager-toggle:hover{background:#f1f5f9;color:#334155;transform:scale(1.05)}.layer-manager-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:12px 16px}.layer-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;flex:1 1;font-size:13px;padding:8px 12px;transition:all .2s ease}.layer-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.layer-toolbar-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.layer-toolbar-btn:hover{background:#f1f5f9;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15);color:#667eea;transform:translateY(-2px)}.layer-toolbar-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.layer-toolbar-btn.primary:hover{background:linear-gradient(135deg,#5568d3,#6a3e8f);box-shadow:0 4px 16px rgba(102,126,234,.3)}.layer-manager-content{flex:1 1;overflow-y:auto;padding:8px}.layer-manager-content::-webkit-scrollbar{width:6px}.layer-manager-content::-webkit-scrollbar-track{background:transparent}.layer-manager-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.layer-manager-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.layer-manager-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.layer-manager-empty svg{color:#cbd5e1;margin-bottom:16px}.layer-manager-empty p{color:#64748b;font-size:14px;margin:0 0 20px}.layer-add-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.layer-add-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3e8f);box-shadow:0 6px 20px rgba(102,126,234,.3);transform:translateY(-2px)}.layer-manager-list{display:flex;flex-direction:column;gap:6px}.popup-layer-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.popup-layer-item:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.12);transform:translateY(-2px)}.popup-layer-item.selected{background:linear-gradient(90deg,#f0f4ff,#fff);border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.15)}.popup-layer-item.dragging{opacity:.5;transform:rotate(2deg) scale(.98)}.popup-layer-item.over{background:#f0fdf4;border-color:#10b981;border-style:dashed}.layer-item-header{align-items:center;display:flex;gap:8px;padding:12px}.layer-item-drag,.layer-item-expand{align-items:center;background:transparent;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.layer-item-drag:hover,.layer-item-expand:hover{background:#f1f5f9;color:#475569}.layer-item-drag{cursor:grab}.layer-item-drag:active{cursor:grabbing}.layer-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.layer-item-title{color:#1e293b;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item-meta{color:#94a3b8;font-family:Monaco,Courier New,monospace;font-size:11px}.layer-item-actions{align-items:center;display:flex;gap:4px}.layer-item-action{align-items:center;background:transparent;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.layer-item-action:hover{background:#f1f5f9;color:#475569;transform:scale(1.1)}.layer-item-action.danger:hover{background:#fef2f2;color:#dc2626}.layer-item-details{animation:slideDown .2s ease;background:#f8fafc;border-top:1px solid #e2e8f0;padding:8px 12px 12px}.layer-detail-row{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:6px 0}.layer-detail-label{color:#64748b;font-weight:500}.layer-detail-value{color:#334155;font-family:Monaco,Courier New,monospace;font-size:11px}.layer-manager-footer{background:#fff;border-top:1px solid #e2e8f0;padding:12px 16px}.layer-footer-text{color:#64748b;font-size:12px}@media (max-width:1400px){.popup-layer-manager{width:280px}}@media (max-width:1200px){.popup-layer-manager{width:260px}.layer-item-title{font-size:12px}}.ai-content-modal-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.ai-content-modal{animation:slideUp var(--transition-base) ease;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.ai-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid var(--color-gray-100);border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:var(--color-white);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.ai-modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.ai-modal-subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);margin:var(--spacing-xs) 0 0 0;opacity:.9}.ai-modal-close{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.ai-modal-close:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.ai-modal-body{padding:var(--spacing-xl)}.ai-form-group{margin-bottom:var(--spacing-lg)}.ai-form-group label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.ai-label-hint{background:#d1fae5;border-radius:var(--radius-lg);color:#10b981;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--spacing-sm);padding:2px var(--spacing-sm)}.ai-input-hint{color:var(--color-gray-500);display:block;font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-xs)}.ai-input,.ai-select{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-md);transition:var(--transition-fast);width:100%}.ai-input:focus,.ai-select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.ai-options-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-fast);width:100%}.ai-generate-btn:hover:not(:disabled){box-shadow:var(--shadow-interactive);transform:translateY(-2px)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.7}.ai-spinner{animation:spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.ai-result{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-md)}.ai-result label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.ai-result-textarea{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-md);resize:vertical;transition:var(--transition-fast);width:100%}.ai-result-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.ai-hint{color:var(--color-gray-500);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-sm)}.ai-modal-footer{border-top:2px solid var(--color-gray-100);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl)}.ai-btn-cancel,.ai-btn-insert{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-xl);transition:var(--transition-fast)}.ai-btn-cancel{background:var(--color-gray-100);color:var(--color-gray-700)}.ai-btn-cancel:hover{background:var(--color-gray-200)}.ai-btn-insert{background:#10b981;color:var(--color-white)}.ai-btn-insert:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.ai-btn-insert:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.ai-content-modal{width:95%}.ai-options-grid{grid-template-columns:1fr}.ai-modal-body{padding:var(--spacing-md)}}.ai-analyzer-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.ai-analyzer-modal{animation:scaleIn var(--transition-base) ease;background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:800px;overflow-y:auto;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-analyzer-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;color:var(--color-white);display:flex;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-2xl)}.ai-analyzer-header h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.ai-analyzer-close{background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;font-size:22px;height:36px;transition:var(--transition-fast);width:36px}.ai-analyzer-close:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.ai-analyzer-body{padding:var(--spacing-2xl)}.ai-analyzer-intro{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.ai-analyzer-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.ai-analyzer-intro h4{color:var(--color-gray-900);font-size:var(--font-size-3xl);margin:0 0 var(--spacing-md) 0}.ai-analyzer-intro p{color:var(--color-gray-500);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl)}.ai-analyzer-intro ul{list-style:none;margin:0 auto var(--spacing-2xl);max-width:500px;padding:0;text-align:left}.ai-analyzer-intro ul li{color:var(--color-gray-700);font-size:var(--font-size-sm);padding:var(--spacing-md)}.ai-analyzer-btn-start{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition-base)}.ai-analyzer-btn-start:hover{box-shadow:var(--shadow-interactive);transform:translateY(-3px)}.ai-analyzer-loading{padding:60px var(--spacing-lg);text-align:center}.ai-analyzer-spinner{animation:spin .8s linear infinite;border:4px solid var(--color-gray-100);border-radius:50%;border-top:4px solid #667eea;height:60px;margin:0 auto var(--spacing-xl);width:60px}.ai-analyzer-loading h4{color:var(--color-gray-900);font-size:var(--font-size-xl);margin:0 0 var(--spacing-md) 0}.ai-analyzer-loading p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.ai-analyzer-results{animation:fadeIn .4s ease}.ai-overall-score{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl)}.ai-score-circle{flex-shrink:0;height:120px;position:relative;width:120px}.ai-score-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.ai-score-number{color:var(--color-gray-900);display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1}.ai-score-label{color:var(--color-gray-500);display:block;font-size:var(--font-size-base);margin-top:var(--spacing-xs)}.ai-score-info h3{color:var(--color-gray-900);font-size:var(--font-size-3xl);margin:0 0 var(--spacing-sm) 0}.ai-score-status{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.ai-detailed-scores{margin-bottom:var(--spacing-2xl)}.ai-detailed-scores h4{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.ai-scores-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.ai-score-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:var(--transition-fast)}.ai-score-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.1)}.ai-score-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.ai-score-card-header span{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ai-score-card-header strong{font-size:var(--font-size-lg)}.ai-score-bar{background:var(--color-gray-100);border-radius:var(--radius-sm);height:8px;overflow:hidden}.ai-score-bar-fill{border-radius:var(--radius-sm);height:100%;transition:width .5s ease}.ai-analysis-section{border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.ai-analysis-section h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.ai-strengths{background:#ecfdf5;border:2px solid #10b981}.ai-strengths h4{color:#047857}.ai-weaknesses{background:#fef2f2;border:2px solid #ef4444}.ai-weaknesses h4{color:#dc2626}.ai-suggestions{background:#eff6ff;border:2px solid #3b82f6}.ai-suggestions h4{color:#1e40af}.ai-analysis-section ul{margin:0;padding-left:var(--spacing-xl)}.ai-analysis-section ul li{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-sm)}.ai-suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.ai-suggestion-card{background:var(--color-white);border-left:4px solid;border-radius:var(--radius-md);padding:var(--spacing-md)}.ai-suggestion-card.critical{border-left-color:#ef4444}.ai-suggestion-card.improvement{border-left-color:#f59e0b}.ai-suggestion-badge{background:var(--color-gray-100);border-radius:var(--radius-lg);color:var(--color-gray-700);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.ai-suggestion-card h5{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.ai-suggestion-card p{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.6;margin:0}.ai-analyzer-btn-reanalyze{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xl);padding:var(--spacing-md);transition:var(--transition-fast);width:100%}.ai-analyzer-btn-reanalyze:hover{box-shadow:var(--shadow-interactive);transform:translateY(-2px)}@media (max-width:768px){.ai-analyzer-modal{max-width:none;width:95%}.ai-analyzer-body{padding:var(--spacing-lg)}.ai-overall-score{flex-direction:column;text-align:center}.ai-scores-grid{grid-template-columns:1fr}}.text-selection-toolbar{animation:fadeInUp .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.text-selection-ai-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.text-selection-ai-btn:hover{box-shadow:0 4px 8px rgba(102,126,234,.3);transform:translateY(-2px)}.text-selection-ai-btn:active{transform:translateY(0)}.gioithieu-page{margin:0 auto;max-width:1200px;padding:0;position:relative;z-index:10}.hero-section{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;min-height:80vh;padding:80px 40px}.hero-text h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px}.hero-text p{color:#64748b;font-size:18px;line-height:1.7;margin-bottom:32px;max-width:520px}.cta-button{padding:16px 40px}.hero-image{animation:float 6s ease-in-out infinite;position:relative}.hero-image img{filter:drop-shadow(0 20px 40px rgba(0,0,0,.1));height:auto;width:100%}.about-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.8);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08);margin:40px;padding:100px 40px}.about-section h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:42px;font-weight:700;margin-bottom:20px;text-align:center}.about-intro{color:#64748b;font-size:18px;line-height:1.7;margin:0 auto 60px;max-width:700px;text-align:center}.features-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(3,1fr);margin-top:60px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);padding:40px 30px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:rgba(59,130,246,.3);box-shadow:0 20px 50px rgba(0,0,0,.12);transform:translateY(-8px)}.feature-card img{height:80px;margin-bottom:24px;object-fit:contain;width:80px}.feature-card h3{color:#1e293b;font-size:22px;font-weight:600;margin-bottom:12px}.feature-card p{color:#64748b;font-size:15px;line-height:1.6}.testimonial-section{margin:40px;padding:100px 40px}.testimonial-section h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b,#f472b6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:42px;font-weight:700;margin-bottom:60px;text-align:center}.testimonial-cards{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.testimonial-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.6);border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.08);padding:40px;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.12);transform:translateY(-5px)}.testimonial-card p{color:#475569;font-size:16px;font-style:italic;line-height:1.7;margin-bottom:20px}.testimonial-card span{color:#3b82f6;font-size:14px;font-weight:600}.cta-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid hsla(0,0%,100%,.5);border-radius:24px;margin:40px;padding:100px 40px;text-align:center}.cta-section h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:42px;font-weight:700;margin-bottom:20px}.cta-section p{color:#64748b;font-size:18px;line-height:1.7;margin:0 auto 40px;max-width:600px}@media (max-width:1024px){.hero-section{gap:40px;grid-template-columns:1fr;padding:60px 30px}.hero-text h1{font-size:38px}.features-grid{gap:30px}.features-grid,.testimonial-cards{grid-template-columns:1fr}}@media (max-width:768px){.gioithieu-page{padding:0 20px}.hero-section{min-height:auto;padding:40px 20px}.hero-text h1{font-size:32px}.hero-text p{font-size:16px}.about-section,.cta-section,.testimonial-section{margin:20px 0;padding:60px 20px}.about-section h2,.cta-section h2,.testimonial-section h2{font-size:32px}.feature-card,.testimonial-card{padding:30px 20px}}@media (max-width:480px){.hero-text h1{font-size:28px}.cta-button{font-size:15px;padding:14px 30px}.about-section h2,.cta-section h2,.testimonial-section h2{font-size:28px}}.contact-page{margin:0 auto;max-width:1200px;padding:0;position:relative;z-index:10}.contact-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border-radius:24px;margin:40px;padding:100px 40px 80px;text-align:center}.contact-banner h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:48px;font-weight:700;margin-bottom:20px}.contact-banner p{color:#64748b;font-size:18px;line-height:1.7;margin:0 auto;max-width:700px}.contact-cards-section{padding:60px 40px}.cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.contact-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);padding:40px 30px;text-align:center;transition:all .3s ease}.contact-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.12);transform:translateY(-8px)}.contact-card.sales{border-top:3px solid #3b82f6}.contact-card.support{border-top:3px solid #8b5cf6}.contact-card.partner{border-top:3px solid #f472b6}.card-icon{font-size:48px;margin-bottom:20px}.contact-card h4{color:#1e293b;font-size:22px;font-weight:600;margin-bottom:12px}.contact-card p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:20px}.contact-info{background:rgba(59,130,246,.05);border-radius:12px;font-size:14px;line-height:1.8;margin:20px 0;padding:15px}.contact-info strong{color:#3b82f6}.contact-card .btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;box-shadow:0 4px 15px rgba(59,130,246,.2);color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.contact-card .btn:hover{box-shadow:0 6px 20px rgba(59,130,246,.3);transform:translateY(-2px)}.contact-form-section{margin:0 40px;padding:60px 40px}.form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.6);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08);padding:50px}.success-message{align-items:center;animation:slideDown .4s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form select,.contact-form textarea{background:hsla(0,0%,100%,.9);border:2px solid #e5e7eb;border-radius:12px;font-family:system-ui,-apple-system,sans-serif;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1);outline:none}.contact-form textarea{min-height:140px;resize:vertical}.form-check{align-items:center;display:flex;gap:10px}.form-check input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-check label{color:#64748b;cursor:pointer;font-size:14px}.btn-submit{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;box-shadow:0 10px 30px rgba(59,130,246,.3);cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 15px 40px rgba(59,130,246,.4);transform:translateY(-2px)}.contact-info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(244,114,182,.05));border-radius:24px;margin:0 40px;padding:80px 40px}.info-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.5);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);padding:35px 25px;text-align:center;transition:all .3s ease}.info-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.1);transform:translateY(-5px)}.info-card .icon{font-size:40px;margin-bottom:16px}.info-card h4{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:12px}.info-card p{color:#64748b;font-size:14px;line-height:1.8}.map-section{margin:0 40px;padding:60px 40px}.map-section iframe{box-shadow:0 20px 60px rgba(0,0,0,.1)}.faq-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.5);border-radius:24px;margin:0 40px;padding:80px 40px;text-align:center}.faq-section h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:36px;font-weight:700;margin-bottom:40px}.faq-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-outline-info,.btn-outline-primary,.btn-outline-success,.btn-outline-warning{background:#fff;border:2px solid;border-radius:10px;font-size:15px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.btn-outline-primary{border-color:#3b82f6;color:#3b82f6}.btn-outline-success{border-color:#10b981;color:#10b981}.btn-outline-warning{border-color:#f59e0b;color:#f59e0b}.btn-outline-info{border-color:#06b6d4;color:#06b6d4}.btn-outline-primary:hover{background:#3b82f6;color:#fff}.btn-outline-success:hover{background:#10b981;color:#fff}.btn-outline-warning:hover{background:#f59e0b;color:#fff}.btn-outline-info:hover{background:#06b6d4;color:#fff}.contact-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid hsla(0,0%,100%,.5);border-radius:24px;margin:40px;padding:100px 40px;text-align:center}.contact-cta h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:42px;font-weight:700;margin-bottom:16px}.contact-cta p{color:#64748b;font-size:18px;margin-bottom:32px}.btn-cta{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 10px 30px rgba(59,130,246,.3);color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:16px 50px;text-decoration:none;transition:all .3s ease}.btn-cta:hover{box-shadow:0 15px 40px rgba(59,130,246,.4);transform:translateY(-2px)}@media (max-width:1024px){.cards-grid,.info-grid{gap:24px;grid-template-columns:1fr}.contact-banner h1{font-size:38px}}@media (max-width:768px){.contact-page{padding:0 20px}.contact-banner,.contact-cards-section,.contact-cta,.contact-form-section,.contact-info-section,.faq-section,.map-section{margin:20px 0;padding:60px 20px}.contact-banner h1{font-size:32px}.contact-banner p{font-size:16px}.form-card{padding:30px 20px}.form-title{font-size:26px}.contact-cta h2,.faq-section h2{font-size:32px}.faq-buttons{flex-direction:column}.faq-buttons a{width:100%}}@media (max-width:480px){.contact-banner h1{font-size:28px}.card-icon{font-size:36px}.contact-card h4{font-size:18px}.form-title{font-size:24px}.contact-cta h2{font-size:28px}}.pages-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border-radius:24px;margin:40px;padding:100px 40px 80px;text-align:center}.pages-hero h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:52px;font-weight:700;margin-bottom:20px}.hero-subtitle{margin:0 auto;max-width:800px}.definition-section{padding:60px 40px}.definition-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.6);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08);padding:50px;text-align:center}.definition-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;color:#fff;display:inline-flex;height:100px;justify-content:center;margin-bottom:24px;width:100px}.definition-card h2{color:#1e293b;font-size:36px;font-weight:700;margin-bottom:20px}.definition-card p{color:#64748b;font-size:17px;line-height:1.8;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:900px}.definition-card strong{color:#3b82f6;font-weight:600}.why-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.03),rgba(244,114,182,.03));border-radius:24px;margin:40px;padding:80px 40px}.section-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:42px;font-weight:700;margin-bottom:60px;text-align:center}.benefits-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.benefit-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.5);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);padding:35px 25px;text-align:center;transition:all .3s ease}.benefit-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.12);transform:translateY(-8px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;color:#fff;display:inline-flex;height:70px;justify-content:center;margin-bottom:20px;width:70px}.benefit-card h3{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:12px}.benefit-card p{color:#64748b;font-size:15px;line-height:1.6}.elements-section{margin:40px;padding:80px 40px}.elements-list{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:900px}.element-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.5);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);display:flex;gap:20px;padding:30px;transition:all .3s ease}.element-item:hover{box-shadow:0 12px 35px rgba(0,0,0,.1);transform:translateX(8px)}.check-icon{flex-shrink:0;height:28px;width:28px}.element-content h4{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.element-content p{color:#64748b;font-size:15px;line-height:1.6}.types-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.8);border-radius:24px;margin:40px;padding:80px 40px}.types-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.type-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.5);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.05);overflow:hidden;padding:35px 25px;position:relative;transition:all .3s ease}.type-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.12);transform:translateY(-8px)}.type-number{color:rgba(59,130,246,.1);font-size:80px;font-weight:700;line-height:1;position:absolute;right:20px;top:-10px}.type-card h3{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:12px}.type-card h3,.type-card p{position:relative;z-index:2}.type-card p{color:#64748b;font-size:15px;line-height:1.6}.pages-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid hsla(0,0%,100%,.5);border-radius:24px;margin:40px;padding:100px 40px;text-align:center}.pages-cta h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:42px;font-weight:700;margin-bottom:16px}.pages-cta p{color:#64748b;font-size:18px;margin-bottom:32px}@media (max-width:1024px){.benefits-grid,.types-grid{grid-template-columns:repeat(2,1fr)}.pages-hero h1{font-size:42px}.section-title{font-size:36px}}@media (max-width:768px){.pages-container{padding:0 20px}.definition-section,.elements-section,.pages-cta,.pages-hero,.types-section,.why-section{margin:20px 0;padding:60px 20px}.pages-hero h1{font-size:36px}.hero-subtitle{font-size:16px}.definition-card{padding:40px 20px}.definition-card h2{font-size:28px}.benefits-grid,.types-grid{gap:20px;grid-template-columns:1fr}.section-title{font-size:28px;margin-bottom:40px}.element-item{padding:20px}.pages-cta h2{font-size:32px}}@media (max-width:480px){.pages-hero h1{font-size:28px}.definition-icon{height:70px;width:70px}.benefit-icon{height:60px;width:60px}.element-item{flex-direction:column;gap:12px}}.blog-container{margin:0 auto;max-width:1200px;padding:0;position:relative;z-index:10}.blog-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border-radius:24px;margin:40px;padding:100px 40px 60px;text-align:center}.blog-hero h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:52px;font-weight:700;margin-bottom:20px}.hero-subtitle{color:#64748b;font-size:18px;line-height:1.7;margin:0 auto 40px;max-width:700px}.search-bar{margin:0 auto;max-width:600px;position:relative}.search-icon{color:#94a3b8;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:2px solid rgba(59,130,246,.2);border-radius:16px;font-size:16px;padding:16px 20px 16px 56px;transition:all .3s ease;width:100%}.search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1);outline:none}.categories-section{overflow-x:auto;padding:40px}.categories-scroll{display:flex;gap:12px;overflow-x:auto;padding:8px 0;scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}.categories-scroll::-webkit-scrollbar{height:6px}.categories-scroll::-webkit-scrollbar-track{background:transparent}.categories-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.category-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:2px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.category-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:#fff}.cat-icon{font-size:18px}.templates-section{padding:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.section-header h2{color:#1e293b;font-size:32px;font-weight:700}.results-count{background:rgba(59,130,246,.1);border-radius:8px;color:#64748b;font-size:15px;padding:8px 16px}.templates-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(3,1fr)}.template-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.05);transition:all .3s ease}.template-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.12)}.template-preview{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.template-emoji{font-size:80px;transition:all .3s ease}.template-card:hover .template-emoji{transform:scale(1.1)}.template-overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease}.template-card:hover .template-overlay{opacity:1}.preview-btn{background:#fff;border-radius:10px;color:#1e293b;font-size:14px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.preview-btn:hover{transform:scale(1.05)}.template-info{padding:24px}.template-info h3{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:8px}.template-info p{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:16px}.template-stats{border-bottom:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px}.stat{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.stat.rating{color:#fbbf24;font-weight:600}.use-template-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;color:#fff;display:block;font-size:14px;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.use-template-btn:hover{box-shadow:0 6px 20px rgba(59,130,246,.3);transform:translateY(-2px)}.no-results{padding:80px 40px;text-align:center}.no-results p{color:#64748b;font-size:18px;margin-bottom:24px}.no-results button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .3s ease}.no-results button:hover{box-shadow:0 6px 20px rgba(59,130,246,.3);transform:translateY(-2px)}.features-highlight{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.8);border-radius:24px;margin:40px;padding:80px 40px}.features-highlight h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e293b,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:36px;font-weight:700;margin-bottom:50px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.feature-item{text-align:center}.feature-icon{font-size:48px;margin-bottom:16px}.feature-item h4{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:8px}.feature-item p{color:#64748b;font-size:14px;line-height:1.6}.blog-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid hsla(0,0%,100%,.5);border-radius:24px;margin:40px;padding:100px 40px;text-align:center}.blog-cta h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:42px;font-weight:700;margin-bottom:16px}.blog-cta p{color:#64748b;font-size:18px;margin-bottom:32px}.cta-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 10px 30px rgba(59,130,246,.3);color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:16px 50px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 15px 40px rgba(59,130,246,.4);transform:translateY(-2px)}@media (max-width:1024px){.features-grid,.templates-grid{grid-template-columns:repeat(2,1fr)}.blog-hero h1{font-size:42px}}@media (max-width:768px){.blog-container{padding:0 20px}.blog-cta,.blog-hero,.categories-section,.features-highlight,.templates-section{margin:20px 0;padding:60px 20px}.blog-hero h1{font-size:36px}.hero-subtitle{font-size:16px}.templates-grid{gap:20px;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-header h2{font-size:26px}.features-grid{gap:24px;grid-template-columns:1fr}.blog-cta h2{font-size:32px}}@media (max-width:480px){.blog-hero h1{font-size:28px}.search-bar input{padding:14px 16px 14px 48px}.category-btn{font-size:14px;padding:10px 18px}.template-preview{height:160px}.template-emoji{font-size:60px}}.templates-page{background:linear-gradient(135deg,#fef3f8,#f0f9ff 50%,#f0fdf4);display:flex;min-height:100vh;overflow:hidden;position:relative}.templates-page:before{animation:float 15s ease-in-out infinite;background:radial-gradient(circle,rgba(236,72,153,.15) 0,transparent 70%);filter:blur(60px);height:500px;left:-10%;top:-50%;width:500px}.templates-page:after,.templates-page:before{border-radius:50%;content:"";position:absolute;z-index:0}.templates-page:after{animation:float 20s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(59,130,246,.12) 0,transparent 70%);bottom:-30%;filter:blur(70px);height:600px;right:-5%;width:600px}.templates-page{--bubble-1:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);--bubble-2:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 70%)}.templates-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.header{background:#fff;border-bottom:1px solid #e4e7eb;border-radius:12px;color:#1f2a44;margin-bottom:2rem;padding:1rem 1.5rem}:root{--primary-gradient:linear-gradient(135deg,#3b82f6,#1e40af);--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--card-shadow:0 4px 12px rgba(0,0,0,.1);--card-shadow-hover:0 8px 24px rgba(0,0,0,.15)}.stats-section{animation:slideInDown .6s ease-out;margin-bottom:3rem;margin-left:240px;margin-top:1rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--card-shadow);overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.stats-card:before{background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stats-card:hover:before{opacity:1}.stats-card--total:before{background:linear-gradient(90deg,#3b82f6,#1e40af)}.stats-card--free:before{background:linear-gradient(90deg,#10b981,#059669)}.stats-card--premium:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stats-card--featured:before{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.stats-card--usage:before{background:linear-gradient(90deg,#ec4899,#be185d)}.stats-card__label{color:#64748b;font-size:.875rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase}.stats-card__value{color:#1e293b;font-size:2rem;font-weight:700}.controls-section{animation:slideInUp .6s ease-out;margin-bottom:2rem;margin-left:70px}.controls-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-left:170px}.button-toggle,.button-upload{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.button-toggle:hover,.button-upload:hover{box-shadow:0 6px 12px rgba(59,130,246,.2);transform:translateY(-2px)}.filter-select,.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:focus,.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.search-input{min-width:200px;padding-left:2.5rem}.templates-content{animation:fadeIn .6s ease-out;margin-left:210px}.templates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.template-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--card-shadow-hover);transform:translateY(-8px)}.card-media{aspect-ratio:4/3;background:#f1f5f9;overflow:hidden;position:relative;width:100%}.template-image{loading:lazy;display:block;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.template-card:hover .template-image{transform:scale(1.05)}.image-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#94a3b8;display:flex;flex-direction:column;font-size:1rem;height:100%;justify-content:center;padding:1rem;text-align:center;width:100%}.image-placeholder-text{font-weight:500;margin-top:.5rem}.badge-container{display:flex;flex-direction:column;gap:.5rem;position:absolute;right:.75rem;top:.75rem}.badge{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.7);border-radius:6px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.badge--featured{background:rgba(139,92,246,.9)}.badge--premium{background:rgba(245,158,11,.9)}.badge--status{background:hsla(220,9%,46%,.9)}.card-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;gap:.75rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.template-card:hover .card-overlay{opacity:1}.card-overlay .btn{border-radius:6px;padding:.75rem;transition:transform .2s ease,background .2s ease}.card-overlay .btn:hover{transform:scale(1.1)}.btn--primary{background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--primary-gradient);color:#fff}.btn--secondary{background:#6b7280;color:#fff}.btn--delete{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--danger-gradient);color:#fff}.btn--edit{background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--primary-gradient);color:#fff;flex:1 1}.btn--cancel{background:#e2e8f0;color:#1e293b}.btn--submit{background:linear-gradient(135deg,#3b82f6,#1e40af);background:var(--primary-gradient);box-shadow:0 4px 6px rgba(59,130,246,.3);color:#fff}.btn--submit:hover{box-shadow:0 6px 12px rgba(59,130,246,.4);transform:translateY(-2px)}.card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.card-title{color:#1e293b;font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.card-meta{color:#94a3b8;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.75rem}.category{background:#f1f5f9;border-radius:6px;font-weight:500;padding:.25rem .75rem}.price{color:#3b82f6;font-weight:600}.usage{align-items:center;display:flex;gap:.25rem}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.card-tags__tag{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.card-actions{display:flex;gap:.75rem;margin-top:auto}.card-actions .btn{border-radius:6px;font-size:.875rem;padding:.625rem}.modal-overlay1{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content1{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header1{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1.5rem}.modal-header1,.modal-title1{align-items:center;display:flex}.modal-title1{color:#1e293b;font-size:1.25rem;font-weight:600;gap:.5rem}.modal-close1{background:none;border:none;color:#64748b;cursor:pointer;transition:color .2s ease}.modal-close1:hover{color:#1e293b}.modal-form1{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.modal-form__label1{color:#1e293b;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.modal-form__file1,.modal-form__input1,.modal-form__select1,.modal-form__textarea1{border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal-form__input1:focus,.modal-form__select1:focus,.modal-form__textarea1:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.modal-form__hint1{color:#64748b;font-size:.75rem;margin-top:.5rem}.modal-form__grid1{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-form__checkbox-group1{display:flex;flex-direction:column;gap:.75rem}.modal-form__checkbox-label1{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.modal-form__checkbox1{accent-color:#3b82f6;height:1.125rem;width:1.125rem}.modal-form__checkbox-text1{align-items:center;display:flex;gap:.25rem}.modal-footer1{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.end-message{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.end-message svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.3);z-index:1000}@keyframes float{0%{transform:translate(0)}50%{transform:translate(20px,30px)}to{transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.templates-main{padding:1rem}.controls-section,.stats-section{margin-left:0}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.templates-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.controls-grid{align-items:stretch;flex-direction:column}.search-input{min-width:100%}.modal-form__grid{grid-template-columns:1fr}.modal-content{width:95%}}:root{--color-dark:#1a1a1a;--color-light:#fff;--color-gray-50:#f9f9f9;--color-gray-100:#f3f3f3;--color-gray-200:#e8e8e8;--color-gray-300:#d4d4d4;--color-gray-400:#a0a0a0;--color-gray-500:#6b7280;--color-accent:#d4af37;--color-accent-dark:#b8941f;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:rgba(141,118,183,.94);--font-serif:"Georgia","Garamond",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--shadow-soft:0 2px 8px rgba(0,0,0,.08);--shadow-medium:0 4px 16px rgba(0,0,0,.12);--shadow-interactive:0 8px 24px rgba(0,0,0,.15);--radius:8px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--color-light);color:#1a1a1a;color:var(--color-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans)}.admin-marketplace-container{background-color:#f9f9f9;background-color:var(--color-gray-50);display:flex;margin-top:70px;min-height:100vh}.admin-marketplace-main{display:flex;width:100%}.admin-marketplace-content{flex:1 1;margin-left:220px;margin-top:20px;overflow-y:auto;padding:32px;padding:var(--space-2xl)}.admin-marketplace-header{border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--color-gray-200);margin-bottom:32px;margin-bottom:var(--space-2xl);padding-bottom:24px;padding-bottom:var(--space-xl)}.admin-marketplace-header h1{-webkit-text-fill-color:transparent;align-items:center;animation:adminTitleGradient 8s ease-in-out infinite;background:linear-gradient(90deg,#3a3a3a,#1a1a1a,#d4af37,#b8941f,#1a1a1a);background:linear-gradient(90deg,#3a3a3a,var(--color-dark),var(--color-accent),var(--color-accent-dark),var(--color-dark));-webkit-background-clip:text;background-clip:text;background-size:250% auto;display:flex;font-family:Georgia,Garamond,serif;font-family:var(--font-serif);font-size:2.75rem;font-weight:700;gap:12px;gap:var(--space-md);letter-spacing:-.5px;margin-bottom:8px;margin-bottom:var(--space-sm)}.admin-marketplace-header p{color:#6b7280;color:var(--color-gray-500);font-size:1.1rem;font-weight:400;line-height:1.6}.tabs{border-bottom:2px solid #e8e8e8;border-bottom:2px solid var(--color-gray-200);display:flex;gap:16px;gap:var(--space-lg);margin-bottom:32px;margin-bottom:var(--space-2xl)}.tab{background:none;border:none;color:#6b7280;color:var(--color-gray-500);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 0;padding:var(--space-md) 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab.active,.tab:hover{color:#1a1a1a;color:var(--color-dark)}.tab.active{font-weight:600}.tab.active:after{background:linear-gradient(90deg,#d4af37,#b8941f);background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent-dark) 100%);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.stats-grid{grid-gap:16px;grid-gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;margin-bottom:var(--space-2xl)}.stat-card,.stats-grid{gap:16px;gap:var(--space-lg)}.stat-card{background:var(--color-light);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-soft);padding:24px;padding:var(--space-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{border-color:#d4af37;border-color:var(--color-accent);box-shadow:0 4px 16px rgba(0,0,0,.12);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.stat-icon{align-items:center;display:flex;height:60px;justify-content:center;min-width:60px}.stat-info{flex:1 1}.stat-value{color:#1a1a1a;color:var(--color-dark);font-family:Georgia,Garamond,serif;font-family:var(--font-serif);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:8px;margin-bottom:var(--space-sm)}.stat-label{color:#6b7280;color:var(--color-gray-500);font-size:.875rem;font-weight:500}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-lg);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-xl)}.toolbar-left,.toolbar-right{flex-wrap:wrap}.search-box,.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:12px;gap:var(--space-md)}.search-box{background:#fff;background:var(--color-light);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius);flex:1 1;min-width:250px;padding:12px 16px;padding:var(--space-md) var(--space-lg)}.search-input{background:transparent;border:none;color:#1a1a1a;color:var(--color-dark);flex:1 1;font-size:.95rem;outline:none}.search-input::placeholder{color:#a0a0a0;color:var(--color-gray-400)}.status-filter{background:#fff;background:var(--color-light);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius);color:#1a1a1a;color:var(--color-dark);cursor:pointer;font-size:.95rem;padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.status-filter:hover{border-color:#d4af37;border-color:var(--color-accent)}.toolbar-btn{align-items:center;background:#fff;background:var(--color-light);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius);color:#1a1a1a;color:var(--color-dark);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.toolbar-btn:hover:not(:disabled){background:#f9f9f9;background:var(--color-gray-50);border-color:#d4af37;border-color:var(--color-accent);transform:translateY(-1px)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.6}.toolbar-btn.bulk-approve{background:#10b981;background:var(--color-success);border-color:#10b981;border-color:var(--color-success);color:#fff;color:var(--color-light)}.toolbar-btn.bulk-approve:hover:not(:disabled){background:#059669;border-color:#059669}.toolbar-btn.bulk-delete{background:#ef4444;background:var(--color-danger);border-color:#ef4444;border-color:var(--color-danger);color:#fff;color:var(--color-light)}.toolbar-btn.bulk-delete:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.bulk-selection-bar{align-items:center;background:#f9f9f9;background:var(--color-gray-50);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-lg)}.checkbox-label{color:#1a1a1a;color:var(--color-dark);font-weight:500;gap:12px;gap:var(--space-md)}.checkbox-label input{cursor:pointer;height:18px;width:18px}.selected-count{color:#6b7280;color:var(--color-gray-500);font-size:.9rem}.pages-list,.refund-requests-list,.transactions-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-lg)}.admin-page-item,.refund-request-item,.transaction-item{grid-gap:16px;grid-gap:var(--space-lg);align-items:start;background:#fff;background:var(--color-light);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-soft);display:grid;gap:16px;gap:var(--space-lg);grid-template-columns:auto 120px 1fr auto;padding:16px;padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.admin-page-item:hover,.refund-request-item:hover,.transaction-item:hover{border-color:#d4af37;border-color:var(--color-accent);box-shadow:0 4px 16px rgba(0,0,0,.12);box-shadow:var(--shadow-medium)}.page-checkbox{align-items:center;display:flex}.page-checkbox input{cursor:pointer;height:18px;width:18px}.page-image{border-radius:8px;border-radius:var(--radius);height:150px;overflow:hidden;position:relative;width:100%}.page-image img{display:block;height:100px;object-fit:cover;width:100%}.featured-badge{align-items:center;background:linear-gradient(135deg,#d4af37,#b8941f);background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-dark) 100%);border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-soft);color:#1a1a1a;color:var(--color-dark);display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:8px 12px;padding:var(--space-sm) var(--space-md);position:absolute;right:8px;right:var(--space-sm);top:8px;top:var(--space-sm)}.page-info{flex-direction:column}.page-header,.page-info{display:flex;gap:12px;gap:var(--space-md)}.page-header{align-items:start;justify-content:space-between}.page-header h3{color:#1a1a1a;color:var(--color-dark);font-family:Georgia,Garamond,serif;font-family:var(--font-serif);font-size:1.1rem;font-weight:600;margin:0}.status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:8px 12px;padding:var(--space-sm) var(--space-md);white-space:nowrap}.page-category,.page-date,.page-description,.page-seller{color:#6b7280;color:var(--color-gray-500);font-size:.9rem;line-height:1.5;margin:0}.page-category,.page-seller strong{color:#1a1a1a;color:var(--color-dark);font-weight:500}.page-meta{color:#6b7280;color:var(--color-gray-500);display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;gap:var(--space-lg)}.page-meta span{align-items:center;display:flex;gap:4px;gap:var(--space-xs)}.rejection-reason{align-items:center;background:#fef2f2;border-left:3px solid #ef4444;border-left:3px solid var(--color-danger);border-radius:4px;color:#ef4444;color:var(--color-danger);display:flex;font-size:.9rem;gap:8px;gap:var(--space-sm);padding:12px;padding:var(--space-md)}.page-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px;gap:var(--space-md)}.page-price{color:#1a1a1a;color:var(--color-dark);font-family:Georgia,Garamond,serif;font-family:var(--font-serif);font-size:1.3rem;font-weight:700}.action-buttons{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm);width:100%}.btn-approve,.btn-delete,.btn-featured,.btn-reject,.btn-suspend,.btn-view{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-view{background:#f3f3f3;background:var(--color-gray-100);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);color:#1a1a1a;color:var(--color-dark)}.btn-view:hover:not(:disabled){background:#e8e8e8;background:var(--color-gray-200);border-color:#d4d4d4;border-color:var(--color-gray-300);transform:translateY(-1px)}.btn-approve{background:#10b981;background:var(--color-success);color:#fff;color:var(--color-light)}.btn-approve:hover:not(:disabled){background:#059669;box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--shadow-interactive);transform:translateY(-1px)}.btn-reject{background:#ef4444;background:var(--color-danger);color:#fff;color:var(--color-light)}.btn-reject:hover:not(:disabled){background:#dc2626;box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--shadow-interactive);transform:translateY(-1px)}.btn-suspend{background:#f59e0b;background:var(--color-warning);color:#fff;color:var(--color-light)}.btn-suspend:hover:not(:disabled){background:#d97706;box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--shadow-interactive);transform:translateY(-1px)}.btn-featured{background:linear-gradient(135deg,#d4af37,#b8941f);background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-dark) 100%);color:#1a1a1a;color:var(--color-dark)}.btn-featured:hover:not(:disabled){box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--shadow-interactive);transform:translateY(-1px)}.btn-delete{background:#f3f4f6;border:1px solid #fee2e2;color:#ef4444;color:var(--color-danger)}.btn-delete:hover:not(:disabled){background:#fee2e2;border-color:#ef4444;border-color:var(--color-danger);transform:translateY(-1px)}.btn-approve:disabled,.btn-delete:disabled,.btn-featured:disabled,.btn-reject:disabled,.btn-suspend:disabled,.btn-view:disabled{cursor:not-allowed;opacity:.6}.refund-request-item,.transaction-item{grid-template-columns:1fr auto}.refund-request-info,.transaction-info{display:flex;flex-direction:column;gap:12px;gap:var(--space-md)}.refund-request-header,.transaction-header{align-items:center;display:flex;gap:12px;gap:var(--space-md);justify-content:space-between}.refund-request-header h3,.transaction-header h3{color:#1a1a1a;color:var(--color-dark);font-family:Georgia,Garamond,serif;font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0}.refund-request-info p,.transaction-info p{color:#6b7280;color:var(--color-gray-500);font-size:.9rem;margin:0}.refund-request-info strong,.transaction-info strong{color:#1a1a1a;color:var(--color-dark);font-weight:600}.refund-request-actions{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm)}.pagination{background:#fff;gap:16px;gap:var(--space-lg);margin-top:32px;margin-top:var(--space-2xl);padding:16px;padding:var(--space-lg)}.pagination,.pagination button{background:var(--color-light);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius)}.pagination button{color:#1a1a1a;color:var(--color-dark);font-weight:500;padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pagination button:hover:not(:disabled){background:#f9f9f9;background:var(--color-gray-50);border-color:#d4af37;border-color:var(--color-accent);transform:translateY(-1px)}.pagination span{color:#6b7280;color:var(--color-gray-500);font-weight:500}.modal-overlay{bottom:0;left:0;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:var(--color-light);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--shadow-interactive);max-width:500px;padding:32px;padding:var(--space-2xl)}.modal-content h2{color:#1a1a1a;color:var(--color-dark);font-family:Georgia,Garamond,serif;font-family:var(--font-serif);font-size:1.5rem;font-weight:700}.modal-content h2,.modal-content p{margin-bottom:16px;margin-bottom:var(--space-lg)}.modal-content p{color:#6b7280;color:var(--color-gray-500);line-height:1.6}.modal-content textarea{border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--radius);color:#1a1a1a;color:var(--color-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.95rem;padding:16px;padding:var(--space-lg);resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.modal-content textarea:focus{border-color:#d4af37;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(212,175,55,.1);outline:none}.modal-content img{border-radius:8px;border-radius:var(--radius);margin-bottom:16px;margin-bottom:var(--space-lg);width:100%}.modal-content button{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;font-weight:600;padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.empty-state{color:#6b7280;color:var(--color-gray-500);font-size:1rem;padding:32px;padding:var(--space-2xl)}.loading-overlay{align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes adminTitleGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:1200px){.admin-page-item,.refund-request-item,.transaction-item{grid-template-columns:1fr}.page-actions{align-items:flex-start}.action-buttons{flex-direction:row;flex-wrap:wrap}.btn-approve,.btn-delete,.btn-featured,.btn-reject,.btn-suspend,.btn-view{flex:1 1;min-width:100px}}@media (max-width:768px){.admin-marketplace-content{padding:16px;padding:var(--space-lg)}.admin-marketplace-header h1{font-size:1.75rem}.admin-toolbar{align-items:stretch}.admin-toolbar,.toolbar-left,.toolbar-right{flex-direction:column}.search-box{min-width:100%}.status-filter{width:100%}.stats-grid{grid-template-columns:1fr}.admin-page-item,.refund-request-item,.transaction-item{gap:12px;gap:var(--space-md);grid-template-columns:1fr}.page-image{height:200px}.page-image img{height:100%}.action-buttons{flex-direction:column}.btn-approve,.btn-delete,.btn-featured,.btn-reject,.btn-suspend,.btn-view{width:100%}.modal-content{padding:16px;padding:var(--space-lg);width:95%}}@media (max-width:480px){.admin-marketplace-header h1{font-size:1.5rem}.tabs{gap:12px;gap:var(--space-md);overflow-x:auto}.tab{font-size:.9rem;padding:8px 0;padding:var(--space-sm) 0}.page-meta,.pagination{gap:12px;gap:var(--space-md)}.pagination{flex-direction:column}.pagination button{width:100%}}.orders-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.orders-table{border-collapse:collapse;color:#111827;font-size:.9rem;width:100%}.orders-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.orders-table th{color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase}.orders-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.orders-table tbody tr:hover{background-color:#f9fafb}.orders-table td{color:#4b5563;padding:14px 16px;vertical-align:middle}.orders-table td strong{color:#111827}.orders-table .cell-right{text-align:right}.orders-table .cell-center{text-align:center}.orders-table .cell-price{color:#111827;font-weight:600}.orders-table .status-badge123{border-radius:999px;display:inline-block;font-size:.75rem;padding:4px 10px;white-space:nowrap}@media (max-width:768px){.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table td,.orders-table tr{display:block;width:100%}.orders-table tr{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.orders-table td{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.orders-table td:last-child{border-bottom:none}.orders-table td:before{color:#374151;content:attr(data-label);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}}:root{--bg-main:#f4f7fa;--bg-surface:#fff;--primary-accent:#6c5ce7;--primary-accent-hover:#5a4bcf;--text-primary:#2d3748;--text-secondary:#718096;--border-color:#e2e8f0;--danger-color:#e53e3e;--danger-hover:#c53030;--success-color:#38a169;--success-hover:#2f855a;--font-family:"Poppins",sans-serif;--shadow:0 8px 25px rgba(0,0,0,.07);--border-radius:12px}body{color:#2d3748;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-family);margin-top:70px}.admin-user-container,body{background-color:#f4f7fa;background-color:var(--bg-main)}.admin-user-container{display:flex;min-height:100vh}.admin-user-main{flex-grow:1;transition:all .3s ease}.admin-user-content{margin-left:90px;margin-top:10px;padding:2.5rem}.admin-header{align-items:flex-start;background:#fff;background:var(--bg-surface);border-left:5px solid #6c5ce7;border-left:5px solid var(--primary-accent);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px rgba(0,0,0,.07);box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.header-title{align-items:center;display:flex;gap:1.5rem}.icon-wrapper{align-items:center;background-color:rgba(108,92,231,.1);border-radius:50%;color:#6c5ce7;color:var(--primary-accent);display:inline-flex;font-size:1.75rem;height:60px;justify-content:center;width:60px}.header-title h1{color:#2d3748;color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.header-title p{color:#718096;color:var(--text-secondary);font-size:1rem;margin:.25rem 0 0}.admin-user-form{grid-gap:1.5rem;align-items:center;background:#fff;background:var(--bg-surface);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px rgba(0,0,0,.07);box-shadow:var(--shadow);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2.5rem;padding:2rem}.admin-user-form input,.admin-user-form select{background-color:#fdfdfd;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#2d3748;color:var(--text-primary);font-size:.95rem;padding:.8rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.admin-user-form input::placeholder{color:#718096;color:var(--text-secondary)}.admin-user-form input:focus,.admin-user-form select:focus{border-color:#6c5ce7;border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(108,92,231,.2);outline:none}.admin-user-form button{grid-column:1/-1;justify-self:end;min-width:150px;width:auto}.user-table-container{background:#fff;background:var(--bg-surface);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 25px rgba(0,0,0,.07);box-shadow:var(--shadow);overflow-x:auto;padding:2rem}.user-table{border-collapse:collapse;text-align:left;width:100%}.user-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#718096;color:var(--text-secondary);font-size:.8rem;letter-spacing:1px;padding:1rem 1.5rem;text-transform:uppercase}.user-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#2d3748;color:var(--text-primary);font-weight:400;padding:1rem 1.5rem}.user-table tbody tr{transition:background-color .2s ease}.user-table tbody tr:hover{background-color:#f9fafb}.user-table tbody tr:last-child td{border-bottom:none}.btn-delete,.btn-edit,.btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.7rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn-primary{background-color:#6c5ce7;background-color:var(--primary-accent);box-shadow:0 4px 15px rgba(108,92,231,.2);color:#fff}.btn-primary:hover{background-color:#5a4bcf;background-color:var(--primary-accent-hover);box-shadow:0 6px 20px rgba(108,92,231,.3);transform:translateY(-2px)}.action-cell{display:flex;gap:.75rem}.btn-delete,.btn-edit{font-size:.8rem;padding:.5rem 1rem}.btn-edit{background-color:transparent;border:1px solid #38a169;border:1px solid var(--success-color);color:#38a169;color:var(--success-color)}.btn-edit:hover{background-color:#38a169;background-color:var(--success-color);color:#fff}.btn-delete{background-color:transparent;border:1px solid #e53e3e;border:1px solid var(--danger-color);color:#e53e3e;color:var(--danger-color)}.btn-delete:hover{background-color:#e53e3e;background-color:var(--danger-color);color:#fff}.login-count-badge,.role-badge,.sub-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-badge.user{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sub-badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.sub-badge.free{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.login-count-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;min-width:40px;text-align:center}.unified-payments{background:#f9fafb;display:flex;min-height:100vh}.unified-payments .main-area{flex:1 1;margin-left:220px}.unified-payments .content{padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{color:#111;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;gap:1rem;padding:1.25rem}.stat-card svg{color:#6b7280}.stat-card .val{color:#111;font-size:1.5rem;font-weight:700}.stat-card .lbl{color:#6b7280;font-size:.875rem}.filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.filters button,.filters input,.filters select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem .75rem}.filters button{align-items:center;cursor:pointer;display:flex;gap:.25rem}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:1rem}table{font-size:.875rem}th{border-bottom:1px solid #e5e7eb;color:#374151;text-align:left}td,th{padding:.75rem}td{border-bottom:1px solid #f3f4f6}.badge1{border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.badge1.completed{background:#10b981}.badge1.pending{background:#f59e0b}.badge1.failed{background:#ef4444}.pagination{gap:1rem;margin-top:1rem}.pagination button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.pagination button:disabled{cursor:not-allowed;opacity:.5}.empty{color:#6b7280;padding:2rem;text-align:center}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-content{background:#fff;border-radius:8px;max-width:480px;padding:24px;width:90%}.input-field{border:1px solid #d1d5db;border-radius:6px;margin:8px 0 16px;padding:10px;width:100%}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;flex:1 1;padding:10px}.btn-cancel{background:#e5e7eb}.btn-submit{background:#10b981;color:#fff}.view-toggle{background:#f8f9fa;border-radius:8px;display:flex;gap:10px;margin:20px 0;padding:10px}.view-toggle button{align-items:center;background:#fff;border:2px solid transparent;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.view-toggle button:hover{background:#e9ecef}.view-toggle button.active{background:#007bff;border-color:#007bff;color:#fff}.stats-grid.enhanced{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card.highlight-card.payout-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;cursor:pointer;transition:transform .2s}.stat-card.highlight-card.payout-card:hover{transform:translateY(-2px)}.status-breakdown{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:20px 0;padding:20px}.status-breakdown h3{align-items:center;color:#333;display:flex;gap:8px;margin:0 0 15px}.status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-item{border-left:4px solid;border-radius:8px;padding:12px;text-align:center}.status-item.success{background:#d4edda;border-left-color:#28a745}.status-item.warning{background:#fff3cd;border-left-color:#ffc107}.status-item.danger{background:#f8d7da;border-left-color:#dc3545}.status-item.secondary{background:#e2e3e5;border-left-color:#6c757d}.status-item.info{background:#d1ecf1;border-left-color:#17a2b8}.status-label{color:#666;font-size:12px;margin-bottom:4px}.status-count{font-size:18px;font-weight:700;margin-bottom:4px}.status-amount{color:#28a745;font-size:12px}.filters.enhanced{grid-gap:12px;background:#f8f9fa;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0;padding:20px}.filters.enhanced input[type=date]{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px}.filters.enhanced button{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:background .2s}.filters.enhanced button:hover:not(:disabled){background:#0056b3}.filters.enhanced button.reset{background:#6c757d}.filters.enhanced button.reset:hover{background:#545b62}.filters.enhanced button:disabled{background:#ccc;cursor:not-allowed}.table-wrapper.enhanced{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #eee;padding:20px}.table-header h3{align-items:center;color:#333;display:flex;gap:8px;margin:0}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}th{background:#f8f9fa;color:#333;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.product-info{display:flex;flex-direction:column;gap:4px}.category{background:#e9ecef;border-radius:4px;color:#6c757d;font-size:11px;padding:2px 6px}.user-info{font-size:14px}.payment-method{align-items:center;background:#e3f2fd;border-radius:4px;display:inline-flex;font-size:13px;gap:6px;padding:4px 8px}.badge1,.order-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.badge1.success,.order-badge.delivered{background:#d4edda;color:#155724}.badge1.warning,.order-badge.pending,.order-badge.processing{background:#fff3cd;color:#856404}.badge1.danger,.order-badge.cancelled{background:#f8d7da;color:#721c24}.badge1.info,.order-badge.refunded{background:#d1ecf1;color:#0c5460}.badge1.secondary{background:#e2e3e5;color:#383d41}.fee{color:#28a745;display:block;font-size:12px}.action-btn{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px}.action-btn:hover{background:#0056b3}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-icon{margin-bottom:20px;opacity:.5}.empty-text{font-size:18px;margin:0 0 8px}.empty-subtext{font-size:14px;margin:0}.pagination{align-items:center;background:#f8f9fa;display:flex;gap:12px;justify-content:center;padding:20px}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#007bff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#333;font-weight:500}@media (max-width:768px){.filters.enhanced,.stats-grid.enhanced{grid-template-columns:1fr}.filters.enhanced{gap:8px}.table-container{font-size:14px}td,th{padding:8px 12px}}.modern-payout-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modern-payout-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:650px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-payout-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:30px}.modern-payout-header h2{align-items:center;display:flex;font-size:28px;font-weight:700;gap:10px;margin:0 0 8px}.modern-payout-header p{font-size:14px;margin:0;opacity:.9}.modern-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.modern-close-btn:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.modern-amount-summary{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-bottom:1px solid #e5e7eb;padding:30px}.amount-breakdown{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:24px}.breakdown-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.breakdown-item:last-child{margin-bottom:0}.breakdown-label{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.breakdown-value{font-size:18px;font-weight:700}.breakdown-value.primary{color:#3b82f6}.breakdown-value.fee{color:#ef4444}.breakdown-value.success{color:#10b981;font-size:24px}.breakdown-divider{background:linear-gradient(90deg,transparent,#e5e7eb,transparent);height:1px;margin:16px 0}.breakdown-item.total{border-top:2px dashed #e5e7eb;padding-top:12px}.payment-method-selector{background:#fff;padding:30px}.section-label{color:#1f2937;display:block;font-size:16px;font-weight:600;margin-bottom:16px}.payment-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.payment-method-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s}.payment-method-btn:hover{border-color:#667eea;box-shadow:0 8px 20px rgba(102,126,234,.15);transform:translateY(-2px)}.payment-method-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 24px rgba(102,126,234,.3);color:#fff}.payment-method-btn.active .method-desc,.payment-method-btn.active .method-name{color:#fff}.payment-method-btn.active .method-desc{opacity:.9}.method-name{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.method-desc{color:#6b7280;font-size:13px}.check-icon{color:#10b981;position:absolute;right:16px;top:16px}.payment-method-btn.active .check-icon{color:#fff}.modern-payout-form{padding:0 30px 30px}.form-group-modern{margin-bottom:24px}.form-group-modern label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px}.required{color:#ef4444}.modern-input,.modern-select,.modern-textarea{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s;width:100%}.modern-input:focus,.modern-select:focus,.modern-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);outline:none}.modern-select{background-color:#fff;cursor:pointer}.modern-textarea{min-height:80px;resize:vertical}.input-hint{color:#6b7280;display:block;font-size:13px;margin-top:8px}.btn-generate-qr{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;padding:14px 24px;transition:all .3s;width:100%}.btn-generate-qr:hover{box-shadow:0 8px 24px rgba(102,126,234,.4);transform:translateY(-2px)}.qr-code-display{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;margin-bottom:24px;padding:24px;text-align:center}.qr-code-display p{color:#6b7280;font-size:14px;margin-bottom:16px}.qr-code-display img{border:4px solid #fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);max-width:250px}.payout-alert-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;margin-bottom:24px;padding:20px}.alert-header{align-items:center;color:#92400e;display:flex;gap:10px;margin-bottom:12px}.alert-header h4{font-size:16px;font-weight:700;margin:0}.alert-list{color:#78350f;font-size:13px;margin:0;padding-left:20px}.alert-list li{line-height:1.6;margin-bottom:8px}.alert-list li:last-child{margin-bottom:0}.modern-payout-actions{display:flex;gap:12px;margin-top:24px}.btn-modern-cancel,.btn-modern-submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s}.btn-modern-cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-modern-cancel:hover{background:#f9fafb;border-color:#d1d5db}.btn-modern-submit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.3);color:#fff}.btn-modern-submit:hover:not(:disabled){box-shadow:0 8px 24px rgba(16,185,129,.4);transform:translateY(-2px)}.btn-modern-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.modern-payout-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.payment-methods{grid-template-columns:1fr}.modern-payout-header{padding:24px}.modern-payout-header h2{font-size:24px}.modern-amount-summary,.modern-payout-form,.payment-method-selector{padding:20px}.modern-payout-actions{flex-direction:column}}.deployment-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}.deployment-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.deployment-header{margin-bottom:32px}.btn-back{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;margin-bottom:16px;padding:8px 16px;transition:all .2s ease}.btn-back:hover{background:#e5e7eb}.deployment-header h1{align-items:center;color:#111827;display:flex;font-size:32px;font-weight:700;gap:12px;margin:0 0 8px}.deployment-subtitle{color:#6b7280;font-size:16px;margin:0}.info-banner{background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.info-banner svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-banner strong{color:#1e40af;display:block;font-size:14px;margin-bottom:4px}.info-banner p{color:#1e40af;font-size:13px;line-height:1.5;margin:0}.info-banner a{color:#2563eb;font-weight:500;text-decoration:underline}.deployment-status-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;margin-bottom:32px;padding:24px}.status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.status-header h3{font-size:20px;font-weight:600;margin:0}.status-badge{background:hsla(0,0%,100%,.2);border-radius:20px;font-size:14px;font-weight:500;padding:6px 16px}.status-badge.deployed{background:rgba(16,185,129,.2)}.status-badge.deploying{background:rgba(251,191,36,.2)}.status-badge.failed{background:rgba(239,68,68,.2)}.deployment-urls{gap:16px}.deployment-urls,.url-item{display:flex;flex-direction:column}.url-item{gap:8px}.url-item label{font-size:13px;font-weight:500;opacity:.9}.url-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:8px;display:flex;gap:8px;padding:12px 16px}.url-display a{color:#fff;flex:1 1;font-size:14px;text-decoration:none;word-break:break-all}.url-display a:hover{text-decoration:underline}.url-display button{background:hsla(0,0%,100%,.2);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px;transition:all .2s ease}.url-display button:hover{background:hsla(0,0%,100%,.3)}.deployment-info{display:flex;font-size:13px;gap:24px;margin-top:12px;opacity:.9}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:24px;padding:32px}.settings-section h2{align-items:center;color:#111827;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=password],.form-group input[type=text],.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.input-with-icon{position:relative}.input-with-icon input{padding-right:48px}.toggle-visibility{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#374151;font-size:14px}.btn-save{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.btn-save:hover{background:#059669;box-shadow:0 4px 6px rgba(16,185,129,.2);transform:translateY(-1px)}.deploy-actions{display:flex;gap:16px;margin-bottom:32px}.btn-deploy{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 6px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .3s ease}.btn-deploy:hover:not(:disabled){box-shadow:0 8px 12px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-deploy:disabled{cursor:not-allowed;opacity:.6}.btn-docs{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 24px;text-decoration:none;transition:all .2s ease}.btn-docs:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.deployment-logs{background:#1f2937;border-radius:12px;color:#fff;padding:24px}.deployment-logs h3{font-size:16px;font-weight:600;margin:0 0 16px}.logs-container{background:#111827;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;max-height:400px;overflow-y:auto;padding:16px}.log-entry{display:flex;gap:12px;margin-bottom:8px;padding:4px 0}.log-time{color:#6b7280;font-size:11px;min-width:80px}.log-message{color:#e5e7eb}.logs-container::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}.logs-container::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.logs-container::-webkit-scrollbar-thumb:hover{background:#4b5563}.subdomain-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:0;overflow:hidden;transition:all .2s ease}.subdomain-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.subdomain-input input{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1 1;padding:10px 14px}.subdomain-input input:focus{box-shadow:none!important;outline:none}.subdomain-suffix{background:#f3f4f6;border-left:1px solid #e5e7eb;color:#6b7280;font-size:14px;font-weight:500;padding:10px 14px;white-space:nowrap}.ssl-notice{align-items:center;background:#d1fae5;border:1px solid #10b981;border-radius:8px;display:flex;gap:8px;margin-top:16px;padding:12px 16px}.ssl-notice span{color:#065f46;font-size:14px;font-weight:500}.btn-secondary{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 24px;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}@media (max-width:768px){.deployment-container{padding:24px 16px}.deployment-header h1{font-size:24px}.settings-section{padding:20px}.form-row{grid-template-columns:1fr}.deploy-actions,.url-display{flex-direction:column}.url-display{align-items:flex-start}.deployment-info{flex-direction:column;gap:8px}}.spinner{animation:spin .8s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}