@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);*{margin:0;padding:0}body{background:#f5f7fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--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-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-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--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;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-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{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{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{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{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)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding: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{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.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-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.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:#e74c3c;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:#e74c3c;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:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.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{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.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;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);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);bottom:0;height:5px;left:0;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)}}.login-container{align-items:center;background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header img{height:100px;object-fit:cover;width:112px}.login-header h1{color:#667eea;font-size:2.5rem;font-weight:700;margin:0 0 10px}.login-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 10px}.login-header p{color:#666;font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;padding:12px 16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error-input{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group input.error-input:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354533}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:48px;width:100%}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease,background .2s ease}.password-toggle:hover{background:#0000000d;color:#333}.password-toggle:focus{color:#f2b11a;outline:none}.form-options{font-size:.9rem;justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#666;cursor:pointer;gap:8px}.remember-me input[type=checkbox]{cursor:pointer;height:18px;width:18px}.forgot-password{color:#000;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#f2b11a;text-decoration:underline}.login-button{background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.error-message{align-items:flex-start;border-radius:8px;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:20px;padding:16px}.error-message .error-icon{flex-shrink:0;font-size:24px;margin-top:2px}.error-message .error-content{flex:1 1}.error-message .error-content strong{display:block;font-size:15px;font-weight:600;margin-bottom:6px}.error-message .error-content p{color:#555;margin:0}.error-message.error-info{background-color:#e7f3ff;border:1px solid #b3d9ff;color:#004085}.error-message.error-warning{background-color:#fff3cd;border:1px solid gold;color:#856404}.error-message.error-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-message.error-warning .error-content strong{color:#856404}.error-message.error-danger .error-content strong{color:#721c24}.error-message.error-info .error-content strong{color:#004085}.api-url-info{color:#999;font-family:monospace;font-size:.75rem;margin-top:5px}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:2rem}.login-header h2{font-size:1.25rem}}.sidebar{background:#000;box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.sidebar-header img{width:50px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:30px 20px;text-align:center}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0 0 5px}.sidebar-header p{color:#ffffffb3;font-size:.85rem;font-weight:500;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;margin:4px 10px;padding:14px 20px;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}.nav-item.active{background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);box-shadow:0 4px 15px #667eea4d;color:#fff}.nav-icon{align-items:center;display:flex;font-size:1.3rem;margin-right:12px;min-width:24px}.nav-label{flex:1 1;font-weight:500}.nav-chevron{font-size:1rem;margin-left:auto;transition:transform .3s ease}.submenu{margin-top:4px;padding-left:20px}.submenu-item{color:#ffffffb3;font-size:.9rem;padding-left:50px}.submenu-item:hover{background:#ffffff14;color:#ffffffe6}.submenu-item.active{background:#f2b11a33;border-left:3px solid #f2b11a;color:#fff}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px 0}.logout-item{color:#ffc8c8e6}.logout-item:hover{background:#ff00001a;color:#ff6b6b}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.sidebar{width:70px}.nav-label,.sidebar-header p{display:none}.sidebar-header h2{font-size:1.2rem}.nav-item{justify-content:center;padding:14px}.nav-icon{margin-right:0}}.microsite-page-manager{padding:20px}.pages-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.header-content h2{font-size:1.8rem;margin:0 0 5px}.header-content p{color:#666;font-size:.95rem;margin:0}.pages-count{color:#667eea!important;font-weight:500;margin-top:5px!important}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.pages-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-box{flex:1 1;max-width:400px;min-width:250px;position:relative}.search-icon{color:#999;font-size:1.1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:10px 40px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#667eea;outline:none}.clear-search{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search:hover{background:#f0f0f0;color:#666}.filter-buttons{display:flex;gap:10px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.empty-state{background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:12px;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#333;font-size:1.5rem;margin:0 0 10px}.empty-state p{color:#666;font-size:1rem;margin:0 0 30px}.pages-list-container{margin-top:20px}.pages-list-header{border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.pages-list-header h3{color:#333;font-size:1.3rem;margin:0}.pages-list{grid-gap:20px;display:grid;gap:20px}.page-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:all .3s ease}.page-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.page-card.draft{border-color:#ffc107;opacity:.8}.page-card-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.page-info h3{color:#333;font-size:1.3rem;margin:0 0 5px}.page-slug{color:#667eea;font-family:monospace;font-size:.9rem;margin:0 0 10px}.page-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.status-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 12px}.status-badge.published{background:#d4edda;color:#155724}.status-badge.draft{background:#fff3cd;color:#856404}.created-date,.published-date,.updated-date,.views-count{color:#666;font-size:.85rem}.page-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:none;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:8px;transition:all .2s ease}.btn-icon:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.btn-icon.btn-danger:hover{background:#fff5f5;border-color:#dc3545;color:#dc3545}.btn-icon:visited{color:#666}a.btn-icon{text-decoration:none}.page-card-body{margin-top:15px}.page-description{font-size:.95rem;line-height:1.5;margin:0 0 10px}.page-content-preview{background:#f9f9f9;border-left:3px solid #667eea;border-radius:6px;color:#888;font-size:.9rem;line-height:1.6;margin:10px 0;padding:10px}.page-footer{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;padding-top:15px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#f0f0f0;color:#333}.page-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.95rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:4px}.form-group small.form-hint-block{background:#f0f4ff;border-radius:6px;color:#444;margin-top:8px;padding:8px 10px}.form-group small.form-hint-block code{background:#e0e7ff;border-radius:4px;font-size:.8rem;padding:2px 6px}.form-group .field-description{color:#555;font-size:.9rem;margin:0 0 8px}.form-group .btn-upload{align-items:center;background:#667eea;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:8px 14px;white-space:nowrap}.form-group .btn-upload:hover{background:#5a6fd6}.form-group .btn-upload:has(input:disabled){cursor:not-allowed;opacity:.7}.content-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.view-mode-toggle{display:flex;gap:8px}.view-mode-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 12px;transition:all .2s ease}.view-mode-btn:hover{border-color:#667eea;color:#667eea}.view-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.html-editor{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;color:#333;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;padding:12px;resize:vertical}.html-editor:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.content-preview{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;line-height:1.6;max-height:500px;min-height:300px;overflow-y:auto;padding:15px}.content-preview h1,.content-preview h2,.content-preview h3,.content-preview h4,.content-preview h5,.content-preview h6{font-weight:600;margin-bottom:.5em;margin-top:1em}.content-preview p{margin-bottom:1em}.content-preview ol,.content-preview ul{margin-bottom:1em;padding-left:2em}.content-preview img{border-radius:4px;height:auto;max-width:100%}.content-preview a{color:#667eea;text-decoration:none}.content-preview a:hover{text-decoration:underline}.content-preview blockquote{border-left:4px solid #667eea;color:#666;font-style:italic;margin:1em 0;padding-left:1em}.content-preview code{background:#f4f4f4;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em;padding:2px 6px}.content-preview pre{background:#f4f4f4;border-radius:4px;margin:1em 0;overflow-x:auto;padding:12px}.content-preview pre code{background:none;padding:0}.form-section{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:20px}.form-section h4{color:#333;font-size:1.2rem;margin:0 0 15px}.checkbox-group{margin-bottom:10px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;margin:0;width:auto}.modal-actions{border-top:2px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-secondary{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.95rem;gap:6px;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.loading-state{color:#666;padding:40px}.sections-editor{margin-bottom:20px}.sections-editor>label{color:#333;display:block;font-weight:500;margin-bottom:10px}.section-card{border:2px solid #e0e0e0;border-radius:8px;margin-bottom:12px;overflow:hidden}.section-card-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background .2s}.section-card-header:hover{background:#eef0f4}.section-drag-icon{color:#999;flex-shrink:0}.section-title{color:#333;flex:1 1;font-weight:500}.section-actions{display:flex;gap:4px}.section-card-body{background:#fff;border-top:1px solid #e0e0e0;padding:16px}.section-images-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.section-image-slot{display:flex;flex-direction:column;gap:4px}.section-image-slot input[type=url]{font-size:.85rem;padding:8px}.section-image-preview{border-radius:6px;margin-top:4px;max-height:80px;max-width:100%;object-fit:cover}@media (max-width:768px){.pages-filters,.pages-header{flex-direction:column}.search-box{max-width:100%}.page-card-header{flex-direction:column}.page-actions{align-self:flex-end}.modal-content{margin:10px;max-height:95vh}}.club-setup{margin:0 auto;max-width:1200px;padding:20px}.club-setup-header{margin-bottom:30px}.club-setup-header h1{color:#333;font-size:2rem;margin-bottom:10px}.club-setup-header p{color:#666;font-size:1rem}.club-setup-tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#f5f5f5;color:#333}.tab-button.active{border-bottom-color:#f2b11a;color:#f2b11a;font-weight:600}.club-setup-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.tab-content h2{color:#333;font-size:1.5rem;margin-bottom:20px}.form-section{margin-bottom:30px}.form-section h3{color:#333;font-size:1.2rem;margin-bottom:15px}.tab-description{color:#555;font-size:.95rem;margin-bottom:20px}.profile-cover-section{display:flex;flex-direction:column;gap:24px}.profile-cover-section .image-field{display:flex;flex-direction:column;gap:8px}.image-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.profile-cover-section .image-field input[type=url]{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:.95rem;max-width:400px;min-width:200px;padding:8px 12px}.btn-upload{background:#f2b11a;border:none;border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-weight:500;padding:8px 16px;white-space:nowrap}.btn-upload:hover{background:#e0a018}.btn-upload:has(input:disabled){cursor:not-allowed;opacity:.7}.profile-cover-section .image-preview{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;height:120px;overflow:hidden;width:120px}.profile-cover-section .image-preview img{height:100%;object-fit:cover;width:100%}.profile-cover-section .image-preview.cover-preview{height:180px;max-width:600px;width:100%}.profile-cover-section .image-placeholder{align-items:center;background:#f9f9f9;border:1px dashed #ccc;border-radius:8px;color:#999;display:flex;font-size:.85rem;height:120px;justify-content:center;width:120px}.profile-cover-section .image-placeholder.cover-placeholder{height:120px;max-width:600px;width:100%}.form-row-colors{display:flex;flex-wrap:wrap;gap:20px}.form-row-colors .form-group{min-width:160px}.color-input-wrap{align-items:center;display:flex;gap:10px}.color-input-wrap .color-picker{border:1px solid #ccc;border-radius:4px;cursor:pointer;height:38px;padding:2px;width:44px}.color-input-wrap .color-text{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:.95rem;min-width:100px;padding:8px 12px}.form-hint{color:#666;font-size:.9rem;margin-top:8px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-grid-2{grid-template-columns:1fr 1fr}.form-inline-hint{color:#666;display:block;font-size:.8rem;margin-top:4px}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:10px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f2b11a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.btn-add,.btn-remove,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-add{background:#f2b11a;color:#fff}.btn-add:hover{background:#d99e18}.btn-save{background:#4caf50;color:#fff;margin-top:20px}.btn-save:hover{background:#45a049}.btn-remove{background:#f44336;color:#fff;margin-top:10px}.btn-remove:hover{background:#da190b}.admin-card,.location-card,.moderator-card{margin-bottom:15px}.admin-card,.location-card,.moderator-card,.toggle-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:10px}.toggle-label input[type=checkbox]{cursor:pointer;height:24px;width:24px}.toggle-text{color:#333;font-size:1.1rem;font-weight:500}.toggle-description{color:#666;line-height:1.6;margin-top:10px}.default-settings-info{background:#f0f7ff;border-left:4px solid #2196f3;border-radius:8px;margin:20px 0;padding:20px}.default-settings-info h3{color:#2196f3;margin-bottom:10px}.default-settings-info ul{color:#666;margin-left:20px}.default-settings-info li{margin-bottom:8px}.loading{color:#666;padding:40px;text-align:center}.error{background:#ffebee;color:#c62828}.error,.info-message{border-radius:4px;margin-bottom:20px;padding:15px}.info-message{background:#e3f2fd;color:#1976d2;text-align:center}@media (max-width:768px){.club-setup{padding:10px}.form-grid{grid-template-columns:1fr}.club-setup-tabs{overflow-x:auto}.tab-button{white-space:nowrap}}.ccr-page{box-sizing:border-box;max-width:100%;padding:1.5rem 2rem;width:100%}.ccr-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.ccr-header-text{flex:1 1;min-width:200px}.ccr-title{color:#1a1d21;font-size:2rem;font-weight:700;margin:0 0 .35rem}.ccr-desc{color:#5c636a;font-size:.95rem;line-height:1.45;margin:0}.ccr-header-actions{flex-shrink:0}.ccr-create-btn{align-items:center;background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border:none;border-radius:8px;box-shadow:0 2px 6px #e67e2259;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.ccr-create-btn:hover{box-shadow:0 4px 10px #e67e2266;transform:translateY(-1px)}.ccr-create-btn .ccr-btn-icon{font-size:1.1rem;line-height:1}.ccr-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ccr-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;width:100%}.ccr-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.ccr-modal-header h3{color:#1a1d21;font-size:1.25rem;font-weight:700;margin:0}.ccr-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#868e96;cursor:pointer;display:flex;font-size:1.75rem;height:36px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:36px}.ccr-modal-close:hover{background:#f0f0f0;color:#333}.ccr-modal-form{padding:24px}.ccr-form-group{margin-bottom:20px}.ccr-form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:6px}.ccr-form-group input{border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px 12px;width:100%}.ccr-form-group input:focus{border-color:#0d6efd;outline:none}.ccr-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.ccr-btn-primary{background:linear-gradient(135deg,#e67e22,#d35400);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:opacity .2s ease,transform .15s ease}.ccr-btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.ccr-btn-primary:disabled{cursor:not-allowed;opacity:.7}.ccr-btn-secondary{background:#f0f0f0;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background .2s ease}.ccr-btn-secondary:hover{background:#e8e8e8}.ccr-card{grid-gap:0;background:#fff;border:1px solid #e2e6ea;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:grid;gap:0;grid-template-columns:280px 1fr;min-height:480px;overflow:hidden}.ccr-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;min-height:0;padding:1rem 0}.ccr-sidebar-title{border-bottom:1px solid #e9ecef;color:#868e96;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1.25rem .75rem;text-transform:uppercase}.ccr-channel-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:.5rem 0}.ccr-channel-item{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:.35rem;padding:.65rem 1.25rem;transition:background .15s ease}.ccr-channel-item:hover{background:#e9ecef}.ccr-channel-item-active{background:#e7f1ff;color:#0d6efd;font-weight:600}.ccr-channel-prefix{color:#868e96;font-weight:500}.ccr-channel-item-active .ccr-channel-prefix{color:#0d6efd}.ccr-channel-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccr-channel-tier{background:#dee2e6;border-radius:4px;color:#495057;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.ccr-empty-tip,.ccr-loading{color:#6c757d;font-size:.9rem;margin:0;padding:1rem 1.25rem}.ccr-main{display:flex;flex-direction:column;min-height:0}.ccr-placeholder{align-items:center;color:#868e96;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.ccr-placeholder-icon{color:#dee2e6;font-size:3rem;font-weight:700;margin-bottom:.75rem}.ccr-placeholder p{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.ccr-placeholder-hint{color:#868e96;font-size:.9rem}.ccr-main-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:.5rem;padding:1rem 1.5rem}.ccr-main-channel{color:#1a1d21;font-size:1.1rem;font-weight:700}.ccr-main-tier{background:#e7f1ff;border-radius:6px;color:#0d6efd;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.ccr-messages-wrap{flex:1 1;min-height:200px;overflow-y:auto;padding:1rem 1.5rem}.ccr-messages{display:flex;flex-direction:column;gap:.5rem}.ccr-msg{border-bottom:1px solid #f0f0f0;padding:.75rem 0}.ccr-msg:last-child{border-bottom:none}.ccr-msg-meta{color:#868e96;display:block;font-size:.8rem;margin-bottom:.25rem}.ccr-msg-text{color:#212529;font-size:.95rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.ccr-send-form{background:#fafbfc;border-top:1px solid #e9ecef;display:flex;gap:.75rem;padding:1rem 1.5rem}.ccr-send-input{border:1px solid #dee2e6;border-radius:8px;flex:1 1;font-size:.95rem;padding:.65rem 1rem;transition:border-color .2s ease}.ccr-send-input:focus{border-color:#0d6efd;outline:none}.ccr-send-btn{background:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.65rem 1.25rem;transition:background .15s ease}.ccr-send-btn:hover:not(:disabled){background:#0b5ed7}.ccr-send-btn:disabled{cursor:not-allowed;opacity:.7}.ccr-manage-members{background:#f8fafc;border-bottom:1px solid #e9ecef;padding:.75rem 1.5rem}.ccr-manage-members-title{color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}.ccr-manage-members-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.ccr-manage-members-empty{color:#868e96;font-size:.9rem}.ccr-manage-members-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.35rem .6rem}.ccr-manage-members-remove{background:none;border:none;color:#dc3545;cursor:pointer;font-size:.8rem;padding:0 .25rem}.ccr-manage-members-remove:hover:not(:disabled){text-decoration:underline}.ccr-manage-members-remove:disabled{cursor:not-allowed;opacity:.7}.ccr-manage-members-add{align-items:center;display:flex;gap:.5rem}.ccr-manage-members-select{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;min-width:180px;padding:.4rem .75rem}.ccr-manage-members-add-btn{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .75rem}.ccr-manage-members-add-btn:hover:not(:disabled){background:#0b5ed7}.ccr-manage-members-add-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.ccr-card{grid-template-columns:1fr}.ccr-sidebar{border-bottom:1px solid #e9ecef;border-right:none;max-height:200px}}.cg-page{box-sizing:border-box;max-width:100%;padding:1.5rem 2rem;width:100%}.cg-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.cg-header-text{flex:1 1;min-width:200px}.cg-title{color:#1a1d21;font-size:2rem;font-weight:700;margin:0 0 .35rem}.cg-desc{color:#5c636a;font-size:.95rem;line-height:1.45;margin:0}.cg-header-actions{flex-shrink:0}.cg-create-btn{align-items:center;background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border:none;border-radius:8px;box-shadow:0 2px 6px #e67e2259;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.cg-create-btn:hover{box-shadow:0 4px 10px #e67e2266;transform:translateY(-1px)}.cg-create-btn .cg-btn-icon{font-size:1.1rem;line-height:1}.cg-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cg-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;width:100%}.cg-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.cg-modal-header h3{color:#1a1d21;font-size:1.25rem;font-weight:700;margin:0}.cg-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#868e96;cursor:pointer;display:flex;font-size:1.75rem;height:36px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:36px}.cg-modal-close:hover{background:#f0f0f0;color:#333}.cg-modal-form{padding:24px}.cg-form-group{margin-bottom:20px}.cg-form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:6px}.cg-form-group input{border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px 12px;width:100%}.cg-form-group input:focus{border-color:#0d6efd;outline:none}.cg-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cg-btn-primary{background:linear-gradient(135deg,#e67e22,#d35400);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:opacity .2s ease,transform .15s ease}.cg-btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.cg-btn-primary:disabled{cursor:not-allowed;opacity:.7}.cg-btn-secondary{background:#f0f0f0;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background .2s ease}.cg-btn-secondary:hover{background:#e8e8e8}.cg-card{grid-gap:0;background:#fff;border:1px solid #e2e6ea;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:grid;gap:0;grid-template-columns:280px 1fr;min-height:480px;overflow:hidden}.cg-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;min-height:0;padding:1rem 0}.cg-sidebar-title{border-bottom:1px solid #e9ecef;color:#868e96;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1.25rem .75rem;text-transform:uppercase}.cg-group-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:.5rem 0}.cg-group-item{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.65rem 1.25rem;transition:background .15s ease}.cg-group-item:hover{background:#e9ecef}.cg-group-item-active{background:#e7f1ff;color:#0d6efd;font-weight:600}.cg-group-icon{color:#868e96;font-size:.7rem}.cg-group-item-active .cg-group-icon{color:#0d6efd}.cg-group-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-empty-tip,.cg-loading{color:#6c757d;font-size:.9rem;margin:0;padding:1rem 1.25rem}.cg-main{display:flex;flex-direction:column;min-height:0}.cg-placeholder{align-items:center;color:#868e96;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.cg-placeholder-icon{color:#dee2e6;font-size:2.5rem;margin-bottom:.75rem}.cg-placeholder p{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.cg-placeholder-hint{color:#868e96;font-size:.9rem}.cg-main-header{border-bottom:1px solid #e9ecef;padding:1rem 1.5rem}.cg-main-group{color:#1a1d21;font-size:1.1rem;font-weight:700}.cg-posts-wrap{flex:1 1;min-height:200px;overflow-y:auto;padding:1rem 1.5rem}.cg-posts{display:flex;flex-direction:column;gap:0}.cg-post{border-bottom:1px solid #f0f0f0;padding:1rem 0}.cg-post:last-child{border-bottom:none}.cg-post-meta{color:#868e96;display:block;font-size:.8rem;margin-bottom:.35rem}.cg-post-content{color:#212529;font-size:.95rem;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.cg-create-post-form{background:#fafbfc;border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.cg-post-textarea{border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.95rem;min-height:80px;padding:.75rem 1rem;resize:vertical;width:100%}.cg-post-textarea:focus{border-color:#0d6efd;outline:none}.cg-post-btn{align-self:flex-end;background:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.65rem 1.25rem;transition:background .15s ease}.cg-post-btn:hover:not(:disabled){background:#0b5ed7}.cg-post-btn:disabled{cursor:not-allowed;opacity:.7}.cg-manage-members{background:#f8fafc;border-bottom:1px solid #e9ecef;padding:.75rem 1.5rem}.cg-manage-members-title{color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.04em;margin-bottom:.5rem;text-transform:uppercase}.cg-manage-members-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.cg-manage-members-empty{color:#868e96;font-size:.9rem}.cg-manage-members-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.35rem .6rem}.cg-manage-members-remove{background:none;border:none;color:#dc3545;cursor:pointer;font-size:.8rem;padding:0 .25rem}.cg-manage-members-remove:hover:not(:disabled){text-decoration:underline}.cg-manage-members-remove:disabled{cursor:not-allowed;opacity:.7}.cg-manage-members-add{align-items:center;display:flex;gap:.5rem}.cg-manage-members-select{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;min-width:180px;padding:.4rem .75rem}.cg-manage-members-add-btn{background:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .75rem}.cg-manage-members-add-btn:hover:not(:disabled){background:#0b5ed7}.cg-manage-members-add-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.cg-card{grid-template-columns:1fr}.cg-sidebar{border-bottom:1px solid #e9ecef;border-right:none;max-height:200px}}.club-memberships{box-sizing:border-box;max-width:100%;padding:1.5rem 2rem;width:100%}.club-memberships-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.club-memberships-header-text{flex:1 1;min-width:200px}.club-memberships-title{color:#1a1d21;font-size:2rem;font-weight:700;margin:0 0 .35rem}.club-memberships-desc{color:#5c636a;font-size:.95rem;line-height:1.45;margin:0}.club-memberships-header-actions{flex-shrink:0}.club-memberships-create-btn{align-items:center;background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border:none;border-radius:8px;box-shadow:0 2px 6px #e67e2259;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.club-memberships-create-btn:hover{box-shadow:0 4px 10px #e67e2266;transform:translateY(-1px)}.club-memberships-create-btn .btn-icon{font-size:1.1rem;line-height:1}.club-memberships-cancel-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .15s ease}.club-memberships-loading{color:#666;margin-top:1rem}.club-memberships h1{margin-bottom:.5rem}.club-memberships .description{color:#555;font-size:.95rem;margin-bottom:1rem}.membership-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.membership-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.membership-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.membership-modal-header h3{color:#1a1d21;font-size:1.35rem;font-weight:700;margin:0}.membership-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#868e96;cursor:pointer;display:flex;font-size:1.75rem;height:36px;justify-content:center;line-height:1;padding:0;transition:background .15s ease,color .15s ease;width:36px}.membership-modal-close:hover{background:#f0f0f0;color:#333}.membership-modal-form{padding:24px}.membership-form-group{margin-bottom:20px}.membership-form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:6px}.membership-form-group input,.membership-form-group select,.membership-form-group textarea{border:1px solid #dee2e6;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.membership-form-group input:focus,.membership-form-group select:focus,.membership-form-group textarea:focus{border-color:#0d6efd;outline:none}.membership-form-group textarea{min-height:72px;resize:vertical}.membership-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.membership-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.membership-btn-primary{background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:opacity .2s ease,transform .15s ease}.membership-btn-primary:hover{opacity:.95;transform:translateY(-1px)}.membership-btn-secondary{background:#f0f0f0;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background .2s ease}.membership-btn-secondary:hover{background:#e8e8e8}.plans-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem;width:100%}.plans-empty{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:12px;box-sizing:border-box;padding:3rem 2rem;text-align:center;width:100%}.plans-empty p{color:#6c757d;font-size:.95rem;margin:0}.plan-card{align-items:stretch;background:#fff;border:1px solid #e2e6ea;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1rem;justify-content:space-between;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease;width:100%}.plan-card:hover{border-color:#d0d5dc;box-shadow:0 4px 12px #00000014}.plan-card-body{flex:1 1;min-width:0;padding:1.25rem 1.5rem}.plan-card-type{align-items:center;color:#868e96;display:flex;font-size:.8rem;gap:.35rem;margin-bottom:.5rem}.plan-card-type-icon{color:#adb5bd;font-size:.7rem}.plan-name{color:#1a1d21;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.plan-desc{color:#5c636a;font-size:.9rem;margin-top:.2rem}.plan-desc-muted{color:#868e96;font-style:italic}.plan-card-stats{grid-gap:.5rem 1.5rem;display:grid;gap:.5rem 1.5rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.plan-stat{display:flex;flex-direction:column;gap:.15rem}.plan-stat-label{color:#868e96;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}.plan-stat-value{color:#495057;font-size:.9rem;font-weight:600}.plan-card-actions{background:#fafbfc;border-left:1px solid #e9ecef;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem 1.25rem}.plan-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .85rem;transition:background .15s ease,color .15s ease;white-space:nowrap}.plan-btn-edit{background:#0d6efd;color:#fff}.plan-btn-edit:hover{background:#0b5ed7}.plan-btn-delete{background:#dc3545;color:#fff}.plan-btn-delete:hover{background:#bb2d3b}.action-btn.small.danger{background:#dc3545;border:none;color:#fff;font-size:.85rem;margin-top:.5rem;padding:.25rem .5rem}.action-btn.secondary{background:#6c757d;color:#fff}.payment-details-section{max-width:100%}.payment-details-loading{color:#9ca3af;color:var(--ms-text-muted,#9ca3af);padding:1.5rem}.payment-details-block{margin-bottom:2rem}.payment-details-heading{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.payment-details-desc{color:#9ca3af;color:var(--ms-text-muted,#9ca3af);font-size:.9rem;margin:0 0 1rem}.payment-details-table-wrap{background:#16162a;background:var(--ms-surface,#16162a);border:1px solid #ffffff14;border:1px solid var(--ms-border,#ffffff14);border-radius:8px;overflow-x:auto}.payment-details-table{border-collapse:collapse;font-size:.9rem;width:100%}.payment-details-table td,.payment-details-table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ms-border,#ffffff14);padding:.6rem .75rem;text-align:left}.payment-details-table th{background:#0003;color:#9ca3af;color:var(--ms-text-muted,#9ca3af);font-weight:600}.payment-details-table tbody tr:last-child td{border-bottom:none}.payment-details-table tbody tr.row-overdue{background:#ef444414}.payment-status-badge,.payment-type-badge{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.payment-type-join{background:#22c55e33;color:#22c55e}.payment-type-renewal{background:#3b82f633;color:#3b82f6}.payment-status-current{background:#22c55e33;color:#22c55e}.payment-status-overdue{background:#ef444433;color:#ef4444}.payment-status-free{background:#9ca3af33;color:#9ca3af}.payment-details-empty{margin:0;padding:1rem 0}.payment-details-empty,.payment-details-summary{color:#9ca3af;color:var(--ms-text-muted,#9ca3af)}.payment-details-summary{font-size:.9rem;margin:.75rem 0 0}.payment-details-overdue{color:#f87171;font-weight:600}.program-policy{max-width:720px}.program-policy-title{font-size:1.5rem;margin:0 0 1rem}.program-policy-overview{color:#555;color:var(--ms-text-muted,#555);line-height:1.6;margin-bottom:1.5rem}.program-policy-section{margin-bottom:1.5rem}.program-policy-section h3{font-size:1.1rem;margin:0 0 .5rem}.program-policy-section ul{color:#555;color:var(--ms-text-muted,#555);line-height:1.6;margin:0;padding-left:1.25rem}.program-policy-steps li{margin-bottom:.5rem}.program-policy-section a{color:#e8b923;color:var(--ms-accent,#e8b923);text-decoration:none}.program-policy-section a:hover{text-decoration:underline}.program-policy-responsibilities{background:#f8f9fa;background:var(--ms-surface,#f8f9fa);border-left:4px solid #e8b923;border-left:4px solid var(--ms-accent,#e8b923);border-radius:8px;padding:1rem}.ec-page{box-sizing:border-box;max-width:100%;padding:1.5rem 2rem;width:100%}.ec-section{margin-bottom:2.5rem}.ec-section:last-child{margin-bottom:0}.ec-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.ec-header-text{flex:1 1;min-width:200px}.ec-title{color:#1a1d21;font-size:2rem;font-weight:700;margin:0 0 .35rem}.ec-desc{color:#5c636a;font-size:.95rem;line-height:1.45;margin:0}.ec-header-actions{flex-shrink:0}.ec-create-btn{align-items:center;background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border:none;border-radius:8px;box-shadow:0 2px 6px #e67e2259;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.ec-create-btn:hover{box-shadow:0 4px 10px #e67e2266;transform:translateY(-1px)}.ec-create-btn .ec-btn-icon{font-size:1.1rem;line-height:1}.ec-loading{color:#666;margin-top:1rem}.ec-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ec-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.ec-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.ec-modal-header h3{color:#1a1d21;font-size:1.35rem;font-weight:700;margin:0}.ec-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#868e96;cursor:pointer;display:flex;font-size:1.75rem;height:36px;justify-content:center;line-height:1;padding:0;transition:background .15s ease,color .15s ease;width:36px}.ec-modal-close:hover{background:#f0f0f0;color:#333}.ec-modal-form{padding:24px}.ec-form-group{margin-bottom:20px}.ec-form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:6px}.ec-form-group input,.ec-form-group select,.ec-form-group textarea{border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.ec-form-group input:focus,.ec-form-group select:focus,.ec-form-group textarea:focus{border-color:#0d6efd;outline:none}.ec-form-group textarea{min-height:72px;resize:vertical}.ec-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ec-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.ec-btn-primary{background:linear-gradient(135deg,#e67e22,#d35400);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:opacity .2s ease,transform .15s ease}.ec-btn-primary:hover{opacity:.95;transform:translateY(-1px)}.ec-btn-secondary{background:#f0f0f0;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background .2s ease}.ec-btn-secondary:hover{background:#e8e8e8}.ec-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:.5rem;width:100%}.ec-empty{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:12px;box-sizing:border-box;padding:3rem 2rem;text-align:center;width:100%}.ec-empty p{color:#6c757d;font-size:.95rem;margin:0}.ec-card{align-items:stretch;background:#fff;border:1px solid #e2e6ea;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1rem;justify-content:space-between;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease;width:100%}.ec-card:hover{border-color:#d0d5dc;box-shadow:0 4px 12px #00000014}.ec-card-body{flex:1 1;min-width:0;padding:1.25rem 1.5rem}.ec-card-type{align-items:center;color:#868e96;display:flex;font-size:.8rem;gap:.35rem;margin-bottom:.5rem}.ec-card-type-icon{color:#adb5bd;font-size:.7rem}.ec-card-title{color:#1a1d21;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.ec-card-desc{color:#5c636a;font-size:.9rem;margin-top:.2rem}.ec-card-desc-muted{color:#868e96;font-style:italic}.ec-card-stats{grid-gap:.5rem 1.5rem;display:grid;gap:.5rem 1.5rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.ec-stat{display:flex;flex-direction:column;gap:.15rem}.ec-stat-label{color:#868e96;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}.ec-stat-value{color:#495057}.ec-stat-link,.ec-stat-value{font-size:.9rem;font-weight:600}.ec-stat-link{color:#0d6efd;text-decoration:none}.ec-stat-link:hover{text-decoration:underline}.ec-card-actions{background:#fafbfc;border-left:1px solid #e9ecef;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem 1.25rem}.ec-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .85rem;transition:background .15s ease,color .15s ease;white-space:nowrap}.ec-btn-edit{background:#0d6efd;color:#fff}.ec-btn-edit:hover{background:#0b5ed7}.ec-btn-delete{background:#dc3545;color:#fff}.ec-btn-delete:hover{background:#bb2d3b}.cc-page{box-sizing:border-box;max-width:100%;padding:1.5rem 2rem;width:100%}.cc-section{margin-bottom:2rem}.cc-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.cc-header-text{flex:1 1;min-width:200px}.cc-title{color:#1a1d21;font-size:2rem;font-weight:700;margin:0 0 .35rem}.cc-desc{color:#5c636a;font-size:.95rem;line-height:1.45;margin:0}.cc-header-actions{flex-shrink:0}.cc-create-btn{align-items:center;background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border:none;border-radius:8px;box-shadow:0 2px 6px #e67e2259;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.cc-create-btn:hover{box-shadow:0 4px 10px #e67e2266;transform:translateY(-1px)}.cc-create-btn.small{font-size:.85rem;padding:.4rem .75rem}.cc-loading{color:#666;margin:1rem 0}.cc-empty{background:#f8f9fa;border-radius:8px;color:#666;padding:2rem;text-align:center}.cc-empty-inline{color:#666;font-size:.9rem;margin:.75rem 0}.cc-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.cc-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.cc-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 1.25rem}.cc-modal-header h3{font-size:1.25rem;margin:0}.cc-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 .25rem}.cc-modal-close:hover{color:#333}.cc-modal-form{padding:1.25rem}.cc-form-group{margin-bottom:1rem}.cc-form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}.cc-form-group input,.cc-form-group select,.cc-form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:.95rem;padding:.5rem .75rem;width:100%}.cc-form-row{display:flex;gap:1rem}.cc-form-row .cc-form-group{flex:1 1}.cc-form-actions{border-top:1px solid #eee;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.cc-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.cc-btn-primary{background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);color:#1a1d21}.cc-btn-secondary{background:#e9ecef;color:#495057}.cc-btn-secondary:hover{background:#dee2e6}.cc-btn-start{background:#198754;color:#fff}.cc-btn-start:hover:not(:disabled){background:#157347}.cc-btn-start:disabled{cursor:not-allowed;opacity:.7}.cc-list{display:flex;flex-direction:column;gap:.5rem}.cc-course-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.cc-course-head{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background .15s}.cc-course-head:hover{background:#f8f9fa}.cc-course-info{display:flex;flex-direction:column;gap:.25rem}.cc-course-title{font-size:1.05rem;font-weight:600}.cc-course-meta{color:#6c757d;font-size:.85rem}.cc-course-actions-head{align-items:center;display:flex;gap:.5rem}.cc-chevron{color:#6c757d;font-size:.75rem}.cc-btn-icon{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.8rem;padding:.35rem .65rem}.cc-btn-icon:hover{background:#e9ecef}.cc-btn-icon.cc-btn-danger{border-color:#f5c2c7;color:#dc3545}.cc-btn-icon.cc-btn-danger:hover{background:#f8d7da}.cc-classes-block{background:#f8f9fa;border-top:1px solid #eee;padding:1rem 1.25rem}.cc-classes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.cc-classes-header h4{font-size:1rem;margin:0}.cc-classes-list{list-style:none;margin:0;padding:0}.cc-class-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.cc-class-item:last-child{margin-bottom:0}.cc-class-info{display:flex;flex-direction:column;gap:.2rem}.cc-class-info strong{font-size:.95rem}.cc-class-meta{color:#6c757d;font-size:.8rem}.cc-class-actions{align-items:center;display:flex;gap:.5rem}.cc-file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.cc-image-upload{display:flex;flex-direction:column;gap:.75rem}.cc-image-preview{border:1px solid #dee2e6;border-radius:8px;max-width:200px;overflow:hidden}.cc-image-preview img{display:block;height:auto;width:100%}.cc-videos-block{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.cc-videos-list .cc-class-item{flex-wrap:wrap}.mycourses-page{box-sizing:border-box;max-width:100%;padding:1.5rem 2rem;width:100%}.mycourses-header{margin-bottom:1.5rem}.mycourses-title{color:#1a1d21;font-size:2rem;font-weight:700;margin:0 0 .35rem}.mycourses-desc{color:#5c636a;font-size:.95rem;line-height:1.45;margin:0}.mycourses-loading{color:#666;margin:1rem 0}.mycourses-empty{background:#f8f9fa;border-radius:8px;color:#666;padding:2rem;text-align:center}.mycourses-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mycourses-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.mycourses-card-img{background:#e9ecef;height:140px;overflow:hidden}.mycourses-card-img img{height:100%;object-fit:cover;width:100%}.mycourses-card-body{flex:1 1;padding:1rem}.mycourses-card-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.mycourses-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5c636a;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0 0 .5rem;overflow:hidden}.mycourses-card-meta{color:#6c757d;font-size:.8rem;margin:0}.notification-header-wrap{position:relative}.notification-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#495057;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;width:40px}.notification-trigger:hover{background:#f1f3f5;color:#1a1d21}.notification-badge{align-items:center;background:#dc3545;border-radius:9px;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:4px;top:4px}.notification-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 2rem);position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1000}.notification-dropdown-header{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem}.notification-mark-all{background:none;border:none;color:#0d6efd;cursor:pointer;font-size:.8rem;font-weight:500}.notification-mark-all:hover{text-decoration:underline}.notification-dropdown-list{max-height:320px;overflow-y:auto}.notification-empty,.notification-loading{color:#6c757d;font-size:.9rem;margin:0;padding:1.5rem 1rem;text-align:center}.notification-item{border-bottom:1px solid #f1f3f5;cursor:pointer;padding:.75rem 1rem;transition:background .15s}.notification-item:hover{background:#f8f9fa}.notification-item.read{opacity:.85}.notification-item-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.notification-item-body{color:#5c636a;font-size:.85rem;line-height:1.4;margin-bottom:.35rem}.notification-item-link{color:#0d6efd;display:inline-block;font-size:.8rem;margin-bottom:.25rem}.notification-item-link:hover{text-decoration:underline}.notification-item-time{color:#adb5bd;font-size:.75rem}.dashboard-container{background:#f5f7fa;display:flex;min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:280px}.dashboard-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;padding:20px 30px}.header-content{align-items:center;display:flex;justify-content:space-between}.header-content h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.header-right{gap:12px}.header-right,.user-info{align-items:center;display:flex}.user-info{color:#666;font-size:.95rem;gap:15px}.dashboard-content{flex:1 1;overflow-y:auto;padding:30px}.welcome-section{margin-bottom:30px}.welcome-section h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 10px}.welcome-section p{color:#666;font-size:1.1rem;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:70px;justify-content:center;width:70px}.stat-info h3{color:#666;font-size:.9rem;font-weight:500;margin:0 0 8px}.stat-value{color:#333;font-size:1.8rem;font-weight:700;margin:0}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.quick-actions h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:14px 20px;transition:transform .2s ease,box-shadow .2s ease}.action-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.page-header{margin-bottom:30px}.page-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 10px}.page-description{color:#666;font-size:1.1rem;margin:0}.page-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px}.page-content p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.feature-section{margin-top:25px}.feature-section h3{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 15px}.feature-section ul{list-style:none;margin:0;padding:0}.feature-section li{color:#666;font-size:1rem;line-height:1.8;padding:10px 0 10px 25px;position:relative}.feature-section li:before{color:#667eea;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.club-name{color:#667eea;font-weight:600;margin-top:5px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:20px;padding:30px;text-align:center}.info-card.pending{border-left:4px solid orange}.info-card.rejected{border-left:4px solid #f44}.profile-info,.revenue-settings{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.info-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.plans-list{margin:20px 0}.plan-card{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:20px}.plan-pricing{color:#667eea;display:flex;font-weight:600;gap:20px;margin:10px 0}.plan-status{color:#666;font-size:.9rem;margin-top:10px}.revenue-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.summary-card{background:linear-gradient(97.79deg,#f2b11a 4.86%,#f5e057 58.83%,#f2b11a 107.85%);border-radius:12px;color:#fff;padding:25px;text-align:center}.summary-card h3{font-size:.9rem;margin:0 0 10px;opacity:.9}.summary-card .amount{font-size:2rem;font-weight:700;margin:0}.community-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.stat-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px;text-align:center}.stat-box h3{color:#666;font-size:.9rem;margin:0 0 10px}.stat-box p{color:#f2b11a;font-size:2rem;font-weight:700;margin:0}@media (max-width:768px){.dashboard-main{margin-left:70px}.dashboard-content{padding:20px}.actions-grid,.stats-grid{grid-template-columns:1fr}.page-header h1,.welcome-section h1{font-size:1.5rem}.community-stats,.revenue-summary{grid-template-columns:1fr}}.cms-page{box-sizing:border-box;max-width:100%;padding:1.5rem 2rem;width:100%}.cms-header{margin-bottom:1.25rem}.cms-title{color:#1a1d21;font-size:2rem;font-weight:700;margin:0 0 .35rem}.cms-desc{color:#5c636a;font-size:.95rem;line-height:1.45;margin:0}.cms-toolbar{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem;padding:1rem 1.25rem}.cms-filter,.cms-toolbar{align-items:center;display:flex}.cms-filter{gap:.5rem}.cms-filter label{color:#495057;font-size:.9rem;font-weight:500;white-space:nowrap}.cms-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23495057' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;border:1px solid #dee2e6;border-radius:6px;color:#212529;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem 2rem .5rem .75rem}.cms-select:focus{border-color:#0d6efd;outline:none}.cms-card{background:#fff;border:1px solid #e2e6ea;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.cms-table-wrap{overflow-x:auto}.cms-table{border-collapse:collapse;font-size:.95rem;width:100%}.cms-thead .cms-th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:.8rem;font-weight:600;letter-spacing:.03em;padding:.85rem 1.25rem;text-align:left;text-transform:uppercase}.cms-tbody .cms-tr{border-bottom:1px solid #f0f0f0;transition:background .15s ease}.cms-tbody .cms-tr:hover{background:#f8fafc}.cms-tbody .cms-tr:last-child{border-bottom:none}.cms-td{color:#212529;padding:.85rem 1.25rem;vertical-align:middle}.cms-empty{background:#fafbfc;padding:3rem 2rem;text-align:center}.cms-empty-icon{color:#dee2e6;font-size:2.5rem;line-height:1;margin-bottom:.75rem}.cms-empty p{color:#495057;font-size:1.05rem;font-weight:600;margin:0 0 .35rem}.cms-empty-hint{color:#868e96;font-size:.9rem}.cms-loading{color:#6c757d;font-size:.95rem;padding:2rem;text-align:center}.cms-pagination{align-items:center;background:#fafbfc;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.cms-pagination-info{color:#6c757d;font-size:.9rem}.cms-pagination-btns{align-items:center;display:flex;gap:.5rem}.cms-pagination-btns button{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .15s ease,border-color .15s ease}.cms-pagination-btns button:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.cms-pagination-btns button:disabled{cursor:not-allowed;opacity:.6}.microsite-template{--ms-primary:#0f0f1a;--ms-surface:#16162a;--ms-accent:#e8b923;--ms-text:#f4f4f6;--ms-text-muted:#9ca3af;--ms-border:#ffffff14;background:var(--ms-primary);color:var(--ms-text);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.microsite-template[style*="--primary"]{--ms-primary:var(--primary,#0f0f1a)}.microsite-template[style*="--accent"]{--ms-accent:var(--accent,#e8b923)}.microsite-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.microsite-loading-spinner{animation:ms-spin .8s linear infinite;border:3px solid var(--ms-border);border-radius:50%;border-top-color:var(--ms-accent);height:40px;width:40px}.microsite-loading-text{color:var(--ms-text-muted);font-size:.95rem;font-weight:500}@keyframes ms-spin{to{transform:rotate(1turn)}}.microsite-error{flex:1 1;flex-direction:column;margin:0 auto;max-width:420px;padding:3rem;text-align:center}.microsite-error,.microsite-error-icon{align-items:center;display:flex;justify-content:center}.microsite-error-icon{background:#ef444426;border-radius:50%;color:#f87171;font-size:1.75rem;height:64px;margin-bottom:1.25rem;width:64px}.microsite-error h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.microsite-error p{color:var(--ms-text-muted);font-size:.95rem;line-height:1.5;margin:0}.microsite-hero{align-items:flex-end;display:flex;justify-content:center;min-height:42vh;overflow:hidden;padding:0 1.5rem 2.5rem;position:relative}.microsite-hero-bg{background-color:var(--ms-surface);background-position:50%;background-size:cover;inset:0;position:absolute}.microsite-hero-bg:after{background:linear-gradient(to top,var(--ms-primary) 0,#0000 50%,#0000004d 100%);content:"";inset:0;pointer-events:none;position:absolute}.microsite-hero-content{max-width:480px;position:relative;text-align:center;width:100%;z-index:1}.microsite-logo-wrap{margin-bottom:1rem}.microsite-logo{border:4px solid var(--ms-accent);border-radius:50%;box-shadow:0 8px 32px #0006;height:96px;object-fit:cover;width:96px}.microsite-badge{color:var(--ms-accent);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;margin-bottom:.5rem;text-transform:uppercase}.microsite-title{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0;text-shadow:0 2px 20px #00000080}@media (min-width:640px){.microsite-hero{min-height:50vh;padding-bottom:3rem}.microsite-title{font-size:2.5rem}.microsite-logo{height:112px;width:112px}}.microsite-main{box-sizing:border-box;flex:1 1;padding:2rem 1.5rem 3rem;width:100%}.microsite-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:16px;box-shadow:0 4px 24px #0003;margin-bottom:2rem;padding:2rem}.microsite-description{color:var(--ms-text-muted);font-size:1rem;line-height:1.7;margin:0}.microsite-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.microsite-join-btn{align-items:center;background:var(--ms-accent);border:none;border-radius:12px;box-shadow:0 4px 14px #e8b92359;color:#0f0f1a;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.02em;padding:1rem 2.25rem;transition:transform .15s ease,box-shadow .15s ease}.microsite-join-btn:hover{box-shadow:0 6px 20px #e8b92373;transform:translateY(-2px)}.microsite-join-btn:active{transform:translateY(0)}.microsite-join-btn svg{height:20px;width:20px}.microsite-footer{border-top:1px solid var(--ms-border);color:var(--ms-text-muted);font-size:.8rem;padding:1.5rem 1rem;text-align:center}.microsite-footer p{margin:0}.microsite-footer a{color:var(--ms-accent);text-decoration:none}.microsite-footer a:hover{text-decoration:underline}.microsite-courses{border-top:1px solid var(--ms-border);margin-top:3rem;padding-top:2rem}.microsite-courses-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.microsite-courses-desc{color:var(--ms-text-muted);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.microsite-courses-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width:640px){.microsite-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.microsite-courses-grid{grid-template-columns:repeat(3,1fr)}}.microsite-course-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.microsite-course-card-img{background:var(--ms-primary);height:160px;overflow:hidden}.microsite-course-card-img img{height:100%;object-fit:cover;width:100%}.microsite-course-card-body{flex:1 1;padding:1.25rem}.microsite-course-card-category{color:var(--ms-accent);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-bottom:.35rem;text-transform:uppercase}.microsite-course-card-title{font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.microsite-course-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ms-text-muted);display:-webkit-box;font-size:.9rem;line-height:1.45;margin:0 0 .75rem;overflow:hidden}.microsite-course-card-amount{color:var(--ms-accent);font-size:1.1rem;font-weight:700;margin:0}.microsite-nav{background:var(--ms-surface);border-bottom:1px solid var(--ms-border);padding:.75rem 1rem}.microsite-nav-inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0 1.5rem;width:100%}.microsite-nav-link{border-radius:6px;color:var(--ms-text-muted);font-size:.95rem;font-weight:500;padding:.35rem .5rem;text-decoration:none;transition:color .15s,background .15s}.microsite-nav-link:hover{color:var(--ms-text)}.microsite-nav-link.active{color:var(--ms-accent)}.microsite-nav-link-btn{background:none}.microsite-nav-join,.microsite-nav-link-btn{border:none;cursor:pointer;font-family:inherit}.microsite-nav-join{background:var(--ms-accent);border-radius:8px;color:var(--ms-primary);font-size:.9rem;font-weight:600;margin-left:auto;padding:.4rem 1rem;transition:opacity .15s}.microsite-nav-join:hover{opacity:.9}.join-plans-page .microsite-hero--short{min-height:32vh}.join-plans-subtitle{color:#fffc;color:var(--ms-text-muted,#fffc);font-size:1rem;font-weight:500;margin:.25rem 0 0}.join-plans-main{padding-top:1.5rem}.join-plans-billing-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.join-plans-billing-toggle button{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:8px;color:var(--ms-text-muted);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;transition:background .15s,color .15s,border-color .15s}.join-plans-billing-toggle button.active,.join-plans-billing-toggle button:hover{background:#e8b9231a;border-color:var(--ms-accent);color:var(--ms-accent)}.join-plans-payment-method{margin:0 auto 1.5rem;max-width:420px}.join-plans-payment-label{color:var(--ms-text-muted);font-size:.9rem;font-weight:600;letter-spacing:.02em;margin:0 0 .75rem;text-align:center}.join-plans-payment-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.join-plans-payment-option{align-items:center;background:var(--ms-surface);border:2px solid var(--ms-border);border-radius:12px;color:var(--ms-text);cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;gap:.6rem;padding:1.25rem 1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.join-plans-payment-option:hover{border-color:var(--ms-accent);box-shadow:0 2px 12px #00000014}.join-plans-payment-option--selected{background:#e8b9230f;border-color:var(--ms-accent);box-shadow:0 0 0 1px var(--ms-accent)}.join-plans-payment-radio{margin:0;opacity:0;pointer-events:none;position:absolute}.join-plans-payment-logo-wrap{align-items:center;display:flex;flex-shrink:0;height:44px;justify-content:center;width:100%}.join-plans-payment-logo{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.join-plans-payment-name{color:var(--ms-text);font-size:.9rem;font-weight:600;text-align:center}.join-plans-email{margin:0 auto 1.5rem;max-width:360px}.join-plans-email label{color:var(--ms-text-muted);display:block;font-size:.85rem;font-weight:500;margin-bottom:.35rem}.join-plans-email input{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:8px;box-sizing:border-box;color:var(--ms-text);font-family:inherit;font-size:1rem;padding:.6rem .75rem;width:100%}.join-plans-email input::placeholder,.join-plans-email-hint{color:var(--ms-text-muted)}.join-plans-email-hint{display:block;font-size:.8rem;line-height:1.35;margin-top:.35rem}.join-plans-list{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 0 1.5rem;max-width:100%;padding:0}.join-plan-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:16px;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;min-width:0;padding:1.5rem}.join-plan-name{font-size:1.25rem;font-weight:700;margin-bottom:.35rem}.join-plan-desc{color:var(--ms-text-muted);font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.join-plan-price{color:var(--ms-accent);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.join-plan-interval{color:var(--ms-text-muted);font-size:.9rem;font-weight:500}.join-plan-features{color:var(--ms-text-muted);font-size:.85rem;list-style:none;margin:0 0 1rem;padding:0}.join-plan-features li{padding:.2rem 0 .2rem 1.25rem;position:relative}.join-plan-features li:before{color:var(--ms-accent);content:"✓";font-weight:700;left:0;position:absolute}.join-plan-select{margin-top:0;width:100%}.join-plans-footer-note{font-size:.9rem;margin:0;text-align:center}.join-plans-footer-note a{color:var(--ms-accent);text-decoration:none}.join-plans-footer-note a:hover{text-decoration:underline}@media (max-width:900px){.join-plans-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.join-plans-list{grid-template-columns:1fr}}.join-plans-back,.join-plans-back-btn{color:var(--ms-accent);display:inline-block;font-weight:600;margin-top:1rem;text-decoration:none}.join-plans-back-btn:hover,.join-plans-back:hover{text-decoration:underline}.join-plans-back-btn{margin-top:1rem}.join-success-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.join-success-card{background:#16162a;background:var(--ms-surface,#16162a);border:1px solid #ffffff14;border:1px solid var(--ms-border,#ffffff14);border-radius:16px;box-shadow:0 4px 24px #0003;max-width:420px;padding:2.5rem;text-align:center;width:100%}.join-success-icon{align-items:center;background:#22c55e33;border-radius:50%;color:#22c55e;display:flex;font-size:2rem;font-weight:700;height:64px;justify-content:center;line-height:1;margin:0 auto 1.25rem;width:64px}.join-success-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.join-success-text{color:#9ca3af;color:var(--ms-text-muted,#9ca3af);line-height:1.5;margin:0 0 1rem}.join-success-text strong{color:#f4f4f6;color:var(--ms-text,#f4f4f6)}.join-success-note{color:#9ca3af;color:var(--ms-text-muted,#9ca3af);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.join-success-btn{display:inline-block;margin-bottom:1rem}.join-success-back{color:#e8b923;color:var(--ms-accent,#e8b923);display:block;font-size:.9rem;text-decoration:none}.join-success-back:hover{text-decoration:underline}.join-success-card--error .join-success-icon--error{background:#ef444433;color:#ef4444}.microsite-page-view .microsite-page-header{background:#16162a;background:var(--ms-surface,#16162a);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ms-border,#ffffff14);padding:1rem 1.5rem}.microsite-page-header-inner{box-sizing:border-box;margin:0;padding:0 1.5rem;width:100%}.microsite-page-back,.microsite-page-back-link{color:#e8b923;color:var(--ms-accent,#e8b923);font-weight:500;text-decoration:none}.microsite-page-back-link:hover,.microsite-page-back:hover{text-decoration:underline}.microsite-page-main{box-sizing:border-box;padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;width:100%}.microsite-page-article{margin-bottom:2rem}.microsite-page-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 1.25rem}.microsite-page-featured-image{border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.microsite-page-featured-image img{display:block;height:auto;max-height:360px;object-fit:cover;width:100%}.microsite-page-content{color:#f4f4f6;color:var(--ms-text,#f4f4f6);font-size:1.0625rem;line-height:1.75}.microsite-page-content p{margin:0 0 1rem}.microsite-page-content h1,.microsite-page-content h2,.microsite-page-content h3{font-weight:600;margin:1.5rem 0 .75rem}.microsite-page-content ol,.microsite-page-content ul{margin:0 0 1rem;padding-left:1.5rem}.microsite-page-content a{color:var(--ms-accent);text-decoration:none}.microsite-page-content a:hover{text-decoration:underline}.microsite-page-content img{border-radius:8px;display:block;height:auto;max-width:100%}.microsite-page-content img:not([src]),.microsite-page-content img[src=""]{background:#16162a;background:var(--ms-surface,#16162a);border:1px dashed #ffffff26;border:1px dashed var(--ms-border,#ffffff26);min-height:120px}.microsite-page-empty{color:#9ca3af;color:var(--ms-text-muted,#9ca3af);font-style:italic}.microsite-page-footer-link{font-size:.95rem;margin:0}.microsite-page-footer-link a{color:var(--ms-accent);text-decoration:none}.microsite-page-footer-link a:hover{text-decoration:underline}.microsite-page-article-sections .microsite-section{margin-bottom:2rem}.microsite-section-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--ms-border,#ffffff1a);padding:1rem 0}.microsite-section-header .header-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.microsite-section-header .header-brand{align-items:center;display:flex;gap:.75rem}.microsite-section-header .logo{color:var(--ms-accent);font-weight:600;text-decoration:none}.microsite-section-header .header-logo{border-radius:6px;height:40px;object-fit:contain;width:40px}.microsite-section-header .header-club-name{font-weight:600}.microsite-section-slider .slider-inner{align-items:center;background-color:#16162a;background-color:var(--ms-surface,#16162a);background-position:50%;background-size:cover;border-radius:8px;display:flex;justify-content:center;min-height:280px;padding:2rem}.microsite-section-slider .slider-caption{color:#f4f4f6;color:var(--ms-text,#f4f4f6);font-size:1.25rem;margin:0}.microsite-page-article-sections .microsite-page-title{display:none}.microsite-section-slides h2{font-size:1.5rem;margin:0 0 1rem}.microsite-section-slides .slides-marquee{overflow:hidden;width:100%}.microsite-section-slides .slides-marquee-inner{align-items:center;animation:slides-marquee 35s linear infinite;display:flex;flex-direction:row;gap:1rem;width:-webkit-max-content;width:max-content}.microsite-section-slides .slides-marquee-inner .slide-img{border-radius:8px;display:block;flex-shrink:0;height:160px;object-fit:cover;width:200px}@keyframes slides-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.microsite-section-slides .slides-grid{display:flex;flex-wrap:nowrap;gap:1rem;overflow:hidden}.microsite-section-slides .slide-img{border-radius:8px;display:block;flex-shrink:0;height:160px;object-fit:cover;width:200px}.microsite-section-testimonial blockquote{background:#16162a;background:var(--ms-surface,#16162a);border-left:4px solid var(--ms-accent);border-radius:8px;margin:0;padding:1.5rem}.microsite-section-testimonial cite{display:block;margin-top:.5rem}.microsite-section-footer,.microsite-section-testimonial cite{color:#9ca3af;color:var(--ms-text-muted,#9ca3af);font-size:.9rem}.microsite-section-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--ms-border,#ffffff1a);margin-top:2rem;padding-top:1rem}*{box-sizing:border-box}.App{min-height:100vh;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.Toastify__toast--success{background:linear-gradient(135deg,#667eea,#764ba2)}.Toastify__toast--error{background:linear-gradient(135deg,#f093fb,#f5576c)}.Toastify__toast--info{background:linear-gradient(135deg,#4facfe,#00f2fe)}.Toastify__toast--warning{background:linear-gradient(135deg,#fa709a,#fee140)}
/*# sourceMappingURL=main.e9ee49cb.css.map*/