@import"https://fonts.googleapis.com/css2?family=Lexend+Exa:wght@100;200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Lemon&display=swap";:root{font-family:Lexend Exa,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#f25388}body{margin:0;padding:0;min-width:100vw;min-height:100vh;background-color:#f9f9f9;display:block}#root{width:100%;max-width:100%;margin:0;padding:0;text-align:left}img{max-width:100%;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:#f9f9f9;display:block}#root{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;text-align:left;overflow-x:clip}.Toastify__toast{border-radius:12px;padding:16px;box-shadow:0 10px 30px #0000001a;font-family:inherit;font-size:14px;font-weight:500;min-height:auto;margin-bottom:1rem}.Toastify__toast--success{background-color:#fff;border-left:6px solid #10b981;color:#064e3b}.Toastify__toast--success .Toastify__progress-bar{background:#10b981}.Toastify__toast--success svg{fill:#10b981}.Toastify__toast--error{background-color:#fff;border-left:6px solid #ef4444;color:#7f1d1d}.Toastify__toast--error .Toastify__progress-bar{background:#ef4444}.Toastify__toast--error svg{fill:#ef4444}.Toastify__toast--warning{background-color:#fff;border-left:6px solid #f59e0b;color:#78350f}.Toastify__toast--warning .Toastify__progress-bar{background:#f59e0b}.Toastify__close-button{opacity:.5;margin-top:4px}.Toastify__close-button:hover{opacity:1}@media only screen and (max-width:480px){.Toastify__toast-container{width:90%;left:50%;transform:translate(-50%);top:1rem}.Toastify__toast{margin-bottom:10px;border-radius:8px}}.page-container-2k{width:100%;max-width:2560px;margin:0 auto;box-sizing:border-box}@media(max-width:1600px){.page-container-2k{padding-left:3%;padding-right:3%}}.cart-confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:3000;display:flex;justify-content:center;align-items:center;font-family:Lexend Exa,sans-serif}.cart-confirm-box{background-color:#fff;width:100%;max-width:400px;border-radius:10px;padding:24px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:16px}.cart-confirm-header{display:flex;justify-content:space-between;align-items:center}.cart-confirm-title{font-size:1.2rem;font-weight:700;color:#000;margin:0}.cart-confirm-close-btn{background:none;border:none;cursor:pointer;color:#838383;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.cart-confirm-close-btn:hover{color:#000}.cart-confirm-message{font-family:Lexend,sans-serif;font-size:1rem;color:#000;margin:0 0 10px;line-height:1.5}.cart-confirm-actions{display:flex;justify-content:flex-end;gap:12px}.cart-btn-cancel,.cart-btn-confirm{font-family:Lexend Exa,sans-serif;font-weight:700;font-size:14px;height:40px;border-radius:5px;cursor:pointer;transition:all .2s;border:none;padding:0 16px}.cart-btn-cancel{background:#f3f4f6;color:#000}.cart-btn-cancel:hover{background:#e5e7eb}.cart-btn-confirm{background:#000;color:#fff}.cart-btn-confirm:hover{background:#333}.cart-dropdown-wrapper{position:absolute;top:calc(100% + 15px);right:0;width:clamp(320px,100vw,500px);background:#fff;border:1px solid #838383;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;z-index:1000;cursor:default;opacity:0;visibility:hidden;transform:translateY(-20px);pointer-events:none;transition:opacity .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),visibility 0s linear .3s}.cart-dropdown-wrapper.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),visibility 0s linear 0s}.cart-dropdown-items{max-height:400px;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.cart-dropdown-items::-webkit-scrollbar{width:6px}.cart-dropdown-items::-webkit-scrollbar-track{background:transparent}.cart-dropdown-items::-webkit-scrollbar-thumb{background:#00000026;border-radius:1000px}.cart-item{display:flex;gap:16px;border-bottom:1px solid #000000;padding-bottom:16px}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item-img-box{flex:0 0 clamp(120px,35%,199px);height:115px;border-radius:10px;overflow:hidden;background:#f3f4f6}.cart-item-img-box img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1;display:flex;flex-direction:column}.cart-item-name{font-family:Lexend Exa,sans-serif;font-weight:700;font-size:16px;color:#000;margin:0 0 8px}.cart-item-desc{font-family:Lexend,sans-serif;font-weight:400;font-size:14px;color:#000;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cart-item-action{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;gap:8px}.cart-item-price{font-family:Lexend,sans-serif;font-weight:400;font-size:16px;color:#000}.cart-item-qty-box{display:flex;align-items:center;gap:12px}.cart-item-qty-label{font-family:Lexend,sans-serif;font-size:16px;font-weight:400;color:#000}.cart-item-qty-value{background:#d9d9d980;border-radius:10px;width:70px;height:20px;display:flex;align-items:center;justify-content:center;font-family:Lekton,sans-serif;font-size:16px;color:#000}.cart-item-controls{display:flex;align-items:center;gap:8px}.cart-item-controls button{background:transparent;border:2px solid #1e1e1e;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;transition:transform .1s}.cart-item-controls button:active{transform:scale(.9)}.cart-item-controls span{font-family:Lekton,sans-serif;font-size:16px;min-width:20px;text-align:center}.cart-dropdown-footer{padding:24px;background:#fff;border-top:1px solid #838383;display:flex;flex-direction:column;gap:16px}.cart-subtotal{display:flex;justify-content:space-between;font-family:Lexend,sans-serif;font-weight:700;font-size:20px;color:#000}.cart-btn-outline,.cart-btn-solid{width:100%;height:50px;font-family:Lexend Exa,sans-serif;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;outline:none}.cart-btn-outline{background:#fff;border:1px solid #000000;color:#000}.cart-btn-solid{background:#000;border:1px solid #000000;color:#fff}.cart-btn-outline:hover{background:#f9f9f9;border-color:#000}.cart-btn-solid:hover{background:#222;border-color:#000}@media screen and (max-width:600px){.cart-dropdown-wrapper{right:-16px}}.search-dropdown-wrapper{position:absolute;top:calc(100% + 15px);right:0;width:clamp(320px,100vw,450px);background:#fff;border:1px solid #838383;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;z-index:1000;cursor:default}.search-dropdown-items{max-height:400px;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.search-dropdown-items::-webkit-scrollbar{width:6px}.search-dropdown-items::-webkit-scrollbar-track{background:transparent}.search-dropdown-items::-webkit-scrollbar-thumb{background:#00000026;border-radius:1000px}.search-hit-item{display:flex;gap:16px;border-bottom:1px solid #000000;padding-bottom:16px;text-decoration:none;transition:opacity .2s cubic-bezier(.25,1,.5,1)}.search-hit-item:last-child{border-bottom:none;padding-bottom:0}.search-hit-item:hover{opacity:.7}.search-hit-img-box{flex:0 0 70px;height:70px;border-radius:10px;overflow:hidden;background:#f3f4f6}.search-hit-img-box img{width:100%;height:100%;object-fit:cover}.search-hit-info{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.search-hit-name{font-family:Lexend Exa,sans-serif;font-weight:700;font-size:14px;color:#000;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-hit-price{font-family:Lexend,sans-serif;font-weight:400;font-size:14px;color:#e11d48}.search-dropdown-footer{padding:16px 24px;background:#fff;border-top:1px solid #838383}.search-view-all-btn{width:100%;height:50px;font-family:Lexend Exa,sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;background:#000;border:1px solid #000000;color:#fff;text-decoration:none;transition:all .2s cubic-bezier(.25,1,.5,1);outline:none;cursor:pointer}.search-view-all-btn:hover{background:#222}.search-no-results{padding:24px;text-align:center;font-family:Lexend,sans-serif;font-size:14px;color:#000}@media screen and (max-width:1024px){.search-dropdown-wrapper{right:-16px}}.hn-header-wrapper{width:100%;box-sizing:border-box;font-family:Lexend Exa,sans-serif;position:sticky;top:0;z-index:998;transition:transform .4s cubic-bezier(.25,1,.5,1)}.hn-header-wrapper.visible{transform:translateY(0)}.hn-header-wrapper.hidden{transform:translateY(-100%)}.mobile-menu-overlay{position:fixed;inset:0;background-color:#0006;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.header-main-bar{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,1.5vw,16px) clamp(16px,4vw,64px);width:100%;box-sizing:border-box;box-shadow:0 4px 15px #0000000d;position:relative;z-index:1001}.header-left{display:flex;flex:1;justify-content:flex-start;align-items:center;gap:16px}.header-logo{display:block}.header-logo img{height:clamp(40px,4vw,60px);width:auto;object-fit:contain}.header-nav{display:flex;justify-content:center;align-items:center;gap:clamp(16px,2vw,36px)}.nav-link{text-decoration:none;color:#000;font-weight:600;font-size:clamp(13px,.9vw,16px);transition:color .2s ease;white-space:nowrap}.header-actions{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:clamp(12px,1.5vw,24px)}.header-action-wrapper{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-trigger-box{position:relative;display:flex;align-items:center;justify-content:center}.action-icon{width:clamp(20px,1.8vw,24px);height:clamp(20px,1.8vw,24px);transition:transform .2s ease}.action-icon:hover{transform:scale(1.05)}.action-dot{position:absolute;top:-2px;right:-2px;background-color:#e11d48;width:8px;height:8px;border-radius:50%;pointer-events:none}.action-badge{position:absolute;top:-8px;right:-10px;background-color:#e11d48;color:#fff;font-family:Lexend Deca,sans-serif;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.header-search{display:flex;align-items:center;gap:10px;background-color:#f5f5f5;padding:10px 16px;border-radius:50px;width:140px;height:40px;box-sizing:border-box;transition:all .3s cubic-bezier(.25,1,.5,1)}.header-search input{border:none;background:transparent;outline:none;font-family:Lexend,sans-serif;font-size:.9rem;color:#333;width:100%}.header-search input::placeholder{color:#999;font-weight:500}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002}.mobile-menu-toggle .bar{width:100%;height:2px;background-color:#000;transition:all .3s ease}.mobile-menu-toggle .bar.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle .bar.open:nth-child(2){opacity:0}.mobile-menu-toggle .bar.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:#fff;box-shadow:4px 0 15px #0000001a;transform:translate(-100%);transition:transform .3s ease;z-index:1000;padding:80px 24px 24px;box-sizing:border-box}.mobile-drawer.open{transform:translate(0)}.mobile-nav{display:flex;flex-direction:column;gap:20px}.mobile-nav-link{text-decoration:none;color:#000;font-weight:600;font-size:1.1rem}@media screen and (max-width:1024px){.header-nav{display:none}.mobile-menu-toggle{display:flex}.header-search{padding:10px;border-radius:50px;width:40px;height:40px;justify-content:center;cursor:pointer;overflow:hidden}.header-search input{display:none;width:0;opacity:0}.header-search.active{width:100%;max-width:200px;justify-content:flex-start;padding:10px 16px}.header-search.active input{display:block;width:100%;opacity:1}}.promotion-bar-wrapper{background-color:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;font-family:Lexend Exa,sans-serif;width:100%;box-sizing:border-box;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;z-index:999}.promotion-bar-wrapper.visible{max-height:60px;padding:12px 4%;opacity:1;overflow:visible}.promotion-bar-wrapper.hidden{max-height:0;padding:0 4%;opacity:0;pointer-events:none;overflow:hidden}.promo-left{display:flex;align-items:center;justify-content:flex-start;flex:1;gap:32px}.promo-right{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:32px}.promo-center-container{position:static}.promo-center{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;letter-spacing:-.02em;text-transform:uppercase;cursor:pointer}.promo-item-wrapper{position:relative}.promo-item{display:flex;align-items:center;gap:6px;font-weight:500;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.promo-item svg{transition:transform .3s ease}.promo-item svg.rotate{transform:rotate(180deg)}.direct-link{text-decoration:none;color:#fff}.promo-dropdown{position:absolute;top:calc(100% + 12px);left:0;background-color:#111;border:1px solid #222222;border-radius:5px;padding:8px 0;min-width:160px;display:flex;flex-direction:column;box-shadow:0 8px 16px #0000004d;opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),visibility .3s}.promo-dropdown.open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.promo-dropdown a,.promo-dropdown span{color:#ccc;text-decoration:none;font-size:11px;padding:8px 16px;cursor:pointer;transition:all .2s}.promo-dropdown a:hover,.promo-dropdown span:hover{background-color:#222;color:#fff}.promo-dropdown.dropdown-center{left:50%;transform:translate(-50%,-10px)}.promo-dropdown.dropdown-center.open{transform:translate(-50%)}.promo-dropdown.dropdown-right{left:auto;right:0}.promo-shipping-box{position:absolute;top:100%;left:0;right:0;width:100%;background-color:#000;border-bottom:1px solid #222222;padding:20px 4%;box-sizing:border-box;box-shadow:0 10px 30px #00000080;border-radius:0 0 5px 5px;opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),visibility .3s;display:flex;justify-content:center}.ps-content-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:fit-content}.promo-shipping-box.open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.ps-title{margin:0 0 10px;font-size:12px;font-weight:800;color:#fff;letter-spacing:.05em;padding-bottom:6px}.ps-text{margin:0 0 6px;font-size:11px;line-height:1.5;color:#aaa}.ps-partners{margin-top:10px;font-size:11px;display:flex;align-items:center;gap:12px}.ps-partners span{color:#666}.ps-partners strong{color:#fff;font-weight:600}@media screen and (max-width:1024px){.promo-left,.promo-right{display:none}.promotion-bar-wrapper.visible{justify-content:center;padding:12px 20px}.promo-shipping-box{padding:20px;border-radius:5px;width:calc(100vw - 40px);position:fixed;left:20px;right:20px;top:50px;transform:translateY(-10px)}.promo-shipping-box.open{transform:translateY(0)}}.hn-footer-wrapper{background-color:#000;color:#fff;font-family:Lexend Exa,sans-serif;padding:4rem 6% 3rem;margin-top:auto;width:100%;box-sizing:border-box}.footer-top{display:flex;justify-content:space-between;align-items:stretch;margin-bottom:3.5rem;width:100%}.footer-logo-col{flex:1;display:flex;align-items:center;justify-content:flex-start;padding-right:2rem}.footer-logo-col img{width:100%;max-width:390px;height:auto;object-fit:contain}.footer-contact-col{flex:1.1;border-left:1px solid #fff;border-right:1px solid #fff;padding:0 4%;display:flex;flex-direction:column;justify-content:center;gap:12px}.contact-text{font-size:.85rem;font-weight:400;margin:0;line-height:1.4}.social-icons-row{display:flex;gap:14px;margin-top:6px}.social-icon-wrapper{width:32px;height:32px;border-radius:50%;border:1px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.social-icon-wrapper:hover{background-color:#fff;color:#000}.footer-newsletter-col{flex:1.7;padding-left:4%;display:flex;flex-direction:column;justify-content:center}.newsletter-title{font-size:1.3rem;font-weight:700;margin:0 0 6px}.newsletter-desc{font-size:.85rem;font-weight:400;margin:0 0 20px}.newsletter-form{display:flex;gap:16px}.newsletter-input-wrapper{position:relative;flex:1}.newsletter-input{width:100%;padding:12px 20px;border-radius:50px;border:none;font-family:inherit;font-size:.9rem;outline:none;box-sizing:border-box}.newsletter-input::placeholder{color:#aaa}.input-asterisk{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.newsletter-send-btn{padding:12px 45px;border-radius:50px;background-color:transparent;color:#fff;border:1.5px solid #fff;font-family:inherit;font-weight:700;cursor:pointer;transition:all .2s ease}.newsletter-send-btn:hover:not(:disabled){background-color:#fff;color:#000}.newsletter-send-btn:disabled{opacity:.5;cursor:not-allowed}.footer-divider{width:100%;height:1px;background-color:#fff;margin-bottom:3.5rem}.footer-bottom{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.footer-nav-col{display:flex;flex-direction:column;padding-left:3rem;padding-right:1rem;position:relative}.footer-nav-col:after{content:"";position:absolute;right:0;top:2.8rem;bottom:0;width:1px;background-color:#fff}.footer-nav-col:last-child:after{display:none}.footer-nav-col:last-child{padding-right:0}.nav-col-title{font-size:1.15rem;font-weight:700;margin:0 0 1.5rem}.footer-nav-link{color:#fff;text-decoration:none;font-size:.8rem;font-weight:300;margin-bottom:14px;transition:opacity .2s ease;width:fit-content}.footer-nav-link:hover{opacity:.6}@media screen and (max-width:1024px){.hn-footer-wrapper{padding:3rem 6%}.footer-top{flex-direction:column;gap:3rem}.footer-logo-col,.footer-contact-col,.footer-newsletter-col{padding:0;border:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2rem;align-items:center;text-align:center}.footer-newsletter-col{border-bottom:none;padding-bottom:0}.footer-logo-col img{max-width:250px}.footer-bottom{grid-template-columns:1fr;gap:0}.footer-nav-col{padding:1.5rem 0;border:none;border-bottom:1px solid rgba(255,255,255,.2);align-items:center;text-align:center}.footer-nav-col:after{display:none}.footer-nav-col:last-child{border-bottom:none}.nav-col-title{margin-bottom:1rem}.footer-nav-link{margin-bottom:10px}}@media screen and (max-width:600px){.newsletter-form{flex-direction:column;width:100%;max-width:400px;margin:0 auto}.newsletter-send-btn{width:100%}}.ft-drawer-menu{display:flex;gap:12px}.ft-tool-btn{width:56px;height:56px;border-radius:50%;border:none;background-color:#efdcc8;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;padding:0}.ft-tool-btn:hover{background-color:#e3ccb5;transform:scale(1.05)}.ft-tool-btn svg{width:32px;height:32px}.cw-container{width:360px;height:500px;background-color:#ededed;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0003;font-family:Lexend Exa,sans-serif}.cw-header{height:60px;background-color:#efdcc8;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.cw-header-info{display:flex;align-items:center;gap:12px}.cw-avatar{width:32px;height:32px;background-color:#fff;border-radius:50%}.cw-title{font-weight:600;color:#333}.cw-close-btn{background:none;border:none;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;padding:8px}.cw-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.cw-msg-row{display:flex;width:100%}.cw-msg-row.user{justify-content:flex-end}.cw-msg-row.bot{justify-content:flex-start}.cw-bubble{max-width:80%;padding:10px 14px;border-radius:20px;font-size:13px;line-height:1.4;word-wrap:break-word}.cw-msg-row.user .cw-bubble{background-color:#00acd2;color:#fff;border-bottom-right-radius:4px}.cw-msg-row.bot .cw-bubble{background-color:#fff;color:#000;border-bottom-left-radius:4px}.cw-bubble p{margin:0;white-space:pre-wrap}.cw-img-attach{width:100%;border-radius:8px;margin-top:4px}.cw-file-attach{display:flex;align-items:center;gap:8px;background-color:#fff;padding:8px 12px;border-radius:8px;color:#000}.cw-file-info{display:flex;flex-direction:column}.cw-file-name{font-size:11px;font-weight:600;color:#0059ff}.cw-file-size{font-size:9px;color:#666}.cw-footer{height:60px;background-color:#fff;display:flex;align-items:center;padding:0 12px;gap:8px;flex-shrink:0}.cw-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:13px}.cw-icon-btn{background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:8px}.cw-send-btn{color:#308aff}.cw-emoji-picker-container{position:absolute;bottom:60px;left:0;width:100%;z-index:100;box-shadow:0 -4px 12px #0000000d}.cw-emoji-picker-container .EmojiPickerReact svg{display:block;vertical-align:baseline}.cw-emoji-picker-container .EmojiPickerReact button{padding:0;border:none;background-color:transparent;border-radius:0;min-width:auto;min-height:auto;line-height:normal}.cw-emoji-picker-container .EmojiPickerReact .epr-icn-clear-search{display:flex;align-items:center;justify-content:center}.cw-emoji-picker-container .EmojiPickerReact button:focus,.cw-emoji-picker-container .EmojiPickerReact button:focus-visible{outline:none;box-shadow:none}.cw-emoji-picker-container .EmojiPickerReact button:hover{border-color:transparent;background-color:transparent}@media screen and (max-width:768px){.cw-container{width:100vw;height:100dvh;max-height:100dvh;border-radius:0 0 20px 20px;position:relative;box-shadow:0 16px 40px #0000004d;overflow:clip}.cw-header{position:sticky;top:0;z-index:10;flex-shrink:0;height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.cw-footer{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);padding-left:16px;padding-right:16px}.cw-input{font-size:16px}.cw-icon-btn{padding:12px}.cw-emoji-picker-container{bottom:calc(60px + env(safe-area-inset-bottom))}.cw-bubble{max-width:90%}}.ft-wrapper{position:fixed;bottom:24px;right:0;z-index:9999;display:flex;align-items:flex-end;pointer-events:none;font-family:Lexend Exa,sans-serif}.ft-wrapper *{box-sizing:border-box}.ft-drawer-container{display:flex;align-items:center;position:absolute;right:0;bottom:0;pointer-events:auto;filter:drop-shadow(-2px 4px 10px rgba(0,0,0,.15));transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .3s,visibility .3s}.ft-drawer-container.closed{transform:translate(calc(100% - 44px))}.ft-drawer-container.open{transform:translate(0)}.ft-drawer-container.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(100%)}.ft-drawer-tab{width:54px;height:72px;background-color:#666;border:none;border-radius:16px 0 0 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s;flex-shrink:0;padding:0}.ft-drawer-tab:hover{background-color:#444}.ft-drawer-content{background-color:#fff;padding:12px 16px 12px 12px;display:flex;align-items:center;border-radius:0}.ft-active-view{position:absolute;bottom:0;right:24px;transform:translateY(20px);opacity:0;visibility:hidden;transition:all .3s ease-out;pointer-events:auto}.ft-active-view.open{transform:translateY(0);opacity:1;visibility:visible}.ft-drawer-tab svg{width:32px;height:32px}@media screen and (max-width:768px){.ft-wrapper{bottom:16px}.ft-drawer-tab{width:48px;height:64px}.ft-active-view{position:fixed;inset:0;width:100vw;height:100dvh;z-index:10000;transform:translateY(100%);opacity:1;visibility:hidden;transition:transform .35s cubic-bezier(.25,1,.5,1),visibility .35s}.ft-active-view.open{transform:translateY(0);visibility:visible}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-content-area{animation:pageFadeIn .4s ease-out forwards}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden}.portal-container{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Lexend Exa,sans-serif;width:100%;overflow-x:hidden}.portal-sidebar{width:280px;background:linear-gradient(to bottom,#f5ebd9,#e6d3bd);color:#1a1a1a;display:flex;flex-direction:column;padding:24px 16px;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:none;transition:transform .4s cubic-bezier(.25,1,.5,1);z-index:50;border-top-right-radius:24px;border-bottom-right-radius:24px;box-shadow:4px 0 12px #0000004d;user-select:none;-webkit-user-select:none}.portal-sidebar>.portal-brand,.portal-sidebar>.sidebar-menu,.portal-sidebar>.sidebar-bottom{position:relative;z-index:10}.ripple-surface-wrapper{position:absolute;top:0;left:0;width:100%;height:1px;overflow:visible;z-index:0;pointer-events:none}.water-ripple-particle{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(.5);background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 50%,transparent 80%);animation:ripple-soft-expand 2s cubic-bezier(.1,.5,.3,1) forwards;pointer-events:none;will-change:transform,opacity}@keyframes ripple-soft-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:.5}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.portal-sidebar::-webkit-scrollbar{display:none}.portal-brand{background-color:#e2c6a8;border-radius:12px;padding:16px;font-size:1.2rem;font-weight:800;letter-spacing:-.5px;text-align:center;margin-bottom:32px;box-shadow:0 6px 12px #00000014,0 2px 4px #0000000d}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.menu-group{display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:600;letter-spacing:-.3px;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1)}.menu-item-left{display:flex;align-items:center;gap:12px}.menu-icon{width:24px;height:24px;stroke:#1a1a1a;stroke-width:2.2;transition:transform .3s cubic-bezier(.25,1,.5,1)}.menu-item:hover{background-color:#edd2b6;box-shadow:3px 5px 4px #a48668}.menu-item:hover .menu-icon{transform:scale(1.15)}.menu-item.active-parent{background-color:#edd2b6;font-weight:700;box-shadow:3px 5px 4px #a48668}.chevron-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.chevron-icon.open{transform:rotate(180deg)}.submenu{display:flex;flex-direction:column;gap:4px;padding-top:8px;padding-left:8px;padding-right:8px}.submenu-item{box-sizing:border-box;width:100%;padding:10px 16px 10px 36px;display:flex;align-items:center;font-size:.85rem;font-weight:500;letter-spacing:-.2px;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#333}.submenu-item:hover{background-color:#edd2b6;box-shadow:3px 5px 4px #a48668;transform:translate(4px)}.submenu-item.active{background-color:#edd2b6;font-weight:700;color:#1a1a1a;box-shadow:3px 5px 4px #a48668}.submenu-item:last-child{margin-bottom:4px}.sidebar-bottom{margin-top:auto;padding-top:20px}.logout-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-weight:700;font-size:.95rem;letter-spacing:-.3px;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1)}.logout-btn:hover{background-color:#e9d8c5;transform:translate(4px)}.portal-main-content{flex:1;margin-left:280px;padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;width:calc(100% - 280px);z-index:50;min-width:0;box-sizing:border-box;transition:margin-left .4s cubic-bezier(.25,1,.5,1),width .4s}.notification-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:700;letter-spacing:-.3px;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1)}.notification-btn:hover{background-color:#e9d8c5;transform:translate(4px)}.sidebar-divider{height:1px;background-color:#00000014;margin:4px 16px}.notification-badge{background-color:#dc2626;color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 4px #0003}.p-noti-overlay{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:90}.p-noti-overlay.open{opacity:1;visibility:visible}.p-noti-drawer{position:fixed;top:0;right:0;width:380px;box-sizing:border-box;height:100vh;background:#fff;transform:translate(100%);transition:transform .4s cubic-bezier(.25,1,.5,1);box-shadow:-10px 0 25px #00000014;display:flex;flex-direction:column;z-index:100}.p-noti-drawer.open{transform:translate(0)}.p-noti-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px;border-bottom:1px solid #f3f4f6;background-color:#fff}.p-noti-title{margin:0;font-size:1.1rem;font-weight:800;color:#1a1a1a;letter-spacing:-.5px}.p-noti-close{background:none;border:none;font-size:1.2rem;color:#9ca3af;cursor:pointer;padding:8px;transition:color .2s}.p-noti-close:focus{outline:none}button:focus,.menu-item:focus,.submenu-item:focus,.logout-btn:focus,.notification-btn:focus,.portal-mobile-menu-toggle:focus{outline:none}.p-noti-close:hover{color:#1a1a1a}.p-noti-body{flex:1;overflow-y:auto;padding:8px 0}.p-noti-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:background .2s ease;position:relative}.p-noti-item:hover{background-color:#fcf8f2}.p-noti-icon-wrapper{width:40px;height:40px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#4b5563;flex-shrink:0}.p-noti-content{flex:1;display:flex;flex-direction:column;gap:4px}.p-noti-item-title{margin:0;font-size:.9rem;font-weight:700;color:#1a1a1a;line-height:1.4}.p-noti-item-time{margin:0;font-size:.8rem;color:#9ca3af;font-weight:500}.p-noti-dot{width:8px;height:8px;border-radius:50%;background-color:#3b82f6;flex-shrink:0}.p-noti-item:not(.unread){opacity:.7}.p-noti-item:not(.unread) .p-noti-dot{display:none}.page-transition-wrapper{width:100%;flex:1;display:flex;flex-direction:column;animation:page-fade-in .5s cubic-bezier(.25,1,.5,1) forwards}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1024px){.p-noti-drawer{right:0;width:100%;max-width:350px;padding-left:0;box-sizing:border-box;z-index:100}.p-noti-overlay{z-index:90}}.portal-mobile-menu-toggle,.portal-backdrop{display:none}@media screen and (max-width:1024px){.portal-mobile-menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:16px;left:16px;z-index:55;background:#e6d3bd;border:none;border-radius:8px;padding:10px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:transform .2s}.portal-mobile-menu-toggle:hover{transform:scale(1.05)}.portal-sidebar{transform:translate(-100%);box-shadow:5px 0 15px #0000001a;z-index:55}.portal-sidebar.open{transform:translate(0)}.portal-main-content{margin-left:0;width:100%;padding:80px 16px 20px}.portal-backdrop{display:block;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:51;opacity:0;visibility:hidden;transition:all .3s ease}.portal-backdrop.open{opacity:1;visibility:visible}}.hb-container{width:100%;overflow:hidden;font-family:Lexend,sans-serif;background-color:#fff;position:relative}.hb-slider-window{width:100%;aspect-ratio:21 / 9;position:relative}.hb-slide{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:row;opacity:0;z-index:1;visibility:hidden;transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity 0s .8s,visibility 0s .8s}.hb-slide.hb-reversed{flex-direction:row-reverse}.hb-slide.active{opacity:1;z-index:2;visibility:visible;transform:translate(0);transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity 0s 0s,visibility 0s 0s}.hb-slide.prev{opacity:1;z-index:1;visibility:visible}.hb-container.direct-rl .hb-slide:not(.active){transform:translate(-100%)}.hb-container.direct-lr .hb-slide:not(.active){transform:translate(100%)}.hb-media-section{flex:1;position:relative;background-color:#e5e7eb;display:flex}.hb-media-element{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hb-media-overlay{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.hb-icon-wrapper{align-self:flex-end;color:#1e1e1e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.hb-icon-wrapper:hover{opacity:.7}.hb-pagination{align-self:center;display:flex;gap:8px}.hb-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .3s}.hb-dot.active{background-color:#fff}.hb-content-section{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 32px;box-sizing:border-box;z-index:2;background-color:#c9e3e8}.hb-content-wrapper{width:100%;max-width:600px;display:flex;flex-direction:column;gap:24px}.hb-title{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(32px,4vw,52px);color:#000;margin:0;line-height:1.15}.hb-subtitle{font-weight:400;font-size:clamp(16px,2vw,20px);color:#000;margin:-16px 0 0}.hb-tags-group{display:flex;flex-wrap:wrap;gap:12px}.hb-tag-btn{background-color:#fff6;border:1px solid rgba(0,0,0,.3);border-radius:24px;padding:10px 20px;font-family:Lexend,sans-serif;font-weight:500;font-size:15px;color:#000;cursor:pointer;transition:all .2s;outline:none}.hb-tag-btn:focus,.hb-tag-btn:active{outline:none;border-color:#0000004d}.hb-tag-btn:hover{background-color:#fff;transform:scale(1.05);border-color:#000}@media screen and (max-width:1024px){.hb-slider-window{aspect-ratio:16 / 9}.hb-content-section{padding:32px 24px}.hb-title{font-size:36px}.hb-subtitle{font-size:18px;margin-top:-8px}}@media screen and (max-width:768px){.hb-slider-window{aspect-ratio:4 / 5}.hb-slide,.hb-slide.hb-reversed{display:grid}.hb-media-section,.hb-content-section{grid-area:1 / 1}.hb-media-section{width:100%;height:100%}.hb-media-overlay{z-index:3}.hb-content-section{align-items:flex-end;background:linear-gradient(to top,#000000d9,#0006,#0000);padding:32px 24px 80px}.hb-title,.hb-subtitle{color:#fff}.hb-tag-btn{border-color:#fff;color:#fff}.hb-tag-btn:hover{background-color:#ffffff26;color:#fff;border-color:#fff}.hb-icon-wrapper{color:#fff}}@media screen and (max-width:640px){.hb-slider-window{aspect-ratio:3 / 4}.hb-content-section{padding:24px 16px 70px}.hb-media-overlay{padding:16px}.hb-title{font-size:28px}.hb-subtitle{font-size:15px}.hb-tags-group{gap:8px}.hb-tag-btn{padding:8px 16px;font-size:13px}}.cs-section-container{display:flex;flex-direction:column;width:100%;background-color:#fff;padding-top:clamp(60px,8vw,100px);padding-bottom:60px}.cs-text-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;width:100%;max-width:1300px;margin:0 auto 60px;padding:0 40px;box-sizing:border-box}.cs-quote{font-family:Ledger,serif;font-style:normal;font-weight:400;font-size:clamp(14px,4vw,24px);line-height:1.7;text-align:center;color:#000;margin:0}.cs-tabs{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px}.cs-tab-btn{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(14px,3vw,16px);color:#000;background:none;border:none;padding:0;cursor:pointer;opacity:.3;transition:all .4s ease}.cs-tab-btn.active{opacity:1;text-decoration:underline;text-underline-offset:8px}.cs-image-grid{display:grid;width:100%;padding:0 20px;box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,32px)}.cs-image-slot{position:relative;width:100%;aspect-ratio:470 / 450;overflow:hidden;cursor:pointer;background-color:#fff}.cs-image{width:100%;height:100%;object-fit:cover;display:block;opacity:0;animation:imageFadeIn .1s linear .7s forwards;transition:transform .8s ease}.cs-image-slot:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;z-index:2;animation:curtainLogic 1.4s cubic-bezier(.65,0,.35,1) forwards}.cs-image-slot:nth-child(1),.cs-image-slot:nth-child(1):before{animation-delay:0s}.cs-image-slot:nth-child(2),.cs-image-slot:nth-child(2):before{animation-delay:.1s}.cs-image-slot:nth-child(3),.cs-image-slot:nth-child(3):before{animation-delay:.2s}.cs-image-slot:nth-child(4),.cs-image-slot:nth-child(4):before{animation-delay:.3s}@keyframes curtainLogic{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1) scaleX(1);transform-origin:right}to{transform:scaleY(1) scaleX(0);transform-origin:right}}@keyframes imageFadeIn{to{opacity:1}}.cs-image-slot:hover .cs-image{transform:scale(1.05)}.cs-image-overlay{position:absolute;bottom:0;left:0;width:100%;padding:25px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);color:#fff;font-family:Lexend Deca,sans-serif;font-size:15px;opacity:0;transform:translateY(10px);transition:all .4s ease;z-index:3}.cs-image-slot:hover .cs-image-overlay{opacity:1;transform:translateY(0)}@media(max-width:1024px){.cs-image-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cs-image-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cs-text-wrapper{gap:20px;margin-bottom:30px;padding:0 20px}.cs-tabs{gap:30px}}.jfy-container{display:flex;flex-direction:column;width:100%;background-color:#fff;padding-top:60px}.jfy-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1300px;margin:0 auto 50px;padding:0 40px;box-sizing:border-box}.jfy-title{font-family:Lemon,cursive;font-weight:400;font-size:clamp(24px,4vw,32px);color:#000;margin:0;text-align:center}.jfy-subtitle{font-family:Ledger,serif;font-weight:400;font-size:clamp(16px,3vw,24px);line-height:1.7;letter-spacing:.5px;color:#000;margin:0;text-align:center}.jfy-slider-window{position:relative;width:100%;aspect-ratio:1920 / 900;overflow:hidden}.jfy-slider-track{display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,1,.5,1)}.jfy-slide-item{flex:0 0 100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.jfy-canvas-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.jfy-canvas-layer>*{pointer-events:auto}.jfy-dynamic-btn{transition:transform .2s ease}.jfy-dynamic-btn:hover{transform:scale(1.05)}.jfy-dots-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.jfy-dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;padding:0;cursor:pointer;transition:all .3s ease}.jfy-dot.active{background:#fff;transform:scale(1.2)}@media(max-width:768px){.jfy-text-wrapper{gap:12px;margin-bottom:30px;padding:0 20px}.jfy-canvas-layer{transform-origin:top left}}.ks-main-container{display:flex;flex-direction:column;width:100%;background-color:#fff;padding-top:40px}.ks-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1300px;margin:0 auto 40px;padding:0 40px;box-sizing:border-box}.ks-title{font-family:Lemon,cursive;font-weight:400;font-size:clamp(24px,4vw,32px);color:#000;margin:0;text-align:center}.ks-subtitle{font-family:Ledger,serif;font-weight:400;font-size:clamp(16px,3vw,24px);line-height:1.7;letter-spacing:.5px;color:#000;margin:0;text-align:center}.ks-canvas-wrapper{width:100%;position:relative;aspect-ratio:1920 / 738;overflow:hidden}.ks-background-layer{position:absolute;inset:0;z-index:0}.ks-canvas-inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ks-dynamic-btn{font-family:Lexend Deca,sans-serif;color:#000;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s ease}@media(max-width:768px){.ks-text-wrapper{gap:12px;margin-bottom:30px;padding:0 20px}}.oh-main-container{display:flex;flex-direction:column;width:100%;background-color:#fff;padding-top:60px}.oh-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1300px;margin:0 auto 50px;padding:0 40px;box-sizing:border-box}.oh-title{font-family:Lemon,cursive;font-weight:400;font-size:clamp(24px,4vw,32px);color:#000;margin:0;text-align:center}.oh-subtitle{font-family:Ledger,serif;font-weight:400;font-size:clamp(13px,2vw,18px);line-height:1.6;color:#000;margin:0;text-align:center}.oh-canvas-wrapper{width:100%;position:relative;aspect-ratio:1920 / 990;overflow:hidden}.oh-background-layer{position:absolute;inset:0;z-index:0}.oh-canvas-inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.oh-dynamic-btn{transition:opacity .2s ease}.oh-dynamic-btn:hover{opacity:.8}@media(max-width:768px){.oh-text-wrapper{gap:12px;margin-bottom:30px;padding:0 20px}}.jic-main-container{display:flex;flex-direction:column;width:100%;background-color:#fff;padding-top:60px}.jic-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1300px;margin:0 auto 50px;padding:0 40px;box-sizing:border-box}.jic-title{font-family:Lemon,cursive;font-weight:400;font-size:clamp(24px,4vw,32px);color:#000;margin:0;text-align:center}.jic-subtitle{font-family:Ledger,serif;font-weight:400;font-size:clamp(13px,2vw,18px);line-height:1.6;color:#000;margin:0;text-align:center}.jic-canvas-wrapper{width:100%;position:relative;aspect-ratio:1920 / 800;overflow:hidden}.jic-background-layer{position:absolute;inset:0;z-index:0}.jic-canvas-inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.jic-dynamic-btn{border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s ease,opacity .2s ease}.jic-dynamic-btn:hover{opacity:.9}@media(max-width:768px){.jic-text-wrapper{gap:12px;margin-bottom:30px;padding:0 20px}}.home-page-container{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background-color:#fff;min-height:100dvh;overflow-x:hidden}.dynamic-html-wrapper>*{margin:0!important;padding:0!important}.dynamic-btn-hover{transition:transform .2s ease,opacity .2s ease;border:none;cursor:pointer}.dynamic-btn-hover:hover{transform:scale(1.05);opacity:.9}.loyalty-hero-section{width:100%;padding:60px 24px;background:linear-gradient(135deg,#c9e3e8,#c8e2e7 70.71%);display:flex;justify-content:center}.loyalty-hero-container{width:100%;max-width:none;display:flex;flex-direction:column;gap:24px}.loyalty-hero-title{margin:0;font-size:48px;font-weight:700;color:#000;letter-spacing:-.5px}.loyalty-hero-desc{margin:0;font-size:24px;line-height:1.4;color:#000;max-width:1000px;letter-spacing:-.5px}.loyalty-hero-btn{width:fit-content;padding:16px 32px;background-color:#000;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.loyalty-hero-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media screen and (max-width:768px){.loyalty-hero-section{padding:40px 16px}.loyalty-hero-container{align-items:center;text-align:center}.loyalty-hero-title{font-size:36px}.loyalty-hero-desc{font-size:18px}}.hiw-section{width:100%;padding:64px 24px;background-color:#fff;display:flex;justify-content:center}.hiw-container{width:100%;max-width:1760px;display:flex;flex-direction:column;align-items:center;gap:48px}.hiw-header{text-align:center}.hiw-title{margin:0 0 16px;font-size:30px;font-weight:700;color:#1f2937}.hiw-subtitle{margin:0;font-size:18px;color:#4b5563}.hiw-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.hiw-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.hiw-icon-wrap{width:64px;height:64px;background-color:#c8e2e7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:transform .3s ease}.hiw-card:hover .hiw-icon-wrap{transform:scale(1.1);background-color:#b5d5dc}.hiw-card-title{margin:0;font-size:16px;font-weight:600;color:#1f2937}.hiw-card-desc{margin:0;font-size:16px;color:#4b5563;line-height:1.5}@media screen and (max-width:1024px){.hiw-grid{grid-template-columns:repeat(2,1fr);row-gap:40px}}@media screen and (max-width:640px){.hiw-grid{grid-template-columns:1fr}}.tiers-section{width:100%;padding:64px 24px;background-color:#f9fafb;display:flex;justify-content:center}.tiers-container{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;gap:48px}.tiers-header{text-align:center}.tiers-title{margin:0 0 16px;font-size:30px;font-weight:700;color:#1f2937}.tiers-subtitle{margin:0;font-size:18px;color:#4b5563}.tiers-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}.tier-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:32px 24px;box-shadow:0 4px 6px #0000000d;position:relative;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.tier-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001a}.tier-card.popular{border-color:#f59e0b;transform:scale(1.05);box-shadow:0 10px 20px #0000001a;z-index:2}.tier-card.popular:hover{transform:scale(1.05) translateY(-8px)}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#f59e0b;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.tier-card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.tier-card-title{margin:16px 0 8px;font-size:24px;font-weight:700;color:#1f2937}.tier-card-spent{margin:0;font-size:16px;color:#4b5563}.tier-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.tier-benefits-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:#000;line-height:1.4}.tier-benefits-list li svg{flex-shrink:0;margin-top:2px}@media screen and (max-width:1024px){.tiers-grid{grid-template-columns:1fr;max-width:500px;gap:32px}.tier-card.popular{transform:scale(1)}.tier-card.popular:hover{transform:translateY(-8px)}}.redeem-section{width:100%;padding:64px 24px;background-color:#fff;display:flex;justify-content:center}.redeem-container{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;gap:48px}.redeem-header{text-align:center}.redeem-title{margin:0 0 16px;font-size:30px;font-weight:700;color:#1f2937}.redeem-subtitle{margin:0;font-size:18px;color:#4b5563}.redeem-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.redeem-card{background-color:#f9fafb;border-radius:8px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background-color .3s ease,transform .3s ease}.redeem-card:hover{background-color:#f3f4f6;transform:translateY(-4px)}.redeem-icon-wrap{width:64px;height:64px;background-color:#c8e2e7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.redeem-card-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.redeem-card-points{margin:0 0 8px;font-size:14px;color:#4b5563}.redeem-card-note{font-size:12px;color:#6b7280}@media screen and (max-width:1024px){.redeem-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.redeem-grid{grid-template-columns:repeat(2,1fr);gap:16px}.redeem-card{padding:24px 16px}}.eb-section{width:100%;padding:64px 24px;background-color:#1f2937;display:flex;justify-content:center}.eb-container{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;gap:48px}.eb-header{text-align:center}.eb-title{margin:0 0 16px;font-size:30px;font-weight:700;color:#fff}.eb-subtitle{margin:0;font-size:18px;color:#d1d5db}.eb-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.eb-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.eb-icon{margin-bottom:8px}.eb-card-title{margin:0;font-size:20px;font-weight:600;color:#fff}.eb-card-desc{margin:0;font-size:16px;color:#d1d5db;line-height:1.5}@media screen and (max-width:1024px){.eb-grid{grid-template-columns:1fr;max-width:600px;gap:48px}}.loyalty-page-wrapper{width:100%;display:flex;flex-direction:column;background-color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.trade-in-hero-section{width:100%;padding:110px 4%;background:linear-gradient(0deg,#c9e3e8 0% 100%);display:flex;justify-content:center;align-items:center;box-sizing:border-box}.trade-in-hero-container{width:100%;max-width:none;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:60px;box-sizing:border-box}.trade-in-hero-content{flex:1;max-width:823px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:24px}.trade-in-hero-title{margin:0;font-family:Inter,sans-serif;font-weight:700;font-size:48px;line-height:1.25;letter-spacing:-.5px;color:#000}.trade-in-hero-desc{margin:0;font-family:Inter,sans-serif;font-size:20px;line-height:1.4;color:#000;max-width:823px}.trade-in-benefits-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:28px;margin-top:4px}.benefit-item{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.5px}.trade-in-stats-wrapper{flex-shrink:0;display:flex;justify-content:flex-end}.trade-in-stats-box{background:#ffffff59;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:33px;display:flex;flex-direction:column;align-items:center;gap:35px;width:400px;box-sizing:border-box}.stat-main{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{margin:0;font-family:Inter,sans-serif;font-weight:700;font-size:48px;color:#000;letter-spacing:-.5px}.stat-label{margin:4px 0 0;font-family:Inter,sans-serif;font-size:16px;color:#000;letter-spacing:-.5px}.stat-row{display:flex;flex-direction:row;width:100%;justify-content:space-between}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.stat-sub-number{margin:0;font-family:Inter,sans-serif;font-weight:700;font-size:30px;color:#000;letter-spacing:-.5px}.stat-sub-label{margin:4px 0 0;font-family:Inter,sans-serif;font-size:14px;color:#000;letter-spacing:-.5px}@media screen and (max-width:1200px){.trade-in-hero-title{font-size:40px}}@media screen and (max-width:992px){.trade-in-hero-section{padding:60px 4%}.trade-in-hero-container{flex-direction:column;align-items:flex-start;gap:40px}.trade-in-stats-wrapper{width:100%;justify-content:flex-start}.trade-in-stats-box{width:100%;max-width:100%}}@media screen and (max-width:576px){.trade-in-hero-title{font-size:32px}.trade-in-hero-desc{font-size:16px}.trade-in-benefits-list{flex-direction:column;align-items:flex-start;gap:12px}.stat-number{font-size:40px}.stat-sub-number{font-size:24px}}.sc-hiw-section{width:100%;padding:80px 4%;background-color:#fff;display:flex;justify-content:center;box-sizing:border-box}.sc-hiw-container{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;gap:60px;box-sizing:border-box}.sc-hiw-header{text-align:center}.sc-hiw-title{margin:0 0 16px;font-family:Inter,sans-serif;font-weight:700;font-size:36px;color:#111827;letter-spacing:-.5px}.sc-hiw-subtitle{margin:0;font-family:Inter,sans-serif;font-size:20px;color:#4b5563}.sc-hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%}.sc-hiw-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;transition:transform .3s ease;cursor:default}.sc-hiw-card:hover{transform:translateY(-8px)}.sc-hiw-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:8px}.sc-hiw-icon-circle{width:96px;height:96px;background-color:#e0f2fe;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.sc-hiw-card:hover .sc-hiw-icon-circle{background-color:#bae6fd}.sc-hiw-step-number{width:40px;height:40px;background-color:#000;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-weight:700;font-size:18px}.sc-hiw-card-title{margin:0;font-family:Inter,sans-serif;font-weight:700;font-size:20px;color:#111827}.sc-hiw-card-desc{margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;color:#4b5563;max-width:384px}@media screen and (max-width:992px){.sc-hiw-grid{grid-template-columns:1fr;max-width:500px;gap:60px}}@media screen and (max-width:576px){.sc-hiw-section{padding:60px 24px}.sc-hiw-title{font-size:32px}.sc-hiw-subtitle{font-size:16px}}.sc-form-section{width:100%;display:flex;justify-content:center;padding:80px 4%;background-color:#f9fafb;box-sizing:border-box}.sc-form-container{width:100%;max-width:960px;background-color:#fff;border-radius:16px;box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a;z-index:10;overflow:hidden;margin:0 auto;box-sizing:border-box}.sc-form-header{background:linear-gradient(90deg,#c9e3e8 0% 100%);padding:32px 40px;box-sizing:border-box}.sc-form-title{margin:0 0 8px;font-family:Inter,sans-serif;font-weight:700;font-size:30px;color:#000}.sc-form-subtitle{margin:0;font-family:Inter,sans-serif;font-size:16px;color:#4b5563}.sc-trade-in-form{padding:40px;display:flex;flex-direction:column;gap:32px;box-sizing:border-box}.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.sc-col-span-2{grid-column:span 2}.sc-input-group{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.sc-input-group label{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#374151}.sc-input-group input,.sc-input-group textarea,.sc-input-group select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:Inter,sans-serif;font-size:16px;color:#000;background-color:#fff;outline:none;transition:border-color .2s;box-sizing:border-box}.sc-input-group input:focus,.sc-input-group textarea:focus,.sc-input-group select:focus{border-color:#2563eb}.sc-select-wrapper{position:relative;display:flex;align-items:center;width:100%}.sc-custom-select{position:relative;width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s;box-sizing:border-box;font-family:Inter,sans-serif;font-size:16px;-webkit-user-select:none;user-select:none}.sc-custom-select.open{border-color:#2563eb}.sc-select-value{color:#000}.sc-placeholder{color:#9ca3af}.sc-select-icon{color:#000;transition:transform .3s cubic-bezier(.25,1,.5,1)}.sc-select-icon.rotate{transform:rotate(180deg)}.sc-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 30px #0000001a;z-index:20;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),visibility .3s;overflow:hidden}.sc-select-dropdown.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.sc-select-option{padding:12px 16px;color:#374151;transition:background-color .2s}.sc-select-option:hover{background-color:#f3f4f6}.sc-select-option.selected{background-color:#eff6ff;color:#2563eb;font-weight:500}.sc-upload-dropzone{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.sc-upload-dropzone:hover{background-color:#f3f4f6}.sc-upload-icon-large{margin-bottom:12px}.sc-upload-text{margin:0 0 8px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:#374151}.sc-upload-hint{margin:0;font-family:Inter,sans-serif;font-size:14px;color:#6b7280}.sc-upload-placeholders{display:flex;gap:16px;margin-top:16px}.sc-upload-box{width:100px;height:100px;background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s}.sc-upload-box:hover{border-color:#d1d5db}.sc-upload-box.has-image{border-color:transparent;padding:0;cursor:default}.sc-upload-box img{width:100%;height:100%;object-fit:cover;display:block}.sc-upload-box .plus{font-size:24px;color:#9ca3af}.sc-remove-photo-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#0009;color:#fff;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s;padding:0;z-index:2}.sc-remove-photo-btn:hover{background-color:#dc2626e6}.sc-evaluation-methods{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.sc-eval-card{border:2px solid #d1d5db;border-radius:12px;padding:24px;display:flex;gap:16px;cursor:pointer;transition:all .2s;box-sizing:border-box}.sc-eval-card.selected{background-color:#eff6ff;border-color:#2563eb}.sc-eval-radio{width:20px;height:20px;border:2px solid #9ca3af;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-top:2px;box-sizing:border-box}.sc-eval-card.selected .sc-eval-radio{border-color:#2563eb}.sc-eval-card.selected .sc-radio-inner{width:10px;height:10px;background-color:#2563eb;border-radius:50%}.sc-eval-content h4{margin:0 0 8px;font-family:Inter,sans-serif;font-weight:700;font-size:18px;color:#111827;display:flex;align-items:center;gap:8px}.sc-badge-popular{background-color:#2563eb;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.sc-eval-content p{margin:0 0 16px;font-family:Inter,sans-serif;font-size:14px;color:#4b5563;line-height:1.4}.sc-eval-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.sc-eval-content ul li{font-family:Inter,sans-serif;font-size:14px;color:#374151;display:flex;align-items:center;gap:8px}.sc-eval-content ul li:before{content:"✔";color:#16a34a;font-size:12px}.sc-shipping-address-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:24px;box-sizing:border-box;width:100%}.sc-shipping-title{margin:0 0 16px;font-family:Inter,sans-serif;font-weight:700;font-size:16px;color:#111827}.sc-shipping-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.sc-shipping-grid .sc-input-group:nth-child(1){grid-column:span 2}.sc-terms-group{display:flex;align-items:flex-start;gap:12px;margin-top:8px}.sc-terms-group input{width:20px;height:20px;margin-top:2px;cursor:pointer}.sc-terms-group label{font-family:Inter,sans-serif;font-size:14px;color:#374151;line-height:1.5}.sc-terms-group a{color:#2563eb;text-decoration:none;font-weight:500}.sc-submit-btn{width:100%;background-color:#0050ff;color:#fff;padding:16px;border:none;border-radius:12px;font-family:Inter,sans-serif;font-weight:700;font-size:18px;display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer;transition:background-color .3s,transform .1s;box-shadow:0 4px 6px #0000001a;box-sizing:border-box}.sc-submit-btn:hover{background-color:#0040cc}.sc-submit-btn:active{transform:translateY(2px)}.sc-select-search-box{padding:8px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.sc-category-search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;color:#374151;background-color:#fff;outline:none;box-sizing:border-box;transition:border-color .2s}.sc-category-search-input:focus{border-color:#2563eb}.sc-select-option-empty{padding:12px 16px;color:#9ca3af;text-align:center;font-family:Inter,sans-serif;font-size:14px;cursor:default}.sc-custom-select-wrapper{position:relative;width:100%}.sc-custom-select-wrapper.disabled{opacity:.6;cursor:not-allowed}.sc-custom-select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;color:#334155;box-sizing:border-box;transition:border-color .2s}.sc-custom-select-wrapper.disabled .sc-custom-select-trigger{background-color:#f8fafc;cursor:not-allowed}.sc-custom-select-trigger.active{border-color:#2563eb}.placeholder-text{color:#9ca3af}.selected-text{color:#334155}.sc-custom-select-icon{width:16px;height:16px;color:#64748b;transition:transform .3s cubic-bezier(.25,1,.5,1)}.sc-custom-select-icon.rotate{transform:rotate(180deg)}.sc-custom-select-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:250px;overflow-y:auto;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),visibility .3s}.sc-custom-select-menu.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.sc-custom-select-item{padding:10px 16px;font-family:Inter,sans-serif;font-size:15px;color:#334155;cursor:pointer;transition:background-color .2s}.sc-custom-select-item:hover{background-color:#f1f5f9}.sc-custom-select-item.selected{background-color:#eff6ff;color:#2563eb;font-weight:500}@media screen and (max-width:768px){.sc-form-grid,.sc-evaluation-methods,.sc-shipping-grid{grid-template-columns:1fr}.sc-col-span-2{grid-column:span 1}.sc-shipping-grid .sc-input-group:nth-child(1){grid-column:span 1}.sc-upload-placeholders{flex-wrap:wrap;justify-content:center}.sc-form-header,.sc-trade-in-form{padding:24px}}.sc-features-section{width:100%;padding:80px 4%;background-color:#fff;display:flex;justify-content:center;box-sizing:border-box}.sc-features-container{width:100%;max-width:none;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:48px;box-sizing:border-box}.sc-features-title{margin:0;font-family:Inter,sans-serif;font-weight:700;font-size:30px;color:#111827;text-align:center}.sc-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;max-width:none}.sc-feature-card{background-color:#f9fafb;border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.sc-feature-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #0000000d}.sc-feature-icon{width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:24px}.sc-feature-icon.green{background-color:#dcfce7}.sc-feature-icon.blue{background-color:#dbeafe}.sc-feature-icon.purple{background-color:#f3e8ff}.sc-feature-icon.green-light{background-color:#dcfce7}.sc-feature-card-title{margin:0 0 12px;font-family:Inter,sans-serif;font-weight:700;font-size:18px;color:#111827}.sc-feature-card-desc{margin:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;color:#4b5563}@media screen and (max-width:1024px){.sc-features-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.sc-features-grid{grid-template-columns:1fr}}.sc-faq-section{width:100%;padding:80px 4%;background-color:#f9fafb;display:flex;justify-content:center;box-sizing:border-box}.sc-faq-container{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:48px;box-sizing:border-box}.sc-faq-title{margin:0;font-family:Inter,sans-serif;font-weight:700;font-size:30px;color:#111827;text-align:center}.sc-faq-list{width:100%;display:flex;flex-direction:column;gap:16px}.sc-faq-item{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease}.sc-faq-item:hover{box-shadow:0 4px 10px #00000014}.sc-faq-question-box{display:flex;align-items:center;justify-content:space-between;width:100%}.sc-faq-question-left{display:flex;align-items:center;gap:16px}.sc-faq-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#eff6ff;color:#2563eb;border-radius:50%;font-family:Inter,sans-serif;font-weight:700;font-size:14px;flex-shrink:0}.sc-faq-question{margin:0;font-family:Inter,sans-serif;font-weight:700;font-size:16px;color:#111827}.sc-faq-toggle-icon{color:#9ca3af;transition:transform .3s ease;flex-shrink:0}.sc-faq-item.open .sc-faq-toggle-icon{transform:rotate(180deg)}.sc-faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.sc-faq-item.open .sc-faq-answer-wrapper{grid-template-rows:1fr}.sc-faq-answer{margin:0;padding-left:40px;padding-top:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;color:#4b5563;overflow:hidden;opacity:0;transition:padding-top .3s ease,opacity .3s ease}.sc-faq-item.open .sc-faq-answer{padding-top:16px;opacity:1}@media screen and (max-width:640px){.sc-faq-answer{padding-left:0}}.second-charm-page-wrapper{width:100%;display:flex;flex-direction:column;background-color:#fff;overflow-x:hidden}.blog-hero-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(30px,4vw,50px) 20px;background:#00000026;text-align:center;box-sizing:border-box}.blog-hero-breadcrumb{font-family:Lexend Deca,sans-serif;font-size:clamp(12px,1vw,16px);font-weight:500;color:#0006;margin-bottom:clamp(10px,1.5vw,20px)}.blog-hero-title{font-family:Lemon,cursive,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:400;color:#000;margin:0 0 clamp(8px,1vw,12px) 0}.blog-hero-subtitle{font-family:Ledger,serif;font-size:clamp(14px,1.5vw,20px);font-weight:400;color:#000;margin:0}.blog-toolbar-wrapper{width:100%;background:#fff;padding:clamp(16px,2vw,24px) clamp(16px,6vw,120px);box-sizing:border-box;border-bottom:1px solid #f3f4f6}.blog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;flex-wrap:wrap}.blog-search-box{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:24px;padding:10px 16px;gap:10px;min-width:250px;flex:1 1 auto;max-width:350px;transition:border-color .2s}.blog-search-box:focus-within{border-color:#000}.blog-search-icon{color:#9ca3af}.blog-search-box input{border:none;background:transparent;outline:none;width:100%;font-family:Lexend Deca,sans-serif;font-size:14px;color:#111827}.blog-search-box input::placeholder{color:#9ca3af;font-weight:400}.blog-tabs{display:flex;align-items:center;gap:clamp(16px,2vw,32px);flex:2 1 auto;justify-content:center;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.blog-tabs::-webkit-scrollbar{height:0px}.blog-tab{background:transparent;border:none;font-family:Lexend Deca,sans-serif;font-weight:500;font-size:clamp(14px,1.2vw,16px);color:#6b7280;cursor:pointer;padding:8px 0;transition:color .2s}.blog-tab:hover{color:#111827}.blog-tab.active{color:#000;font-weight:600}.blog-toolbar-custom-dropdown{position:relative;font-family:Lexend Deca,sans-serif;font-size:14px;-webkit-user-select:none;user-select:none;flex:0 0 auto}.blog-toolbar-dropdown-trigger{display:flex;align-items:center;gap:12px;padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s}.blog-toolbar-dropdown-trigger.active,.blog-toolbar-dropdown-trigger:hover{border-color:#000}.blog-toolbar-icon-wrapper{display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;width:24px;height:24px}.blog-toolbar-icon-wrapper svg{transition:transform .2s ease;width:14px;height:14px;color:#000}.blog-toolbar-icon-wrapper svg.open{transform:rotate(180deg)}.blog-toolbar-dropdown-options{position:absolute;top:calc(100% + 6px);right:0;width:max-content;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1050;overflow-y:auto;max-height:220px;transform-origin:top right;opacity:0;pointer-events:none;transform:translateY(-10px)}.blog-toolbar-dropdown-options.open{pointer-events:auto;animation:ban-slideFadeDown .2s ease-out forwards}.blog-toolbar-dropdown-options.closed{pointer-events:none;animation:ban-slideFadeUp .2s ease-out forwards}.blog-toolbar-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:all .2s ease}.blog-toolbar-dropdown-option:hover{background-color:#f3f4f6;color:#111827}.blog-toolbar-dropdown-option.active{background-color:#f3f4f6;color:#000;font-weight:600}@media screen and (max-width:768px){.blog-toolbar{flex-direction:column;align-items:stretch}.blog-search-box{max-width:100%}.blog-tabs{justify-content:flex-start}}.blog-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:transform .2s,box-shadow .2s;height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.blog-card-img-wrap{width:100%;overflow:hidden}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-img{transform:scale(1.05)}.blog-card-content{display:flex;flex-direction:column;padding:clamp(16px,2vw,24px);flex-grow:1}.blog-card-title{font-family:Lexend Exa,sans-serif;font-size:clamp(16px,1.5vw,18px);font-weight:700;line-height:1.4;color:#111827;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-summary{font-family:Ledger,serif;font-size:clamp(13px,1.2vw,15px);line-height:1.6;color:#4b5563;margin:0 0 16px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{font-family:Ledger,serif;font-size:clamp(12px,1vw,14px);color:#6b7280;margin-bottom:clamp(16px,2vw,24px)}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.blog-card-read-more{background:#f3f4f6;color:#374151;font-family:Lexend Deca,sans-serif;font-size:clamp(13px,1.1vw,14px);font-weight:500;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;transition:all .2s}.blog-card-read-more:hover{background:#e5e7eb;color:#111827}.blog-card-badge{font-family:Lexend Deca,sans-serif;font-size:clamp(12px,1vw,14px);font-weight:600;padding:6px 14px;border-radius:20px;text-align:center}.blog-card.standard .blog-card-img-wrap{aspect-ratio:4 / 3}.blog-card.featured .blog-card-img-wrap{aspect-ratio:16 / 9}.blog-card.featured .blog-card-title{font-size:clamp(20px,2vw,28px)}.blog-card.featured .blog-card-summary{font-size:clamp(15px,1.3vw,17px)}.blog-featured-wrapper{width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(16px,2vw,24px);padding:clamp(20px,4vw,40px) clamp(16px,6vw,120px);box-sizing:border-box}.blog-featured-main{width:100%;min-width:0}.blog-featured-subgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,24px);width:100%;min-width:0}@media screen and (max-width:1024px){.blog-featured-wrapper{grid-template-columns:1fr}}@media screen and (max-width:600px){.blog-featured-subgrid{grid-template-columns:1fr}}.blog-grid-section{width:100%;display:flex;flex-direction:column;padding:clamp(20px,4vw,40px) clamp(16px,6vw,120px);box-sizing:border-box}.blog-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,2vw,24px)}.blog-grid-title{font-family:Lexend Deca,sans-serif;font-size:clamp(20px,2.5vw,28px);font-weight:500;color:#000;margin:0}.blog-grid-read-more{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 16px;font-family:Lexend Deca,sans-serif;font-size:clamp(13px,1.2vw,15px);font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.blog-grid-read-more:hover{background:#f3f4f6;color:#111827;border-color:#9ca3af}.blog-grid-section.grid .blog-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);width:100%}.blog-grid-section.scroll .blog-grid-container{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:clamp(16px,2vw,24px);width:100%;padding-bottom:12px;scroll-behavior:smooth}.blog-grid-section.scroll .blog-grid-container::-webkit-scrollbar{height:6px}.blog-grid-section.scroll .blog-grid-container::-webkit-scrollbar-thumb{background:#eee3d7;border-radius:10px}.blog-grid-section.scroll .blog-grid-item-wrap{flex:0 0 calc(33.333% - 16px);min-width:285px}@media screen and (max-width:1024px){.blog-grid-section.grid .blog-grid-container{grid-template-columns:repeat(2,1fr)}.blog-grid-section.scroll .blog-grid-item-wrap{flex:0 0 calc(50% - 12px)}}@media screen and (max-width:600px){.blog-grid-section.grid .blog-grid-container{grid-template-columns:1fr}.blog-grid-section.scroll .blog-grid-item-wrap{flex:0 0 100%}}.blog-pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(12px,2vw,24px);padding:clamp(20px,4vw,40px) 0;width:100%}.blog-page-btn{display:flex;justify-content:center;align-items:center;min-width:40px;height:40px;background:transparent;border:none;font-family:Lexend Deca,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:400;color:#000;cursor:pointer;transition:all .2s;padding:0 8px}.blog-page-btn:hover{background:#0000000d;border-radius:10px}.blog-page-btn.active{background:#eee3d7;border-radius:10px;box-shadow:0 0 4px #0000008c}.blog-page-btn.next{font-weight:500}.blog-news-page-wrapper{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#fafafa;overflow-x:hidden}.blog-category-main-title{font-family:Lexend Deca,sans-serif;font-size:clamp(24px,2.5vw,28px);font-weight:500;color:#000;margin:clamp(24px,3vw,32px) clamp(16px,6vw,120px) 0;padding:0}.blog-single-featured{width:100%;padding:clamp(16px,2vw,24px) clamp(16px,6vw,120px);box-sizing:border-box}.blog-news-empty{display:flex;justify-content:center;align-items:center;padding:clamp(40px,8vw,100px) 20px;font-family:Ledger,serif;font-size:clamp(16px,1.5vw,20px);color:#00000080;text-align:center;flex-grow:1}.pl-sidebar-container{width:250px;flex-shrink:0;border-right:1px solid #e5e7eb;padding-right:24px;box-sizing:border-box}.pl-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.pl-sidebar-title{margin:0;font-weight:400;font-size:20px;color:#000}.pl-sidebar-clear{margin-left:auto;margin-right:16px;font-size:14px;font-weight:300;color:#6b7280;background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}.pl-sidebar-clear:hover{color:#111827;text-decoration:underline}.pl-sidebar-close{display:none;cursor:pointer;font-size:20px;color:#6b7280}.pl-filter-list{display:flex;flex-direction:column;gap:12px;width:100%}.pl-filter-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0000000a}.pl-filter-item:hover{border-color:#d1d5db}.pl-filter-item.active{border-color:#000;box-shadow:0 2px 8px #00000014}.pl-filter-trigger{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.pl-filter-trigger span{font-weight:400;font-size:15px;color:#111827}.pl-filter-icon{display:flex;align-items:center;color:#6b7280;transition:transform .25s ease-in-out}.pl-filter-icon.rotated{transform:rotate(180deg)}.pl-filter-divider{height:1px;background:#f3f4f6;margin:0 16px;opacity:0;transition:opacity .2s ease}.pl-filter-item.active .pl-filter-divider{opacity:1}.pl-filter-options-box{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-in-out}.pl-filter-options-box.open{grid-template-rows:1fr}.pl-filter-options-inner{overflow:hidden}.pl-filter-options-content{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}.pl-filter-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:2px 0}.pl-filter-checkbox-label:hover .pl-filter-checkbox-text{color:#111827}.pl-filter-checkbox{width:16px;height:16px;accent-color:#000000;cursor:pointer;flex-shrink:0}.pl-filter-checkbox-text{font-size:14px;font-weight:300;color:#6b7280;transition:color .15s ease}.pl-sidebar-overlay{display:none}@media screen and (max-width:768px){.pl-sidebar-container{position:fixed;top:0;left:-100%;width:280px;height:100vh;background-color:#fff;z-index:100;transition:left .3s ease;padding:24px;box-shadow:2px 0 8px #0000001a;border-right:none;overflow-y:auto}.pl-sidebar-container.open{left:0}.pl-sidebar-close{display:block}.pl-sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:99}}.pl-product-card{display:flex;flex-direction:column;width:100%;cursor:pointer;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.pl-product-card:hover{box-shadow:0 4px 16px #0000001a;border-color:#d1d5db}.pl-card-image-wrap{position:relative;width:100%;aspect-ratio:400 / 383;background-color:#f9fafb;overflow:hidden}.pl-card-image-bg{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .35s ease;cursor:pointer}.pl-product-card:hover .pl-card-image-bg{transform:scale(1.03)}.pl-card-discount-badge{position:absolute;top:12px;left:12px;background-color:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;z-index:2;letter-spacing:.5px}.pl-card-heart{position:absolute;top:12px;right:12px;background:transparent;border:none;cursor:pointer;padding:4px;transition:transform .2s;z-index:2}.pl-card-heart:hover{transform:scale(1.1)}.pl-card-heart.wishlisted{color:#ef4444}.pl-card-heart:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pl-card-info{display:flex;flex-direction:column;padding:12px 12px 10px;gap:4px;background:#fff;border-top:1px solid #e5e7eb}.pl-card-name{margin:0;font-weight:700;font-size:clamp(14px,1.5vw,18px);color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.pl-card-desc{margin:0;font-weight:400;font-size:clamp(12px,1.2vw,14px);color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-card-line{width:100%;height:1px;background-color:#0000001a;margin:4px 0}.pl-card-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pl-card-price-container{display:flex;align-items:baseline;gap:8px}.pl-card-price{font-weight:300;font-size:clamp(14px,1.4vw,18px);color:#4b5563;transition:color .2s ease,font-weight .2s ease}.pl-product-card:hover .pl-card-price{color:#000;font-weight:500}.pl-card-price-old{font-weight:400;font-size:clamp(11px,1vw,14px);color:#9ca3af;text-decoration:line-through}.pl-card-price-new{font-weight:600;font-size:clamp(14px,1.4vw,18px);color:#ef4444}.pl-card-add-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:0;transition:opacity .2s;flex-shrink:0;white-space:nowrap}.pl-card-add-btn:hover{opacity:.7}.pl-card-add-btn span{font-weight:300;font-size:clamp(11px,1.1vw,14px);color:#000}.pl-card-add-btn:disabled{opacity:.7;cursor:wait;pointer-events:none}.pl-promo-card{width:100%;height:100%;display:flex;align-items:center;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;position:relative;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;transition:box-shadow .2s ease,border-color .2s ease}.pl-promo-card:hover{box-shadow:0 4px 16px #0000001a;border-color:#d1d5db}.pl-promo-overlay{position:absolute;inset:0;background:linear-gradient(to right,#000000b3,#0000001a);z-index:1}.pl-promo-content{position:relative;z-index:2;padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.pl-promo-title{margin:0;font-weight:700;font-size:clamp(24px,2.5vw,36px);color:#fff}.pl-promo-subtitle{margin:0;font-weight:300;font-size:clamp(14px,1.5vw,18px);color:#f3f4f6;max-width:80%;line-height:1.5}.pl-promo-btn{padding:10px 32px;background:#fff;color:#000;border-radius:50px;border:none;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:background-color .2s,transform .2s}.pl-promo-btn:hover{background:#e5e7eb;transform:scale(1.05)}.pl-promo-card{width:100%;height:100%;display:flex;align-items:center;background-color:#f3f4f6;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;overflow:hidden;min-height:400px;position:relative;cursor:pointer}.pl-promo-overlay{position:absolute;inset:0;background:linear-gradient(to right,#fff6,#fff0);z-index:1;pointer-events:none}.pl-promo-content{padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;position:relative;z-index:2}.pl-promo-title{margin:0;font-weight:400;font-size:40px;color:#000}.pl-promo-subtitle{margin:0;font-weight:400;font-size:24px;color:#000;max-width:340px;line-height:1.4}.pl-promo-btn{padding:10px 40px;background:#000;color:#fff;border-radius:50px;border:none;font-size:20px;cursor:pointer;margin-top:20px}.pl-pagination-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 21px 20px;box-sizing:border-box}.pl-pagination-flex{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.pl-page-item{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 11px;width:30px;height:30px;background:#fff;border:1px solid rgba(0,0,0,.5);border-radius:15px;cursor:pointer}.pl-page-item.active{background:#000;border:1px solid #000000}.pl-page-item span{font-size:16px;font-weight:500;color:#000}.pl-page-item.active span{color:#fff}.pl-page-ellipse{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:30px;padding:0 4px}.pl-page-ellipse span{font-size:16px;font-weight:500;color:#000;letter-spacing:2px}.pl-main-container{flex:1;display:flex;flex-direction:column;min-width:0;gap:24px}.pl-header-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #dbdbdb;gap:16px;min-width:0}.pl-quick-filters{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pl-quick-filters::-webkit-scrollbar{display:none}.pl-filter-label{display:none;align-items:center;gap:6px;padding:8px 16px;font-weight:400;font-size:16px;color:#000;border:1px solid rgba(0,0,0,.5);border-radius:30px;background:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s;-webkit-user-select:none;user-select:none}.pl-filter-label:hover{background:#000;color:#fff;border-color:#000}@media screen and (max-width:768px){.pl-filter-label{display:flex}}.pl-chip{padding:8px 20px;background:#fff;border:1px solid rgba(0,0,0,.5);border-radius:30px;font-weight:300;font-size:16px;color:#000;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.pl-chip:hover,.pl-chip.active{background:#000;color:#fff;border-color:#000}.pl-sort-wrapper{position:relative;min-width:140px;flex-shrink:0}.pl-sort-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;background:#fff;border:1px solid rgba(0,0,0,.5);border-radius:30px;cursor:pointer;transition:border-color .2s;white-space:nowrap}.pl-sort-trigger:hover,.pl-sort-trigger.active{border-color:#000}.pl-sort-trigger span{font-weight:300;font-size:16px;color:#000}.pl-sort-icon{display:flex;align-items:center;transition:transform .2s ease-in-out}.pl-sort-icon.rotated{transform:rotate(180deg)}.pl-sort-options{position:absolute;top:calc(100% + 8px);right:0;width:100%;min-width:200px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;display:flex;flex-direction:column;padding:4px;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none}.pl-sort-options.open{animation:pl-fadeInDown .2s ease-out forwards;pointer-events:auto}.pl-sort-options.closed{animation:pl-fadeOutUp .2s ease-in forwards;pointer-events:none}.pl-sort-option{padding:10px 16px;font-size:16px;font-weight:300;color:#374151;cursor:pointer;border-radius:6px;transition:background-color .2s}.pl-sort-option:hover{background-color:#f3f4f6}.pl-sort-option.active{font-weight:500;color:#000;background-color:#f3f4f6}@keyframes pl-fadeInDown{0%{opacity:0;transform:translateY(-10px);visibility:hidden}to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes pl-fadeOutUp{0%{opacity:1;transform:translateY(0);visibility:visible}to{opacity:0;transform:translateY(-10px);visibility:hidden}}.pl-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:row dense;gap:24px;width:100%}.pl-grid .shape-horizontal{grid-column:span 2;grid-row:span 1}.pl-grid .shape-vertical{grid-column:span 1;grid-row:span 2}.pl-grid .shape-square{grid-column:span 2;grid-row:span 2}.pl-grid .span-2{grid-column:span 2}@media screen and (max-width:900px){.pl-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pl-grid .shape-horizontal,.pl-grid .shape-square{grid-column:span 2}.pl-grid .shape-vertical{grid-column:span 1;grid-row:span 2}}@media screen and (max-width:600px){.pl-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media screen and (max-width:400px){.pl-grid{grid-template-columns:1fr}.pl-grid .shape-horizontal,.pl-grid .shape-vertical,.pl-grid .shape-square{grid-column:span 1;grid-row:auto}}.pl-grid .shape-small{grid-column:span 1;grid-row:span 1}.pl-page-wrapper{width:100%;display:flex;flex-direction:row;align-items:flex-start;background-color:#fff;font-family:Lexend,sans-serif;padding:40px 4%;gap:32px;box-sizing:border-box;overflow-x:hidden;min-height:100vh}@media screen and (max-width:768px){.pl-page-wrapper{padding:24px 16px;gap:24px}}.pdp-page-wrapper{width:100%;display:flex;flex-direction:column;background-color:#f3f3f3;font-family:Lexend Exa,sans-serif;overflow-x:hidden;min-height:100vh}.pdp-breadcrumb{display:flex;align-items:center;padding:clamp(12px,2vw,32px) clamp(16px,6vw,120px) 0;font-size:clamp(12px,1vw,16px);font-weight:700;color:#000;gap:clamp(5px,.8vw,12px);flex-wrap:wrap}.pdp-breadcrumb-separator{font-weight:400;color:#666}.pdp-breadcrumb .active{color:#000}.pdp-main-section{width:100%;display:grid;grid-template-columns:minmax(0,55fr) minmax(0,40fr);justify-content:space-between;gap:clamp(16px,4vw,72px);padding:clamp(16px,3vw,48px) clamp(16px,6vw,120px) clamp(24px,4vw,64px);box-sizing:border-box}@media(max-width:700px){.pdp-main-section{grid-template-columns:1fr}}.pdp-gallery-container{display:flex;flex-direction:column;gap:clamp(8px,1.5vw,20px);width:100%;min-width:0}.pdp-main-image-wrap{position:relative;width:100%;height:clamp(400px,70vh,850px);border:1px solid #e5e7eb;border-radius:clamp(8px,1vw,14px);overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}@media(max-width:700px){.pdp-main-image-wrap{height:clamp(300px,50vh,500px)}}.pdp-main-image{max-width:100%;max-height:100%;object-fit:scale-down;object-position:center;cursor:zoom-in;display:block}.pdp-heart-btn{position:absolute;top:clamp(8px,2%,20px);right:clamp(8px,2%,20px);background:transparent;border:none;cursor:pointer;padding:4px;transition:transform .2s;z-index:2}.pdp-heart-btn svg{width:clamp(20px,2vw,28px);height:clamp(20px,2vw,28px)}.pdp-heart-btn:hover{transform:scale(1.1)}.pdp-heart-btn.active svg path{fill:#ef4444;stroke:#ef4444}.pdp-thumbnail-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:clamp(6px,1vw,14px);width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch}.pdp-thumbnail-list::-webkit-scrollbar{display:none}.pdp-thumbnail-wrap{flex:0 0 calc(20% - 12px);aspect-ratio:16 / 9;border:1.5px solid #e5e7eb;border-radius:clamp(6px,.8vw,10px);overflow:hidden;cursor:pointer;opacity:.65;transition:opacity .2s,border-color .2s}.pdp-thumbnail-wrap:hover{opacity:.85}.pdp-thumbnail-wrap.active{opacity:1;border:2px solid #000000}.pdp-thumbnail{width:100%;height:100%;object-fit:contain;object-position:center;background-color:#f8f8f8;display:block}@media(max-width:1024px){.pdp-thumbnail-wrap{flex:0 0 calc(25% - 10px)}}@media(max-width:700px){.pdp-thumbnail-wrap{flex:0 0 25vw}}.pdp-info-container{display:flex;flex-direction:column;gap:clamp(10px,1.8vw,24px);width:100%;min-width:0}.pdp-title{margin:0;font-size:clamp(18px,2.5vw,38px);font-weight:700;color:#000;line-height:1.2}.pdp-price-container{display:flex;align-items:baseline;gap:clamp(8px,1vw,16px)}.pdp-price{font-size:clamp(18px,2vw,30px);font-weight:700;color:#000}.pdp-price-original{font-size:clamp(14px,1.4vw,22px);font-weight:400;color:#9ca3af;text-decoration:line-through}.pdp-desc{margin:0;font-size:clamp(13px,1.1vw,17px);font-weight:300;line-height:1.5;color:#374151}.pdp-option-group{display:flex;flex-direction:column;gap:clamp(6px,.8vw,12px)}.pdp-option-header{display:flex;align-items:center;gap:8px}.pdp-option-label{font-size:clamp(13px,1.1vw,18px);font-weight:600;color:#111827}.pdp-option-value{font-size:clamp(13px,1.1vw,18px);font-weight:400;color:#6b7280}.pdp-color-list{display:flex;flex-wrap:wrap;gap:clamp(6px,.8vw,12px)}.pdp-color-btn{width:clamp(24px,2vw,34px);height:clamp(24px,2vw,34px);border-radius:50%;border:1.5px solid rgba(0,0,0,.15);cursor:pointer;flex-shrink:0;padding:0;outline:none;transition:transform .2s,box-shadow .2s}.pdp-color-btn:focus,.pdp-color-btn:focus-visible{outline:none}.pdp-color-btn:hover{transform:scale(1.1);border-color:#000}.pdp-color-btn.active{border-color:#000;box-shadow:0 0 0 2px #fff,0 0 0 4px #000;transform:scale(1.05)}.pdp-size-list{display:flex;flex-wrap:wrap;gap:clamp(6px,.8vw,12px)}.pdp-size-btn{min-width:clamp(44px,4vw,72px);height:clamp(32px,2.8vw,44px);padding:0 clamp(10px,1.2vw,18px);background:#fff;border-radius:999px;border:1px solid #000000;font-size:clamp(12px,1vw,16px);font-weight:400;color:#000;cursor:pointer;transition:all .2s}.pdp-size-btn:hover{background:#f3f4f6;border-color:#000}.pdp-size-btn.active{background:#fff;color:#000;font-weight:600;border:2.5px solid #000000;padding:0 calc(clamp(10px,1.2vw,18px) - 2px)}.pdp-quantity-selector{display:flex;align-items:center;gap:clamp(8px,1.2vw,16px);width:max-content;border:1px solid #000000;border-radius:999px;padding:clamp(2px,.4vw,6px) clamp(6px,.8vw,12px)}.pdp-qty-btn{width:clamp(24px,2vw,32px);height:clamp(24px,2vw,32px);background:transparent;border:none;font-size:clamp(16px,1.5vw,22px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#111827}.pdp-qty-input{width:clamp(28px,2.5vw,40px);font-size:clamp(14px,1.2vw,18px);font-weight:600;text-align:center;border:none;background:transparent;outline:none;font-family:inherit}.pdp-qty-input::-webkit-outer-spin-button,.pdp-qty-input::-webkit-inner-spin-button{-webkit-appearance:none}.pdp-details-block{display:flex;flex-direction:column;gap:clamp(6px,.8vw,12px)}.pdp-details-title{margin:0;font-size:clamp(13px,1.1vw,18px);font-weight:600;color:#111827}.pdp-details-content{font-size:clamp(12px,1vw,16px);line-height:1.6;color:#374151}.pdp-action-group{display:flex;flex-direction:row;gap:clamp(8px,1.2vw,20px)}@media(max-width:480px){.pdp-action-group{flex-direction:column}}.pdp-btn-add,.pdp-btn-checkout{flex:1;height:clamp(38px,3.2vw,52px);border-radius:clamp(6px,.8vw,10px);font-size:clamp(12px,1vw,16px);font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:opacity .2s;white-space:nowrap}.pdp-btn-add:hover,.pdp-btn-checkout:hover{opacity:.8;border-color:#575757}.pdp-btn-add{background:#fff;border:1.5px solid #000000;color:#000}.pdp-btn-checkout{background:#000;border:1.5px solid #000000;color:#fff}.pdp-error-text{color:#ef4444;font-size:clamp(12px,1vw,15px);margin-top:4px}.pdp-btn-add:disabled,.pdp-btn-checkout:disabled,.pdp-qty-btn:disabled{opacity:.4;cursor:not-allowed}.pdp-qty-input:disabled{color:#9ca3af}.pdp-lightbox{position:fixed;inset:0;background:#000000e0;z-index:100;display:flex;justify-content:center;align-items:center;cursor:zoom-out}.pdp-lightbox-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.pdp-lightbox-img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:10px}.pdp-lightbox-close{position:fixed;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);background:transparent;border:none;color:#fff;font-size:clamp(24px,2.5vw,36px);cursor:pointer;padding:0;line-height:1;z-index:110}.pdp-recommend-section{width:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(24px,4vw,64px) clamp(16px,6vw,120px);box-sizing:border-box;gap:clamp(16px,2.5vw,40px);border-top:1px solid rgba(0,0,0,.3)}.pdp-recommend-title{margin:0;font-size:clamp(20px,2.5vw,36px);font-weight:700;color:#000;text-align:center}.pdp-recommend-wrapper{position:relative;width:100%;display:flex;align-items:center}.pdp-recommend-grid{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:clamp(12px,1.5vw,24px);padding-bottom:16px;scroll-behavior:smooth;scroll-snap-type:x mandatory}.pdp-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #d1d5db;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000026;z-index:10;font-size:18px;font-weight:700;transition:background .2s,transform .1s}.pdp-scroll-btn:hover{background:#f3f4f6;border-color:#575757}.pdp-scroll-btn:active{transform:translateY(-50%) scale(.95)}.pdp-scroll-btn.left{left:-20px}.pdp-scroll-btn.right{right:-20px}.pdp-recommend-grid::-webkit-scrollbar{height:6px}.pdp-recommend-grid::-webkit-scrollbar-track{background:transparent}.pdp-recommend-grid::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}.pdp-recommend-grid::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.pdp-recommend-grid>*{flex:0 0 calc(25% - (clamp(12px,1.5vw,24px)*.75));min-width:240px;scroll-snap-align:start}@media screen and (max-width:1024px){.pdp-recommend-section{padding:24px 4vw;gap:20px}.pdp-recommend-title{font-size:clamp(18px,4vw,28px)}.pdp-recommend-grid>*{flex:0 0 calc(33.333% - 14px);min-width:220px}}@media screen and (max-width:600px){.pdp-recommend-grid>*{flex:0 0 75%;min-width:200px}}@media screen and (max-width:768px){.pdp-scroll-btn{display:none}.pdp-scroll-btn.left{left:0}.pdp-scroll-btn.right{right:0}}.pdp-reviews-section{width:100%;display:flex;flex-direction:column;gap:clamp(16px,2.5vw,36px);box-sizing:border-box;padding:clamp(24px,4vw,64px) clamp(16px,6vw,120px)}.pdp-reviews-heading{margin:0;font-size:clamp(18px,2.5vw,36px);font-weight:700;color:#000;text-decoration:underline}.pdp-reviews-overview{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:clamp(12px,2vw,24px)}.pdp-rating-score-box{display:flex;flex-direction:column;gap:8px;background:#d9d9d980;padding:clamp(12px,1.5vw,24px);border-radius:5px;min-width:clamp(140px,14vw,220px)}.pdp-rating-big{font-size:clamp(22px,2.5vw,36px);font-weight:400}.pdp-stars-row{display:flex;gap:4px}.pdp-stars-row svg,.pdp-review-stars svg{width:clamp(14px,1.4vw,22px);height:clamp(14px,1.4vw,22px)}.pdp-review-count{font-size:clamp(12px,1vw,16px);font-weight:300}.pdp-write-review-box{display:flex}.pdp-write-btn{background:#000;color:#fff;border:none;border-radius:10px;padding:clamp(8px,1vw,14px) clamp(16px,1.5vw,24px);font-size:clamp(13px,1.1vw,17px);font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.pdp-write-btn:hover{opacity:.8}.pdp-review-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;gap:12px}.pdp-form-title{margin:0;font-size:clamp(14px,1.1vw,17px);font-weight:600}.pdp-form-stars{display:flex;gap:8px}.pdp-review-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:clamp(13px,1vw,15px);resize:vertical;box-sizing:border-box;outline:none;transition:border-color .2s}.pdp-review-textarea:focus{border-color:#000}.pdp-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.pdp-form-cancel,.pdp-form-submit{padding:clamp(6px,.6vw,10px) clamp(12px,1.2vw,20px);border-radius:6px;font-size:clamp(13px,1vw,15px);font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.pdp-form-cancel{background:transparent;border:1px solid #000000;color:#000}.pdp-form-cancel:hover{opacity:.6}.pdp-form-submit{background:#000;border:1px solid #000000;color:#fff}.pdp-form-submit:hover{opacity:.8}.pdp-reviews-toolbar{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,20px);padding:clamp(12px,1.5vw,24px) 0;border-top:1px solid rgba(0,0,0,.3);border-bottom:1px solid rgba(0,0,0,.3)}.pdp-sort-box,.pdp-filter-box{display:flex;align-items:center;gap:clamp(8px,1vw,16px);flex-wrap:wrap}.pdp-toolbar-label{font-size:clamp(13px,1vw,16px);font-weight:300;min-width:clamp(52px,4vw,80px);flex-shrink:0}.pdp-custom-dropdown{position:relative;font-family:inherit;font-size:clamp(13px,1vw,16px);-webkit-user-select:none;user-select:none;min-width:clamp(130px,12vw,190px)}.pdp-custom-dropdown.is-open{z-index:101}.pdp-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(6px,.6vw,10px) clamp(10px,1vw,16px);border:1px solid #000000;border-radius:10px;background-color:#fff;cursor:pointer;transition:opacity .2s}.pdp-dropdown-trigger:hover{opacity:.7}.pdp-dropdown-arrow{transition:transform .25s ease;margin-left:8px;flex-shrink:0}.pdp-dropdown-arrow.open{transform:rotate(180deg)}.pdp-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #000000;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);z-index:10}.pdp-dropdown-options.open{pointer-events:auto;animation:pdp-slideFadeDown .2s ease-out forwards}.pdp-dropdown-options.closed{pointer-events:none;animation:pdp-slideFadeUp .2s ease-out forwards}.pdp-dropdown-option{padding:clamp(8px,.8vw,12px) clamp(10px,1vw,16px);cursor:pointer;font-size:clamp(13px,1vw,16px);transition:background-color .2s}.pdp-dropdown-option:hover{background-color:#f3f4f6}.pdp-dropdown-option.selected{background-color:#e9e9e9;font-weight:600}@keyframes pdp-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pdp-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.pdp-filter-chips{display:flex;flex-wrap:wrap;gap:clamp(6px,.8vw,12px)}.pdp-filter-chip{padding:clamp(5px,.5vw,8px) clamp(10px,1vw,16px);border:1px solid rgba(0,0,0,.5);border-radius:30px;background:#fff;font-family:inherit;font-size:clamp(12px,1vw,15px);font-weight:300;cursor:pointer;transition:all .2s;white-space:nowrap}.pdp-filter-chip:hover,.pdp-filter-chip.active{background:#000;color:#fff;border-color:#000}.pdp-reviews-list{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,20px)}.pdp-review-card{border:1px solid rgba(0,0,0,.2);border-radius:10px;padding:clamp(14px,1.5vw,24px);background:#ffffff80;display:flex;flex-direction:column;gap:clamp(8px,.8vw,12px)}.pdp-review-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.pdp-reviewer-info{display:flex;align-items:center;gap:clamp(6px,.8vw,14px);flex-wrap:wrap}.pdp-reviewer-name{font-size:clamp(13px,1vw,16px);font-weight:500}.pdp-verified-badge{display:flex;align-items:center;gap:5px;background:#4a92604d;padding:clamp(3px,.3vw,5px) clamp(7px,.7vw,12px);border-radius:3px;color:#02542d;font-size:clamp(11px,.9vw,14px);font-weight:300}.pdp-verified-badge svg{width:clamp(13px,1.1vw,18px);height:clamp(13px,1.1vw,18px)}.pdp-review-date{font-size:clamp(12px,.9vw,15px);font-weight:400;color:#0006}.pdp-review-stars{display:flex;gap:2px}.pdp-review-content{margin:0;font-size:clamp(13px,1vw,16px);font-weight:400;line-height:1.5;color:#111827}.pdp-review-actions{display:flex;gap:clamp(6px,.8vw,14px);justify-content:flex-end}.pdp-feedback-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:5px;transition:background .2s}.pdp-feedback-btn:hover{background:#0000000f}.pdp-feedback-btn.active svg path{fill:#000}.pdp-feedback-btn svg{width:clamp(15px,1.3vw,20px);height:clamp(15px,1.3vw,20px)}.pdp-reviews-pagination{display:flex;justify-content:flex-end;margin-top:clamp(4px,.8vw,12px)}.pdp-review-reply{margin-top:clamp(10px,1.2vw,14px);padding:clamp(10px,1.2vw,14px);border-radius:8px;display:flex;flex-direction:column;gap:8px;border-left:3px solid transparent}.pdp-review-reply-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.pdp-review-reply-name{font-weight:600;font-size:clamp(13px,1vw,15px);color:#000}.pdp-review-reply-date{font-size:clamp(12px,.9vw,14px);color:#0006}.pdp-review-reply-content{margin:0;font-size:clamp(13px,1vw,15px);color:#111827;line-height:1.5}.pdp-review-reply--customer{background-color:#f9fafb;border:1px solid #e5e7eb}.pdp-review-reply--customer .pdp-review-reply-name{color:#4b5563;font-weight:500}.pdp-review-reply--admin{background-color:#fff;border:1px solid #e5e7eb;border-left-color:#000;box-shadow:0 1px 2px #0000000d}.pdp-review-reply--admin .pdp-review-reply-name{color:#000;font-weight:700}.pdp-review-reply--admin .pdp-review-reply-content{font-weight:500;color:#000}.pdp-reply-action-btn{background:none;border:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;padding:0;margin-left:10px}.pdp-reply-action-btn:hover{color:#000;text-decoration:underline}.pdp-reply-input-box{margin-top:10px;display:flex;flex-direction:column;gap:8px;border:1px solid #e5e7eb;padding:10px;border-radius:8px;background:#fff;position:relative}.pdp-reply-input-box textarea{width:100%;border:none;outline:none;resize:none;font-family:inherit;font-size:14px}.pdp-reply-input-actions{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px;gap:8px}.pdp-reply-action-left{display:flex;gap:8px;align-items:center}.pdp-reply-action-right{display:flex;gap:8px}.pdp-form-media-section{display:flex;flex-direction:column;gap:12px;margin-top:4px}.pdp-upload-btn{align-self:flex-start;padding:6px 14px;background:#f3f4f6;border:1px dashed #9ca3af;border-radius:6px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s ease;font-family:inherit}.pdp-upload-btn:hover{background:#e5e7eb;border-color:#6b7280}.pdp-upload-btn.disabled{opacity:.5;cursor:not-allowed}.pdp-media-preview-list{display:flex;flex-wrap:wrap;gap:10px}.pdp-media-preview-item{width:60px;height:60px;border-radius:6px;overflow:hidden;border:1px solid #d1d5db;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.pdp-preview-img{width:100%;height:100%;object-fit:cover}.pdp-icon-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease;font-family:inherit}.pdp-icon-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.pdp-icon-action-btn.disabled{opacity:.5;cursor:not-allowed}.pdp-action-buttons-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.pdp-emoji-picker-wrapper{position:absolute;bottom:calc(100% + 5px);left:0;z-index:50;box-shadow:0 4px 12px #00000026;border-radius:8px;background:#fff}.pdp-emoji-picker-wrapper .EmojiPickerReact svg{display:block;vertical-align:baseline}.pdp-emoji-picker-wrapper .EmojiPickerReact button{padding:0;border:none;background-color:transparent;border-radius:0;min-width:auto;min-height:auto;line-height:normal}.pdp-emoji-picker-wrapper .EmojiPickerReact .epr-icn-clear-search{display:flex;align-items:center;justify-content:center}.pdp-emoji-picker-wrapper .EmojiPickerReact button:focus,.pdp-emoji-picker-wrapper .EmojiPickerReact button:focus-visible{outline:none;box-shadow:none}.pdp-emoji-picker-wrapper .EmojiPickerReact button:hover{border-color:transparent}.pdp-preview-img-clickable{cursor:pointer;transition:opacity .2s ease;will-change:opacity}.pdp-preview-img-clickable:hover{opacity:.8}.pdp-media-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:99999}.pdp-media-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.pdp-media-modal-content img,.pdp-media-modal-content video{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 24px #0000004d}.pdp-media-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;line-height:1;cursor:pointer;transition:color .2s;padding:0}.pdp-media-modal-close:hover{color:#9ca3af}.checkout-form-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.checkout-form-row{display:flex;gap:1.5rem;width:100%}.checkout-form-row>*{flex:1}.checkout-input-group{position:relative;width:100%}.checkout-input-group.dropdown-active{z-index:99}.checkout-form-input{width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;font-size:1rem;background-color:#fff;outline:none;box-sizing:border-box;color:#333;font-family:Lexend Exa,sans-serif;transition:all .2s ease;background-image:linear-gradient(to right,#ccc,#ccc);background-repeat:no-repeat;background-position:center bottom 12px;background-size:calc(100% - 3rem) 1px}.checkout-form-input:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d;background-image:linear-gradient(to right,#333,#333)}.checkout-form-input::placeholder{color:#00000080;font-weight:300}.checkout-dropdown-list{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #888;border-radius:20px;margin-top:8px;z-index:10;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;padding:8px 0;animation:checkoutSlideDownFade .2s ease-out forwards}.checkout-dropdown-list::-webkit-scrollbar{width:4px}.checkout-dropdown-list::-webkit-scrollbar-track{background:transparent}.checkout-dropdown-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.checkout-dropdown-item{padding:12px 1.5rem;font-family:Lexend Exa,sans-serif;font-size:.9rem;cursor:pointer;transition:background .2s}.checkout-dropdown-item:hover{background:#f5f5f5}.checkout-select-icon{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);color:#000;pointer-events:none;transition:transform .2s ease}.checkout-select-icon.open{transform:translateY(-50%) rotate(180deg)}.checkout-otp-row{align-items:center}.checkout-otp-group{display:flex;gap:1rem;align-items:center;flex:1}.checkout-otp-timer{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-family:Lexend Deca,sans-serif;font-size:1rem;color:#00000080;font-weight:400;pointer-events:none}.checkout-send-otp-btn{height:50px;padding:0 1.5rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-family:Lexend Deca,sans-serif;font-size:1rem;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .2s}.checkout-send-otp-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.checkout-send-otp-btn:disabled{background-color:#555;cursor:not-allowed}.checkout-checkbox-group{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.checkout-checkbox-wrapper{display:flex;flex-direction:column;gap:.5rem}.checkout-checkbox-label{display:flex;align-items:center;gap:1rem;cursor:pointer}.checkout-checkbox-icon{display:flex;align-items:center;justify-content:center;color:#1d1b20}.checkout-checkbox-text{font-family:Lexend Deca,sans-serif;font-weight:300;font-size:1.1rem;color:#000;display:flex;align-items:center;gap:.5rem}.checkout-checkbox-subtext{font-family:Lexend Deca,sans-serif;font-weight:200;font-size:.9rem;color:#000;line-height:1.5;margin:0 0 0 2.25rem;animation:checkoutSlideDownFade .3s ease-out forwards}.checkout-gift-icon{color:#1e1e1e;margin-left:.25rem}@media screen and (max-width:768px){.checkout-form-row{flex-direction:column;gap:1.5rem}.checkout-otp-group{flex-direction:column;width:100%}.checkout-send-otp-btn{width:100%}}.checkout-new-address-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:checkoutSlideDownFade .3s ease-out forwards;position:relative;z-index:10}.checkout-payment-container{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);width:100%}.checkout-payment-card{background:#ffffff80;border:1px solid rgba(0,0,0,.2);border-radius:15px;overflow:hidden;transition:all .3s ease}.checkout-payment-card.active{border:1px solid #000000;box-shadow:0 4px 12px #0000000d}.checkout-payment-header{display:flex;align-items:center;gap:1rem;padding:clamp(16px,2vw,24px);cursor:pointer;background:transparent;transition:background .2s}.checkout-payment-header:hover{background:#00000005}.checkout-payment-radio{color:#000;display:flex;align-items:center;justify-content:center}.checkout-payment-title{font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(16px,1.5vw,24px);color:#000}.checkout-payment-body{padding:0 clamp(16px,2vw,24px) clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:1.5rem;animation:checkoutPaymentSlideDown .3s ease-out forwards}@keyframes checkoutPaymentSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.checkout-payment-row{display:flex;gap:1.5rem;width:100%}.checkout-payment-row>*{flex:1}.checkout-payment-input-group{position:relative;width:100%}.checkout-payment-input{width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;font-size:clamp(14px,1.2vw,16px);background-color:#fff;outline:none;box-sizing:border-box;color:#333;font-family:Lexend Exa,sans-serif;transition:all .2s ease;background-image:linear-gradient(to right,#ccc,#ccc);background-repeat:no-repeat;background-position:center bottom 12px;background-size:calc(100% - 3rem) 1px}.checkout-payment-input:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d;background-image:linear-gradient(to right,#333,#333)}.checkout-payment-input::placeholder{color:#00000080;font-weight:300}.checkout-wallet-body{align-items:center}.checkout-wallet-options{display:flex;flex-wrap:wrap;gap:clamp(12px,1.5vw,20px);justify-content:center;width:100%;margin-bottom:2rem}.checkout-wallet-btn{padding:12px 24px;border-radius:50px;border:1px solid #000000;background:#fff;font-family:Lexend Exa,sans-serif;font-weight:300;font-size:clamp(12px,1vw,16px);color:#00000080;cursor:pointer;transition:all .2s;min-width:100px}.checkout-wallet-btn:hover{background:#0000000d;color:#000}.checkout-wallet-btn.selected{background:#000;color:#fff;font-weight:700}.checkout-qr-display{display:flex;flex-direction:column;align-items:center;gap:1rem}.checkout-qr-display img{width:100%;max-width:clamp(250px,25vw,355px);aspect-ratio:1 / 1;object-fit:cover;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:10px;background:#fff}.checkout-qr-instruction{font-family:Lexend,sans-serif;font-weight:400;font-size:clamp(14px,1.2vw,18px);color:#333}@media screen and (max-width:768px){.checkout-payment-row{flex-direction:column;gap:1.5rem}}.checkout-summary-container{display:flex;flex-direction:column;width:100%}.checkout-summary-items-list{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,24px);max-height:clamp(360px,42vh,650px);overflow-y:auto;padding-right:8px;margin-bottom:clamp(16px,2vw,32px)}.checkout-summary-items-list::-webkit-scrollbar{width:5px}.checkout-summary-items-list::-webkit-scrollbar-track{background:transparent}.checkout-summary-items-list::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:10px}.checkout-summary-item-card{display:grid;grid-template-columns:clamp(110px,12vw,220px) 1fr;gap:clamp(12px,1.5vw,24px);background:#d9d9d980;border-radius:10px;padding:clamp(10px,1.2vw,20px);box-sizing:border-box}.checkout-summary-item-img-box{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#fff}.checkout-summary-item-img-box img{width:100%;height:100%;object-fit:cover}.checkout-summary-item-info{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.checkout-summary-item-name{font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(14px,1.2vw,22px);color:#000;margin:0}.checkout-summary-item-desc{font-family:Lexend,sans-serif;font-weight:400;font-size:clamp(12px,1vw,16px);color:#000;line-height:1.3;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.checkout-summary-item-meta{display:flex;justify-content:space-between;font-family:Lexend,sans-serif;font-weight:400;font-size:clamp(12px,1vw,16px);color:#000;margin-top:2px}.checkout-summary-promo-wrapper{margin-bottom:clamp(16px,2vw,32px);width:100%}.checkout-summary-promo-input-group{position:relative;display:flex;align-items:center;width:100%}.checkout-summary-promo-input{width:100%;height:clamp(45px,4vw,65px);padding:0 4rem 0 1.5rem;background:#fff;border:1px solid #000000;font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(13px,1vw,18px);color:#000;outline:none;box-sizing:border-box}.checkout-summary-promo-input::placeholder{color:#0009}.checkout-summary-promo-btn{position:absolute;right:clamp(.5rem,1vw,1.5rem);background:transparent;border:none;color:#1e1e1e;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s;transform:scale(clamp(1,1vw,1.2))}.checkout-summary-promo-btn:hover{opacity:.7}.checkout-promo-dropdown-list{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #000;margin-top:4px;z-index:10;max-height:150px;overflow-y:auto;box-shadow:0 4px 12px #00000026;animation:checkoutSlideDownFade .2s ease-out forwards}.checkout-promo-dropdown-list::-webkit-scrollbar{width:4px}.checkout-promo-dropdown-list::-webkit-scrollbar-track{background:transparent}.checkout-promo-dropdown-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.checkout-promo-dropdown-item{padding:12px 1.5rem;font-family:Lexend Exa,sans-serif;font-size:clamp(12px,1vw,14px);cursor:pointer;border-bottom:1px solid #eee;transition:background .2s}.checkout-promo-dropdown-item:last-child{border-bottom:none}.checkout-promo-dropdown-item:hover{background:#f5f5f5}@keyframes checkoutSlideDownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.checkout-summary-pricing-block{display:flex;flex-direction:column;gap:clamp(8px,1vw,16px);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:clamp(12px,1.5vw,24px);margin-bottom:clamp(16px,2vw,32px)}.checkout-summary-pricing-row{display:flex;justify-content:space-between;font-family:Lexend,sans-serif;font-weight:300;font-size:clamp(14px,1.2vw,20px);color:#000}.checkout-summary-total-row{font-weight:400;font-size:clamp(18px,1.6vw,28px);margin-top:6px}.checkout-summary-submit-btn{width:100%;height:clamp(45px,4vw,65px);background:#000;color:#fff;border:none;font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(15px,1.2vw,22px);cursor:pointer;transition:opacity .2s,transform .2s}.checkout-summary-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.checkout-summary-submit-btn:disabled{background:#555;cursor:not-allowed}@media screen and (max-width:480px){.checkout-summary-item-card{grid-template-columns:1fr;gap:12px}}.checkout-success-container{display:flex;align-items:center;justify-content:center;width:100%;min-height:40vh;animation:checkoutFadeIn .5s ease-out forwards}@keyframes checkoutFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.checkout-success-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff80;border:1px solid #000000;border-radius:10px;padding:clamp(32px,4vw,64px) clamp(24px,4vw,48px);gap:clamp(24px,3vw,40px);width:100%;max-width:860px}.checkout-success-title{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);color:#000;margin:0}.checkout-success-message{font-family:Lexend Deca,sans-serif;font-weight:200;font-size:clamp(16px,1.5vw,20px);color:#000;line-height:1.5;margin:0}.checkout-success-home-btn{background:#000;color:#fff;border:1px solid #000000;font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(14px,1.2vw,16px);padding:0 clamp(24px,3vw,40px);height:clamp(45px,4vw,50px);cursor:pointer;transition:opacity .2s,transform .2s;white-space:nowrap}.checkout-success-home-btn:hover{opacity:.9;transform:translateY(-2px)}.checkout-recommend-container{display:flex;flex-direction:column;width:100%;animation:checkoutFadeIn .5s ease-out forwards}.checkout-recommend-title{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(18px,1.8vw,24px);color:#000000e6;margin:0 0 clamp(16px,2vw,24px) 0}.checkout-recommend-list{display:flex;flex-direction:column;gap:clamp(12px,1.5vw,24px);max-height:clamp(400px,60vh,750px);overflow-y:auto;padding-right:8px}.checkout-recommend-list::-webkit-scrollbar{width:5px}.checkout-recommend-list::-webkit-scrollbar-track{background:transparent}.checkout-recommend-list::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:10px}.checkout-recommend-card{display:grid;grid-template-columns:clamp(110px,12vw,220px) 1fr;gap:clamp(12px,1.5vw,24px);background:#d9d9d980;border-radius:10px;padding:clamp(10px,1.2vw,20px);box-sizing:border-box;transition:background .2s;cursor:pointer}.checkout-recommend-card:hover{background:#d9d9d9b3}.checkout-recommend-img-box{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#fff}.checkout-recommend-img-box img{width:100%;height:100%;object-fit:cover}.checkout-recommend-info{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}.checkout-recommend-name{font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(14px,1.2vw,22px);color:#000;margin:0}.checkout-recommend-desc{font-family:Lexend,sans-serif;font-weight:400;font-size:clamp(12px,1vw,16px);color:#000;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.checkout-recommend-meta{display:flex;font-family:Lexend,sans-serif;font-weight:400;font-size:clamp(12px,1vw,16px);color:#000}@media screen and (max-width:480px){.checkout-recommend-card{grid-template-columns:1fr;gap:12px}}.checkout-page-wrapper{width:100%;min-height:calc(100vh - 45px);background-color:#eed9c4ee;box-sizing:border-box;font-family:Lexend,sans-serif}.checkout-grid{display:grid;grid-template-columns:minmax(0,57fr) minmax(0,43fr);min-height:calc(100vh - 45px);align-items:stretch}.checkout-left-col{display:flex;flex-direction:column;background-color:#fff;box-shadow:4px 0 4px #00000080;border-radius:0 10px 10px 0;padding:clamp(32px,4vw,64px) clamp(24px,6vw,130px);box-sizing:border-box}.checkout-right-col{display:flex;flex-direction:column;align-items:center;padding:clamp(32px,5vw,90px) clamp(16px,3vw,40px);box-sizing:border-box}.checkout-summary-wrapper{width:100%;max-width:clamp(350px,85%,900px);background-color:#fff;border-radius:10px;padding:clamp(20px,3vw,40px);box-sizing:border-box}.checkout-page-title{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);line-height:1.2;color:#000;margin:0 0 40px}@media screen and (max-width:1024px){.checkout-grid{grid-template-columns:1fr}.checkout-left-col{border-radius:0 0 10px 10px;box-shadow:0 4px 4px #0003}}.cart-list-container{display:flex;flex-direction:column}.cart-list-title{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(28px,3.5vw,42px);color:#000;margin:0 0 24px;letter-spacing:-.5px}.cart-list-outer-bg{background:#d9d9d9;padding:clamp(16px,2.5vw,32px);border-radius:10px}.cart-list-white-box{background:#fff;padding:0 clamp(16px,2.5vw,32px);border-radius:8px}.cart-list-item{display:grid;grid-template-columns:clamp(160px,22vw,280px) 1fr;gap:clamp(20px,3vw,40px);padding:clamp(24px,3vw,36px) 0;border-bottom:1px solid rgba(0,0,0,.2)}.cart-list-item:last-child{border-bottom:none}.cart-list-item-img{width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden}.cart-list-item-img img{width:100%;height:100%;object-fit:cover}.cart-list-item-details{display:flex;flex-direction:column;gap:12px;min-width:0}.cart-list-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cart-list-item-name{font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(16px,1.4vw,22px);color:#000;margin:0}.cart-list-item-price{font-family:Lexend Exa,sans-serif;font-size:clamp(16px,1.4vw,22px);font-weight:400;color:#000}.cart-list-item-specs{display:flex;flex-direction:column;gap:4px}.cart-list-item-text{font-family:Lexend,sans-serif;font-weight:400;font-size:clamp(13px,1.1vw,16px);color:#000;margin:0;line-height:1.4}.cart-list-item-text span{font-weight:600}.cart-list-qty-wrapper{display:flex;align-items:center;gap:12px}.cart-list-qty-controls{display:flex;align-items:center;gap:8px;background:#fff;padding:4px 10px;border-radius:6px;border:1px solid #000000}.cart-list-qty-controls button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;color:#000;outline:none;box-shadow:none}.cart-list-qty-controls span{font-family:Lexend,sans-serif;font-weight:600;font-size:15px;min-width:20px;text-align:center}.cart-list-item-actions{display:flex;align-items:center;gap:16px;margin-top:auto;flex-wrap:wrap}.cart-list-btn-black{background:#000;color:#fff;border:1px solid #000000;border-radius:8px;height:36px;padding:0 16px;font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(12px,1vw,13px);display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.cart-list-btn-black:hover{background:#333;border-color:#000}.cart-list-btn-black:focus,.cart-list-btn-black:focus-visible,.cart-list-btn-black:active{outline:0;box-shadow:none;border-color:#000}.cart-list-btn-black.active{background:#fff;color:#000}.cart-list-link-wishlist{background:transparent;border:none;font-family:Lexend Exa,sans-serif;font-size:clamp(12px,1vw,13px);text-decoration:underline;color:#000;cursor:pointer;margin-left:auto;outline:none;box-shadow:none;transition:all .2s}.cart-list-link-wishlist:hover{color:#666;text-decoration:none}.cart-list-link-wishlist:focus,.cart-list-link-wishlist:focus-visible,.cart-list-link-wishlist:active{outline:0;box-shadow:none}@media screen and (max-width:768px){.cart-list-item{grid-template-columns:1fr;gap:16px;padding:20px 0}.cart-list-link-wishlist{margin-left:0;width:100%;text-align:left}}.cart-rec-container{display:flex;flex-direction:column;gap:16px;width:100%}.cart-rec-title{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(20px,2.5vw,26px);color:#000000e6;margin:0}.cart-rec-list{display:flex;flex-direction:column;gap:12px;max-height:410px;overflow-y:auto;padding-right:4px;scroll-behavior:smooth}.cart-rec-list::-webkit-scrollbar{width:5px}.cart-rec-list::-webkit-scrollbar-track{background:transparent}.cart-rec-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.cart-rec-card{background:#d9d9d980;border-radius:10px;padding:14px;display:grid;grid-template-columns:clamp(90px,12vw,120px) 1fr;gap:14px;align-items:center}.cart-rec-img-box{width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden}.cart-rec-img-box img{width:100%;height:100%;object-fit:cover}.cart-rec-info{display:flex;flex-direction:column;gap:4px;min-width:0}.cart-rec-name{font-family:Lexend Exa,sans-serif;font-weight:700;font-size:clamp(13px,1.2vw,16px);color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-rec-desc{font-family:Lexend,sans-serif;font-size:clamp(11px,1vw,13px);color:#000;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-rec-action-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.cart-rec-price{font-family:Lexend,sans-serif;font-weight:400;font-size:clamp(13px,1.1vw,15px);color:#000}.cart-rec-add-btn{background:#d9d9d9;border-radius:8px;width:55px;height:24px;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;transition:background .2s,border-color .2s;outline:none}.cart-rec-add-btn:hover{background:#ccc;border-color:#000}.cart-rec-add-btn:focus,.cart-rec-add-btn:focus-visible{outline:none;box-shadow:none}.cart-summary-box{display:flex;flex-direction:column;gap:20px;background:transparent}.cart-summary-billing{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid #d9d9d9;padding-bottom:16px}.cart-summary-row{display:flex;justify-content:space-between;font-family:Lexend,sans-serif;font-weight:300;font-size:clamp(14px,1.1vw,17px);color:#000}.cart-summary-total-row{display:flex;justify-content:space-between;font-family:Lexend,sans-serif;font-weight:400;font-size:clamp(18px,1.5vw,22px);color:#000;margin-bottom:4px}.cart-summary-actions{display:flex;flex-direction:column;gap:12px}.cart-summary-btn-outline,.cart-summary-btn-solid{width:100%;height:48px;font-family:Lexend Exa,sans-serif;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0;transition:all .2s ease;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.cart-summary-btn-outline{background:transparent;border:1px solid #000000;color:#000}.cart-summary-btn-outline:hover{background:#000;color:#fff;border-color:#000}.cart-summary-btn-solid{background:#000;border:1px solid #000000;color:#fff}.cart-summary-btn-solid:hover{background:#333;border-color:#000}.cart-summary-btn-outline:focus,.cart-summary-btn-outline:focus-visible,.cart-summary-btn-outline:active,.cart-summary-btn-solid:focus,.cart-summary-btn-solid:focus-visible,.cart-summary-btn-solid:active{outline:0;box-shadow:none;border-color:#000}.shopping-cart-page-wrapper{width:100%;padding:clamp(16px,3vw,48px) clamp(16px,6vw,120px);box-sizing:border-box;font-family:Lexend,sans-serif}.shopping-cart-grid{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:clamp(24px,4vw,64px);align-items:start}.shopping-cart-right-col{display:flex;flex-direction:column;gap:clamp(32px,4vw,64px)}.sticky-summary-wrapper{position:sticky;top:100px}@media screen and (max-width:1024px){.shopping-cart-grid{grid-template-columns:1fr}.sticky-summary-wrapper{position:static}}.login-form-wrapper{width:100%;max-width:480px;min-width:350px;transition:opacity .3s ease;opacity:1}.login-title{font-size:2.5rem;font-weight:800;color:#000;margin-bottom:2.5rem;font-family:Lexend Exa,sans-serif}.login-input-group{position:relative;margin-bottom:1.5rem}.login-form-input{width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;font-size:1rem;background:#fff;outline:none;box-sizing:border-box;color:#333;transition:all .2s ease;font-family:Lexend Exa,sans-serif;background-image:linear-gradient(to right,#ccc,#ccc);background-repeat:no-repeat;background-position:center bottom 12px;background-size:calc(100% - 3rem) 1px}.login-form-input:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d;background-image:linear-gradient(to right,#333,#333)}.login-required-mark{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#666;font-size:1.2rem;pointer-events:none}.login-forget-password-text{display:block;margin-bottom:1.5rem;font-size:1rem;font-weight:500;color:#000;text-decoration:none;width:fit-content;cursor:pointer;transition:opacity .3s}.login-forget-password-text:hover{text-decoration:underline;text-underline-offset:4px;opacity:.8}.login-btn{width:150px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem}.login-btn:hover{opacity:.9;transform:translateY(-1px)}.login-secondary-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;width:fit-content}.login-text-link{color:#000;text-decoration:underline;text-underline-offset:4px;font-size:.9rem;cursor:pointer;width:fit-content;opacity:1;transition:opacity .2s ease}.login-text-link:visited,.login-text-link:active{color:#000}.login-text-link:hover{opacity:.7}.login-social-login{display:flex;gap:1rem;margin-top:1rem}.login-social-icon-btn{width:48px;height:48px;padding:0;flex-shrink:0;border-radius:50%;border:1px solid #eee;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.login-social-icon-btn:hover{transform:scale(1.05);background-color:#f9f9f9}.login-page-container{inset:0;width:100vw;height:100dvh;min-height:100vh;z-index:1000;display:flex;font-family:Lexend Exa,sans-serif;overflow:hidden;background-color:#fff;margin:0;padding:0}.login-left-section{flex:0 0 50%;max-width:50%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem;z-index:20;border-right:1px solid #eee;transition:all 1s cubic-bezier(.25,1,.5,1);overflow:hidden}.login-page-container.collapsed .login-left-section{flex:0 0 80px;max-width:80px;padding:0;border:none;background:linear-gradient(to right,#fff,#f9f9f9 85%,#d1d1d1);box-shadow:10px 0 30px -5px #00000026;border-right:1px solid rgba(0,0,0,.1);z-index:50}.login-right-section{flex:1;background-color:#eaddcd;display:flex;justify-content:center;align-items:center;position:relative;transition:all 1s cubic-bezier(.25,1,.5,1)}.login-info-card{background:#fff;padding:3.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:500px;width:90%;opacity:0;animation:fadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.5s}.login-info-title{font-size:2rem;font-weight:800;margin-bottom:1rem;color:#000;font-family:Lexend Exa,sans-serif}.login-info-quote{font-size:1rem;line-height:1.6;margin-bottom:2rem;text-decoration:underline;text-underline-offset:4px;color:#111;font-style:italic}.login-benefit-list{list-style:none;padding:0;margin:0 0 2.5rem}.login-benefit-item{display:flex;align-items:flex-start;margin-bottom:1rem;font-size:.95rem;color:#000;line-height:1.4}.login-benefit-icon{margin-right:12px;margin-top:2px}.login-explore-btn{width:160px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;display:block;margin:0 auto}.login-explore-btn:hover{opacity:.9;transform:translateY(-1px)}.login-back-arrow-container{position:absolute;top:50%;z-index:2000;width:48px;height:48px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;border:1px solid rgba(0,0,0,.05);opacity:0;animation:fadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.6s;transition:all 1s cubic-bezier(.25,1,.5,1)}.login-page-container:not(.collapsed) .login-back-arrow-container{left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px 15px #0000004d}.login-page-container.collapsed .login-back-arrow-container{left:40px;transform:translate(-50%,-50%);box-shadow:4px 0 15px #0003}.login-arrow-icon{transition:transform 1s ease}.login-page-container.collapsed .login-arrow-icon{transform:rotate(180deg)}.login-form-wrapper{width:100%;max-width:480px;min-width:350px;opacity:1;visibility:visible;pointer-events:auto;animation:fadeInUp 1s cubic-bezier(.25,1,.5,1) both;animation-delay:.5s;transition:opacity 1s ease-out 1s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-form-wrapper,.input-group,.form-input{opacity:1;visibility:visible;pointer-events:auto}.login-form-wrapper,.input-group{transition:opacity .8s ease-out}.form-input{border-color:#888;transition:opacity .8s ease-out,border-color .2s ease 0s,box-shadow .2s ease 0s,background-image .2s ease 0s}.login-page-container.collapsed .login-form-wrapper,.login-page-container.collapsed .input-group{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}.login-page-container.collapsed .form-input{opacity:0;border-color:transparent;transition:opacity .5s ease,border-color .1s ease}.login-page-container.collapsed .required-mark{opacity:0;transition:opacity .2s ease}@media(max-width:968px){.login-page-container{flex-direction:column;overflow-y:auto;position:relative;height:auto}.login-left-section,.login-right-section{flex:none;max-width:100%;padding:3rem 1.5rem}.login-back-arrow-container{display:none}.login-right-section{padding-bottom:4rem}}.register-form-wrapper{width:100%;max-width:480px;min-width:350px;transition:opacity .3s ease;opacity:1;max-height:100vh;overflow-y:auto;padding:0 5px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.register-form-wrapper::-webkit-scrollbar{width:4px}.register-form-wrapper::-webkit-scrollbar-track{background:transparent}.register-form-wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.register-form-wrapper{animation:registerFadeInUp 1s cubic-bezier(.25,1,.5,1) both;animation-delay:.5s}.register-title{font-size:2.5rem;font-weight:800;color:#000;margin-bottom:2rem;font-family:Lexend Exa,sans-serif;margin-top:10px}.register-input-group{position:relative;margin-bottom:1.2rem}.register-form-input{width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;font-size:1rem;background:#fff;outline:none;box-sizing:border-box;color:#333;transition:all .2s ease;font-family:Lexend Exa,sans-serif;background-image:linear-gradient(to right,#ccc,#ccc);background-repeat:no-repeat;background-position:center bottom 12px;background-size:calc(100% - 3rem) 1px}.register-form-input:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d;background-image:linear-gradient(to right,#333,#333)}.register-required-mark{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#666;font-size:1.2rem;pointer-events:none}.register-checkbox-group{margin-bottom:1.5rem;margin-top:.5rem;padding-left:.5rem}.register-checkbox-label{display:flex;align-items:flex-start;gap:12px;width:fit-content;pointer-events:none}.register-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:3px;accent-color:#000;cursor:pointer;pointer-events:auto;flex-shrink:0}.register-checkbox-text{font-size:.9rem;color:#333;line-height:1.5;font-family:Lexend Exa,sans-serif;pointer-events:auto;cursor:pointer}.register-checkbox-text>span{pointer-events:auto;cursor:pointer}.register-btn{width:150px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;font-family:Lexend Exa,sans-serif;transition:transform .2s,opacity .2s}.register-btn:hover{opacity:.9;transform:translateY(-1px)}.register-secondary-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;align-items:flex-start}.register-text-link{color:#000;text-decoration:underline;text-underline-offset:4px;font-size:.9rem;cursor:pointer;transition:opacity .2s;width:fit-content}.register-text-link:hover{opacity:.7}.register-social-login{display:flex;gap:1rem;margin-top:.5rem;padding-bottom:1rem}.register-social-icon-btn{width:48px;height:48px;padding:0;flex-shrink:0;border-radius:50%;border:1px solid #eee;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.register-social-icon-btn:hover{transform:scale(1.05);background-color:#f9f9f9}.register-page-container{inset:0;width:100vw;height:100dvh;min-height:100vh;z-index:1000;display:flex;font-family:Lexend Exa,sans-serif;overflow:hidden;background-color:#fff;margin:0;padding:0}.register-left-section{flex:0 0 50%;max-width:50%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem;z-index:20;border-right:1px solid #eee;transition:all 1s cubic-bezier(.25,1,.5,1);overflow:hidden}.register-page-container.collapsed .register-left-section{flex:0 0 80px;max-width:80px;padding:0;border:none;background:linear-gradient(to right,#fff,#f9f9f9 85%,#d1d1d1);box-shadow:10px 0 30px -5px #00000026;border-right:1px solid rgba(0,0,0,.1);z-index:50}.register-right-section{flex:1;background-color:#eaddcd;display:flex;justify-content:center;align-items:center;position:relative;transition:all 1s cubic-bezier(.25,1,.5,1)}.register-info-card{background:#fff;padding:3.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:500px;width:90%;opacity:0;animation:registerFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.5s}.register-info-title{font-size:2rem;font-weight:800;margin-bottom:1rem;color:#000;font-family:Lexend Exa,sans-serif}.register-info-quote{font-size:1rem;line-height:1.6;margin-bottom:2rem;text-decoration:underline;text-underline-offset:4px;color:#111;font-style:italic}.register-benefit-list{list-style:none;padding:0;margin:0 0 2.5rem}.register-benefit-item{display:flex;align-items:flex-start;margin-bottom:1rem;font-size:.95rem;color:#000;line-height:1.4}.register-benefit-icon{margin-right:12px;margin-top:2px}.register-explore-btn{width:160px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:transform .2s}.register-explore-btn:hover{opacity:.9;transform:translateY(-1px)}.register-back-arrow-container{position:absolute;top:50%;z-index:2000;width:48px;height:48px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;border:1px solid rgba(0,0,0,.05);opacity:0;animation:registerFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.6s;transition:all 1s cubic-bezier(.25,1,.5,1)}.register-page-container:not(.collapsed) .register-back-arrow-container{left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px 15px #0000004d}.register-page-container.collapsed .register-back-arrow-container{left:40px;transform:translate(-50%,-50%);box-shadow:4px 0 15px #0003}.register-page-container.collapsed .arrow-icon{transform:rotate(180deg)}@keyframes registerFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-form-wrapper,.register-input-group,.register-form-input{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .8s ease-out}.register-form-input{transition:opacity .8s ease-out,border-color .2s ease,box-shadow .2s ease,background-image .2s ease}.register-page-container.collapsed .register-form-wrapper,.register-page-container.collapsed .register-input-group{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}.register-page-container.collapsed .register-form-input{opacity:0;border-color:transparent;transition:opacity .5s ease,border-color .1s ease}.register-page-container.collapsed .register-required-mark{opacity:0}@media(max-width:968px){.register-page-container{flex-direction:column;overflow-y:auto;height:auto}.register-left-section,.register-right-section{flex:none;max-width:100%;padding:3rem 1.5rem}.register-back-arrow-container{display:none}.register-right-section{padding-bottom:4rem}}.verify-form-wrapper{width:100%;max-width:480px;min-width:350px;margin:0 auto;font-family:inherit;color:#000;display:flex;flex-direction:column;animation:formFadeInUp 1s cubic-bezier(.25,1,.5,1) both;animation-delay:.5s}.verify-title{font-size:2.5rem;font-weight:800;color:#000;margin-bottom:2rem;font-family:Lexend Exa,sans-serif;line-height:1.2}.verify-help-text{margin-bottom:1rem;font-size:1rem;font-weight:500;color:#000;font-family:Lexend Exa,sans-serif;cursor:pointer;transition:opacity .2s;text-decoration:none;width:fit-content}.verify-help-text:hover{opacity:.7;text-decoration:underline;text-underline-offset:4px}.verify-input-group{position:relative;margin-bottom:1.5rem;width:100%}.verify-form-input{width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;font-size:1rem;background-color:#fff;outline:none;box-sizing:border-box;color:#333;font-family:Lexend Exa,sans-serif;background-image:linear-gradient(to right,#ccc,#ccc);background-repeat:no-repeat;background-position:center bottom 12px;background-size:calc(100% - 3rem) 1px;transition:all .2s ease}.verify-form-input:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d;background-image:linear-gradient(to right,#333,#333)}.verify-required-mark{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#666;font-size:1.2rem;pointer-events:none}.verify-otp-row{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:stretch}.verify-otp-input-container{position:relative;flex:1}.verify-otp-timer{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:600;color:#666;font-size:.9rem;pointer-events:none}.verify-send-btn{background-color:#000;color:#fff;border:none;border-radius:50px;padding:0 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:Lexend Exa,sans-serif;display:flex;align-items:center;transition:opacity .2s,transform .2s}.verify-send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.verify-send-btn:disabled{background-color:#555;cursor:not-allowed}.verify-process-btn{width:150px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem;font-family:Lexend Exa,sans-serif;transition:opacity .2s,transform .2s}.verify-process-btn:hover{opacity:.9;transform:translateY(-1px)}.verify-footer-links{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.verify-text-link{color:#000;text-decoration:underline;text-underline-offset:4px;font-size:.9rem;cursor:pointer;font-family:Lexend Exa,sans-serif;transition:opacity .2s;width:fit-content}.verify-text-link:hover{opacity:.7}@keyframes verifyOtpFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.verify-page-container{position:relative;inset:0;width:100vw;height:100dvh;min-height:100vh;z-index:1000;display:flex;font-family:Lexend Exa,sans-serif;overflow:hidden;background-color:#fff;margin:0;padding:0;color:#000}.verify-left-section{flex:0 0 50%;max-width:50%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem;z-index:20;border-right:1px solid #eee;transition:all 1s cubic-bezier(.25,1,.5,1);overflow:hidden}.verify-page-container.collapsed .verify-left-section{flex:0 0 80px;max-width:80px;padding:0;border:none;background:linear-gradient(to right,#fff,#f9f9f9 85%,#d1d1d1);box-shadow:10px 0 30px -5px #00000026;border-right:1px solid rgba(0,0,0,.1);z-index:50}.verify-right-section{flex:1;background-color:#eaddcd;display:flex;justify-content:center;align-items:center;position:relative;transition:all 1s cubic-bezier(.25,1,.5,1)}.verify-info-card{background:#fff;padding:3.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:500px;width:90%;opacity:0;animation:verifyOtpFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.5s}.verify-info-title{font-size:2rem;font-weight:800;margin-bottom:1rem;color:#000}.verify-info-quote{font-size:1rem;line-height:1.6;margin-bottom:2rem;text-decoration:underline;text-underline-offset:4px;font-style:italic;color:#111}.verify-benefit-list{list-style:none;padding:0;margin:0 0 2.5rem}.verify-benefit-item{display:flex;align-items:flex-start;margin-bottom:1rem;font-size:.95rem;color:#000;line-height:1.4}.verify-benefit-icon{margin-right:12px;margin-top:2px}.verify-explore-btn{width:160px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:transform .2s}.verify-explore-btn:hover{transform:translateY(-1px)}.verify-back-arrow-container{position:absolute;top:50%;z-index:2000;width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;border:1px solid rgba(0,0,0,.05);color:#000;opacity:0;animation:verifyOtpFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.6s;transition:all 1s cubic-bezier(.25,1,.5,1)}.verify-page-container:not(.collapsed) .verify-back-arrow-container{left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px 15px #0000004d}.verify-page-container.collapsed .verify-back-arrow-container{left:40px;transform:translate(-50%,-50%);box-shadow:4px 0 15px #0003}.verify-page-container.collapsed .arrow-icon{transform:rotate(180deg)}.verify-form-wrapper,.verify-input-group,.verify-otp-row,.verify-form-input{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .8s ease-out}.verify-form-input{transition:opacity .8s ease-out,border-color .2s ease,box-shadow .2s ease,background-image .2s ease}.verify-page-container.collapsed .verify-form-wrapper,.verify-page-container.collapsed .verify-input-group,.verify-page-container.collapsed .verify-otp-row{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}.verify-page-container.collapsed .verify-form-input{opacity:0;border-color:transparent;transition:opacity .5s ease,border-color .1s ease}.verify-page-container.collapsed .verify-title,.verify-page-container.collapsed .verify-help-text,.verify-page-container.collapsed .verify-process-btn,.verify-page-container.collapsed .verify-footer-links,.verify-page-container.collapsed .verify-required-mark,.verify-page-container.collapsed .otp-timer,.verify-page-container.collapsed .verify-send-btn,.verify-page-container.collapsed .verify-form-input::placeholder{opacity:0;visibility:hidden;transition:opacity .2s ease}@media(max-width:968px){.verify-page-container{flex-direction:column;overflow-y:auto;height:auto}.verify-left-section,.verify-right-section{flex:none;max-width:100%;padding:3rem 1.5rem}.verify-back-arrow-container{display:none}.verify-right-section{padding-bottom:4rem}}.reset-form-wrapper{width:100%;max-width:480px;min-width:350px;opacity:1;font-family:inherit;color:#000;display:flex;flex-direction:column}.reset-title{font-size:2.5rem;font-weight:800;color:#000;margin-bottom:2rem;font-family:Lexend Exa,sans-serif;line-height:1.2}.reset-input-group{position:relative;margin-bottom:1.5rem;width:100%}.reset-form-input{width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;font-size:1rem;background-color:#fff;outline:none;box-sizing:border-box;color:#333;font-family:Lexend Exa,sans-serif;background-image:linear-gradient(to right,#ccc,#ccc);background-repeat:no-repeat;background-position:center bottom 12px;background-size:calc(100% - 3rem) 1px;transition:all .2s ease}.reset-form-input:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d;background-image:linear-gradient(to right,#333,#333)}.reset-required-mark{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#666;font-size:1.2rem;pointer-events:none}.reset-help-text{font-size:1rem;font-weight:500;color:#000;margin-bottom:1.5rem;font-family:Lexend Exa,sans-serif;cursor:pointer;width:fit-content;transition:opacity .2s}.reset-help-text:hover{opacity:.7;text-decoration:underline;text-underline-offset:4px}.reset-process-btn{width:150px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;font-family:Lexend Exa,sans-serif;transition:opacity .2s,transform .2s}.reset-process-btn:hover{opacity:.9;transform:translateY(-1px)}.reset-secondary-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;align-items:flex-start}.reset-text-link{color:#000;text-decoration:underline;text-underline-offset:4px;font-size:.9rem;cursor:pointer;transition:opacity .2s;font-family:Lexend Exa,sans-serif;width:fit-content}.reset-text-link:hover{opacity:.7}.reset-page-container{inset:0;width:100vw;height:100dvh;min-height:100vh;z-index:1000;display:flex;font-family:Lexend Exa,sans-serif;overflow:hidden;background-color:#fff;margin:0;padding:0}.reset-left-section{flex:0 0 50%;max-width:50%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem;z-index:20;border-right:1px solid #eee;transition:all 1s cubic-bezier(.25,1,.5,1);overflow:hidden}.reset-page-container.collapsed .reset-left-section{flex:0 0 80px;max-width:80px;padding:0;border:none;background:linear-gradient(to right,#fff,#f9f9f9 85%,#d1d1d1);box-shadow:10px 0 30px -5px #00000026;border-right:1px solid rgba(0,0,0,.1);z-index:50}.reset-right-section{flex:1;background-color:#eaddcd;display:flex;justify-content:center;align-items:center;position:relative;transition:all 1s cubic-bezier(.25,1,.5,1)}.reset-info-card{background:#fff;padding:3.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:500px;width:90%;opacity:0;animation:resetFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.5s}.reset-info-title{font-size:2rem;font-weight:800;margin-bottom:1rem;color:#000}.reset-info-quote{font-size:1rem;line-height:1.6;margin-bottom:2rem;text-decoration:underline;text-underline-offset:4px;font-style:italic;color:#111}.reset-benefit-list{list-style:none;padding:0;margin:0 0 2.5rem}.reset-benefit-item{display:flex;align-items:flex-start;margin-bottom:1rem;font-size:.95rem;color:#000;line-height:1.4}.reset-benefit-icon{margin-right:12px;margin-top:2px}.reset-explore-btn{width:160px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:transform .2s}.reset-explore-btn:hover{transform:translateY(-1px)}.reset-back-arrow-container{position:absolute;top:50%;z-index:2000;width:48px;height:48px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;border:1px solid rgba(0,0,0,.05);opacity:0;animation:resetFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.6s;transition:all 1s cubic-bezier(.25,1,.5,1)}.reset-page-container:not(.collapsed) .reset-back-arrow-container{left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px 15px #0000004d}.reset-page-container.collapsed .reset-back-arrow-container{left:40px;transform:translate(-50%,-50%);box-shadow:4px 0 15px #0003}.arrow-icon{transition:transform 1s ease}.reset-page-container.collapsed .arrow-icon{transform:rotate(180deg)}@keyframes resetFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reset-form-wrapper,.reset-input-group,.reset-form-input{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .8s ease-out}.reset-form-input{transition:opacity .8s ease-out,border-color .2s ease,background-image .2s ease}.reset-page-container.collapsed .reset-form-wrapper,.reset-page-container.collapsed .reset-input-group{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}.reset-page-container.collapsed .reset-form-input{opacity:0;border-color:transparent;transition:opacity .5s ease,border-color .1s ease}.reset-page-container.collapsed .reset-title,.reset-page-container.collapsed .reset-help-text,.reset-page-container.collapsed .reset-process-btn,.reset-page-container.collapsed .reset-secondary-links,.reset-page-container.collapsed .reset-required-mark{opacity:0;transition:opacity .5s ease}@media(max-width:968px){.reset-page-container{flex-direction:column;overflow-y:auto;height:auto}.reset-left-section,.reset-right-section{flex:none;max-width:100%;padding:3rem 1.5rem}.reset-back-arrow-container{display:none}.reset-right-section{padding-bottom:4rem}}.recovery-form-wrapper{width:100%;max-width:480px;min-width:350px;margin:0 auto;font-family:inherit;color:#000;display:flex;flex-direction:column;animation:formFadeInUp 1s cubic-bezier(.25,1,.5,1) both;animation-delay:.5s}.recovery-title{font-size:2.5rem;font-weight:800;color:#000;margin-bottom:2rem;font-family:Lexend Exa,sans-serif;line-height:1.2}.recovery-input-group{position:relative;margin-bottom:1.5rem;width:100%}.recovery-form-input{width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;font-size:1rem;background-color:#fff;outline:none;box-sizing:border-box;color:#333;font-family:Lexend Exa,sans-serif;transition:all .2s ease;background-image:linear-gradient(to right,#ccc,#ccc);background-repeat:no-repeat;background-position:center bottom 12px;background-size:calc(100% - 3rem) 1px}textarea.recovery-form-input{border-radius:20px;resize:none;height:120px;background-image:none}.recovery-form-input:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d;background-image:linear-gradient(to right,#333,#333)}textarea.recovery-form-input:focus{background-image:none}.recovery-required-mark{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#666;font-size:1.2rem;pointer-events:none}.recovery-otp-row{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:stretch}.recovery-otp-input-container{position:relative;flex:1}.recovery-otp-timer{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:600;color:#666;font-size:.9rem;pointer-events:none}.recovery-send-btn{background-color:#000;color:#fff;border:none;border-radius:50px;padding:0 1.5rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:Lexend Exa,sans-serif;transition:opacity .2s,transform .2s}.recovery-send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.recovery-send-btn:disabled{background-color:#555;cursor:not-allowed}.recovery-file-input-wrapper{position:relative;width:100%;margin-bottom:1.5rem}.recovery-file-input-label{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;background-color:#fff;cursor:pointer;box-sizing:border-box;color:#888;font-family:Lexend Exa,sans-serif;transition:all .2s ease}.recovery-file-input-label.has-file{color:#000;border-color:#000}.recovery-file-input-label:hover{background-color:#f9f9f9}.recovery-paperclip-icon{width:20px;height:20px;flex-shrink:0;margin-left:10px}.recovery-process-btn{width:150px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem;font-family:Lexend Exa,sans-serif;transition:opacity .2s,transform .2s}.recovery-process-btn:hover{opacity:.9;transform:translateY(-1px)}.recovery-footer-links{display:flex;flex-direction:column;gap:.5rem}.recovery-text-link{color:#000;text-decoration:underline;text-underline-offset:4px;font-size:.9rem;cursor:pointer;width:fit-content;font-family:Lexend Exa,sans-serif}.recovery-text-link:hover{opacity:.7}.recovery-page-container{position:relative;inset:0;width:100vw;height:100dvh;min-height:100vh;z-index:1000;display:flex;font-family:Lexend Exa,sans-serif;overflow:hidden;background-color:#fff;margin:0;padding:0}.recovery-left-section{flex:0 0 50%;max-width:50%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem;z-index:20;border-right:1px solid #eee;transition:all 1s cubic-bezier(.25,1,.5,1);overflow:hidden}.recovery-page-container.collapsed .recovery-left-section{flex:0 0 80px;max-width:80px;padding:0;border:none;background:linear-gradient(to right,#fff,#f9f9f9 85%,#d1d1d1);box-shadow:10px 0 30px -5px #00000026;border-right:1px solid rgba(0,0,0,.1);z-index:50}.recovery-right-section{flex:1;background-color:#eaddcd;display:flex;justify-content:center;align-items:center;position:relative;transition:all 1s cubic-bezier(.25,1,.5,1)}.recovery-info-card{background:#fff;padding:3.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:500px;width:90%;opacity:0;animation:recoveryFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.5s}.recovery-info-title{font-size:2rem;font-weight:800;margin-bottom:1rem;color:#000}.recovery-info-quote{font-size:1rem;line-height:1.6;margin-bottom:2rem;text-decoration:underline;text-underline-offset:4px;font-style:italic;color:#111}.recovery-benefit-list{list-style:none;padding:0;margin:0 0 2.5rem}.recovery-benefit-item{display:flex;align-items:flex-start;margin-bottom:1rem;font-size:.95rem;color:#000;line-height:1.4}.recovery-benefit-icon{margin-right:12px;margin-top:2px}.recovery-explore-btn{width:160px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:transform .2s}.recovery-explore-btn:hover{transform:translateY(-1px)}.recovery-back-arrow-container{position:absolute;top:50%;z-index:2000;width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;border:1px solid rgba(0,0,0,.05);color:#000;opacity:0;animation:recoveryFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.6s;transition:all 1s cubic-bezier(.25,1,.5,1)}.recovery-page-container:not(.collapsed) .recovery-back-arrow-container{left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px 15px #0000004d}.recovery-page-container.collapsed .recovery-back-arrow-container{left:40px;transform:translate(-50%,-50%);box-shadow:4px 0 15px #0003}.recovery-arrow-icon{transition:transform 1s ease}.recovery-page-container.collapsed .recovery-arrow-icon{transform:rotate(180deg)}.recovery-form-wrapper,.recovery-input-group,.recovery-otp-row,.recovery-form-input,.file-input-label{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .8s ease-out}.recovery-form-input,.file-input-label{transition:opacity .8s ease-out,border-color .2s ease,background-image .2s ease}.recovery-page-container.collapsed .recovery-form-wrapper,.recovery-page-container.collapsed .recovery-input-group,.recovery-page-container.collapsed .recovery-otp-row{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}.recovery-page-container.collapsed .recovery-form-input,.recovery-page-container.collapsed .file-input-label{opacity:0;border-color:transparent;transition:opacity .5s ease,border-color .1s ease}.recovery-page-container.collapsed .recovery-title,.recovery-page-container.collapsed .recovery-process-btn,.recovery-page-container.collapsed .recovery-footer-links,.recovery-page-container.collapsed .recovery-required-mark,.recovery-page-container.collapsed .recovery-send-btn,.recovery-page-container.collapsed .paperclip-icon{opacity:0;visibility:hidden;transition:opacity .2s ease}@keyframes recoveryFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.recovery-page-container{flex-direction:column;overflow-y:auto;height:auto}.recovery-left-section,.recovery-right-section{flex:none;max-width:100%;padding:3rem 1.5rem}.recovery-back-arrow-container{display:none}}.verified-form-wrapper{width:100%;max-width:480px;min-width:350px;margin:0 auto;font-family:inherit;color:#000;display:flex;flex-direction:column;animation:formFadeInUp 1s cubic-bezier(.25,1,.5,1) both;animation-delay:.5s}.verified-form-title{font-size:2.5rem;font-weight:800;color:#000;margin-bottom:2rem;font-family:Lexend Exa,sans-serif;line-height:1.2}.verified-input-group{position:relative;margin-bottom:1.5rem;width:100%}.verified-form-input{width:100%;padding:1rem 1.5rem;border-radius:50px;border:1px solid #888;font-size:1rem;background-color:#fff;outline:none;box-sizing:border-box;color:#333;font-family:Lexend Exa,sans-serif;transition:all .2s ease;background-image:linear-gradient(to right,#ccc,#ccc);background-repeat:no-repeat;background-position:center bottom 12px;background-size:calc(100% - 3rem) 1px}.verified-form-input:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d;background-image:linear-gradient(to right,#333,#333)}.verified-required-mark{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#666;font-size:1.2rem;pointer-events:none}.verified-otp-row{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:stretch}.verified-otp-container{position:relative;flex:1}.verified-otp-timer{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:600;color:#666;font-size:.9rem;pointer-events:none}.verified-send-btn{background-color:#000;color:#fff;border:none;border-radius:50px;padding:0 1.5rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:Lexend Exa,sans-serif;transition:opacity .2s,transform .2s}.verified-send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.verified-send-btn:disabled{background-color:#555;cursor:not-allowed}.verified-process-btn{width:150px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem;font-family:Lexend Exa,sans-serif;transition:opacity .2s,transform .2s}.verified-process-btn:hover{opacity:.9;transform:translateY(-1px)}.verified-footer-links{display:flex;flex-direction:column;gap:.5rem}.verified-text-link{color:#000;text-decoration:underline;text-underline-offset:4px;font-size:.9rem;cursor:pointer;width:fit-content;font-family:Lexend Exa,sans-serif}.verified-text-link:hover{opacity:.7}@keyframes formFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reco-verified-page-container{position:relative;inset:0;width:100vw;height:100dvh;min-height:100vh;z-index:1000;display:flex;font-family:Lexend Exa,sans-serif;overflow:hidden;background-color:#fff;margin:0;padding:0}.reco-verified-left-section{flex:0 0 50%;max-width:50%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:2rem;z-index:20;border-right:1px solid #eee;transition:all 1s cubic-bezier(.25,1,.5,1);overflow-y:auto}.reco-verified-page-container.collapsed .reco-verified-left-section{flex:0 0 80px;max-width:80px;padding:0;border:none;background:linear-gradient(to right,#fff,#f9f9f9 85%,#d1d1d1);box-shadow:10px 0 30px -5px #00000026;border-right:1px solid rgba(0,0,0,.1);z-index:50}.reco-verified-right-section{flex:1;background-color:#eaddcd;display:flex;justify-content:center;align-items:center;position:relative;transition:all 1s cubic-bezier(.25,1,.5,1)}.reco-verified-info-card{background:#fff;padding:3.5rem;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:500px;width:90%;opacity:0;animation:verifiedFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.5s}.reco-verified-info-title{font-size:2rem;font-weight:800;margin-bottom:1rem;color:#000}.reco-verified-info-quote{font-size:1rem;line-height:1.6;margin-bottom:2rem;text-decoration:underline;text-underline-offset:4px;font-style:italic;color:#111}.reco-verified-benefit-list{list-style:none;padding:0;margin:0 0 2.5rem}.reco-verified-benefit-item{display:flex;align-items:flex-start;margin-bottom:1rem;font-size:.95rem;color:#000;line-height:1.4}.reco-verified-benefit-icon{margin-right:12px;margin-top:2px}.reco-verified-explore-btn{width:160px;padding:.8rem 2rem;background-color:#000;color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:transform .2s}.reco-verified-explore-btn:hover{transform:translateY(-1px)}.reco-verified-arrow-container{position:absolute;top:50%;z-index:2000;width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;cursor:pointer;border:1px solid rgba(0,0,0,.05);color:#000;opacity:0;animation:verifiedFadeInUp 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.6s;transition:all 1s cubic-bezier(.25,1,.5,1)}.reco-verified-page-container:not(.collapsed) .reco-verified-arrow-container{left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px 15px #0000004d}.reco-verified-page-container.collapsed .reco-verified-arrow-container{left:40px;transform:translate(-50%,-50%);box-shadow:4px 0 15px #0003}.reco-verified-arrow-icon{transition:transform 1s ease}.reco-verified-page-container.collapsed .reco-verified-arrow-icon{transform:rotate(180deg)}.reco-verified-page-container.collapsed .verified-form-wrapper{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}@keyframes verifiedFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.reco-verified-page-container{flex-direction:column;overflow-y:auto;height:auto}.reco-verified-left-section,.reco-verified-right-section{flex:none;max-width:100%;padding:3rem 1.5rem}.reco-verified-arrow-container{display:none}}.account-sidebar-wrapper{background-color:#fff;border-radius:clamp(18px,1.5vw,24px);box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;width:100%;min-height:auto;display:flex;flex-direction:column;font-family:Lexend Exa,sans-serif;box-sizing:border-box;padding:clamp(1.35rem,1.8vw,1.85rem) clamp(1.15rem,1.5vw,1.6rem)}.sidebar-content{display:flex;flex-direction:column;height:100%;flex:1;min-width:0}.sidebar-menu-list{display:flex;flex-direction:column;gap:clamp(.75rem,.95vw,1rem)}.sidebar-row{display:flex;align-items:center;gap:clamp(.65rem,.9vw,.85rem);min-height:clamp(48px,3.2vw,54px);height:auto;min-width:0}.line-column{width:clamp(5px,.45vw,7px);height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.thread-line{width:clamp(2px,.2vw,3px);height:clamp(26px,2vw,30px);background-color:#dcdcdc;border-radius:4px;transition:all .2s ease}.active-line{background-color:#111;height:clamp(32px,2.4vw,38px);width:clamp(3px,.25vw,4px)}.sidebar-item-pill{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;padding:clamp(.6rem,.85vw,.78rem) clamp(.9rem,1.1vw,1.08rem);min-height:clamp(48px,3.2vw,54px);height:auto;border-radius:50px;cursor:pointer;transition:all .2s ease;color:#555;font-size:clamp(.88rem,.9vw,.98rem);font-weight:500;background-color:transparent;border:1.5px solid transparent;box-sizing:border-box}.sidebar-icon{width:clamp(22px,1.55vw,26px);height:clamp(22px,1.55vw,26px);margin-right:clamp(.55rem,.75vw,.7rem);display:flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.sidebar-icon svg{display:block;width:100%;height:100%}.sidebar-label{flex:1;min-width:0;line-height:1.35}@media(min-width:993px){.sidebar-wrapper:has(.account-sidebar-wrapper){flex:0 0 auto;width:fit-content;min-width:22rem;max-width:26rem}.account-sidebar-wrapper{width:max-content;min-width:100%}.sidebar-content,.sidebar-menu-list{min-width:max-content;width:100%}.sidebar-row{width:100%;min-width:max-content}.sidebar-item-pill,.sidebar-logout-btn{flex:1 1 auto;width:100%;min-width:max-content}.sidebar-label{flex:0 1 auto;white-space:nowrap;word-break:normal;overflow:visible;text-overflow:clip}}.sidebar-item-pill:hover{background-color:#f9f9f9;color:#000}.sidebar-item-pill.active{background-color:#fff;color:#000;font-weight:700;border:1.5px solid #000;box-shadow:0 4px 12px #00000014}.sidebar-logout-container{margin-top:auto;display:flex;align-items:center;gap:clamp(.85rem,1.1vw,1.05rem);padding-top:clamp(1.5rem,2vw,2.15rem)}.sidebar-logout-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;padding:clamp(.6rem,.85vw,.78rem) clamp(.9rem,1.15vw,1.12rem);min-height:clamp(48px,3.2vw,54px);height:auto;box-sizing:border-box;border-radius:50px;cursor:pointer;color:#ef4444;font-weight:600;font-size:clamp(.92rem,.98vw,1.02rem);transition:all .2s;border:1px solid transparent}.sidebar-logout-btn:hover{background-color:#fff1f0;border-color:#fca5a5}@media(min-width:1981px){.account-sidebar-wrapper{padding:clamp(1.55rem,1.65vw,1.75rem) clamp(1.1rem,1.2vw,1.35rem)}.sidebar-item-pill,.sidebar-logout-btn{font-size:clamp(.88rem,.75vw,.94rem);padding-inline:clamp(.8rem,.85vw,.95rem)}.sidebar-icon{width:clamp(22px,1.1vw,24px);height:clamp(22px,1.1vw,24px)}}@media(min-width:2560px){.account-sidebar-wrapper{padding:clamp(1.6rem,1.35vw,1.75rem) clamp(1.15rem,1.1vw,1.35rem)}.sidebar-menu-list{gap:clamp(.85rem,.85vw,1.05rem)}.sidebar-item-pill,.sidebar-logout-btn{font-size:clamp(.88rem,.65vw,.94rem)}}@media(max-width:992px){.account-sidebar-wrapper{min-height:auto;min-width:0;border-radius:16px;padding:1rem}.sidebar-menu-list{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.35rem;scrollbar-width:thin;scrollbar-color:#bbb transparent;-webkit-overflow-scrolling:touch}.sidebar-menu-list::-webkit-scrollbar{height:6px}.sidebar-menu-list::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:999px}.sidebar-row{flex:0 0 auto;flex-shrink:0;width:auto;min-width:max-content;gap:0;min-height:auto;height:auto}.line-column{display:none}.sidebar-item-pill{flex:0 0 auto;flex-shrink:0;width:max-content;max-width:none;min-width:max-content;padding:.55rem 1rem;min-height:44px;height:auto;border:1px solid #eee;white-space:nowrap;font-size:.88rem}.sidebar-label{flex:0 0 auto;white-space:nowrap;word-break:normal;line-height:1.2}.sidebar-icon{width:20px;height:20px;margin-right:8px}.sidebar-item-pill.active{background-color:#000;color:#fff;border-color:#000}.sidebar-logout-container{display:none}}@media(max-width:576px){.account-sidebar-wrapper{padding:.75rem}.sidebar-item-pill{font-size:.85rem;padding:.5rem .85rem;min-height:40px}.sidebar-icon{width:20px;height:20px;margin-right:6px}}.my-profile-card{container-type:inline-size;container-name:profile-card;background-color:#fff;border-radius:24px;box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;width:100%;max-width:100%;min-width:0;font-family:Lexend Exa,sans-serif;box-sizing:border-box;overflow-x:clip;overflow-y:visible;display:flex;flex-direction:column}.profile-header{padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3rem) clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,3rem);background:#fff;border-radius:24px 24px 0 0}.profile-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0;color:#000;line-height:1.2}.section-profile-main{display:block;min-width:0;width:100%;padding-left:1rem;box-sizing:border-box}.profile-main-grid{container-type:inline-size;container-name:profile-main;display:grid;grid-template-columns:1fr;gap:clamp(.75rem,2vw,1rem);min-width:0;width:100%;box-sizing:border-box}.grid-section:not(.section-recs){min-width:0;box-sizing:border-box;height:fit-content;padding-bottom:1rem}.grid-section.section-recs{min-width:0;box-sizing:border-box;height:fit-content;padding-bottom:0;padding:0 1rem 1rem}.section-avatar{display:flex;flex-direction:column;align-items:center;padding:clamp(.75rem,2vw,1.5rem) clamp(.5rem,1.5vw,1rem);position:relative}.section-avatar:after{display:none}.avatar-frame{width:clamp(5.5rem,42cqw,9.375rem);height:clamp(5.5rem,42cqw,9.375rem);aspect-ratio:1 / 1;border-radius:50%;border:clamp(3px,.35vw,4px) solid #cfcfcf;overflow:hidden;margin-bottom:clamp(.75rem,1.5vw,1.5rem);background:#fff;flex-shrink:0}.avatar-null{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:clamp(1.1rem,2.5vw,1.75rem)}.avatar-img{width:100%;height:100%;object-fit:cover}.user-fullname{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:800;margin-bottom:.5rem;text-align:center;color:#000;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;padding-inline:.25rem;box-sizing:border-box}.avatar-actions{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(.35rem,1vw,.65rem);width:100%;max-width:100%;align-items:stretch;box-sizing:border-box}.btn-avatar-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:clamp(.5rem,1.5vw,.6rem) clamp(1rem,2vw,1.25rem);border:1px solid #cfcfcf;background:#fff;border-radius:50px;font-size:clamp(.78rem,1.2vw,.85rem);color:#333;cursor:pointer;width:100%;max-width:100%;transition:all .2s ease;white-space:nowrap}.btn-avatar-action:hover{border-color:#000;color:#000;background-color:#f9f9f9}.section-forms{padding:clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) clamp(.5rem,1.5vw,1rem);display:flex;flex-direction:column;min-width:0}.block-title{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700;margin-bottom:clamp(1rem,2vw,1.8rem);color:#000;line-height:1.25}.info-grid-row{display:grid;grid-template-columns:1fr;gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1.25rem,2vw,2rem)}.info-item{display:flex;flex-direction:column;gap:clamp(.25rem,.8vw,.375rem);min-width:0}.info-item label{font-size:clamp(.8rem,1.2vw,.9rem);font-weight:800;color:#000;line-height:1.3}.info-value{font-size:clamp(.85rem,1.3vw,1rem);color:#555;font-weight:400;line-height:1.4;word-break:break-word;overflow-wrap:anywhere}.mt-between-forms{margin-top:clamp(.5rem,1.5vw,1rem)}.btn-edit-pill{margin-top:.5rem;padding:clamp(.5rem,1.5vw,.6rem) clamp(1rem,2vw,1.5rem);border:1px solid #ddd;background:#fff;border-radius:50px;font-size:clamp(.78rem,1.2vw,.85rem);color:#444;cursor:pointer;width:fit-content;max-width:100%;transition:.2s}.btn-edit-pill:hover{border-color:#000;color:#000}.my-profile-internal-grid{display:grid;grid-template-columns:minmax(0,65fr) minmax(260px,35fr);gap:clamp(.85rem,1.3vw,1.15rem);min-width:0;width:100%;box-sizing:border-box}.my-profile-card .my-profile-internal-grid>.grid-section{min-width:0;max-width:100%;box-sizing:border-box}@media(min-width:1651px){.my-profile-internal-grid>.section-profile-main,.my-profile-internal-grid>.section-profile-main>.profile-main-grid{display:contents}.my-profile-internal-grid{grid-template-columns:minmax(13rem,16fr) minmax(0,42fr) minmax(0,22fr) minmax(260px,35fr)}.my-profile-internal-grid>.section-recs{align-self:start}}.section-social{width:100%;max-width:100%;padding:clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) 0;min-width:0;display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,2rem)}.mini-title{text-align:start;font-size:clamp(.88rem,1.3vw,1rem);font-weight:800;margin-bottom:clamp(.75rem,1.5vw,1.5rem);color:#000;line-height:1.3}.align-with-fields{margin-top:clamp(.75rem,2vw,1.9rem)}.align-with-account-fields{margin-top:0}.social-list{padding:0;margin:0;list-style:none}.social-list li{margin-left:0;margin-bottom:clamp(.65rem,1.5vw,1rem);font-size:clamp(.82rem,1.2vw,.9rem);display:flex;align-items:center;gap:clamp(.5rem,1vw,.625rem);font-weight:600;line-height:1.35;min-width:0}.social-list li a{min-width:0;word-break:break-word;overflow-wrap:anywhere}.text-link{font-size:clamp(.78rem,1.2vw,.85rem);color:#999;text-decoration:underline;margin-bottom:clamp(.5rem,1.2vw,.8rem);display:block;cursor:pointer;line-height:1.4;word-break:break-word;overflow-wrap:anywhere}.section-recs{border-left:none;min-width:0;width:100%;max-width:100%}@media(max-width:1980px)and (min-width:1651px){.my-profile-internal-grid{grid-template-columns:minmax(12rem,15fr) minmax(0,40fr) minmax(0,21fr) minmax(280px,32fr)}}@media(max-width:1650px){.my-profile-internal-grid{grid-template-columns:100%}.my-profile-internal-grid>.section-profile-main{display:block}.my-profile-internal-grid>.section-profile-main>.profile-main-grid{display:grid;grid-template-columns:1fr}}@media(max-width:1120px){.my-profile-internal-grid{grid-template-columns:1fr}.my-profile-card .section-recs{border-top:none}}@media(min-width:1981px){.my-profile-internal-grid{grid-template-columns:minmax(13rem,14fr) minmax(0,38fr) minmax(0,20fr) minmax(320px,28fr);gap:clamp(.85rem,1.1vw,1.25rem)}.my-profile-internal-grid>.section-profile-main{padding-left:0;padding-right:0}.my-profile-internal-grid>.section-avatar{padding-left:clamp(.75rem,1.5vw,1.5rem)}}@media(min-width:3200px){.my-profile-internal-grid{grid-template-columns:minmax(13rem,12fr) minmax(0,35fr) minmax(0,18fr) minmax(360px,35fr)}}.section-avatar{border-bottom:1px solid #eee}.section-social,.my-profile-card .section-recs{border-top:1px solid #eee}@media(min-width:1651px){.my-profile-card .section-recs{border-top:none}}@media(max-width:1650px){.section-profile-main{padding:0 1rem}}@container profile-card (min-width: 1100px){.profile-main-grid{grid-template-columns:minmax(13rem,16fr) minmax(0,42fr) minmax(0,22fr);align-items:stretch;gap:clamp(.75rem,2vw,1rem)}.section-avatar{border-bottom:none;align-self:stretch;justify-content:flex-start}.section-avatar:after{display:block;content:"";position:absolute;right:0;top:clamp(.75rem,2vw,1.5rem);bottom:clamp(.75rem,2vw,1.5rem);width:2px;background-color:#cacaca}.section-social{border-top:none}.info-grid-row{grid-template-columns:repeat(2,minmax(0,1fr))}.align-with-fields{margin-top:clamp(.75rem,2vw,1.9rem)}}.align-with-fields,.align-with-account-fields{margin-top:0}@container profile-card (min-width: 1100px){.align-with-fields{margin-top:clamp(.75rem,2vw,1.9rem)}}@container profile-card (max-width: 1099px) and (min-width: 520px){.section-avatar{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,2vw,1.5rem) clamp(1.25rem,2.5vw,2rem)}.avatar-frame{margin-bottom:0}.info-grid-row{grid-template-columns:repeat(2,minmax(0,1fr))}.section-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}}@container profile-card (max-width: 519px){.section-avatar{flex-direction:column;align-items:center;text-align:center}.avatar-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.btn-avatar-action{width:100%;max-width:100%}.section-social{display:flex;flex-direction:column}}@container profile-card (max-width: 400px){.avatar-actions{flex-direction:column;width:100%}.btn-avatar-action{width:100%;max-width:none}}@media(max-width:992px){.section-profile-main{padding:0 clamp(.5rem,1.5vw,1rem)}}.recommendation-container{width:100%}.reco-title{font-size:1.8rem;font-weight:800;margin-bottom:2rem;color:#000}.reco-list{display:flex;flex-direction:column;gap:1.8rem}.reco-card{display:flex;gap:1rem;background:#f4f4f4;padding:1rem;border-radius:18px;cursor:pointer;align-items:flex-start;transition:all .2s ease;border:1px solid transparent;box-sizing:border-box}.reco-card:hover{background:#eee;transform:translateY(-2px)}.reco-img{width:120px;height:120px;border-radius:12px;object-fit:cover;background-color:#ddd;flex-shrink:0}.reco-info{padding-top:.5rem;display:flex;flex-direction:column;flex:1;min-width:0;gap:0;line-height:1.35}.reco-name{font-size:1.4rem;margin:0;font-weight:800;color:#000;font-family:Lexend Exa,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reco-label{font-weight:700;color:#000;font-size:1.1rem;font-family:Lexend Exa,sans-serif}.reco-mono-text{font-family:Courier New,Courier,monospace;color:#222;font-size:1.05rem;line-height:1.35}.reco-desc-block{margin:0}.reco-price-block{margin:0;display:flex;flex-direction:row;align-items:baseline;gap:.25rem}.price-val{font-size:1.4rem;color:#000}@media(min-width:1981px){.reco-img{width:clamp(80px,21%,104px);height:clamp(80px,21%,104px);max-width:32%}}@media(max-width:768px){.reco-img{width:92px;height:92px;max-width:34%}}.account-info-modal .account-field-readonly input:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#374151}.account-field-hint{margin:0;font-size:.78rem;font-weight:500;color:#6b7280;line-height:1.4}.account-editable-group{gap:10px}.account-password-row{display:flex;gap:10px;align-items:stretch}.account-password-row input{flex:1;min-width:0}.account-password-confirm-btn{flex-shrink:0;white-space:nowrap;padding-left:14px;padding-right:14px}.account-otp-section{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px dashed #d1d5db;border-radius:8px;background-color:#fafafa}.account-otp-toggle{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.account-otp-toggle input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:#6b46c1;cursor:pointer}.account-otp-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;outline:none;box-sizing:border-box;font-family:Lexend Exa,sans-serif;font-size:.95rem;color:#111827;letter-spacing:.08em;transition:border-color .2s ease}.account-otp-input:focus{border-color:#6b46c1}.account-otp-input::placeholder{letter-spacing:normal;color:#9ca3af}@media(max-width:480px){.account-password-row{flex-direction:column}.account-password-confirm-btn{width:100%}.account-otp-section{padding:10px}.account-otp-toggle{font-size:.82rem;align-items:flex-start}.account-otp-input{padding:10px 12px;font-size:.9rem}}.my-profile-card{background-color:#fff;border-radius:24px;box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;width:100%;font-family:Lexend Exa,sans-serif;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.profile-header{padding:2.5rem 3rem 1rem;background:#fff}.profile-title{font-size:2rem;font-weight:700;margin:0;color:#000}.address-box-internal-grid{display:grid;grid-template-columns:65% 35%}.section-address{padding-left:1rem;height:fit-content;display:grid;grid-template-columns:auto auto auto;column-gap:1rem;row-gap:1rem}.reco-title{margin:0}@media(max-width:1600px){.address-box-internal-grid{grid-template-columns:100%}.section-address{padding:0 1rem;height:fit-content;display:grid;grid-template-columns:auto auto auto;column-gap:1rem;row-gap:1rem}}@media(max-width:1200px){.address-box-internal-grid{grid-template-columns:100%}.section-address{padding:0 1rem;height:fit-content;display:grid;grid-template-columns:auto auto;column-gap:1rem;row-gap:1rem}}@media(max-width:1024px){.address-box-internal-grid{grid-template-columns:1fr}.section-address{padding-left:1rem;height:fit-content;display:grid;grid-template-columns:auto;column-gap:1rem;row-gap:1rem}.section-recs{border-top:none;flex-direction:column}}@media(max-width:990px){.address-box-internal-grid{grid-template-columns:100%}.section-address{padding:0 1rem;height:fit-content;display:grid;grid-template-columns:auto auto;column-gap:1rem;row-gap:1rem}}@media(max-width:550px){.address-box-internal-grid{grid-template-columns:100%}.section-address{padding:0 1rem;height:fit-content;display:grid;grid-template-columns:auto;column-gap:1rem;row-gap:1rem}}.address-box-container{width:100%;height:fit-content;min-width:14rem;border:solid lightgrey .1rem;border-radius:2rem;box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733}.lbl-text{font-weight:700}.add-address-box-btn-container{display:flex;width:100%;align-items:center;justify-content:center;padding:1rem 0 0}.add-new-address-btn{background-color:#fff;border:solid lightgray .1rem;border-radius:10rem;padding:1rem 1.4rem;font-size:1.5rem}.add-new-address-btn:hover{border-color:#000;color:#000;background-color:#f9f9f9}.add-new-address-txt-container{display:flex;width:100%;align-items:center;justify-content:center;padding:1rem 0}.add-new-address-txt-container .lbl-text{display:inline-block;width:auto;text-align:center}.address-box-content{width:fit-content;height:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.address-box-infor{width:100%;height:fit-content}.address-box-btn-container{margin-top:1.5rem;width:fit-content;height:fit-content;display:flex;align-items:center}.address-box-btn-container button:hover{border-color:#000;color:#000;background-color:#f9f9f9}.address-box-edit-btn{background-color:#fff;border:solid lightgray .1rem;border-radius:.8rem}.address-box-remove-btn{background-color:#fff;border:solid lightgray .1rem;border-radius:.8rem;margin-left:.3rem}.um-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;margin:0;background-color:#0006;z-index:2000;display:flex;justify-content:center;align-items:center;padding:clamp(1rem,4vw,2rem);padding-top:max(clamp(1rem,4vw,2rem),env(safe-area-inset-top,0px));padding-right:max(clamp(1rem,4vw,2rem),env(safe-area-inset-right,0px));padding-bottom:max(clamp(1rem,4vw,2rem),env(safe-area-inset-bottom,0px));padding-left:max(clamp(1rem,4vw,2rem),env(safe-area-inset-left,0px));box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;font-family:Lexend Exa,sans-serif}.um-modal-box{background-color:#fff;width:100%;max-width:min(480px,100%);max-height:min(calc(100dvh - (2*clamp(1rem,4vw,2rem))),calc(100vh - (2*clamp(1rem,4vw,2rem))));border-radius:16px;padding:32px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:24px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;margin:auto;flex-shrink:0}.um-modal-title{font-size:1.75rem;font-weight:800;color:#000;margin:0;line-height:1.25}.um-modal-form{display:flex;flex-direction:column;gap:16px;min-width:0}.um-form-group{display:flex;flex-direction:column;gap:8px;min-width:0}.um-form-group input,.um-form-group select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;box-sizing:border-box;font-family:Lexend Exa,sans-serif;font-size:.95rem;color:#333;transition:border-color .2s ease}.um-form-group input:focus,.um-form-group select:focus{border-color:#000}.um-form-group input:disabled,.um-form-group select:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.um-form-row{display:flex;gap:16px;min-width:0}.um-form-row .um-form-group{flex:1;min-width:0}.um-modal-status-flex{display:flex;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}.um-modal-switch{width:48px;height:26px;border-radius:20px;position:relative;cursor:pointer;background-color:#d1d5db;transition:background-color .3s ease;border:1px solid transparent;flex-shrink:0}.um-modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:16px}.um-btn-modal-submit{background-color:#ccc;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:background-color .2s}.um-btn-modal-submit:hover{background-color:#000}.um-btn-modal-cancel{background-color:#fff;color:#000;border:1px solid #000000;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.um-btn-modal-cancel:hover{background-color:#000;color:#fff}.um-modal-field-label{font-size:.95rem;font-weight:800;color:#000}.um-modal-gender-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.um-modal-gender-options.is-disabled{opacity:.7;pointer-events:none}.um-modal-gender-label{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#333;cursor:pointer}.um-modal-gender-label input[type=radio]{width:auto;margin:0;accent-color:#000000}.avatar-preview-img{width:100%;max-width:150px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;margin:0 auto;border:2px solid #e5e7eb}@media(max-width:1200px){.um-modal-overlay{padding:clamp(1rem,3vw,2rem);padding-top:max(clamp(1rem,3vw,2rem),env(safe-area-inset-top,0px));padding-right:max(clamp(1rem,3vw,2rem),env(safe-area-inset-right,0px));padding-bottom:max(clamp(1rem,3vw,2rem),env(safe-area-inset-bottom,0px));padding-left:max(clamp(1rem,3vw,2rem),env(safe-area-inset-left,0px))}.um-modal-box{max-height:min(calc(100dvh - (2*clamp(1rem,3vw,2rem))),calc(100vh - (2*clamp(1rem,3vw,2rem))))}}@media(max-width:992px){.um-modal-overlay{align-items:center}.um-modal-box{max-width:100%;max-height:min(calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),calc(100vh - 2rem));padding:24px 20px;gap:20px;border-radius:12px;margin:auto}.um-modal-title{font-size:1.5rem}.um-form-row{flex-direction:column;gap:12px}.um-modal-actions{flex-direction:column-reverse;align-items:stretch;margin-top:8px}.um-btn-modal-submit,.um-btn-modal-cancel{width:100%;text-align:center;box-sizing:border-box}.um-modal-gender-options{flex-direction:column;align-items:flex-start;gap:10px}.avatar-preview-img{max-width:120px}}@media(max-width:480px){.um-modal-overlay{padding:.75rem;padding-top:max(.75rem,env(safe-area-inset-top,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px));padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px));padding-left:max(.75rem,env(safe-area-inset-left,0px))}.um-modal-box{max-height:min(calc(100dvh - 1.5rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),calc(100vh - 1.5rem));padding:20px 16px;gap:16px}.um-modal-title{font-size:1.35rem}.um-form-group input,.um-form-group select{padding:10px 14px;font-size:.9rem}}.um-form-group.um-checkbox-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;margin-top:.5rem}.um-form-group.um-checkbox-group input[type=checkbox].um-checkbox-input{width:1.2rem;height:1.2rem;margin:0;padding:0;cursor:pointer;accent-color:#000}.um-form-group.um-checkbox-group .um-checkbox-label{margin:0;cursor:pointer;font-weight:600;font-size:.95rem;width:auto}.order-box-container{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:clamp(11.5rem,14vw,14.5rem);border:solid lightgrey .1rem;border-radius:clamp(1.25rem,1.5vw,2rem);box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;counter-increment:order-box-position;display:flex;flex-direction:column;align-items:stretch}.order-box-container:first-of-type{counter-reset:order-box-position}.lbl-text{width:100%;height:fit-content;font-size:clamp(.85rem,.95vw,1.05rem);font-weight:700;display:flex;justify-content:start;align-items:center}.order-box-position-label:before{content:"Order#" counter(order-box-position)}.lbl-thumb-text{font-weight:bolder;font-size:clamp(.9rem,1vw,1.15rem);line-height:1.2;display:block;width:100%;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-box-container .box-content{box-sizing:border-box;width:100%;flex:1;min-width:0;padding:clamp(.85rem,1.1vw,1.25rem);display:flex;flex-direction:column}.box-infor{width:100%;flex:1;display:flex;flex-direction:column;gap:clamp(.35rem,.5vw,.5rem);min-height:0;min-width:0}.title-container{width:100%;display:flex;flex-direction:column;gap:.25rem}.address-container{width:100%}.address-container span{display:block;width:100%;font-size:clamp(.8rem,.9vw,1rem);line-height:1.4;word-break:break-word}.order-thumbnail-container{width:100%;flex:0 0 auto;min-height:0;display:flex;align-items:flex-start;gap:clamp(.5rem,.75vw,.85rem)}.thumbnail-img-container{flex:0 0 auto;width:clamp(5.25rem,32%,8.25rem);max-width:clamp(5.25rem,32%,8.25rem);min-width:5.25rem;display:flex;align-items:center;justify-content:center}.order-img{width:100%;height:auto;aspect-ratio:4 / 3;border-radius:clamp(8px,.85vw,10px);object-fit:cover;background-color:#ddd}.thumbnail-detail-container{padding-top:.5rem;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;width:100%;padding-left:0}.thumbnail-detail-container .lbl-thumb-text{line-height:1.2;margin:0}.des-container,.price-container{width:100%;min-width:0;margin:0}.thumbnail-detail-container .span-text{display:block;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;box-orient:unset}.span-text{display:-webkit-box;width:100%;font-weight:200;font-size:clamp(.8rem,.9vw,1rem);line-height:1.35;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;box-orient:vertical}.order-box-footer-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,.75vw,.85rem);width:100%;padding-top:.25rem}.view-detail-link{flex-shrink:0;font-size:clamp(.75rem,.85vw,.92rem)}.order-box-footer-row .total-price-text{flex:1;min-width:0;width:auto;text-align:left}.status{width:100%}.order-box-footer-row .total-price-text,.status .span-text{-webkit-line-clamp:1;line-clamp:1}@media(min-width:1981px){.order-management-layout .lbl-text{font-size:clamp(.88rem,.92vw,1.08rem)}.order-management-layout .lbl-thumb-text{font-size:clamp(.92rem,.98vw,1.12rem)}.order-management-layout .address-container span,.order-management-layout .span-text{font-size:clamp(.82rem,.88vw,1rem)}.order-management-layout .view-detail-link{font-size:clamp(.78rem,.82vw,.92rem)}}@media(min-width:2560px){.order-management-layout .order-box-container{min-height:clamp(12rem,9.5vw,14.5rem)}.order-management-layout .order-box-container .box-content{padding:clamp(1rem,1.05vw,1.4rem)}.order-management-layout .thumbnail-img-container{width:clamp(5.5rem,28%,8.75rem);max-width:clamp(5.5rem,28%,8.75rem)}.order-management-layout .lbl-text{font-size:clamp(.92rem,.88vw,1.12rem)}.order-management-layout .lbl-thumb-text{font-size:clamp(.98rem,.95vw,1.18rem)}.order-management-layout .address-container span,.order-management-layout .span-text{font-size:clamp(.86rem,.82vw,1.05rem)}}@media(max-width:700px){.order-box-container{min-height:11.5rem}.thumbnail-img-container{width:clamp(5rem,30%,7.5rem);max-width:clamp(5rem,30%,7.5rem)}}.pod-page{background-color:#fff;border-radius:24px;box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;width:100%;max-width:100%;min-width:0;font-family:Lexend Exa,sans-serif;box-sizing:border-box;display:flex;flex-direction:column;overflow-x:clip}.pod-page *{box-sizing:border-box}.pod-loading-message{margin:0;padding:clamp(2rem,4vw,3rem);text-align:center;color:#555;font-size:clamp(.9rem,1.2vw,1rem)}.pod-retry-btn{margin-top:1rem;padding:.55rem 1.25rem;border:1px solid #ddd;border-radius:50px;background:#fff;font-family:inherit;font-size:.85rem;cursor:pointer}.pod-retry-btn:hover{border-color:#000;color:#000}.pod-header{padding:clamp(16px,2.5vw,20px) clamp(16px,3vw,24px);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}.pod-title-group{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.pod-title{margin:0;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700;color:#111827;word-break:break-word}.pod-back-link{display:inline-flex;align-items:center;gap:.35rem;color:#5b3fd6;font-weight:600;text-decoration:none;font-size:.9rem;white-space:nowrap}.pod-back-link-icon{width:1rem;height:1rem;flex-shrink:0}.pod-back-link:hover{text-decoration:underline}.pod-badge{padding:4px 12px;border-radius:8px;font-size:.8rem;font-weight:500;text-transform:capitalize;display:inline-block;text-align:center}.pod-badge-status-Pending{background-color:#fef08a;color:#ca8a04}.pod-badge-status-Confirmed{background-color:#dbeafe;color:#3b82f6}.pod-badge-status-Packaging{background-color:#ccfbf1;color:#0f766e}.pod-badge-status-Shipping{background-color:#f3e8ff;color:#9333ea}.pod-badge-status-Delivered{background-color:#dcfce7;color:#16a34a}.pod-badge-status-Cancelled{background-color:#fee2e2;color:#ef4444}.pod-badge-status-Refunded{background-color:#ffedd5;color:#f59e0b}.pod-badge-payment-Paid{background-color:#dcfce7;color:#16a34a}.pod-badge-payment-Unpaid{background-color:#fee2e2;color:#ef4444}.pod-badge-payment-Refunded{background-color:#ffedd5;color:#f59e0b}.pod-body{padding:clamp(16px,2.5vw,24px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1fr);gap:clamp(12px,2vw,20px);min-width:0;width:100%}.pod-body-empty{grid-template-columns:1fr}.pod-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.pod-col-info,.pod-col-items,.pod-col-timeline{display:flex;flex-direction:column;border:1px solid #d1d5db;border-radius:12px;padding:clamp(16px,2.5vw,24px);background-color:#fff;height:max-content;box-shadow:0 4px 12px #00000014;min-width:0;width:100%;overflow-wrap:anywhere}.pod-empty-message{margin:0;color:#6b7280;font-size:.95rem;line-height:1.5}.pod-empty-inline{text-align:center;color:#6b7280;padding:16px;font-size:.875rem}.pod-info-list{display:flex;flex-direction:column;gap:12px}.pod-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.pod-info-row:last-child{margin-bottom:0}.pod-info-label{font-size:.875rem;color:#4b5563;font-weight:500;flex-shrink:0;width:clamp(96px,30%,140px)}.pod-info-value{font-size:.875rem;color:#111827;font-weight:600;text-align:right;flex:1;word-break:break-word;line-height:1.5}.pod-divider{height:1px;background-color:#e5e7eb;margin:20px 0;width:100%}.pod-total-row{margin-top:8px}.pod-info-label-total{font-size:1rem;color:#111827;font-weight:700}.pod-info-value-total{font-size:1.125rem;color:#111827;font-weight:800;text-align:right}.pod-items-list{display:flex;flex-direction:column;gap:16px}.pod-item-card{display:flex;gap:clamp(12px,2vw,16px);padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:16px;min-width:0}.pod-item-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pod-item-img{width:clamp(72px,22vw,120px);height:clamp(56px,16vw,80px);border-radius:8px;object-fit:cover;background:#f3f4f6;flex-shrink:0}.pod-item-details{flex:1;display:flex;flex-direction:column;min-width:0}.pod-item-name{font-size:1rem;font-weight:700;color:#111827;margin:0 0 8px;word-break:break-word}.pod-item-desc-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-bottom:12px;min-width:0}.pod-item-desc-text{font-size:.875rem;color:#4b5563;line-height:1.4;margin:0;word-break:break-word}.pod-item-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;gap:8px}.pod-item-price-row{display:flex;gap:8px;align-items:center}.pod-item-price-text{font-size:.9rem;color:#4b5563}.pod-item-qty{font-size:1.1rem;font-weight:700;color:#111827}.pod-item-label{font-size:.875rem;font-weight:700;color:#111827;white-space:nowrap}.pod-timeline{display:flex;flex-direction:column;padding-top:8px}.pod-timeline-item{position:relative;padding-left:36px;padding-bottom:24px}.pod-timeline-item:not(:last-child):after{content:"";position:absolute;left:9px;top:24px;bottom:0;width:2px;background-color:#e5e7eb}.pod-timeline-icon{position:absolute;left:0;top:0;width:20px;height:20px;color:#d1d5db;background-color:#fff;z-index:2}.pod-timeline-item.completed .pod-timeline-icon{color:#111827}.pod-timeline-content{display:flex;flex-direction:column;gap:4px}.pod-timeline-status{font-size:.9rem;font-weight:600;color:#9ca3af;margin:0}.pod-timeline-item.completed .pod-timeline-status{color:#111827}.pod-timeline-date{font-size:.75rem;color:#6b7280;margin:0}.pod-timeline-desc{font-size:.875rem;color:#4b5563;margin:4px 0 0}@media(max-width:1330px){.pod-body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.pod-col-timeline{grid-column:1 / -1}}@media(max-width:992px){.pod-body{gap:16px}}@media(max-width:768px){.pod-page{border-radius:16px;box-shadow:0 0 0 1px #cac8c8,4px 4px 3px #1118271f}.pod-header{flex-direction:column;align-items:flex-start;padding:16px}.pod-title-group{width:100%}.pod-body{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.pod-col-timeline{grid-column:auto}.pod-col-info,.pod-col-items,.pod-col-timeline{padding:16px}.pod-info-row{flex-direction:column;gap:4px;margin-bottom:14px}.pod-info-label{width:auto;font-size:.8rem}.pod-info-value,.pod-info-value-total{text-align:left}.pod-item-bottom{flex-direction:column;align-items:flex-start;gap:8px}.pod-item-qty{align-self:flex-end}.pod-total-row{flex-direction:row;align-items:center}}@media(max-width:576px){.pod-header{padding:12px;gap:10px}.pod-body{padding:12px;gap:12px}.pod-col-info,.pod-col-items,.pod-col-timeline{padding:14px;border-radius:10px}.pod-section-title{font-size:.95rem;margin-bottom:12px}.pod-badge{font-size:.75rem;padding:3px 10px}.pod-item-card{flex-direction:column;align-items:stretch}.pod-item-img{width:100%;max-width:100%;height:auto;aspect-ratio:4 / 3}.pod-item-qty{align-self:flex-start}.pod-timeline-item{padding-left:32px;padding-bottom:20px}.pod-timeline-icon{width:18px;height:18px}.pod-timeline-icon svg{width:18px;height:18px}}.section-wishlist>.box-container{width:100%;min-width:0;justify-self:stretch}.no-wishlist{font-size:clamp(1rem,1.2vw,1.25rem);color:#555;margin-left:clamp(1rem,2vw,3rem);width:100%;grid-column:1 / -1}.box-container .lbl-thumb-text{font-weight:bolder;font-size:clamp(.95rem,2.5vw,1.05rem);line-height:1.2;display:block;width:100%;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-container .my-wishlist-btn-container{padding-top:.2rem;width:100%;display:flex;justify-content:space-between;gap:.4rem}.box-container .my-wishlist-btn-container button{background-color:#fff;border:solid #cfcfcf .1rem;border-radius:.8rem;cursor:pointer;font-size:clamp(.78rem,1.8vw,.88rem);padding:.45rem .65rem;flex:1;min-width:0}.box-container .my-wishlist-btn-container button:hover{border-color:#000;color:#000;background-color:#f9f9f9}.my-loyalty{background-color:#fff;border-radius:24px;box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;width:100%;font-family:Lexend Exa,sans-serif;box-sizing:border-box;overflow-x:clip;overflow-y:visible;display:flex;flex-direction:column}.loyalty-header{padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3rem) clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,3rem);background:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:24px 24px 0 0}.loyalty-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0;color:#000}.loyalty-internal-grid{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);min-width:0;padding:0 clamp(.5rem,2vw,1rem) clamp(.75rem,2vw,1.5rem);box-sizing:border-box}.section-loyalty{padding:0 clamp(.75rem,2vw,1.5rem);height:fit-content;display:grid;grid-template-columns:auto;row-gap:1rem}.section-progress{padding:0 clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem);height:fit-content;display:grid;grid-template-columns:auto;row-gap:1rem}.loyalty-hero-card{border-radius:32px;background:linear-gradient(135deg,#6d3dff,#c741ff);color:#fff;padding:clamp(1.5rem,3vw,2rem) clamp(1.5rem,3vw,2.5rem);box-shadow:0 24px 80px #6531ff38}.loyalty-hero-header{display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,2vw,1rem);flex-wrap:wrap}.loyalty-badge-row{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1rem);flex-wrap:wrap}.loyalty-status-chip{display:inline-flex;align-items:center;gap:clamp(.5rem,1vw,.75rem);background:#ffffff26;padding:clamp(.6rem,1.5vw,.9rem) clamp(.75rem,1.5vw,1rem);border-radius:999px;font-weight:700;font-size:clamp(.85rem,1.2vw,.95rem)}.loyalty-status-chip svg{color:#ffd95a}.loyalty-points-label{color:#ffffffb8;font-size:clamp(.85rem,1.2vw,.95rem)}.loyalty-hero-value{font-size:clamp(2.5rem,5vw,3.4rem);font-weight:800;letter-spacing:-.05em}.loyalty-hero-meta{margin-top:clamp(.75rem,2vw,1.25rem);display:grid;gap:clamp(.25rem,1vw,.5rem);font-size:clamp(.85rem,1.2vw,.98rem);color:#ffffffeb}.loyalty-grid-secondary{margin-top:0}.loyalty-combined-stats-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(.85rem,2vw,1.15rem) clamp(1rem,2.5vw,1.25rem)}.loyalty-combined-stats{display:flex;flex-direction:column;align-items:stretch;gap:clamp(.65rem,1.5vw,.85rem);width:100%;min-width:0}.loyalty-combined-stats.has-pending{gap:clamp(.75rem,1.75vw,.95rem)}.loyalty-stat-item{display:flex;flex-direction:column;gap:.2rem;min-width:0}.loyalty-stat-divider{flex-shrink:0;width:100%;height:1px;margin:0;border:none;background:#ece6ff}.loyalty-combined-stats-card .loyalty-card-title{font-size:clamp(.78rem,1.1vw,.9rem);font-weight:700;line-height:1.3}.loyalty-combined-stats-card .loyalty-card-value{margin-top:.15rem;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:700;color:#1f1b45;line-height:1.25;word-break:break-word;overflow-wrap:anywhere}.loyalty-combined-stats-card .loyalty-card-meta{margin-top:.15rem;color:#6b6b8c;font-size:clamp(.72rem,1vw,.82rem);line-height:1.35}.loyalty-card-value{margin-top:.35rem;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:700;color:#1f1b45;line-height:1.2}.loyalty-card-meta{margin-top:.4rem;color:#6b6b8c;font-size:clamp(.85rem,1.2vw,.95rem);line-height:1.4}.loyalty-empty-activity{color:#6b7280;font-size:.9rem;line-height:1.5;padding:.5rem 0}.loyalty-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.my-loyalty-card{background:#fff;border-radius:28px;padding:clamp(1rem,2.5vw,1.5rem);box-shadow:0 12px 35px #382e6e1f}.section-title{font-size:clamp(.9rem,1.5vw,1rem);font-weight:700;margin-bottom:clamp(.75rem,1.5vw,1rem);color:#1f1b45}.progress-card .loyalty-card-title,.progress-card .loyalty-card-subtitle{margin:0}.loyalty-card-head{display:flex;justify-content:space-between;gap:clamp(.75rem,1.5vw,1rem);flex-wrap:wrap;align-items:flex-start}.loyalty-card-title{font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:700;color:#1f1b45}.loyalty-card-subtitle{color:#6b6b8c;font-size:clamp(.85rem,1.2vw,.95rem)}.progress-track{margin-top:clamp(.75rem,2vw,1.25rem);height:.85rem;border-radius:999px;background:#f1e9ff;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#7f4dff,#d33cff);border-radius:999px}.progress-summary{margin-top:clamp(.6rem,1.5vw,.95rem);color:#6b6b8c;font-size:clamp(.85rem,1.2vw,.95rem)}.benefits-card .benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem)}.benefit-item{display:flex;gap:clamp(.6rem,1.5vw,.9rem);align-items:flex-start}.benefit-icon{min-width:clamp(36px,6vw,44px);min-height:clamp(36px,6vw,44px);border-radius:15px;background:linear-gradient(135deg,#f5f1ff,#ede4ff);box-shadow:inset 0 0 0 1px #785fff26;flex-shrink:0}.benefit-name{font-weight:700;color:#1f1b45;margin-bottom:.25rem;font-size:clamp(.9rem,1.3vw,1rem)}.benefit-detail{color:#6b6b8c;font-size:clamp(.8rem,1.1vw,.95rem);line-height:1.5}.tier-list{display:grid;gap:clamp(.6rem,1.5vw,.85rem)}.tier-row{display:flex;justify-content:space-between;align-items:center;padding:clamp(.75rem,1.5vw,1rem) clamp(.75rem,1.5vw,1rem);border-radius:18px;border:1px solid #f2efff;color:#4a458c;font-size:clamp(.9rem,1.3vw,1rem)}.tier-row.active{background:#f7e8ff;border-color:#d9b1ff;color:#6c2cff}.tier-name{font-weight:700}.tier-range{font-size:clamp(.85rem,1.2vw,.95rem)}.activity-list{--activity-row-gap: clamp(.75rem, 2vw, 1rem);--activity-item-height: 5.25rem;display:grid;gap:var(--activity-row-gap);max-height:calc(2 * var(--activity-item-height) + var(--activity-row-gap));overflow-y:auto;overscroll-behavior:contain;padding-right:.15rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-thumb{background-color:#0000002e;border-radius:10px}.activity-item{display:flex;gap:clamp(.75rem,2vw,1rem);align-items:center;flex-wrap:wrap;min-height:var(--activity-item-height);flex-shrink:0}.activity-points{min-width:clamp(70px,15vw,90px);padding:clamp(.6rem,1.5vw,.85rem) clamp(.75rem,1.5vw,1rem);border-radius:16px;font-weight:700;font-size:clamp(.85rem,1.2vw,.95rem);flex-shrink:0}.activity-points.positive{background:#eaf9f0;color:#046f46}.activity-points.negative{background:#ffe8ea;color:#b32d3e}.activity-details{display:grid;gap:.25rem;flex:1;min-width:0}.activity-desc{font-weight:700;color:#1f1b45;font-size:clamp(.9rem,1.3vw,1rem)}.activity-time{font-size:clamp(.85rem,1.2vw,.95rem);color:#6b6b8c}@media(max-width:1600px){.activity-list{--activity-item-height: 7.75rem}.activity-item{flex-direction:column;align-items:flex-start}}@media(max-width:1400px){.loyalty-internal-grid{grid-template-columns:1fr;gap:1rem}.section-loyalty{padding:0 clamp(.75rem,2vw,1.5rem)}.section-progress{padding:0 clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem)}.benefits-card .benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.loyalty-grid{grid-template-columns:1fr}.activity-list{--activity-item-height: 5.25rem}.activity-item{flex-direction:row;gap:clamp(.75rem,2vw,1rem);flex-wrap:wrap}}@media(max-width:990px){.loyalty-internal-grid{grid-template-columns:1fr}.section-loyalty{padding:0 clamp(.5rem,1.5vw,1rem)}.section-progress{padding:0 clamp(.5rem,1.5vw,1rem) clamp(.5rem,1.5vw,1rem) clamp(.5rem,1.5vw,1rem)}.loyalty-grid{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.5rem)}.loyalty-combined-stats-card .loyalty-card-value{font-size:clamp(.9rem,3.5vw,1.05rem)}.benefits-card .benefit-list{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.5rem)}.loyalty-hero-header{flex-direction:column;align-items:flex-start}.loyalty-badge-row{width:100%}.activity-item{flex-direction:row;align-items:flex-start}.activity-points{text-align:left}}.my-loyalty-page-container{background-color:#f6f5ff}.my-loyalty-page-container .content-wrapper{gap:1.5rem}.loyalty-page-loading{display:flex;align-items:center;justify-content:center;min-height:240px;color:#6b7280}.coupon-card{background-color:#fff;border-radius:24px;box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;width:100%;font-family:Lexend Exa,sans-serif;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.coupon-header{padding:2.5rem 3rem 1rem;background:#fff;display:flex;justify-content:space-between}.coupon-title{font-size:2rem;font-weight:700;margin:0;color:#000}.coupon-internal-grid{display:grid;grid-template-columns:65% 35%}.no-coupons{font-size:1.2rem;color:#555;padding:1rem 2rem 2rem}.section-coupon{padding:1rem;height:fit-content;display:grid;grid-template-columns:auto;column-gap:1rem;row-gap:1rem;max-height:40rem;overflow-y:scroll;overflow-x:hidden}.section-recs{border-left:none}@media(max-width:2200px){.coupon-internal-grid{grid-template-columns:65% 35%}.section-coupon{padding:1rem;height:fit-content;display:grid;grid-template-columns:auto;column-gap:1rem;row-gap:1rem;max-height:40rem;overflow-y:scroll;overflow-x:hidden}}@media(max-width:1500px){.coupon-internal-grid{grid-template-columns:100%}.section-coupon{padding:1rem;height:fit-content;display:grid;grid-template-columns:auto;column-gap:1rem;row-gap:1rem;max-height:500px;overflow-y:auto;max-height:40rem;overflow-y:scroll;overflow-x:hidden}}@media(max-width:1120px){.coupon-header{padding:2rem 2rem 1rem}.coupon-internal-grid{grid-template-columns:1fr}.section-coupon{padding:1rem;height:fit-content;display:grid;grid-template-columns:auto;column-gap:1rem;row-gap:1rem;max-height:40rem;overflow-y:scroll;overflow-x:hidden}.section-recs{border-top:none;flex-direction:column}}@media(max-width:990px){.coupon-internal-grid{grid-template-columns:1fr}.section-coupon{padding:1rem;height:fit-content;display:grid;grid-template-columns:auto;column-gap:1rem;row-gap:1rem;max-height:40rem;overflow-y:scroll;overflow-x:hidden}}@media(max-width:700px){.coupon-internal-grid{grid-template-columns:1fr}.section-coupon{padding:1rem;height:fit-content;display:grid;grid-template-columns:auto;column-gap:1rem;row-gap:1rem;max-height:40rem;overflow-y:scroll;overflow-x:hidden}}.box-container{width:100%;height:fit-content;min-width:14rem;border:solid lightgrey .1rem;border-radius:2rem;box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733}.lbl-text{font-size:1rem;font-weight:700}.lbl-coupon-text{display:-webkit-box;font-weight:bolder;font-size:1rem;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;box-orient:vertical}.box-content{width:97%;height:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.box-infor{width:100%;height:fit-content}.box-btn-container{margin-top:1.5rem;width:fit-content;height:fit-content;display:flex;align-items:center}.coupon-thumbnail-container{width:100%;height:fit-content;display:flex}.coupon-img-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.coupon-img-placeholder{width:120px;height:120px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 6px #0000001a}.coupon-img{width:150px;height:fit-content;border-radius:12px;background-color:#ddd}.btn-container{padding-top:.2rem;width:100%;display:flex;justify-content:space-between}.btn-container button{width:100%;padding:.5rem 1rem;font-size:.9rem;cursor:pointer}.btn-container button:hover{border-color:#000;color:#000;background-color:#f9f9f9}.coupon-detail-container{display:flex;flex-direction:column;justify-content:space-between;gap:.1rem;height:fit-content;width:80%;padding-left:.5rem}.span-text{display:-webkit-box;width:100%;font-weight:200;font-size:.9rem;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;box-orient:vertical}.title-container{display:flex;justify-content:space-between}.my-order-card{background-color:#fff;border-radius:24px;box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;width:100%;max-width:100%;min-width:0;font-family:Lexend Exa,sans-serif;box-sizing:border-box;overflow:visible;display:flex;flex-direction:column}.order-header{padding:clamp(1.5rem,2.5vw,2.5rem) clamp(1.5rem,3vw,3rem) clamp(.75rem,1.5vw,1rem);background:#fff;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(.75rem,1.2vw,1rem);position:relative;z-index:20;overflow:visible;border-radius:24px 24px 0 0}.order-title{font-size:clamp(1.35rem,2vw,2.5rem);font-weight:700;margin:0;color:#000;line-height:1.2}.filter-container{position:relative;width:clamp(10rem,11vw,12rem);min-width:10rem;cursor:pointer}.filter-box{width:100%;border:1px solid #888;border-radius:50px;padding:clamp(.65rem,.9vw,.85rem) 2.75rem clamp(.65rem,.9vw,.85rem) 1rem;font-size:clamp(.85rem,1vw,1.05rem);font-family:Lexend Exa,sans-serif;color:#333;background-color:#fff;outline:none;box-sizing:border-box;transition:all .2s ease}.filter-box:focus{border-color:#000;border-width:1.5px;box-shadow:0 0 0 4px #0000000d}.order-filter-select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#000;pointer-events:none;transition:transform .2s ease}.order-filter-select-icon.open{transform:translateY(-50%) rotate(180deg)}.order-filter-dropdown-list{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #888;border-radius:20px;margin-top:8px;z-index:100;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;padding:8px 0;animation:orderFilterSlideDownFade .2s ease-out forwards}.order-filter-dropdown-list::-webkit-scrollbar{width:4px}.order-filter-dropdown-list::-webkit-scrollbar-track{background:transparent}.order-filter-dropdown-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.order-filter-dropdown-item{padding:clamp(.65rem,.9vw,.75rem) 1rem;font-family:Lexend Exa,sans-serif;font-size:clamp(.82rem,.95vw,.95rem);cursor:pointer;transition:background .2s;white-space:nowrap}.order-filter-dropdown-item:hover,.order-filter-dropdown-item.active{background:#f5f5f5}.order-filter-dropdown-item.active{font-weight:600}@keyframes orderFilterSlideDownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.order-box-internal-grid{display:grid;grid-template-columns:minmax(0,65fr) minmax(260px,35fr);gap:clamp(.85rem,1.3vw,1.15rem);min-width:0;width:100%;box-sizing:border-box}.grid-section{min-width:0;max-width:100%;box-sizing:border-box}.section-order{padding-left:1rem;height:fit-content;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem;min-width:0}.section-order>.order-box-container{width:100%;min-width:0;justify-self:stretch}.no-orders{font-size:clamp(1rem,1.2vw,1.25rem);color:#555;margin-left:clamp(1rem,2vw,3rem);grid-column:1 / -1}.section-recs{border-left:none;width:100%;max-width:100%}.section-order .order-pagination{grid-column:1 / -1;justify-self:stretch;width:100%;padding:1rem 1rem 2rem;box-sizing:border-box}.order-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(12px,1.2vw,16px);font-size:clamp(.78rem,.9vw,.95rem);font-weight:500;color:#374151}.order-pagination-info{font-family:Lexend Exa,sans-serif;text-align:right}.order-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.order-page-num{width:clamp(26px,2.2vw,34px);height:clamp(26px,2.2vw,34px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-size:clamp(.78rem,.9vw,.95rem);font-weight:600;color:#374151}.order-page-num.active{background-color:#f3f4f6;font-weight:700}.order-page-num:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media(max-width:1980px){.order-box-internal-grid{grid-template-columns:minmax(0,62fr) minmax(280px,38fr)}.section-order{padding-left:1rem;height:fit-content;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem}}@media(min-width:1981px){.section-order{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1650px){.order-box-internal-grid{grid-template-columns:100%}.section-order{padding:0 1rem;height:fit-content;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem}}@media(max-width:1120px){.order-header{padding:clamp(1.25rem,2vw,2rem) clamp(1.25rem,2vw,2rem) clamp(.75rem,1.2vw,1rem)}.order-box-internal-grid{grid-template-columns:1fr}.section-order{padding-left:1rem;height:fit-content;display:grid;grid-template-columns:minmax(0,1fr);column-gap:1rem;row-gap:1rem}.section-recs{border-top:none;flex-direction:column}}@media(max-width:990px){.order-internal-grid{grid-template-columns:1fr}.section-order{padding:0 1rem;height:fit-content;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;row-gap:1rem}}@media(max-width:700px){.order-internal-grid{grid-template-columns:1fr}.section-order{padding:0 1rem;height:fit-content;display:grid;grid-template-columns:minmax(0,1fr);column-gap:1rem;row-gap:1rem}.order-pagination{flex-direction:column;justify-content:center;text-align:center}.order-page-numbers{justify-content:center;width:100%}.order-pagination-info{text-align:center}}@media(min-width:1981px){.order-management-layout.my-order-card{width:100%;max-width:100%;min-width:0}.order-management-layout .order-box-internal-grid{grid-template-columns:minmax(0,58fr) minmax(320px,42fr);gap:clamp(.85rem,1.1vw,1.25rem)}.order-management-layout .order-header{padding:clamp(2rem,2.5vw,3rem) clamp(2rem,3vw,3.5rem) clamp(1rem,1.5vw,1.5rem)}.order-management-layout .section-order{padding-left:clamp(.75rem,1.5vw,1.5rem);padding-right:clamp(.25rem,.75vw,.75rem);column-gap:clamp(1rem,1.2vw,1.5rem);row-gap:clamp(1rem,1.2vw,1.5rem)}.order-management-layout .order-title{font-size:clamp(1.5rem,1.8vw,2.25rem)}.order-management-layout .filter-box{font-size:clamp(.88rem,.95vw,1.05rem)}.order-management-layout .order-pagination{font-size:clamp(.82rem,.88vw,.95rem)}}@media(min-width:2560px){.order-management-layout .order-box-internal-grid{grid-template-columns:minmax(0,55fr) minmax(340px,45fr);gap:clamp(1rem,1.2vw,1.5rem)}.order-management-layout .order-title{font-size:clamp(1.75rem,1.6vw,2.65rem)}.order-management-layout .filter-box,.order-management-layout .order-filter-dropdown-item{font-size:clamp(.9rem,.9vw,1.08rem)}.order-management-layout .order-pagination,.order-management-layout .order-page-num{font-size:clamp(.85rem,.85vw,1rem)}.order-management-layout .section-order{column-gap:clamp(1.1rem,1.3vw,1.75rem);row-gap:clamp(1.1rem,1.3vw,1.75rem)}}@media(min-width:3000px){.profile-ultra-wide-grid-card.order-management-layout .order-box-internal-grid{grid-template-columns:minmax(0,72fr) minmax(300px,28fr);gap:clamp(1rem,1.1vw,1.35rem)}.profile-ultra-wide-grid-card.order-management-layout .section-order{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(1rem,1.1vw,1.5rem);row-gap:clamp(1rem,1.1vw,1.5rem)}}@media(min-width:3200px){.order-management-layout .order-box-internal-grid{grid-template-columns:minmax(0,52fr) minmax(360px,48fr)}.profile-ultra-wide-grid-card.order-management-layout .order-box-internal-grid{grid-template-columns:minmax(0,74fr) minmax(320px,26fr)}.profile-ultra-wide-grid-card.order-management-layout .section-order{grid-template-columns:repeat(4,minmax(0,1fr))}.order-management-layout .order-title{font-size:clamp(1.85rem,1.4vw,2.75rem)}}.section-recent>.box-container{width:100%;min-width:0;justify-self:stretch}.no-recent-view{font-size:clamp(1rem,1.2vw,1.25rem);color:#555;margin-left:clamp(1rem,2vw,3rem);width:100%;grid-column:1 / -1}.bottom-link-container{margin-left:1rem;margin-top:1rem;display:grid;grid-template-columns:auto auto}.box-container{box-sizing:border-box;width:100%;height:fit-content;min-width:0;border:solid lightgrey .1rem;border-radius:clamp(1.25rem,3cqw,2rem);box-shadow:0 0 0 1px #cac8c8,8px 8px 4px #11182733;display:flex;flex-direction:column;align-items:stretch}.box-container .box-content{box-sizing:border-box;width:100%;flex:1;min-width:0;padding:clamp(.75rem,2cqw,1rem);display:flex;flex-direction:column;justify-content:space-between}.box-container .box-infor{width:100%;height:fit-content}.box-container .lbl-thumb-text{font-weight:bolder;font-size:clamp(.95rem,2.5vw,1.05rem);line-height:1.2;display:block;width:100%;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:inherit}.box-container a.lbl-thumb-text:hover{text-decoration:underline}.box-container .order-thumbnail-container{width:100%;min-height:0;display:flex;align-items:flex-start;gap:clamp(.5rem,.75vw,.85rem)}.box-container .thumbnail-img-container{flex:0 0 auto;width:clamp(4.75rem,32%,6rem);max-width:clamp(4.75rem,32%,6rem);min-width:4.75rem;display:flex;align-items:center;justify-content:center}.box-container .order-img{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:12px;object-fit:cover;background-color:#ddd}.box-container .thumbnail-detail-container{padding-top:.5rem;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;width:100%;padding-left:0}.box-container .des-container,.box-container .price-container{margin:0;width:100%;min-width:0}.box-container .span-text{display:block;width:100%;font-weight:200;font-size:clamp(.85rem,2vw,.95rem);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-container .recent-view-btn-container{padding-top:.2rem;width:100%;display:flex;justify-content:space-between;gap:.4rem}.box-container .recent-view-btn-container button{background-color:#fff;border:solid #cfcfcf .1rem;border-radius:.8rem;cursor:pointer;font-size:clamp(.78rem,1.8vw,.88rem);padding:.45rem .65rem;flex:1;min-width:0}.box-container .recent-view-btn-container button:hover{border-color:#000;color:#000;background-color:#f9f9f9}.my-profile-page-container,.my-wishlist-page-container,.my-coupon-page-container,.my-loyalty-page-container,.recent-view-page-container{display:flex;align-items:flex-start;background-color:#fff;width:100%;max-width:100%;margin:0 auto;padding:clamp(1.5rem,2.5vw,3rem) clamp(1.25rem,3vw,4rem);gap:clamp(.8rem,1.2vw,1.75rem);font-family:Lexend Exa,sans-serif;box-sizing:border-box}.my-profile-page-container .content-wrapper,.my-wishlist-page-container .content-wrapper,.my-coupon-page-container .content-wrapper,.my-loyalty-page-container .content-wrapper,.recent-view-page-container .content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;max-width:100%}@media(max-width:1200px){.my-profile-page-container,.my-wishlist-page-container,.my-coupon-page-container,.my-loyalty-page-container,.recent-view-page-container{padding:2rem;gap:1.5rem}}@media(max-width:992px){.my-profile-page-container,.my-wishlist-page-container,.my-coupon-page-container,.my-loyalty-page-container,.recent-view-page-container{flex-direction:column;padding:1rem;gap:1rem}.my-profile-page-container .sidebar-wrapper,.my-wishlist-page-container .sidebar-wrapper,.my-coupon-page-container .sidebar-wrapper,.my-loyalty-page-container .sidebar-wrapper,.recent-view-page-container .sidebar-wrapper{width:100%;flex:none;margin-bottom:0}}@media(max-width:576px){.my-profile-page-container,.my-wishlist-page-container,.my-coupon-page-container,.my-loyalty-page-container,.recent-view-page-container{padding:.75rem;gap:.75rem}}@media(min-width:1981px){.my-profile-page-container,.my-wishlist-page-container,.my-coupon-page-container,.my-loyalty-page-container,.recent-view-page-container{padding-left:clamp(1.5rem,2.5vw,3.5rem);padding-right:clamp(1.5rem,2.5vw,3.5rem)}}@media(min-width:2560px){.my-profile-page-container,.my-wishlist-page-container,.my-coupon-page-container,.my-loyalty-page-container,.recent-view-page-container{padding-left:clamp(2rem,3vw,4.5rem);padding-right:clamp(2rem,3vw,4.5rem)}}.um-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.um-container *{box-sizing:border-box}.um-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.um-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px}.um-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#666;margin:0}.um-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:all .2s ease}.um-btn-add:hover{background-color:#2563eb}.um-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.um-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.um-filter-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);transition:border-color .2s}.um-custom-dropdown{position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.um-custom-dropdown.is-open{z-index:101}.um-filter-dropdown{flex:1 1 130px}.um-page-dropdown{width:130px}.um-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box}.um-dropdown-trigger.active,.um-dropdown-trigger:hover{border-color:#000}.um-dropdown-arrow{transition:transform .3s ease;margin-left:8px}.um-dropdown-arrow.open{transform:rotate(180deg)}.um-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.um-dropdown-options.open{pointer-events:auto;animation:um-slideFadeDown .2s ease-out forwards}.um-dropdown-options.closed{pointer-events:none;animation:um-slideFadeUp .2s ease-out forwards}.um-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.um-dropdown-option:hover{background-color:#f3f4f6;color:#111827}.um-dropdown-option.selected{background-color:#e9e9e9;color:#000;font-weight:600}.um-dropdown-wrapper.is-open{z-index:50}.um-btn-clear{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;color:#374151}.um-btn-clear:hover{background-color:#f3f4f6;border-color:#111827;color:#111827}.um-bulk-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(8px,1vw,12px);width:100%}.um-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.8rem,1vw,.85rem);cursor:pointer;white-space:nowrap;transition:all .2s;flex:0 1 auto;color:#374151}.um-btn-bulk:focus{outline:none}.um-btn-bulk:active{transform:scale(.97)}.um-btn-bulk:hover:not(:disabled){background-color:#f3f4f6;border-color:#111827;color:#111827}.um-btn-bulk.delete{background-color:#ef4444;color:#fff;border-color:#ef4444}.um-btn-bulk.delete:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.um-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.um-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.um-table-wrapper::-webkit-scrollbar{height:6px}.um-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.um-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px}.um-table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}.um-table th,.um-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb}.um-table td.um-td-email{white-space:normal;word-break:break-all;min-width:150px}.um-table th:last-child,.um-table td:last-child{white-space:nowrap}.um-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.um-table td{color:#111827}.um-selected-row{background-color:#f5e1cd}.um-td-flex{display:flex;align-items:center;gap:8px}.um-td-email{text-decoration:underline}.um-td-empty{text-align:center;padding:30px;color:#666}.um-status-badge{display:inline-flex;align-items:center;gap:6px;font-weight:500}.um-dot{width:8px;height:8px;border-radius:50%}.status-Active .um-dot{background-color:#10b981}.status-Inactive .um-dot{background-color:#ef4444}.status-Locked .um-dot{background-color:#f59e0b}.status-Locked{color:#f59e0b}.um-action-group{display:flex;gap:clamp(4px,.8vw,8px);align-items:center;min-width:max-content}.um-icon-btn{width:clamp(28px,2.5vw,32px);height:clamp(28px,2.5vw,32px);border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;padding:0;transition:all .2s}.um-icon-btn:hover{background-color:#f3f4f6;border-color:#111827;color:#111827}.um-toggle-switch{width:clamp(36px,3vw,44px);height:clamp(20px,2vw,24px);border-radius:20px;position:relative;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;transition:.3s}.um-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:clamp(14px,1.5vw,18px);height:clamp(14px,1.5vw,18px);background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.um-toggle-switch.on{background-color:#eac6a8}.um-toggle-switch.on:after{transform:translate(calc(clamp(36px,3vw,44px) - clamp(14px,1.5vw,18px) - 6px))}.um-toggle-switch.disabled{opacity:.5;cursor:not-allowed}.um-dropdown-wrapper{position:relative}.um-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:120px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:8px;z-index:50;display:flex;flex-direction:column;gap:6px;transform-origin:top right;opacity:0;pointer-events:none;transform:translateY(-10px)}.um-dropdown-menu.open{pointer-events:auto;animation:um-slideFadeDown .2s ease-out forwards}.um-dropdown-menu.closed{pointer-events:none;animation:um-slideFadeUp .2s ease-out forwards}.um-dropdown-item{width:100%;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:.85rem;background-color:transparent;transition:background-color .2s}.um-item-delete{background-color:#ef4444;color:#fff}.um-item-delete:hover{background-color:#dc2626}.um-item-lock,.um-item-unlock{background-color:#f3f4f6;color:#111827}.um-item-lock:hover,.um-item-unlock:hover{background-color:#e5e7eb}.um-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;gap:16px}.um-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.um-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;transition:all .2s}.um-page-num:hover:not(:disabled):not(.active){background-color:#f3f4f6}.um-page-num.active{background-color:#111827;color:#fff;font-weight:700}.um-page-num:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.um-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.um-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);box-sizing:border-box;font-weight:500}.um-limit-trigger:hover,.um-limit-trigger.active{border-color:#111827;background-color:#f9fafb;box-shadow:0 2px 6px #0000000f;color:#111827}.um-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.um-limit-icon.open{transform:rotate(180deg)}.um-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.um-limit-options.open{pointer-events:auto;animation:um-slideFadeDown .2s ease-out forwards}.um-limit-options.closed{pointer-events:none;animation:um-slideFadeUp .2s ease-out forwards}.um-limit-option{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .2s ease;white-space:nowrap}.um-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.um-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}@keyframes um-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes um-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media(max-width:767px){.um-header{flex-direction:column;align-items:stretch}.um-btn-add{width:100%;justify-content:center}.um-filter-input,.um-btn-clear,.um-custom-dropdown{width:100%;flex:1 1 100%}.um-btn-bulk{width:100%;justify-content:center;text-align:center}.um-table-wrapper{border:none;overflow:visible}.um-table{min-width:0;width:100%}.um-table,.um-table tbody,.um-table tr,.um-table td{display:block;width:100%}.um-table thead tr{display:flex;padding-bottom:8px;border:none}.um-table thead th{display:none}.um-table thead th:first-child{display:flex;align-items:center;gap:8px;padding:0 4px;background:transparent}.um-table tr{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000000a}.um-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 0;border-bottom:1px dashed #e5e7eb;white-space:normal}.um-table td.um-td-email{min-width:0}.um-table td:last-child{border-bottom:none;padding-bottom:0}.um-table td:before{content:attr(data-label);font-weight:700;color:#6b7280;font-size:.85rem;margin-right:16px;text-align:left;flex-shrink:0}.um-td-flex{justify-content:flex-end;width:100%}.um-action-group{flex-wrap:wrap;justify-content:flex-end;width:100%}.um-pagination{flex-direction:column;justify-content:center;text-align:center}.um-page-numbers{justify-content:center;width:100%}}.um-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:2000;display:flex;justify-content:center;align-items:center;font-family:Lexend Exa,sans-serif;animation:um-fadeIn .2s ease-out forwards}.um-modal-box{background-color:#fff;width:100%;max-width:480px;border-radius:16px;padding:32px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:24px;animation:um-slideInUp .3s ease-out forwards}.um-modal-title{font-size:1.75rem;font-weight:800;color:#000;margin:0}.um-modal-form{display:flex;flex-direction:column;gap:16px}.um-form-group{display:flex;flex-direction:column;gap:8px}.um-form-group label{font-size:.95rem;font-weight:800;color:#000}.req{color:#e1251b;margin-left:2px}.um-form-group input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;box-sizing:border-box;font-family:inherit;font-size:.95rem;color:#333;transition:border-color .2s ease}.um-form-group input:focus{border-color:#000}.um-form-group input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.um-form-row{display:flex;gap:16px}.um-form-row .um-form-group{flex:1}.um-modal-status-flex{display:flex;align-items:center;gap:12px;margin-top:4px}.um-modal-status-text{font-size:1rem;font-weight:700;color:#000}.um-modal-switch{width:48px;height:26px;border-radius:20px;position:relative;cursor:pointer;background-color:#d1d5db;transition:background-color .3s ease;border:1px solid transparent}.um-modal-switch-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.um-modal-switch.on{background-color:#6b46c1}.um-modal-switch.on .um-modal-switch-handle{transform:translate(22px)}.um-modal-switch.disabled{cursor:not-allowed;opacity:.7}.um-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.um-btn-modal-submit{background-color:#111827;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:background-color .2s}.um-btn-modal-submit:hover{background-color:#374151}.um-btn-modal-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.um-btn-modal-cancel:hover{background-color:#f3f4f6;border-color:#111827;color:#111827}.um-modal-custom-dropdown{position:relative;width:100%;-webkit-user-select:none;user-select:none}.um-modal-custom-dropdown.is-open{z-index:101}.um-modal-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;font-family:inherit;font-size:.95rem;color:#333;cursor:pointer;transition:border-color .2s ease;box-sizing:border-box}.um-modal-dropdown-trigger:focus,.um-modal-dropdown-trigger.active{border-color:#000}.um-modal-custom-dropdown.disabled .um-modal-dropdown-trigger{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.um-modal-dropdown-trigger .placeholder{color:#6b7280}.um-modal-dropdown-arrow{transition:transform .3s ease;color:#374151}.um-modal-dropdown-arrow.open{transform:rotate(180deg)}.um-modal-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-5px)}.um-modal-dropdown-options.open{pointer-events:auto;animation:um-modalSlideDown .2s ease-out forwards}.um-modal-dropdown-options.closed{pointer-events:none;animation:um-modalSlideUp .2s ease-out forwards}.um-modal-dropdown-option{padding:10px 16px;cursor:pointer;color:#333;font-size:.95rem;transition:background-color .2s}.um-modal-dropdown-option:hover{background-color:#f3f4f6}.um-modal-dropdown-option.selected{background-color:#e9e9e9;color:#000;font-weight:600}@keyframes um-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes um-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes um-modalSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes um-modalSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.cd-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:3000;display:flex;justify-content:center;align-items:center;font-family:Lexend Exa,sans-serif}.cd-modal-box{background-color:#fff;width:100%;max-width:420px;border-radius:12px;padding:24px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:16px}.cd-modal-header{display:flex;justify-content:space-between;align-items:flex-start}.cd-modal-title{font-size:1.6rem;font-weight:800;color:#000;margin:0}.cd-modal-close-btn{background:none;border:none;cursor:pointer;color:#000;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.cd-modal-close-btn:hover{opacity:.6}.cd-modal-message{font-size:1rem;color:#000;margin:0 0 20px;font-weight:500}.cd-modal-actions{display:flex;justify-content:flex-end;gap:12px}.cd-btn-cancel{background-color:#fff;color:#000;border:1px solid #000000;padding:10px 24px;border-radius:12px;font-weight:600;font-family:inherit;cursor:pointer;font-size:.95rem;transition:background-color .2s}.cd-btn-cancel:hover{background-color:#f9fafb}.cd-btn-delete{background-color:#e1251b;color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:600;font-family:inherit;cursor:pointer;font-size:.95rem;transition:opacity .2s}.cd-btn-delete:hover{opacity:.9}.um-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb}.rm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.rm-container *{box-sizing:border-box}.rm-header{display:flex;justify-content:space-between;align-items:flex-start}.rm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px}.rm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#666;margin:0}.rm-layout{display:flex;gap:clamp(16px,2vw,24px);align-items:flex-start;width:100%;min-width:0}.rm-left-panel{flex:0 0 clamp(300px,30vw,400px);background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-width:0}.rm-left-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.rm-panel-title{font-size:1.2rem;font-weight:800;margin:0}.rm-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .2s}.rm-btn-add:hover{opacity:.9}.rm-search-box{padding:16px 20px}.rm-search-input{width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;outline:none}.rm-roles-list{display:flex;flex-direction:column}.rm-roles-head{display:grid;grid-template-columns:1fr 100px 80px;padding:12px 20px;background-color:#f3f4f6;font-weight:700;font-size:.85rem;color:#374151}.rm-role-item{display:grid;grid-template-columns:1fr 100px 80px;padding:16px 20px;align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.rm-role-item:last-child{border-bottom:none}.rm-role-item:hover{background-color:#fafafa}.rm-role-item.active{background-color:#f5efe6}.rm-role-name{font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.rm-status-text{font-size:.85rem;font-weight:600}.rm-status-text.active{color:#10b981}.rm-status-text.inactive{color:#9ca3af}.rm-role-actions{display:flex;gap:8px;justify-content:flex-end}.rm-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111827;transition:border-color .2s}.rm-icon-btn:hover:not(.disabled):not(:disabled){border-color:#111827}.rm-icon-btn.disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.rm-icon-btn svg{width:18px;height:18px;flex-shrink:0;display:block}.rm-lock-icon{display:flex;align-items:center;color:#666}.rm-lock-icon svg{width:14px;height:14px;flex-shrink:0}.rm-toggle-btn{background:none;border:none;padding:0;cursor:pointer;color:#111827;display:flex;align-items:center;justify-content:center}.rm-toggle-btn svg{width:18px;height:18px;flex-shrink:0}.rm-unsaved-tag svg{width:14px;height:14px;flex-shrink:0}.rm-right-panel{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-width:0;animation:rm-fadeSlideUp .3s cubic-bezier(.25,1,.5,1) forwards}.rm-right-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:16px}.rm-right-title-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.rm-role-title{font-size:1.5rem;font-weight:800;margin:0}.rm-unsaved-tag{background-color:#fef3c7;color:#d97706;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:6px}.rm-right-actions{display:flex;gap:12px}.rm-btn-save{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.rm-btn-save:disabled{background-color:#9ca3af;cursor:not-allowed}.rm-btn-cancel{background-color:#fff;color:#111827;border:1px solid #d1d5db;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.rm-btn-cancel:hover{border-color:#111827;background-color:#f9fafb}.rm-permissions-container{padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.rm-module-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;min-width:0}.rm-module-header{background-color:#e5e7eb;padding:clamp(10px,2vw,14px) clamp(12px,2vw,20px);display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.rm-module-name-col{display:flex;align-items:center;gap:8px}.rm-module-title{font-weight:700;color:#111827;font-size:clamp(.9rem,1.5vw,1.05rem)}.rm-perm-headers{display:none}.rm-perm-headers span{white-space:normal;word-break:break-word}.rm-submodules-list{display:flex;flex-direction:column;background-color:#fff}.rm-submodule-row{display:flex;flex-direction:column;padding:clamp(16px,2vw,20px) clamp(16px,2vw,24px);border-top:1px solid #e5e7eb;gap:16px}.rm-submodule-name{font-weight:700;color:#374151;font-size:clamp(.85rem,1.2vw,.95rem);white-space:normal}.rm-perm-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px 12px;width:100%}.rm-empty-cell{display:none}.rm-checkbox-label{display:flex;align-items:center;justify-content:flex-start;gap:clamp(4px,.5vw,8px);cursor:pointer;position:relative;width:100%;min-width:0;padding:2px 0}.rm-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.rm-custom-check{height:clamp(16px,1.5vw,18px);width:clamp(16px,1.5vw,18px);background-color:#fff;border:1.5px solid #111827;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.rm-checkbox:checked~.rm-custom-check{background-color:#111827}.rm-custom-check svg{width:clamp(10px,1vw,12px);height:clamp(10px,1vw,12px);opacity:0;transition:all .2s ease}.rm-checkbox:checked~.rm-custom-check svg{opacity:1}.rm-checkbox-text{font-size:clamp(.7rem,1.2vw,.85rem);color:#111827;font-weight:500;white-space:normal;word-break:break-word}@keyframes rm-fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.rm-accordion-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out,opacity .3s ease-out;opacity:0;pointer-events:none}.rm-accordion-wrapper.open{grid-template-rows:1fr;opacity:1;pointer-events:auto}.rm-accordion-wrapper.closed{grid-template-rows:0fr;opacity:0;pointer-events:none}.rm-submodules-list{overflow:hidden}@media(max-width:1024px){.rm-layout{flex-direction:column}.rm-left-panel{width:100%;flex:none}.rm-right-header{flex-direction:column;align-items:flex-start}.rm-right-actions{width:100%;justify-content:space-between}.rm-btn-save,.rm-btn-cancel{flex:1}.rm-module-header{grid-template-columns:1fr;gap:12px}.rm-perm-headers{display:none}.rm-submodule-row{grid-template-columns:1fr;gap:16px;padding:16px}.rm-submodule-name{padding-left:0;font-weight:700;white-space:normal}.rm-perm-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px 12px}.rm-empty-cell{display:none}.rm-checkbox-label{display:flex;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;width:100%}}.rm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:2000;display:flex;justify-content:center;align-items:center;font-family:Lexend Exa,sans-serif;animation:rm-modalFadeIn .2s ease-out forwards}.rm-modal-box{background-color:#fff;width:100%;max-width:420px;border-radius:16px;padding:24px 32px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:24px;animation:rm-modalSlideInUp .3s cubic-bezier(.25,1,.5,1) forwards}.rm-modal-header{display:flex;justify-content:space-between;align-items:flex-start}.rm-modal-title{font-size:1.75rem;font-weight:800;color:#000;margin:0}.rm-modal-close-icon{background:none;border:none;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:background-color .2s}.rm-modal-close-icon:hover{background-color:#f3f4f6}.rm-modal-form{display:flex;flex-direction:column;gap:20px}.rm-form-group{display:flex;flex-direction:column;gap:8px}.rm-form-group label{font-size:.95rem;font-weight:700;color:#000}.rm-req{color:#ef4444;margin-left:4px}.rm-form-group input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:.95rem;color:#333;transition:border-color .2s ease;box-sizing:border-box}.rm-form-group input:focus{border-color:#000}.rm-form-group input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.rm-modal-status-flex{display:flex;align-items:center;gap:12px;margin-top:4px}.rm-modal-status-text{font-size:1rem;font-weight:600;color:#000}.rm-modal-switch{width:46px;height:24px;border-radius:20px;position:relative;cursor:pointer;background-color:#d1d5db;transition:background-color .3s ease;border:1px solid transparent}.rm-modal-switch-handle{position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.rm-modal-switch.on{background-color:#6b46c1}.rm-modal-switch.on .rm-modal-switch-handle{transform:translate(22px)}.rm-modal-switch.disabled{cursor:not-allowed;opacity:.6}.rm-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.rm-btn-modal-submit{border:none;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.95rem;font-family:inherit;transition:background-color .2s}.rm-btn-modal-submit.disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.rm-btn-modal-submit.active{background-color:#111827;color:#fff;cursor:pointer}.rm-btn-modal-submit.active:hover{background-color:#000}.rm-btn-modal-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.rm-btn-modal-cancel:hover{background-color:#f3f4f6;border-color:#111827;color:#111827}@keyframes rm-modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rm-modalSlideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.rm-page-container{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.ubh-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.ubh-container *{box-sizing:border-box}.ubh-header{display:flex;justify-content:space-between;align-items:flex-start}.ubh-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px}.ubh-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#666;margin:0}.ubh-layout{display:flex;gap:clamp(16px,2vw,24px);align-items:flex-start;width:100%;min-width:0}.ubh-left-panel{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ubh-color-scale-wrapper{display:flex;flex-direction:column;gap:8px}.ubh-color-bar{height:12px;width:100%;border-radius:6px;background:linear-gradient(to right,#3b82f6,#10b981,#eab308,#ef4444)}.ubh-color-labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:#111827}.ubh-scale-desc{margin:0;font-size:.8rem;color:#6b7280}.ubh-right-panel{flex:0 0 clamp(300px,25vw,360px);display:flex;flex-direction:column;gap:20px;min-width:0}.ubh-control-group{display:flex;flex-direction:column;gap:8px}.ubh-label{font-weight:700;font-size:.95rem;color:#111827}.ubh-custom-dropdown{position:relative;width:100%;-webkit-user-select:none;user-select:none}.ubh-custom-dropdown.is-open{z-index:101}.ubh-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;font-family:inherit;font-size:.9rem;color:#111827;cursor:pointer;transition:border-color .2s ease;box-sizing:border-box}.ubh-dropdown-trigger:hover,.ubh-dropdown-trigger.active{border-color:#000}.ubh-dropdown-arrow{transition:transform .3s ease}.ubh-dropdown-arrow.open{transform:rotate(180deg)}.ubh-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.ubh-dropdown-options.open{pointer-events:auto;animation:ubh-slideFadeDown .2s ease-out forwards}.ubh-dropdown-options.closed{pointer-events:none;animation:ubh-slideFadeUp .2s ease-out forwards}.ubh-dropdown-item{padding:10px 16px;cursor:pointer;color:#374151;font-size:.9rem;transition:background-color .2s}.ubh-dropdown-item:hover{background-color:#f3f4f6}.ubh-dropdown-item.selected{background-color:#e9e9e9;color:#000;font-weight:600}.ubh-date-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ubh-date-box{flex:1 1 130px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;display:flex;align-items:center;gap:8px;color:#6b7280;transition:border-color .2s;position:relative}.ubh-date-box:focus-within{border-color:#000}.ubh-date-box svg{pointer-events:none;z-index:1}.ubh-date-input{border:none;outline:none;background:transparent;font-family:inherit;font-size:.85rem;color:#111827;width:100%;cursor:pointer;position:relative;z-index:1}.ubh-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;color:transparent;opacity:0;cursor:pointer;z-index:2}.ubh-device-toggles{display:flex;gap:8px;flex-wrap:wrap}.ubh-device-btn{flex:1 1 80px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.85rem;font-family:inherit;cursor:pointer;color:#4b5563;transition:all .2s}.ubh-device-btn.active{border-color:#111827;border-width:1.5px;color:#111827;font-weight:700}.ubh-device-btn:hover{background-color:#f9fafb;border-color:#111827;color:#111827}.ubh-radio-group{display:flex;gap:16px;flex-wrap:wrap}.ubh-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#374151}.ubh-radio-label input{display:none}.ubh-radio-custom{width:16px;height:16px;border-radius:50%;border:1.5px solid #d1d5db;display:flex;align-items:center;justify-content:center;transition:all .2s}.ubh-radio-custom.checked{border-color:#111827}.ubh-radio-dot{width:8px;height:8px;background-color:#111827;border-radius:50%;opacity:0;transform:scale(.5);transition:all .2s}.ubh-radio-custom.checked .ubh-radio-dot{opacity:1;transform:scale(1)}.ubh-stats-grid{display:flex;flex-direction:column;gap:12px}.ubh-stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px}.ubh-stat-icon{width:48px;height:48px;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#111827}.ubh-stat-info{display:flex;flex-direction:column}.ubh-stat-title{font-size:.85rem;font-weight:600;color:#4b5563}.ubh-stat-value{font-size:1.4rem;font-weight:800;color:#111827}.ubh-real-heatmap-wrapper{display:flex;flex-direction:column;gap:20px;height:100%}.ubh-heatmap-canvas-container{width:100%;aspect-ratio:16 / 9;min-height:400px;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.ubh-heatmap-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280;text-align:center;padding:20px}.ubh-heatmap-empty-state svg{width:48px;height:48px;opacity:.5}.ubh-heatmap-empty-state h3{margin:0;font-size:1.1rem;font-weight:600;color:#374151}.ubh-heatmap-empty-state p{margin:0;font-size:.9rem;max-width:350px}@keyframes ubh-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ubh-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media(max-width:1366px){.ubh-layout{flex-direction:column}.ubh-right-panel{width:100%;flex:none}}.ubh-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.vm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;box-sizing:border-box}.vm-container *{box-sizing:border-box}.vm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.vm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.vm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.vm-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:background-color .2s;font-family:inherit}.vm-btn-add:hover{background-color:#2563eb}.vm-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px}.vm-filters-row{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:0;padding:0}.vm-search-input{width:100%;max-width:400px;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:.9rem;transition:border-color .2s;margin:0;box-sizing:border-box}.vm-search-input:focus{border-color:#3b82f6}.vm-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.vm-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.vm-table th,.vm-table td{padding:14px 16px;font-size:.9rem;border-bottom:1px solid #e5e7eb}.vm-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.vm-table td{color:#111827;vertical-align:middle}.vm-values-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.vm-chip{background-color:#e5e7eb;color:#374151;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:600}.vm-empty-text{color:#9ca3af;font-style:italic;font-size:.85rem}.vm-status-badge{display:inline-flex;align-items:center;gap:8px;font-weight:500}.vm-dot{width:8px;height:8px;border-radius:50%}.status-Active .vm-dot{background-color:#10b981}.status-Inactive .vm-dot{background-color:#6b7280}.vm-action-group{display:flex;gap:8px;align-items:center;justify-content:flex-end}.vm-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.vm-icon-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.vm-icon-btn svg{width:16px;height:16px}.vm-td-empty{text-align:center;padding:32px;color:#6b7280}@media(max-width:768px){.vm-header{flex-direction:column;align-items:stretch}.vm-search-input{max-width:100%}}.vd-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:1000;animation:vd-fadeIn .3s ease}.vd-container{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background-color:#fff;z-index:1001;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;font-family:Lexend Exa,sans-serif;transform:translate(100%);animation:vd-slideIn .3s forwards ease}.vd-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.vd-title{margin:0;font-size:1.2rem;font-weight:800;color:#111827}.vd-back-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s}.vd-back-btn:hover{transform:scale(1.1)}.vd-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.vd-form-group{display:flex;flex-direction:column;gap:8px}.vd-form-group label{font-size:.9rem;font-weight:700;color:#111827}.vd-required{color:#ef4444}.vd-form-group input,.vd-form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:.9rem;transition:border-color .2s;background-color:#fff;resize:vertical}.vd-form-group input:focus,.vd-form-group textarea:focus{border-color:#000;background-color:#f9fafb}.vd-status-toggle-wrapper{display:flex;align-items:center;gap:12px}.vd-toggle-switch{width:44px;height:24px;border-radius:20px;position:relative;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;transition:.3s;padding:0}.vd-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.vd-toggle-switch.on{background-color:#8b5cf6;border-color:#8b5cf6}.vd-toggle-switch.on:after{transform:translate(20px)}.vd-status-label{font-size:.95rem;font-weight:500;color:#374151}.vd-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background-color:#fff}.vd-btn-cancel{padding:10px 20px;background-color:#fff;border:1px solid #cccccc;border-radius:6px;font-weight:600;font-size:.9rem;color:#374151;cursor:pointer;font-family:inherit;transition:background-color .2s;transition:all .2s}.vd-btn-cancel:hover{background-color:#f3f4f6;border:1px solid #000000}.vd-btn-submit{padding:10px 20px;background-color:#b6b7b8;border:none;border-radius:6px;font-weight:600;font-size:.9rem;color:#fff;cursor:pointer;font-family:inherit;transition:background-color .2s;transition:all .2s}.vd-btn-submit:hover{background-color:#111827;color:#fff}.vd-hint-text{font-size:12px;color:#666;margin-top:4px;display:block}.vd-values-container{display:flex;flex-direction:column;gap:10px}.vd-value-row{display:flex;gap:8px;align-items:center;width:100%}.vd-value-row .vd-input{flex:1;min-width:0}.vd-color-picker{flex-shrink:0;width:40px;height:40px;padding:2px;cursor:pointer;border:1px solid #dddddd;border-radius:4px}.vd-btn-remove-val{flex-shrink:0;background:none;border:none;cursor:pointer;color:#ef4444;display:flex;align-items:center;justify-content:center}.vd-btn-add-val{background:transparent;color:#000;border:1px dashed #000000;margin-top:8px;padding:10px 20px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:.2s}.vd-btn-submit:disabled{opacity:.7;cursor:not-allowed}.vd-input:focus,.vd-input:hover,.vd-color-picker:focus,.vd-color-picker:hover{border-color:#111827;outline:none}.vd-btn-add-val:focus,.vd-btn-add-val:hover{border-color:#111827;color:#111827;background-color:#1118270d}.vd-dropdown{position:relative;width:100%}.vd-dropdown-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.95rem;color:#374151;cursor:pointer;text-align:left;font-family:inherit;transition:.2s}.vd-dropdown-btn:hover,.vd-dropdown-btn:focus,.vd-dropdown-btn.open{border-color:#111827;outline:none}.vd-dropdown-btn:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.vd-dropdown-icon{width:16px;height:16px;transition:transform .3s ease;color:#6b7280}.vd-dropdown-btn.open .vd-dropdown-icon{transform:rotate(180deg)}.vd-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;overflow:hidden;opacity:0;pointer-events:none}.vd-dropdown-menu.open{animation:vd-slideFadeDown .2s ease-out forwards;pointer-events:auto}.vd-dropdown-menu.close{animation:vd-slideFadeUp .2s ease-in forwards;pointer-events:none}.vd-dropdown-item{padding:10px 14px;font-size:.95rem;color:#374151;cursor:pointer;transition:background-color .2s}.vd-dropdown-item:hover,.vd-dropdown-item.active{background-color:#f3f4f6;color:#111827;font-weight:500}@keyframes vd-slideFadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes vd-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes vd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vd-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.vm-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.pm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.pm-container *{box-sizing:border-box}.pm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.pm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px}.pm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#666;margin:0}.pm-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:all .2s ease}.pm-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.pm-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.pm-filter-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s}.pm-custom-dropdown{position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.pm-filter-dropdown{flex:1 1 130px}.pm-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.pm-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);box-sizing:border-box;font-weight:500}.pm-limit-trigger:hover,.pm-limit-trigger.active{border-color:#111827;background-color:#f9fafb;box-shadow:0 2px 6px #0000000f;color:#111827}.pm-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.pm-limit-icon.open{transform:rotate(180deg)}.pm-limit-icon svg{width:16px;height:16px}.pm-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;animation:pm-slideFadeDownLimit .25s cubic-bezier(.25,1,.5,1) forwards;transform-origin:top center}.pm-limit-option{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .2s ease;white-space:nowrap}.pm-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.pm-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}@keyframes pm-slideFadeDownLimit{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pm-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box;white-space:nowrap}.pm-dropdown-trigger.active,.pm-dropdown-trigger:hover{border-color:#000}.pm-dropdown-arrow{transition:transform .3s ease;margin-left:8px}.pm-dropdown-arrow.open{transform:rotate(180deg)}.pm-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;animation:pm-slideFadeIn .2s ease-out forwards;transform-origin:top center}.pm-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.pm-dropdown-option:hover{background-color:#f3f4f6}.pm-dropdown-option.selected{background-color:#e9e9e9;color:#000;font-weight:600}.pm-btn-clear{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;white-space:nowrap;transition:background-color .2s}.pm-btn-clear:hover{background-color:#f9fafb;border-color:#000}.pm-bulk-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(8px,1vw,12px);width:100%}.pm-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.8rem,1vw,.85rem);cursor:pointer;white-space:nowrap;transition:all .2s;flex:0 1 auto}.pm-btn-bulk:focus{outline:none}.pm-btn-bulk:active{transform:scale(.97)}.pm-btn-bulk:hover{background-color:#f9fafb;border-color:#000}.pm-btn-bulk.delete{background-color:#e1251b;color:#fff;border-color:#e1251b}.pm-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.pm-btn-bulk:disabled:hover{background-color:#fff;border-color:#d1d5db}.pm-btn-bulk.delete:disabled:hover{background-color:#e1251b}.pm-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.pm-table-wrapper::-webkit-scrollbar{height:6px}.pm-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.pm-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px}.pm-table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}.pm-table th,.pm-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb}.pm-table th:last-child,.pm-table td:last-child{white-space:nowrap}.pm-td-name{white-space:normal;word-break:break-word;min-width:160px}.pm-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.pm-table td{color:#111827}.pm-th-content{display:flex;align-items:center;justify-content:flex-start;gap:6px;position:relative}.pm-sort-th{cursor:pointer}.pm-sort-icon{font-family:inherit;font-size:.8rem;opacity:.4;transition:opacity .2s}.pm-sort-th:hover .pm-sort-icon{opacity:.8}.pm-sort-active{opacity:1}.pm-table tr.pm-selected-row{background-color:#f5e1cd}.pm-td-flex{display:flex;align-items:center;gap:8px}.pm-td-empty{text-align:center;padding:30px;color:#666}.pm-th-content input[type=checkbox],.pm-td-flex input[type=checkbox]{cursor:pointer}.pm-img-placeholder{width:clamp(48px,4vw,56px);height:clamp(48px,4vw,56px);border-radius:8px;background-color:#f3f4f6;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0}.pm-img-mock{width:clamp(24px,3vw,32px);height:clamp(24px,3vw,32px);background-color:#d1d5db;border-radius:4px}.pm-status-badge{display:inline-flex;align-items:center;gap:6px;font-weight:500}.pm-dot{width:8px;height:8px;border-radius:50%}.status-Active .pm-dot{background-color:#10b981}.status-Inactive .pm-dot{background-color:#ef4444}.status-Inactive{color:#ef4444}.status-Draft .pm-dot{background-color:#6b7280}.status-Draft{color:#6b7280}.pm-action-group{display:flex;gap:clamp(4px,.8vw,8px);align-items:center;min-width:max-content}.pm-table td .pm-icon-btn{width:clamp(28px,2.5vw,32px);height:clamp(28px,2.5vw,32px);border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;padding:0;transition:all .2s}.pm-table td .pm-icon-btn:hover{background-color:#f3f4f6;border-color:#000}.pm-icon-btn svg{width:18px;height:18px;flex-shrink:0}.pm-toggle-switch{width:clamp(36px,3vw,44px);height:clamp(20px,2vw,24px);border-radius:20px;position:relative;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;transition:.3s}.pm-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:clamp(14px,1.5vw,18px);height:clamp(14px,1.5vw,18px);background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.pm-toggle-switch.on{background-color:#eac6a8}.pm-toggle-switch.on:after{transform:translate(calc(clamp(36px,3vw,44px) - clamp(14px,1.5vw,18px) - 6px))}.pm-toggle-switch.disabled{opacity:.5;cursor:not-allowed}.pm-toggle-switch:hover:not(.disabled){border-color:#000}.pm-toggle-switch:focus,.pm-table td .pm-icon-btn:focus{outline:none}@keyframes pm-slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pm-dropdown-wrapper{position:relative}.pm-dropdown-wrapper.is-open{z-index:50}.pm-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:120px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:8px;z-index:50;display:flex;flex-direction:column;gap:6px;animation:pm-slideFadeIn .2s ease-out forwards;transform-origin:top right}.pm-dropdown-menu:after{content:"";position:absolute;top:-6px;right:12px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.pm-dropdown-item{width:100%;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:.85rem;background-color:transparent}.pm-item-delete{background-color:#e1251b;color:#fff}.pm-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;gap:16px}.pm-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.pm-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none}.pm-page-num.active{background-color:#f3f4f6;font-weight:700}@media(max-width:767px){.pm-header{flex-direction:column;align-items:stretch}.pm-btn-add{width:100%;justify-content:center}.pm-filter-input,.pm-btn-clear,.pm-custom-dropdown{width:100%;flex:1 1 100%}.pm-btn-bulk{width:100%;justify-content:center;text-align:center}.pm-table-wrapper{border:none;overflow:visible}.pm-table{min-width:0;width:100%}.pm-table,.pm-table tbody,.pm-table tr,.pm-table td{display:block;width:100%}.pm-table thead tr{display:flex;padding-bottom:8px;border:none}.pm-table thead th{display:none}.pm-table thead th:first-child{display:flex;align-items:center;gap:8px;padding:0 4px;background:transparent}.pm-table tr{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000000a}.pm-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 0;border-bottom:1px dashed #e5e7eb;white-space:normal}.pm-table td:last-child{border-bottom:none;padding-bottom:0}.pm-table td:before{content:attr(data-label);font-weight:700;color:#6b7280;font-size:.85rem;margin-right:16px;text-align:left;flex-shrink:0}.pm-td-flex{justify-content:flex-end;width:100%}.pm-action-group{flex-wrap:wrap;justify-content:flex-end;width:100%}.pm-pagination{flex-direction:column;justify-content:center;text-align:center}.pm-page-numbers{justify-content:center;width:100%}}.pf-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);font-family:Lexend Exa,sans-serif;width:100%;box-sizing:border-box}.pf-container *{box-sizing:border-box}.pf-header{display:flex;justify-content:space-between;align-items:flex-start}.pf-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.pf-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.pf-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.pf-section-header-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pf-section-title{margin:0 0 20px;font-size:1.1rem;font-weight:700;color:#111827}.pf-section-header-row .pf-section-title{margin-bottom:0}.pf-grid-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.pf-col-span-full{grid-column:1 / -1}.pf-input-group{display:flex;flex-direction:column;gap:8px}.pf-input-group label{font-size:.85rem;font-weight:600;color:#374151}.pf-input-group input,.pf-input-group select,.pf-input-group textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;outline:none}.pf-grid-2-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pf-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.pf-table{width:100%;border-collapse:collapse;text-align:left}.pf-table th,.pf-table td{padding:14px;font-size:.85rem;border-bottom:1px solid #e5e7eb}.pf-table th{background-color:#f3f4f6;font-weight:700}.pf-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.pf-badge.warning{background-color:#fef3c7;color:#d97706}.pf-badge.success{background-color:#d1fae5;color:#059669}.pf-badge.draft{background-color:#fef08a;color:#854d0e}.pf-badge.pending{background-color:#d1d5db;color:#4b5563}.pf-badge.rejected{background-color:#fee2e2;color:#b91c1c}.pf-btn-action{padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;font-family:inherit;transition:all .2s}.pf-btn-action.blue{background-color:#3b82f6;color:#fff}.pf-action-group{display:flex;align-items:center;gap:8px}.pf-btn-action.white{background-color:#fff;color:#111827;border:1px solid #d1d5db;display:flex;align-items:center;gap:6px}.pf-btn-action.white:hover{background-color:#f9fafb}.pf-btn-action.red{background-color:#ef4444;color:#fff}.pf-btn-action:disabled{opacity:.5;cursor:not-allowed}.pf-btn-full{width:100%;padding:12px;border-radius:8px;font-weight:700;font-family:inherit;cursor:pointer;border:none;background-color:#3b82f6;color:#fff;transition:background-color .2s}.pf-btn-full.outline{background-color:transparent;border:1px solid #d1d5db;color:#374151}.pf-variant-value-box{background-color:#f3f4f6;padding:6px 12px;border-radius:6px;display:inline-block;font-weight:500;font-size:.9rem;color:#111827;border:1px solid #e5e7eb}.pf-edit-icon-btn{background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .2s;margin:0 auto}.pf-edit-icon-btn:hover{background-color:#f3f4f6;color:#111827}.pf-add-variant-btn{width:100%;padding:10px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;color:#374151;cursor:pointer;transition:background-color .2s;margin-top:16px}.pf-add-variant-btn:hover{background-color:#f7f7f7;border:1px solid #000000}.pf-tags-container{display:flex;align-items:center;gap:12px;border:1px solid #d1d5db;padding:10px 14px;border-radius:8px;cursor:text;background-color:#fff;min-height:48px}.pf-tags-container.view-mode{cursor:default;background-color:#f9fafb}.pf-tags-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pf-tag-chip{background-color:#e0e7ff;color:#111827;padding:6px 12px;border-radius:6px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px}.pf-tag-chip button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.pf-tag-chip button:hover{color:#111827}.pf-tags-placeholder{color:#9ca3af;font-size:.95rem}.pf-tree-select{position:relative;width:100%}.pf-tree-trigger{padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:clamp(.85rem,1vw,.95rem);min-height:42px}.pf-tree-trigger.error{border-color:#ef4444}.pf-tree-trigger.view-mode{background-color:#f9fafb;cursor:default}.pf-tree-placeholder{color:#9ca3af}.pf-tree-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:300px;overflow-y:auto;padding:8px}.pf-tree-node{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background-color .2s;margin-bottom:2px;color:#374151}.pf-tree-node:hover{background-color:#e5e7eb}.pf-tree-node.selected{background-color:#f3f4f6;font-weight:600;color:#111827}.pf-tree-node-name{-webkit-user-select:none;user-select:none}.pf-tree-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:8px;color:#6b7280}.pf-tree-spacer{width:28px}.pf-error-text{color:#ef4444;font-size:.8rem;margin-top:4px;display:block}.pf-tree-toggle-icon{transition:transform .2s ease}.pf-tree-toggle-icon.expanded{transform:rotate(0)}.pf-tree-toggle-icon.collapsed{transform:rotate(-90deg)}.pf-custom-dropdown{position:relative;width:100%}.pf-dropdown-trigger{padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:clamp(.85rem,1vw,.95rem);min-height:42px;transition:border-color .2s}.pf-dropdown-trigger.active,.pf-dropdown-trigger:hover:not(.view-mode){border-color:#000}.pf-dropdown-trigger.view-mode{background-color:#f9fafb;cursor:default}.pf-dropdown-arrow{transition:transform .3s ease}.pf-dropdown-arrow.open{transform:rotate(180deg)}.pf-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;animation:pf-slideFadeIn .2s ease-out forwards;transform-origin:top center}.pf-dropdown-item{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.pf-dropdown-item:hover{background-color:#f3f4f6}.pf-dropdown-item.selected{background-color:#e9e9e9;color:#000;font-weight:600}.pf-footer-actions{display:flex;justify-content:flex-end;gap:16px}.pf-btn-outline{padding:12px 24px;background-color:#fff;border:1px solid #cccccc;border-radius:8px;font-weight:600;font-size:.9rem;color:#374151;cursor:pointer;font-family:inherit;transition:all .2s}.pf-btn-outline:hover{background-color:#f3f4f6;border:1px solid #000000}.pf-btn-primary{padding:12px 24px;background-color:#b6b7b8;border:none;border-radius:8px;font-weight:600;font-size:.9rem;color:#fff;cursor:pointer;font-family:inherit;transition:all .2s}.pf-btn-primary:hover{background-color:#111827;color:#fff}.pf-btn-primary:hover:not(.valid){background-color:#b6b7b8}.pf-btn-primary.valid{background-color:#111827}.pf-category-chip{background-color:#f3f4f6;color:#111827;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid #d1d5db;display:inline-flex;align-items:center}.pf-tree-check-icon{margin-left:auto;color:#111827;font-weight:900;font-size:.9rem}@media(max-width:1024px){.pf-grid-2-cols{grid-template-columns:1fr}}@keyframes pf-slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tm-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:tm-fadeIn .2s ease-out}.tm-modal-content{background-color:#fff;border-radius:8px;width:400px;max-width:95%;box-shadow:0 10px 25px #0003;font-family:inherit;overflow:hidden;animation:tm-slideUp .3s ease-out}.tm-modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.tm-modal-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0}.tm-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#6b7280;transition:color .2s}.tm-close-btn:hover{color:#111827}.tm-modal-body{padding:20px}.tm-search-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;margin-bottom:16px;box-sizing:border-box;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s}.tm-search-input:focus{border-color:#8d8d8d}.tm-tag-list{list-style:none;padding:0;margin:0;max-height:250px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.tm-tag-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #e5e7eb;font-size:.95rem;color:#374151;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.tm-tag-item:last-child{border-bottom:none}.tm-tag-item:hover{background-color:#f3f4f6;color:#111827}.tm-tag-item.selected{background-color:#e0f2fe;color:#000;font-weight:600}.tm-tag-empty{padding:16px;text-align:center;color:#9ca3af;font-size:.95rem}.tm-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 20px 20px}.tm-btn-cancel{padding:8px 16px;background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:600;color:#374151;font-family:inherit}.tm-btn-cancel:hover{border-color:#9ca3af;background-color:#d1d5db}.tm-btn-confirm{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-family:inherit}.tm-btn-confirm:hover{background-color:#2563eb}@keyframes tm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vm-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:vm-fadeIn .2s ease-out}.vm-modal-content{background-color:#fff;border-radius:8px;width:480px;max-width:95%;box-shadow:0 10px 25px #0003;font-family:inherit;overflow:hidden;animation:vm-slideUp .3s ease-out}.vm-modal-header{background-color:#a1a1aa;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.vm-modal-title{font-size:1.1rem;font-weight:600;color:#111827;margin:0}.vm-modal-body{padding:24px 20px}.vm-search-wrapper{position:relative;margin-bottom:16px}.vm-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #d4d4d8;border-radius:8px;outline:none;font-size:.9rem;font-family:inherit}.vm-search-input:focus{border-color:#27272a}.vm-attr-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.vm-attr-item{padding:10px 12px;border:1px solid #e4e4e7;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.vm-attr-item:hover{background-color:#f4f4f5;border-color:#a1a1aa}.vm-attr-item.selected{background-color:#ddd;border-color:#5a5a5a;color:#000;font-weight:600}.vm-step2-container{display:flex;flex-direction:column;gap:24px;max-height:400px;overflow-y:auto}.vm-modal-attribute-name{font-size:.95rem;font-weight:600;color:#111827;margin-bottom:12px}.vm-checkbox-grid{display:flex;flex-wrap:wrap;gap:16px}.vm-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem}.vm-checkbox-label input[type=checkbox]{appearance:none;width:18px;height:18px;background-color:#e5e7eb;border-radius:4px;cursor:pointer;position:relative}.vm-checkbox-label input[type=checkbox]:checked{background-color:#27272a}.vm-checkbox-label input[type=checkbox]:checked:after{content:"✔";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.vm-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 20px 20px}.vm-btn-cancel{padding:8px 16px;background-color:#e4e4e7;border:1px solid #d4d4d8;border-radius:6px;cursor:pointer;font-weight:600;color:#374151}.vm-btn-cancel:hover{border-color:#000}.vm-btn-add{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.vm-btn-add:disabled{background-color:#9ca3af;cursor:not-allowed}.vm-btn-confirm{padding:8px 16px;background-color:#27272a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}@keyframes vm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes vm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spm-modal-content{background-color:#fff;border-radius:8px;width:550px;max-width:95%;box-shadow:0 10px 25px #0003;font-family:inherit;overflow:hidden;padding:20px;box-sizing:border-box;animation:spm-slideUp .3s ease-out}.spm-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.spm-modal-title{font-size:1.3rem;font-weight:700;color:#111827;margin:0}.spm-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280}.spm-product-info{margin-bottom:20px;font-size:.95rem;color:#111827;line-height:1.5}.spm-product-info strong{font-weight:600}.spm-input-group label{font-size:.85rem;font-weight:600;color:#374151}.spm-input-group input,.spm-input-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:.95rem;font-family:inherit;width:100%;box-sizing:border-box}.spm-input-group input:focus,.spm-input-group select:focus{border-color:#3b82f6}.spm-warning-banner{background-color:#fef3c7;color:#92400e;padding:12px 16px;border-radius:6px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:24px}.spm-error-text{color:#ef4444;font-size:.85rem;margin-top:-8px;margin-bottom:16px}.spm-btn-cancel{padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:600;color:#374151}.spm-btn-save{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.spm-btn-save:disabled{background-color:#9ca3af;cursor:not-allowed}.pf-page-container{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.cm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;box-sizing:border-box}.cm-container *{box-sizing:border-box}.cm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.cm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.cm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.cm-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-family:inherit;font-size:.95rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.cm-btn-add:hover{background-color:#2563eb}.cm-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px}.cm-search-input{width:100%;max-width:400px;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:.95rem;transition:border-color .2s}.cm-search-input:focus{border-color:#000}.cm-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.cm-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}.cm-table th,.cm-table td{padding:14px 16px;border-bottom:1px solid #e5e7eb;font-size:.9rem;color:#111827}.cm-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.cm-th-name{width:60%}.cm-th-status{width:20%}.cm-th-actions{width:20%;text-align:center}.cm-empty-state{text-align:center;padding:40px;color:#6b7280}.cm-td-name-wrapper{display:flex;align-items:center;gap:12px}.cm-depth-0{padding-left:0}.cm-depth-1{padding-left:28px}.cm-depth-2{padding-left:56px}.cm-depth-3{padding-left:84px}.cm-depth-4{padding-left:112px}.cm-depth-5{padding-left:140px}.cm-depth-6{padding-left:168px}.cm-depth-7{padding-left:196px}.cm-depth-8{padding-left:224px}.cm-category-name.depth-root{font-weight:700}.cm-category-name{font-weight:500}.cm-row.drag-over{border-bottom:2px solid #3b82f6;background-color:#eff6ff}.cm-row{transition:background-color .2s ease}.cm-drag-icon{color:#9ca3af;cursor:grab;display:flex;align-items:center}.cm-toggle-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;color:#4b5563;transition:transform .2s;border-radius:4px}.cm-toggle-btn:hover{background-color:#f3f4f6;color:#111827}.cm-toggle-btn.expanded{transform:rotate(0)}.cm-toggle-btn.collapsed{transform:rotate(-90deg)}.cm-spacer{width:24px;height:24px;display:inline-block;flex-shrink:0}.cm-status-badge{display:inline-flex;align-items:center;gap:8px;font-weight:500}.cm-dot{width:8px;height:8px;border-radius:50%}.status-Active .cm-dot{background-color:#10b981}.status-Inactive .cm-dot{background-color:#6b7280}.cm-action-wrapper{position:relative;display:flex;justify-content:center}.cm-action-btn{background:none;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:all .2s}.cm-action-btn:hover,.cm-action-btn.active{background-color:#f3f4f6;border-color:#9ca3af;color:#111827}.cm-dropdown-menu{position:absolute;top:calc(100% + 4px);right:50%;transform:translate(50%);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:120px;z-index:50;display:flex;flex-direction:column;padding:4px;animation:cm-slideFadeIn .2s ease-out forwards}.cm-dropdown-item{padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;color:#374151;border-radius:6px;display:flex;align-items:center;gap:8px;transition:background-color .2s}.cm-dropdown-item:hover{background-color:#f3f4f6}.cm-item-delete{color:#ef4444}.cm-item-delete:hover{background-color:#fee2e2}@keyframes cm-slideFadeIn{0%{opacity:0;transform:translate(50%,-8px)}to{opacity:1;transform:translate(50%)}}@media(max-width:768px){.cm-header{flex-direction:column;align-items:stretch}.cm-btn-add{width:100%}.cm-search-input{max-width:100%}}.cd-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;opacity:0;animation:cd-fadeIn .3s forwards}.cd-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:450px;background-color:#fff;z-index:1001;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;transform:translate(100%);animation:cd-slideInRight .3s cubic-bezier(.16,1,.3,1) forwards;font-family:Lexend Exa,sans-serif}.cd-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.cd-back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;margin-left:-8px;margin-right:12px;color:#111827;border-radius:50%;transition:background-color .2s}.cd-back-btn:hover:not(:disabled){background-color:#f3f4f6}.cd-title{font-size:1.25rem;font-weight:800;margin:0;color:#111827}.cd-body{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.cd-form-group{display:flex;flex-direction:column;gap:8px}.cd-label{font-size:.9rem;font-weight:700;color:#111827}.cd-required{color:#ef4444}.cd-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s}.cd-input:focus:not(:disabled){border-color:#000}.cd-input:disabled{background-color:#f9fafb;cursor:not-allowed}.cd-tree-select{position:relative;width:100%}.cd-tree-trigger{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;min-height:46px}.cd-tree-trigger:hover:not(.disabled){border-color:#000}.cd-tree-trigger.disabled{background-color:#f9fafb;cursor:not-allowed}.cd-tree-placeholder{color:#9ca3af}.cd-tree-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.cd-tree-search-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f3f4f6;background-color:#fff}.cd-tree-search-box input{border:none;outline:none;flex:1;font-size:.9rem;font-family:inherit;color:#111827}.cd-tree-search-box input::placeholder{color:#9ca3af}.cd-tree-search-box svg{color:#9ca3af}.cd-tree-dropdown-list{max-height:250px;overflow-y:auto;padding:8px}.cd-tree-header-text{padding:8px 12px;color:#6b7280;font-size:.85rem;font-weight:500;border-bottom:1px solid #f3f4f6}.cd-empty-search{padding:16px 12px;text-align:center;color:#6b7280;font-size:.9rem}.cd-tree-node{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background-color .2s;color:#374151;font-size:.9rem}.cd-tree-node:hover{background-color:#f3f4f6}.cd-tree-node.selected{background-color:#93c5fd;color:#fff;font-weight:600}.cd-tree-toggle-wrapper{display:flex;align-items:center;margin-right:8px}.cd-tree-toggle{width:20px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .2s}.cd-tree-toggle.clickable{cursor:pointer}.cd-tree-toggle.collapsed{transform:rotate(-90deg)}.cd-tree-toggle.expanded{transform:rotate(0)}.cd-tree-node.selected .cd-tree-toggle{color:#fff}.cd-folder-icon{display:flex;align-items:center;justify-content:center;color:#6b7280;width:20px;height:20px}.cd-folder-icon svg{width:100%;height:100%;stroke-width:1.5}.cd-tree-path{flex:1}.cd-check-icon{margin-left:auto;font-weight:700}.cd-status-row{display:flex;align-items:center;gap:12px;margin-top:8px}.cd-toggle-switch{width:44px;height:24px;border-radius:20px;position:relative;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;transition:.3s}.cd-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.cd-toggle-switch.on{background-color:#6366f1;border-color:#6366f1}.cd-toggle-switch.on:after{transform:translate(20px)}.cd-status-text{font-size:.95rem;font-weight:500;color:#111827}.cd-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.cd-btn-cancel{padding:10px 20px;background-color:#fff;border:1px solid #cccccc;border-radius:6px;font-weight:600;font-size:.9rem;color:#374151;cursor:pointer;font-family:inherit;transition:all .2s}.cd-btn-cancel:hover:not(:disabled){background-color:#f3f4f6;border:1px solid #000000}.cd-btn-cancel:disabled{opacity:.7;cursor:not-allowed}.cd-btn-submit{padding:10px 20px;background-color:#b6b7b8;border:none;border-radius:6px;font-weight:600;font-size:.9rem;color:#fff;cursor:pointer;font-family:inherit;transition:all .2s}.cd-btn-submit:hover:not(:disabled){background-color:#111827;color:#fff}.cd-btn-submit:disabled{opacity:.7;cursor:not-allowed}.cd-textarea{min-height:100px;resize:vertical;padding:10px;border-radius:6px;border:1px solid #d1d5db;font-family:inherit;font-size:14px}.cd-textarea:focus{outline:none;border-color:#000}.cd-empty-space-16{width:16px;display:inline-block}.cd-mr-8{margin-right:8px}.cd-status-warning{font-size:.8rem;color:#ef4444}.cd-toggle-switch.disabled-toggle{opacity:.5;cursor:not-allowed}.cd-tree-node.cd-depth-0{padding-left:8px}.cd-tree-node.cd-depth-1{padding-left:24px}.cd-tree-node.cd-depth-2{padding-left:40px}.cd-tree-node.cd-depth-3{padding-left:56px}.cd-tree-node.cd-depth-4{padding-left:72px}.cd-tree-node.cd-depth-5{padding-left:88px}.cd-tree-node.cd-depth-6{padding-left:104px}.cd-tree-node.cd-depth-7{padding-left:120px}.cd-tree-node.cd-depth-8{padding-left:136px}.cd-tree-node.cd-root-node{padding-left:8px}@keyframes cd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cd-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cm-page-container{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.tm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;box-sizing:border-box}.tm-container *{box-sizing:border-box}.tm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.tm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.tm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.tm-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:background-color .2s;font-family:inherit}.tm-btn-add:hover{background-color:#2563eb}.tm-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px}.tm-filters-row{display:flex;width:100%}.tm-search-input{width:100%;max-width:400px;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:.9rem;transition:border-color .2s}.tm-search-input:focus{outline:none;border-color:#000}.tm-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.tm-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.tm-table th,.tm-table td{padding:14px 16px;font-size:.9rem;border-bottom:1px solid #e5e7eb}.tm-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.tm-table td{color:#111827;vertical-align:middle}.tm-td-name{font-weight:600}.tm-td-desc{color:#4b5563;line-height:1.4}.tm-empty-text{color:#9ca3af;font-style:italic;font-size:.85rem}.tm-status-badge{display:inline-flex;align-items:center;gap:8px;font-weight:500}.tm-dot{width:8px;height:8px;border-radius:50%}.status-Active .tm-dot{background-color:#10b981}.status-Active{color:#10b981}.status-Inactive .tm-dot{background-color:#6b7280}.status-Inactive{color:#6b7280}.tm-action-group{display:flex;gap:8px;align-items:center;justify-content:flex-end}.tm-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.tm-icon-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.tm-icon-btn svg{width:16px;height:16px}.tm-dropdown-wrapper{position:relative}.tm-dropdown-wrapper.is-open{z-index:50}.tm-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:120px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;z-index:50;display:flex;flex-direction:column;gap:4px}.tm-dropdown-item{width:100%;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:.85rem;background-color:transparent;color:#374151;transition:background-color .2s}.tm-dropdown-item:hover{background-color:#f3f4f6;color:#111827}.tm-td-empty{text-align:center;padding:32px;color:#6b7280}@media(max-width:768px){.tm-header{flex-direction:column;align-items:stretch}.tm-search-input{max-width:100%}}.td-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:1000;animation:td-fadeIn .3s ease}.td-container{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background-color:#fff;z-index:1001;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;font-family:Lexend Exa,sans-serif;transform:translate(100%);animation:td-slideIn .3s forwards ease}.td-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.td-title{margin:0;font-size:1.2rem;font-weight:800;color:#111827}.td-back-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s}.td-back-btn:hover{transform:scale(1.1)}.td-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.td-form-group{display:flex;flex-direction:column;gap:8px}.td-form-group label{font-size:.9rem;font-weight:700;color:#111827}.td-required{color:#ef4444}.td-form-group input,.td-form-group textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:.9rem;transition:border-color .2s;background-color:#fff;resize:vertical}.td-form-group input:focus,.td-form-group textarea:focus{border-color:#000;background-color:#f9fafb}.td-status-toggle-wrapper{display:flex;align-items:center;gap:12px}.td-toggle-switch{width:44px;height:24px;border-radius:20px;position:relative;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;transition:.3s;padding:0}.td-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.td-toggle-switch.on{background-color:#8b5cf6;border-color:#8b5cf6}.td-toggle-switch.on:after{transform:translate(20px)}.td-status-label{font-size:.95rem;font-weight:500;color:#374151}.td-color-group{display:flex;gap:16px}.td-color-item{flex:1}.td-form-group input.td-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:42px;padding:4px;background-color:#fff;border:1px solid #8d8d8f;border-radius:8px;cursor:pointer;transition:all .2s ease}.td-form-group input.td-color-picker::-webkit-color-swatch-wrapper{padding:0}.td-form-group input.td-color-picker::-webkit-color-swatch{border:1px solid #e5e7eb;border-radius:4px}.td-form-group input.td-color-picker::-moz-color-swatch{border:1px solid #e5e7eb;border-radius:4px}.td-form-group input.td-color-picker:focus{border-color:#111827;outline:none;box-shadow:0 0 0 1px #111827}.td-custom-dropdown{position:relative;width:100%}.td-dropdown-trigger{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#111827;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;transition:all .2s ease}.td-dropdown-trigger:hover{border-color:#000}.td-dropdown-trigger.active{border-color:#000;background-color:#f9fafb}.td-dropdown-arrow{display:flex;color:#6b7280;transition:transform .2s ease}.td-dropdown-arrow.open{transform:rotate(180deg)}.td-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;overflow:hidden;transform-origin:top}.td-dropdown-option{padding:10px 16px;font-size:.9rem;color:#374151;cursor:pointer;transition:background-color .2s ease}.td-dropdown-option:hover{background-color:#f3f4f6}.td-dropdown-option.selected{background-color:#f3f4f6;color:#111827;font-weight:600}.td-dropdown-options:not(.open):not(.closed){display:none}.td-dropdown-options.open{pointer-events:auto;animation:td-slideFadeDownAnim .2s ease-out forwards}.td-dropdown-options.closed{pointer-events:none;animation:td-slideFadeUpAnim .2s ease-out forwards}@keyframes td-slideFadeDownAnim{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes td-slideFadeUpAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.td-color-item{position:relative}.td-color-trigger{display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:4px 12px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.td-color-trigger:hover{border-color:#000}.td-color-trigger.active{border-color:#111827;box-shadow:0 0 0 1px #111827}.td-color-preview{width:24px;height:24px;border-radius:4px;border:1px solid #e5e7eb}.td-color-hex{font-size:.9rem;color:#374151;text-transform:uppercase}.td-color-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:12px;z-index:20;animation:td-fadeIn .2s ease-out;box-sizing:border-box}.td-color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.td-color-swatch-item{width:24px;height:24px;border-radius:4px;border:1px solid #e5e7eb;cursor:pointer;transition:transform .1s}.td-color-swatch-item:hover{transform:scale(1.1);border-color:#111827}.td-color-hex-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;text-transform:uppercase;font-family:inherit;font-size:.9rem;box-sizing:border-box;outline:none;transition:border-color .2s}.td-color-hex-input:focus{border-color:#111827}.td-error-message{color:#ef4444;font-size:.8rem;margin-top:4px;font-weight:500;animation:td-fadeIn .2s ease-out}.td-form-group input.td-input-error{border-color:#ef4444}.td-form-group input.td-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.td-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background-color:#fff}.td-btn-cancel{padding:10px 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:.9rem;color:#374151;cursor:pointer;font-family:inherit;transition:background-color .2s}.td-btn-cancel:hover{background-color:#f3f4f6}.td-btn-submit{padding:10px 20px;background-color:#d1d5db;border:none;border-radius:6px;font-weight:600;font-size:.9rem;color:#fff;cursor:pointer;font-family:inherit;transition:background-color .2s}.td-btn-submit:hover{background-color:#9ca3af}@keyframes td-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes td-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.tm-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.prm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.prm-container *{box-sizing:border-box}.prm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.prm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.prm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#666;margin:0}.prm-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.prm-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.prm-filters{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.prm-search-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s}.prm-search-input:focus{outline:none;border-color:#000}.prm-custom-select{flex:1 1 130px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.prm-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box;white-space:nowrap}.prm-custom-select.disabled .prm-select-trigger{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.prm-select-trigger:hover{border-color:#000}.prm-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:50;overflow:hidden;animation:prm-slideFadeIn .2s ease-out forwards;transform-origin:top center}.prm-select-item{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.prm-select-item:hover{background-color:#f3f4f6}.prm-select-item.active{background-color:#e9e9e9;color:#000;font-weight:600}.prm-btn-clear{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;white-space:nowrap;transition:background-color .2s;color:#374151}.prm-btn-clear:hover{background-color:#f9fafb;border-color:#000}.prm-btn-clear:focus{outline:none}.prm-bulk-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(8px,1vw,12px);width:100%}.prm-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.8rem,1vw,.85rem);cursor:pointer;white-space:nowrap;transition:all .2s;flex:0 1 auto;color:#374151}.prm-btn-bulk:focus{outline:none}.prm-btn-bulk:active{transform:scale(.97)}.prm-btn-bulk:hover:not(:disabled){background-color:#f9fafb;border-color:#000}.prm-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.prm-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.prm-table-wrapper::-webkit-scrollbar{height:6px}.prm-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.prm-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px}.prm-table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}.prm-table th,.prm-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb;vertical-align:middle}.prm-table th:last-child,.prm-table td:last-child{white-space:nowrap}.prm-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.prm-table td{color:#111827}.prm-table tr.selected-row td{background-color:#f5e1cd}.font-medium{font-weight:600;color:#111827}.prm-checkbox{width:16px;height:16px;cursor:pointer}.prm-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.prm-badge-approve{background-color:#d1fae5;color:#059669}.prm-badge-rejected{background-color:#fee2e2;color:#dc2626}.prm-badge-pending{background-color:#e5e7eb;color:#4b5563}.prm-badge-draft{background-color:#fef3c7;color:#d97706}.prm-row-actions{display:flex;gap:clamp(4px,.8vw,8px);align-items:center;min-width:max-content}.prm-btn-action{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.prm-btn-action.edit{background-color:transparent;border:1px solid #d1d5db;color:#374151}.prm-btn-action.edit:hover{background-color:#f3f4f6;border-color:#000}.prm-btn-action.submit,.prm-btn-action.approve{background-color:#3b82f6;color:#fff}.prm-btn-action.reject{background-color:#ef4444;color:#fff}.prm-empty-state{text-align:center;padding:40px;color:#6b7280;font-style:italic}.prm-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;gap:16px;color:#374151}.prm-pagination-info{font-size:.9rem;color:#374151;font-weight:600}.prm-pagination-controls{display:flex;align-items:center;gap:clamp(4px,1vw,8px);flex-wrap:wrap}.prm-page-btn{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151}.prm-page-btn.active{background-color:#f3f4f6;font-weight:700}.prm-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.prm-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);box-sizing:border-box;font-weight:500}.prm-limit-trigger:hover,.prm-limit-trigger.active{border-color:#111827;background-color:#f9fafb;box-shadow:0 2px 6px #0000000f;color:#111827}.prm-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.prm-limit-icon.open{transform:rotate(180deg)}.prm-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;animation:prm-slideFadeDown .25s cubic-bezier(.25,1,.5,1) forwards;transform-origin:top center}.prm-limit-option{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .2s ease;white-space:nowrap}.prm-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.prm-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}@keyframes prm-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes prm-slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spm-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:spm-fadeIn .2s ease-out}.spm-modal-content{background-color:#fff;border-radius:8px;width:550px;max-width:95%;box-shadow:0 10px 25px #0003;font-family:inherit;overflow:hidden;padding:24px;box-sizing:border-box;animation:spm-slideUp .3s ease-out}.spm-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.spm-modal-title{font-size:1.3rem;font-weight:800;color:#111827;margin:0}.spm-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280;transition:color .2s}.spm-close-btn:hover:not(:disabled){color:#111827}.spm-product-info{margin-bottom:20px;font-size:.95rem;color:#374151;line-height:1.6}.spm-product-info strong{font-weight:700;color:#111827}.spm-input-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:16px;margin-bottom:16px}.spm-input-group{display:flex;flex-direction:column;gap:8px}.spm-input-group label{font-size:.85rem;font-weight:700;color:#374151}.spm-input-group input,.spm-input-group select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:.95rem;font-family:inherit;width:100%;box-sizing:border-box;transition:border-color .2s}.spm-input-group input:focus:not(:disabled),.spm-input-group select:focus:not(:disabled){border-color:#000}.spm-input-group input:disabled,.spm-input-group select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.spm-input-error{border-color:#ef4444}.spm-warning-banner{background-color:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:24px}.spm-error-text{color:#ef4444;font-size:.85rem;margin-top:-8px;margin-bottom:16px;font-weight:500}.spm-modal-footer{display:flex;justify-content:flex-end;gap:12px}.spm-btn-cancel{padding:10px 20px;background-color:#fff;border:1px solid #cccccc;border-radius:6px;font-weight:600;font-size:.9rem;color:#374151;cursor:pointer;font-family:inherit;transition:all .2s}.spm-btn-cancel:hover:not(:disabled){background-color:#f3f4f6;border:1px solid #000000}.spm-btn-cancel:disabled{opacity:.7;cursor:not-allowed}.spm-btn-save{padding:10px 20px;background-color:#b6b7b8;border:none;border-radius:6px;font-weight:600;font-size:.9rem;color:#fff;cursor:pointer;font-family:inherit;transition:all .2s}.spm-btn-save:hover:not(:disabled){background-color:#111827;color:#fff}.spm-btn-save:disabled{opacity:.7;cursor:not-allowed}@keyframes spm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pm-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.crm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;letter-spacing:-.04em;line-height:1.4;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.crm-container *{box-sizing:border-box}.crm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.crm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.crm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#666;margin:0}.crm-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:all .2s ease;font-family:inherit}.crm-btn-add:hover{background-color:#2563eb}.crm-header-actions{display:flex;gap:12px}.crm-btn-export{background-color:#10b981}.crm-btn-export:hover{background-color:#059669}.crm-col-select{width:5%}.crm-col-name,.crm-col-email{width:20%}.crm-col-type{width:15%}.crm-col-status{width:10%}.crm-col-login{width:15%}.crm-col-actions{width:15%;text-align:right}.crm-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.crm-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.crm-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.crm-filter-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s}.crm-filter-input:focus{border-color:#3b82f6}.crm-custom-dropdown{flex:1 1 130px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.crm-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box;white-space:nowrap}.crm-dropdown-trigger.active,.crm-dropdown-trigger:hover{border-color:#000}.crm-dropdown-arrow{transition:transform .3s ease;margin-left:8px}.crm-dropdown-arrow.open{transform:rotate(180deg)}.crm-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;animation:crm-slideFadeIn .2s ease-out forwards;transform-origin:top center}.crm-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.crm-dropdown-option:hover{background-color:#f3f4f6}.crm-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.crm-btn-clear{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;color:#374151}.crm-btn-clear:hover{background-color:#f9fafb;border-color:#000}.crm-btn-clear:focus{outline:none}.crm-bulk-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(8px,1vw,12px);width:100%}.crm-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.8rem,1vw,.85rem);cursor:pointer;white-space:nowrap;transition:all .2s;flex:0 1 auto;font-family:inherit;color:#374151}.crm-btn-bulk:focus{outline:none}.crm-btn-bulk:active{transform:scale(.97)}.crm-btn-bulk:hover:not(:disabled){background-color:#f9fafb;border-color:#000}.crm-btn-bulk.danger{background-color:#e1251b;color:#fff;border-color:#e1251b}.crm-btn-bulk.danger:hover:not(:disabled){background-color:#c91f16;border-color:#c91f16}.crm-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.crm-btn-bulk:disabled:hover{background-color:#fff;border-color:#d1d5db}.crm-btn-bulk.danger:disabled:hover{background-color:#e1251b}.crm-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.crm-table-wrapper::-webkit-scrollbar{height:6px}.crm-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.crm-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px}.crm-table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}.crm-table th,.crm-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb;vertical-align:middle}.crm-table th:last-child,.crm-table td:last-child{white-space:nowrap}.crm-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.crm-table td{color:#111827}.crm-table tr.crm-selected-row td{background-color:#f5e1cd}.crm-checkbox{width:16px;height:16px;cursor:pointer}.crm-user-cell{display:flex;align-items:center;gap:12px}.crm-avatar{width:clamp(28px,3vw,32px);height:clamp(28px,3vw,32px);border-radius:50%;background-color:#f3e8ff;color:#7e22ce;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crm-text-strong{font-weight:600;color:#111827}.crm-text-muted{color:#6b7280}.crm-link{color:#111827;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.crm-link:hover{color:#3b82f6}.crm-badge{display:inline-flex;align-items:center;gap:6px;font-weight:500}.crm-dot{width:8px;height:8px;border-radius:50%}.crm-badge-active{color:#10b981}.crm-badge-active .crm-dot{background-color:#10b981}.crm-badge-inactive{color:#111827}.crm-badge-inactive .crm-dot{background-color:#ef4444}.crm-badge-locked{color:#f59e0b}.crm-badge-locked .crm-dot{background-color:#f59e0b}.crm-row-actions{display:flex;gap:clamp(4px,.8vw,8px);align-items:center;justify-content:flex-end;min-width:max-content;position:relative}.crm-table td .crm-icon-btn{width:clamp(28px,2.5vw,32px);height:clamp(28px,2.5vw,32px);border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;padding:0;transition:all .2s}.crm-table td .crm-icon-btn:hover{background-color:#f3f4f6;border-color:#000}.crm-icon-btn:focus{outline:none}.crm-icon-btn svg{width:18px;height:18px;flex-shrink:0}.crm-toggle-cell{display:flex;align-items:center;justify-content:center;padding:0 4px}.crm-table-toggle{width:clamp(36px,3vw,44px);height:clamp(20px,2vw,24px);border-radius:20px;position:relative;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;transition:.3s;padding:0}.crm-table-toggle:after{content:"";position:absolute;top:2px;left:2px;width:clamp(14px,1.5vw,18px);height:clamp(14px,1.5vw,18px);background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.crm-table-toggle.on{background-color:#eac6a8}.crm-table-toggle.on:after{transform:translate(calc(clamp(36px,3vw,44px) - clamp(14px,1.5vw,18px) - 6px))}.crm-table-toggle.disabled{opacity:.5;cursor:not-allowed}.crm-table-toggle:hover:not(:disabled){border-color:#000}.crm-table-toggle:focus{outline:none}@keyframes crm-slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.crm-empty-state{text-align:center;padding:30px;color:#666}.crm-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;color:#374151;gap:16px}.crm-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.crm-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151}.crm-page-num.active{background-color:#f3f4f6;font-weight:700}.crm-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.crm-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);box-sizing:border-box;font-weight:500}.crm-limit-trigger:hover,.crm-limit-trigger.active{border-color:#111827;background-color:#f9fafb;box-shadow:0 2px 6px #0000000f;color:#111827}.crm-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.crm-limit-icon.open{transform:rotate(180deg)}.crm-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;animation:crm-slideFadeDown .25s cubic-bezier(.25,1,.5,1) forwards;transform-origin:top center}.crm-limit-option{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .2s ease;white-space:nowrap}.crm-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.crm-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}.crm-dropdown-options:not(.open):not(.closed),.crm-limit-options:not(.open):not(.closed){display:none}.crm-dropdown-options.open,.crm-limit-options.open{pointer-events:auto;animation:crm-slideFadeDown .2s ease-out forwards}.crm-dropdown-options.closed,.crm-limit-options.closed{pointer-events:none;animation:crm-slideFadeUp .15s ease-out forwards}@keyframes crm-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes crm-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.crm-action-menu{position:absolute;top:calc(100% + 4px);right:0;width:140px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:8px;z-index:50;display:flex;flex-direction:column;gap:4px;animation:crm-slideFadeIn .2s ease-out forwards;transform-origin:top right}.crm-action-menu:after{content:"";position:absolute;top:-6px;right:12px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.crm-action-item{width:100%;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;text-align:left;font-family:inherit;font-size:.85rem;background-color:transparent;color:#374151;transition:background-color .2s}.crm-action-item.crm-item-delete{color:#e1251b}.crm-action-item.crm-item-delete:hover{background-color:#fee2e2}.crm-action-item.crm-item-lock:hover,.crm-action-item.crm-item-unlock:hover{background-color:#f3f4f6;color:#111827}.crm-page-num:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media(max-width:767px){.crm-header{flex-direction:column;align-items:stretch}.crm-btn-add{width:100%;justify-content:center}.crm-filter-input,.crm-btn-clear,.crm-custom-dropdown{width:100%;flex:1 1 100%}.crm-btn-bulk{width:100%;justify-content:center;text-align:center}.crm-table-wrapper{border:none;overflow:visible}.crm-table{min-width:0;width:100%}.crm-table,.crm-table tbody,.crm-table tr,.crm-table td{display:block;width:100%}.crm-table thead tr{display:flex;padding-bottom:8px;border:none}.crm-table thead th{display:none}.crm-table thead th:first-child{display:flex;align-items:center;gap:8px;padding:0 4px;background:transparent}.crm-table tr{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000000a}.crm-table tr.crm-selected-row{background-color:#f5e1cd;border-color:#eac6a8}.crm-table tr.crm-selected-row td{background-color:transparent;border-bottom-color:#eab48a}.crm-table td:nth-child(1){justify-content:space-between;padding-bottom:12px}.crm-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 0;border-bottom:none;white-space:normal}.crm-table td:last-child{border-bottom:none;padding-bottom:0}.crm-table td:before{content:attr(data-label);font-weight:700;color:#6b7280;font-size:.85rem;margin-right:16px;text-align:left;flex-shrink:0}.crm-user-cell{justify-content:flex-end;width:100%}.crm-row-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.crm-pagination{flex-direction:column;justify-content:center;text-align:center}.crm-page-numbers{justify-content:center;width:100%}}.crm-badge-deleted{color:#4b5563}.crm-badge-deleted .crm-dot{background-color:#6b7280}.crm-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:crm-fadeIn .2s ease-out;font-family:Lexend Exa,sans-serif}.crm-modal-container{background-color:#fff;border-radius:16px;width:480px;max-width:95vw;max-height:90vh;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:crm-slideUp .3s ease-out;padding:32px;box-sizing:border-box}.crm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 24px;border-bottom:none}.crm-modal-title{font-size:1.75rem;font-weight:800;color:#000;margin:0}.crm-close-btn{display:none}.crm-modal-body{padding:0 0 4px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin}.crm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crm-form-group{display:flex;flex-direction:column;gap:8px}.crm-full-width{grid-column:1 / -1}.crm-form-group label{font-size:.95rem;font-weight:800;color:#000}.crm-required{color:#e1251b;margin-left:2px}.crm-form-group input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;outline:none;color:#333;transition:border-color .2s ease;background-color:#fff;box-sizing:border-box;width:100%}.crm-form-group input:focus:not(:disabled){border-color:#000}.crm-form-group input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.crm-modal-dropdown-wrapper{position:relative;width:100%}.crm-modal-select-trigger{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;background-color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#333;transition:border-color .2s ease;box-sizing:border-box}.crm-modal-select-trigger.error{border-color:#ef4444}.crm-modal-select-trigger:hover:not(.disabled){border-color:#000}.crm-modal-select-trigger.disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.crm-modal-select-trigger svg{transition:transform .2s ease}.crm-modal-select-trigger svg.open{transform:rotate(180deg)}.crm-modal-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1002;max-height:200px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-10px);transform-origin:top center}.crm-modal-dropdown-options:not(.open):not(.closed){display:none}.crm-modal-dropdown-options.open{pointer-events:auto;animation:crm-modal-slideFadeDown .2s ease-out forwards}.crm-modal-dropdown-options.closed{pointer-events:none;animation:crm-modal-slideFadeUp .15s ease-out forwards}@keyframes crm-modal-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes crm-modal-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.crm-modal-dropdown-option{padding:10px 16px;cursor:pointer;font-size:.95rem;color:#374151;transition:background-color .2s}.crm-modal-dropdown-option:hover{background-color:#f3f4f6;color:#111827}.crm-modal-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.crm-input-error{border-color:#ef4444}.crm-error-text{color:#ef4444;font-size:.8rem;margin-top:-4px}.crm-status-toggle-wrapper{display:flex;align-items:center;gap:12px;margin-top:4px}.crm-toggle-switch{width:48px;height:26px;border-radius:20px;position:relative;cursor:pointer;background-color:#d1d5db;border:1px solid transparent;transition:background-color .3s ease;padding:0}.crm-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.crm-toggle-switch.on{background-color:#6b46c1}.crm-toggle-switch.on:after{transform:translate(22px)}.crm-toggle-switch:disabled{opacity:.6;cursor:not-allowed}.crm-status-label{font-size:1rem;font-weight:700;color:#000}.crm-modal-footer{padding:24px 0 0;display:flex;justify-content:flex-end;gap:12px;border-top:none;background-color:transparent}.crm-btn-submit{order:1;padding:10px 24px;background-color:#ccc;border:none;border-radius:8px;font-weight:700;font-size:.95rem;color:#fff;cursor:pointer;font-family:inherit;transition:background-color .2s}.crm-btn-submit:hover:not(:disabled){background-color:#000}.crm-btn-submit:disabled{opacity:.7;cursor:not-allowed}.crm-btn-cancel{order:2;padding:10px 24px;background-color:#fff;border:1px solid #000000;border-radius:8px;font-weight:700;font-size:.95rem;color:#000;cursor:pointer;font-family:inherit;transition:all .2s}.crm-btn-cancel:hover:not(:disabled){background-color:#000;color:#fff}.crm-btn-cancel:disabled{opacity:.7;cursor:not-allowed;border-color:#ccc;color:#ccc}@keyframes crm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes crm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crm-detail-modal-container{background-color:#fff;border-radius:16px;width:850px;max-width:95vw;max-height:90vh;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:crm-slideUp .3s ease-out;box-sizing:border-box}.crm-detail-header{padding:clamp(20px,3vw,32px) clamp(20px,3vw,32px) 0;display:flex;justify-content:space-between;align-items:flex-start}.crm-detail-user-info{display:flex;align-items:center;gap:16px}.crm-detail-avatar{width:56px;height:56px;border-radius:50%;background-color:#f3e8ff;color:#7e22ce;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.crm-detail-name{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;color:#111827;margin:0 0 4px}.crm-detail-email{font-size:.9rem;color:#6b7280;margin:0}.crm-tabs-header{display:flex;gap:32px;padding:0 clamp(20px,3vw,32px);border-bottom:1px solid #e5e7eb;margin-top:24px}.crm-tab-btn{padding:12px 4px;background:transparent;border:none;font-family:inherit;font-size:.95rem;font-weight:600;color:#6b7280;cursor:pointer;position:relative;transition:color .2s;white-space:nowrap}.crm-tab-btn:hover{color:#111827}.crm-tab-btn:focus{outline:none}.crm-tab-btn.active{color:#111827}.crm-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#111827}.crm-detail-body{padding:clamp(20px,3vw,32px);overflow-y:auto;flex:1;scrollbar-width:thin}.crm-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.crm-info-group{display:flex;flex-direction:column;gap:6px}.crm-info-label{font-size:.85rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.crm-info-value{font-size:1rem;font-weight:500;color:#111827;padding:12px 16px;background-color:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.crm-activity-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.crm-btn-export{background-color:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-family:inherit}.crm-btn-export:hover:not(:disabled){background-color:#059669}.crm-btn-export:disabled{opacity:.7;cursor:not-allowed}.crm-activity-table{width:100%;border-collapse:collapse;font-size:.9rem}.crm-activity-table th{background-color:#f9fafb;padding:12px 16px;text-align:left;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb}.crm-activity-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;color:#4b5563}.crm-activity-status.success{color:#10b981;font-weight:600}.crm-activity-status.failed{color:#ef4444;font-weight:600}.crm-icon-btn{border:none;background:transparent;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.crm-section-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:#111827}.crm-section-title--toolbar{margin:0;font-size:1rem;font-weight:600;color:#111827}.crm-detail-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.crm-td-order-code{font-weight:600;color:#111827}.crm-td-nowrap{white-space:nowrap}.crm-td-bold{font-weight:600}.crm-td-action{font-weight:500}.crm-order-status--pending,.crm-order-status--processing,.crm-order-status--shipping{color:#3b82f6;font-weight:600}.crm-order-status--delivered,.crm-order-status--completed{color:#10b981;font-weight:600}.crm-order-status--cancelled,.crm-order-status--returned{color:#ef4444;font-weight:600}.crm-order-status--default{color:#6b7280;font-weight:600}.crm-account-status--active{color:#10b981}.crm-account-status--locked{color:#f59e0b}.crm-account-status--inactive{color:#ef4444}@media(max-width:640px){.crm-tabs-header{overflow-x:auto;gap:20px;padding-bottom:2px}.crm-activity-toolbar{flex-direction:column;align-items:stretch;gap:12px}}.crm-loyalty-value--spent{font-weight:700;color:#059669}.crm-loyalty-value--points{font-weight:700;color:#d97706}.crm-reason-modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.crm-reason-modal-container{background:#fff;width:100%;max-width:480px;border-radius:12px;padding:24px;box-shadow:0 20px 25px -5px #0000001a}.crm-reason-model-title{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#111827}.crm-reason-close-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;color:#6b7280;padding:4px;line-height:1;transition:color .2s}.crm-reason-close-btn:hover:not(:disabled){color:#111827}.crm-reason-close-btn:disabled{opacity:.4;cursor:not-allowed}.crm-reason-model-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.crm-reason-model-header .crm-reason-model-title{margin:0}.crm-reason-modal-desc{margin:0 0 20px;font-size:.95rem;color:#4b5563}.crm-reason-label{display:block;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:8px}.crm-reason-required{color:#ef4444}.crm-reason-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #111827;border-radius:8px;font-family:inherit;font-size:.95rem;color:#111827;resize:vertical;outline:none;box-sizing:border-box;background:#fff;display:block;margin-bottom:24px;transition:box-shadow .2s}.crm-reason-textarea:focus{box-shadow:0 0 0 1px #111827}.crm-reason-textarea:disabled{opacity:.6;cursor:not-allowed}.crm-reason-textarea.error{border-color:#ef4444}.crm-reason-error-text{display:block;margin-top:-20px;margin-bottom:16px;font-size:.85rem;color:#ef4444}.crm-reason-model-footer{display:flex;justify-content:flex-end;gap:12px}.crm-reason-btn-cancel{padding:8px 16px;background:#fff;border:1px solid #111827;border-radius:6px;color:#111827;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.crm-reason-btn-cancel:hover:not(:disabled),.crm-reason-btn-cancel:focus:not(:disabled){background:#f3f4f6;outline:none;border-color:#000;color:#000;box-shadow:0 0 0 1px #000}.crm-reason-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.crm-btn-submit-danger{padding:8px 16px;background:#dc2626;border:none;border-radius:6px;color:#fff;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.crm-btn-submit-danger:hover:not(:disabled){background:#b91c1c}.crm-btn-submit:disabled{opacity:.5;cursor:not-allowed}.crm-reason-model-body{display:contents}.crm-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.lcs-page-wrapper{display:flex;flex-direction:column;height:100%;padding-bottom:20px}.lcs-page-header{margin-bottom:20px}.lcs-page-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px;font-family:Lexend Exa,sans-serif}.lcs-page-breadcrumb{font-size:14px;color:#6b7280;margin:0;font-family:Lexend Exa,sans-serif}.lcs-container{display:flex;height:calc(100vh - 180px);min-height:600px;background-color:#fff;border-radius:12px;border:2px solid #e5e7eb;overflow:hidden;font-family:Lexend Exa,sans-serif;box-sizing:border-box}.lcs-container *{box-sizing:border-box}.lcs-sidebar{width:var(--sidebar-width, 350px);display:flex;flex-direction:column;background-color:#fff;flex-shrink:0}.lcs-tabs{display:flex;padding:20px 20px 16px;gap:8px;flex-wrap:wrap}.lcs-tab-btn{border:none;background-color:#f3f4f6;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit;transition:all .2s}.lcs-badge{background-color:#fff;padding:2px 6px;border-radius:10px;font-size:.7rem;color:inherit}.lcs-tab-btn.active.waitlist{background-color:#fef08a;color:#854d0e}.lcs-tab-btn.active.ongoing{background-color:#bbf7d0;color:#166534}.lcs-tab-btn.active.complete{background-color:#9ca3af;color:#fff}.lcs-tab-btn.active.complete .lcs-badge{color:#374151}.lcs-search-wrapper{margin:0 20px 16px;position:relative;display:flex;align-items:center}.lcs-search-wrapper svg{position:absolute;right:12px;left:auto;color:#9ca3af}.lcs-search-input{width:100%;padding:10px 36px 10px 12px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:.85rem;transition:border-color .2s}.lcs-search-input::placeholder{color:#9ca3af;opacity:.5}.lcs-search-input:focus{border-color:#3b82f6}.lcs-session-list{flex:1;overflow-y:auto}.lcs-session-item{display:flex;padding:16px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s;position:relative}.lcs-session-item:hover{background-color:#f9fafb}.lcs-session-item.selected{background-color:#eff6ff}.lcs-avatar-circle{width:40px;height:40px;border-radius:50%;border:2px solid #111827;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;color:#111827}.lcs-session-info{flex:1;min-width:0}.lcs-session-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;gap:8px}.lcs-session-name{margin:0 0 2px;font-size:.9rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcs-session-handle{margin:0 0 4px;font-size:.75rem;color:#6b7280}.lcs-session-preview{margin:0;font-size:.8rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcs-session-time{font-size:.75rem;color:#9ca3af;flex-shrink:0}.lcs-empty-list{padding:40px 20px;text-align:center;color:#9ca3af;font-size:.9rem}.lcs-chat-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background-color:#f9fafb}.lcs-no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ca3af;font-size:1rem}.lcs-chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.lcs-chat-header-user{display:flex;align-items:center}.lcs-chat-name{margin:0 0 2px;font-size:1rem;font-weight:700;color:#111827}.lcs-chat-handle{margin:0;font-size:.8rem;color:#6b7280}.lcs-chat-opened-at{font-size:12px;color:#6b7280;margin-top:4px}.lcs-action-btn{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;border:none;font-family:inherit;transition:opacity .2s;display:flex;align-items:center;gap:6px}.lcs-action-btn.dark{background-color:#1f2937;color:#fff}.lcs-action-btn:hover{opacity:.9}.lcs-chat-messages{flex:1;min-height:0;padding:24px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px}.lcs-chat-date-divider{display:flex;align-items:center;text-align:center;font-size:.75rem;color:#9ca3af;margin:16px 0}.lcs-chat-date-divider:before,.lcs-chat-date-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.lcs-chat-date-divider:before{margin-right:12px}.lcs-chat-date-divider:after{margin-left:12px}.lcs-message-row{display:flex;align-items:flex-end;gap:8px;max-width:75%}.lcs-message-row.customer{align-self:flex-start}.lcs-message-row.consultant{align-self:flex-end;justify-content:flex-end}.lcs-message-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.lcs-message-avatar.customer-avatar{background-color:#eab308}.lcs-message-avatar.consultant-avatar{background-color:#ea580c}.lcs-message-content{padding:12px 16px;border-radius:20px;font-size:.9rem;line-height:1.4}.lcs-message-content p{margin:0;white-space:pre-wrap}.customer-bg{background-color:#fff;border:1px solid #e5e7eb;color:#111827}.consultant-bg{background-color:#0ea5e9;color:#fff}.lcs-message-image{margin-top:8px}.lcs-message-image img{max-width:100%;border-radius:8px;display:block}.lcs-message-system{text-align:center;margin:16px 0;font-size:13px;color:#6c757d;font-style:italic;width:100%}.lcs-product-card{margin-top:10px;background-color:#fff;border-radius:8px;overflow:hidden;color:#111827}.lcs-product-card img{width:100%;height:auto;display:block}.lcs-product-info{padding:12px}.lcs-product-info h4{margin:0 0 4px;font-size:.95rem;font-weight:700}.lcs-product-info p{margin:0 0 8px;font-size:.8rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lcs-product-info a{font-size:.8rem;color:#3b82f6;text-decoration:none;font-weight:600}.lcs-message-file{display:flex;align-items:center;gap:8px;padding:8px;background-color:#0000000d;border-radius:8px}.lcs-message-file a{font-weight:700;color:#333;text-decoration:none}.lcs-message-file p{font-size:11px;margin:0;color:#666}.lcs-message-time{font-size:.7rem;color:#9ca3af;display:flex;align-items:center;margin-bottom:0}.lcs-message-time-customer{justify-content:flex-start}.lcs-message-time-consultant{justify-content:flex-end}.lcs-double-check{margin-left:4px;display:inline-block;vertical-align:middle}.lcs-typing{font-style:italic;color:#666}.lcs-chat-input-area{padding:16px 24px;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative}.lcs-chat-input-area>input[type=text]{flex:1;min-width:0;border:none;outline:none;padding:10px 0;font-size:.95rem;font-family:inherit;background-color:transparent}.lcs-input-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.lcs-icon-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.lcs-icon-btn:hover{background-color:#f3f4f6;color:#4b5563}.lcs-send-btn{background-color:#3b82f6;color:#fff;border:none;width:36px;height:36px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;flex-shrink:0}.lcs-send-btn:hover{background-color:#2563eb}.lcs-icon-btn:focus,.lcs-send-btn:focus,.lcs-icon-btn:active,.lcs-send-btn:active{outline:none;box-shadow:none}.lcs-emoji-picker-wrapper{position:absolute;bottom:75px;right:24px;z-index:50}.lcs-emoji-picker-wrapper svg{display:inline;vertical-align:middle}.lcs-department-tag{font-size:11px;background-color:#007bff;color:#fff;padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px}.lcs-resizer{width:4px;background-color:#e5e7eb;cursor:col-resize;flex-shrink:0;transition:background-color .2s;z-index:10}.lcs-resizer:hover,.lcs-resizer.active{background-color:#3b82f6}.is-resizing-container{-webkit-user-select:none;user-select:none}@media(max-width:900px){.lcs-container{flex-direction:column;height:auto;min-height:calc(100vh - 100px)}.lcs-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.lcs-resizer{display:none}.lcs-session-list{max-height:250px}}@media(max-width:480px){.lcs-tab-btn{flex:1 1 auto;justify-content:center}}.lcs-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.lcs-emoji-picker-wrapper .EmojiPickerReact svg{display:block;vertical-align:baseline}.lcs-emoji-picker-wrapper .EmojiPickerReact button{padding:0;border:none;background-color:transparent;border-radius:0;min-width:auto;min-height:auto;line-height:normal}.lcs-emoji-picker-wrapper .EmojiPickerReact .epr-icn-clear-search{display:flex;align-items:center;justify-content:center}.lcs-emoji-picker-wrapper .EmojiPickerReact button:focus,.lcs-emoji-picker-wrapper .EmojiPickerReact button:focus-visible{outline:none;box-shadow:none}.lcs-emoji-picker-wrapper .EmojiPickerReact button:hover{border-color:transparent}.lcs-message-avatar svg{display:block;margin:auto}.lcs-message-row.consultant .lcs-message-time{order:-1;margin-right:8px}.lcs-message-row.customer .lcs-message-content{border-bottom-left-radius:4px}.lcs-message-row.consultant .lcs-message-content{border-bottom-right-radius:4px}.promo-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.promo-container *{box-sizing:border-box}.promo-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.promo-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.promo-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#666;margin:0}.promo-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:all .2s ease;font-family:inherit}.promo-btn-add:hover{background-color:#2563eb}.promo-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.promo-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.promo-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.promo-search-wrapper{position:relative;flex:3 1 200px;display:flex;align-items:center}.promo-search-wrapper svg{position:absolute;left:16px;color:#9ca3af;width:16px;height:16px}.promo-filter-input.with-icon{width:100%;padding:clamp(8px,1.2vw,10px) 16px clamp(8px,1.2vw,10px) 40px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;box-sizing:border-box}.promo-filter-input:focus{border-color:#3b82f6}.promo-custom-dropdown{flex:1 1 130px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.promo-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box;white-space:nowrap}.promo-dropdown-trigger.active,.promo-dropdown-trigger:hover{border-color:#000}.promo-dropdown-trigger svg{width:16px;height:16px;display:block}.promo-dropdown-arrow{margin-left:8px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.promo-limit-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.promo-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transform-origin:top center}.promo-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.promo-dropdown-option:hover{background-color:#f3f4f6}.promo-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.promo-btn-clear{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;color:#374151}.promo-btn-clear:hover{background-color:#f9fafb;border-color:#000}.promo-btn-clear:focus{outline:none}.promo-bulk-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(8px,1vw,12px);width:100%}.promo-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.8rem,1vw,.85rem);cursor:pointer;white-space:nowrap;transition:all .2s;flex:0 1 auto;font-family:inherit;color:#374151}.promo-btn-bulk:focus{outline:none}.promo-btn-bulk:active{transform:scale(.97)}.promo-btn-bulk:hover:not(:disabled){background-color:#f9fafb;border-color:#000}.promo-btn-bulk.danger{background-color:#e1251b;color:#fff;border-color:#e1251b}.promo-btn-bulk.danger:hover:not(:disabled){background-color:#c91f16;border-color:#c91f16}.promo-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.promo-btn-bulk:disabled:hover{background-color:#fff;border-color:#d1d5db}.promo-btn-bulk.danger:disabled:hover{background-color:#e1251b}.promo-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.promo-table-wrapper::-webkit-scrollbar{height:6px}.promo-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.promo-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px}.promo-table{width:100%;border-collapse:collapse;text-align:left;min-width:1000px}.promo-table th,.promo-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb;vertical-align:middle}.promo-table th:last-child,.promo-table td:last-child{white-space:nowrap}.promo-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.promo-table td{color:#111827}.promo-table tr.promo-selected-row td{background-color:#f5e1cd}.promo-checkbox{width:16px;height:16px;cursor:pointer}.promo-text-strong{font-weight:600;color:#111827}.promo-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center}.promo-badge-active{background-color:#bbf7d0;color:#166534}.promo-badge-scheduled{background-color:#fef08a;color:#854d0e}.promo-badge-expired{background-color:#e5e7eb;color:#6b7280}.promo-badge-inactive{background-color:#f3f4f6;color:#4b5563}.promo-badge-draft{background-color:#dbeafe;color:#1e40af}.promo-row-actions{display:flex;gap:clamp(4px,.8vw,8px);align-items:center;justify-content:flex-end;min-width:max-content}.promo-table td .promo-icon-btn{width:clamp(28px,2.5vw,32px);height:clamp(28px,2.5vw,32px);border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;padding:0;transition:all .2s}.promo-table td .promo-icon-btn:hover{background-color:#f3f4f6;border-color:#000}.promo-icon-btn:focus{outline:none}.promo-icon-btn svg{width:16px;height:16px;flex-shrink:0}.promo-empty-state{text-align:center;padding:30px;color:#666}.promo-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;color:#374151;gap:16px}.promo-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.promo-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151}.promo-page-num.active{background-color:#f3f4f6;font-weight:700}.promo-page-num:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.promo-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.promo-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);box-sizing:border-box;font-weight:500}.promo-limit-trigger:hover,.promo-limit-trigger.active{border-color:#111827;background-color:#f9fafb;box-shadow:0 2px 6px #0000000f;color:#111827}.promo-dropdown-arrow,.promo-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.promo-dropdown-arrow.open,.promo-limit-icon.open{transform:rotate(180deg)}.promo-dropdown-options,.promo-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.promo-dropdown-options:not(.open):not(.closed),.promo-limit-options:not(.open):not(.closed){display:none}.promo-dropdown-options.open,.promo-limit-options.open{pointer-events:auto;animation:pm-slideFadeDown .2s ease-out forwards}.promo-dropdown-options.closed,.promo-limit-options.closed{pointer-events:none;animation:pm-slideFadeUp .2s ease-out forwards}.promo-limit-option{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .2s ease;white-space:nowrap}.promo-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.promo-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}@keyframes pm-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pm-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media(max-width:767px){.promo-header{flex-direction:column;align-items:stretch}.promo-btn-add{width:100%;justify-content:center}.promo-search-wrapper,.promo-btn-clear,.promo-custom-dropdown{width:100%;flex:1 1 100%}.promo-btn-bulk{width:100%;justify-content:center;text-align:center}.promo-table-wrapper{border:none;overflow:visible}.promo-table{min-width:0;width:100%}.promo-table,.promo-table tbody,.promo-table tr,.promo-table td{display:block;width:100%}.promo-table thead tr{display:flex;padding-bottom:8px;border:none}.promo-table thead th{display:none}.promo-table thead th:first-child{display:flex;align-items:center;gap:8px;padding:0 4px;background:transparent}.promo-table tr{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000000a}.promo-table tr.promo-selected-row{background-color:#f5e1cd;border-color:#eac6a8}.promo-table tr.promo-selected-row td{background-color:transparent;border-bottom-color:#eab48a}.promo-table td:nth-child(1){justify-content:space-between;padding-bottom:12px}.promo-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 0;border-bottom:none;white-space:normal}.promo-table td:last-child{border-bottom:none;padding-bottom:0}.promo-table td:before{content:attr(data-label);font-weight:700;color:#6b7280;font-size:.85rem;margin-right:16px;text-align:left;flex-shrink:0}.promo-row-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.promo-pagination{flex-direction:column;justify-content:center;text-align:center}.promo-page-numbers{justify-content:center;width:100%}}.promo-modal-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;display:flex;justify-content:flex-end;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.promo-modal-overlay.open{opacity:1;visibility:visible}.promo-modal-container{width:clamp(400px,40vw,600px);height:100vh;background-color:#fff;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.promo-modal-overlay.open .promo-modal-container{transform:translate(0)}.promo-modal-header{display:flex;align-items:center;padding:clamp(16px,1.5vw,24px);border-bottom:1px solid #e0e0e0}.promo-modal-back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#333}.promo-modal-title{font-size:clamp(18px,1.2vw,20px);font-weight:600;color:#333;margin:0}.promo-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;scrollbar-width:none;display:flex;flex-direction:column;gap:24px}.promo-modal-body::-webkit-scrollbar{display:none}.promo-form-group{display:flex;flex-direction:column;gap:8px}.promo-form-label{font-size:14px;font-weight:500;color:#333}.promo-required{color:#ff4d4f}.promo-form-input,.promo-form-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease;font-family:inherit}.promo-form-input:focus,.promo-form-textarea:focus{border-color:#000}.promo-radio-group{display:flex;gap:20px}.promo-radio-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.promo-value-input-group{display:flex;align-items:stretch;width:100%}.promo-value-number{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;min-width:0}.promo-value-toggle-btn{padding:0 16px;background-color:#f0f0f0;border:1px solid #d9d9d9;border-top-right-radius:6px;border-bottom-right-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;white-space:nowrap}.promo-value-toggle-btn:hover:not(:disabled){background-color:#e5e7eb}.promo-value-input-group .promo-form-input{flex:2}.promo-value-type-select{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fafafa;cursor:pointer;font-size:14px}.promo-scope-tabs{display:flex;background-color:#f0f2f5;padding:4px;border-radius:8px;margin-bottom:12px;gap:4px}.promo-scope-tab{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#666;font-weight:500;transition:all .2s ease}.promo-scope-tab.active{background-color:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.promo-multi-select-container{display:flex;flex-direction:column}.promo-select-input-mock{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#fff}.promo-placeholder-text{color:#bfbfbf}.promo-selected-chips{display:flex;flex-wrap:wrap;gap:8px}.promo-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;color:#333;font-weight:500}.promo-chip-remove{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#666;transition:color .2s}.promo-chip-remove:hover{color:#000}.promo-select-input-wrapper{position:relative;margin-top:8px}.promo-select-search{width:100%}.promo-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.promo-select-option{padding:10px 12px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s}.promo-select-option:hover{background-color:#f5f5f5}.promo-select-empty{padding:10px 12px;color:#999;font-size:14px;text-align:center}.promo-date-picker-row{display:flex;flex-direction:row;gap:16px;width:100%}.promo-date-picker-col{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.promo-calendar-card{border:1px solid #d9d9d9;border-radius:6px;padding:12px;background-color:#fff}.promo-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.promo-cal-month-year{display:flex;align-items:center;gap:4px;font-weight:500;font-size:14px}.promo-cal-nav{background:none;border:none;cursor:pointer;font-size:16px;color:#666}.promo-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.promo-cal-day-name{font-size:12px;color:#666;margin-bottom:4px}.promo-cal-day{font-size:12px;padding:4px 0;border-radius:4px;cursor:pointer}.promo-cal-day:hover:not(.empty){background-color:#f5f5f5}.promo-cal-day.active{background-color:#1890ff;color:#fff}.promo-cal-day.in-range{background-color:#e6f7ff}.promo-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:clamp(16px,1.5vw,24px);border-top:1px solid #e0e0e0}.promo-btn-secondary,.promo-btn-primary{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.promo-btn-secondary{background-color:#fff;border:1px solid #d9d9d9;color:#333}.promo-btn-secondary:hover{border-color:#333;color:#333;background-color:#f5f5f5}.promo-btn-primary{background-color:#333;border:1px solid #333;color:#fff}.promo-btn-primary:hover{background-color:#111;border-color:#111}.promo-selected-chips.has-items{margin-top:12px}.promo-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.rarm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%}.rarm-container *{box-sizing:border-box}.rarm-header{display:flex;flex-direction:column;margin-bottom:4px}.rarm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#000}.rarm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.rarm-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.rarm-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.rarm-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.rarm-search-wrapper{position:relative;flex:3 1 200px;display:flex;align-items:center}.rarm-search-icon{position:absolute;left:16px;color:#9ca3af;width:16px;height:16px}.rarm-filter-input{width:100%;padding:clamp(8px,1.2vw,10px) 16px clamp(8px,1.2vw,10px) 40px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;box-sizing:border-box}.rarm-filter-input:hover,.rarm-filter-input:focus{border-color:#000;outline:none}.rarm-custom-dropdown{flex:1 1 130px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.rarm-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box;white-space:nowrap}.rarm-dropdown-trigger.active,.rarm-dropdown-trigger:hover{border-color:#000}.rarm-dropdown-trigger svg{margin-left:8px;width:16px;height:16px}.rarm-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.rarm-dropdown-options:not(.open):not(.closed){display:none}.rarm-dropdown-options.open{pointer-events:auto;animation:rarm-slideFadeDown .2s ease-out forwards}.rarm-dropdown-options.closed{pointer-events:none;animation:rarm-slideFadeUp .2s ease-out forwards}.rarm-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.rarm-dropdown-option:hover{background-color:#f3f4f6}.rarm-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.rarm-btn-clear{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;color:#374151}.rarm-btn-clear:hover{background-color:#f9fafb;border-color:#000}.rarm-btn-clear:focus{outline:none}.rarm-bulk-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.rarm-btn-bulk{padding:8px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.rarm-btn-bulk.outline{background-color:#fff;border:1px solid #d1d5db;color:#374151}.rarm-btn-bulk.danger{background-color:#ef4444;border:1px solid #ef4444;color:#fff}.rarm-btn-bulk.danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.rarm-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.rarm-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.rarm-table{width:100%;border-collapse:collapse;text-align:left;min-width:1000px}.rarm-table th,.rarm-table td{padding:16px 20px;font-size:.85rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.rarm-table th{background-color:#f3f4f6;font-weight:700;color:#111827}.rarm-table tr:nth-child(2n){background-color:#fafafa}.rarm-table tr.rarm-selected-row td{background-color:#ebdaca}.rarm-checkbox{width:16px;height:16px;cursor:pointer}.rarm-text-strong{font-weight:600;color:#111827}.rarm-rating-cell{display:flex;flex-direction:column;gap:4px}.rarm-rating-text{font-weight:700}.rarm-star-container{display:flex;gap:2px}.rarm-star-active{color:#f59e0b}.rarm-star-inactive{color:#d1d5db}.rarm-review-truncate{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#4b5563;line-height:1.4}.rarm-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.rarm-badge-replied{background-color:#bbf7d0;color:#166534}.rarm-dot-green{width:8px;height:8px;border-radius:50%;background-color:#16a34a}.rarm-badge-hidden{background-color:#fef08a;color:#854d0e}.rarm-dot-yellow{width:8px;height:8px;border-radius:50%;background-color:#ca8a04}.rarm-badge-new{background-color:#f3f4f6;color:#4b5563}.rarm-dot-grey{width:8px;height:8px;border-radius:50%;background-color:#6b7280}.rarm-action-group{display:flex;align-items:center;gap:8px;justify-content:flex-start}.rarm-btn-action-icon{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;padding:0;transition:all .2s}.rarm-btn-action-icon svg{width:16px;height:16px;stroke:currentColor;flex-shrink:0}.rarm-btn-action-icon:hover{background:#f3f4f6;border-color:#000}.rarm-btn-action-icon:focus,.rarm-btn-action-text:focus{outline:none}.rarm-btn-action-icon:focus:not(:hover){border-color:#d1d5db}.rarm-btn-action-text:focus:not(:hover):not(.pressed){border-color:#d1d5db}.rarm-btn-action-text.pressed:focus:not(:hover){border-color:#9ca3af}.rarm-btn-action-text{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:0 10px;height:32px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#374151;font-size:.8rem;font-family:inherit;font-weight:500;transition:all .2s}.rarm-btn-action-text svg{width:14px;height:14px;flex-shrink:0}.rarm-btn-action-text.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.rarm-btn-action-text:hover:not(.disabled){background:#f3f4f6;border-color:#000}.rarm-btn-action-text.pressed{background-color:#e5e7eb;border-color:#9ca3af;box-shadow:inset 0 2px 5px #00000026;color:#4b5563}.rarm-btn-action-text.pressed:hover:not(.disabled){background-color:#d1d5db}.rarm-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;color:#374151;gap:16px}.rarm-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.rarm-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151;transition:background-color .2s}.rarm-page-num.active{background-color:#f3f4f6;font-weight:700}.rarm-page-num:hover:not(.active):not(:disabled){background-color:#f9fafb}.rarm-page-num:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.rarm-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.rarm-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);box-sizing:border-box;font-weight:500}.rarm-limit-trigger:hover,.rarm-limit-trigger.active{border-color:#111827;background-color:#f9fafb;box-shadow:0 2px 6px #0000000f;color:#111827}.rarm-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.rarm-limit-icon.open{transform:rotate(180deg)}.rarm-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transform-origin:top center}.rarm-limit-options:not(.open):not(.closed){display:none}.rarm-limit-options.open{display:block;pointer-events:auto;animation:rarm-slideFadeDown .2s ease-out forwards}.rarm-limit-options.closed{display:block;pointer-events:none;animation:rarm-slideFadeUp .15s ease-out forwards}.rarm-limit-option{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .2s ease;white-space:nowrap}.rarm-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.rarm-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}.rarm-pin-indicator{color:#ef4444;fill:#ef4444;width:14px;height:14px;flex-shrink:0}@keyframes rarm-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rarm-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.rarm-drawer-overlay{position:fixed;inset:0;background-color:#0006;z-index:999}.rarm-drawer-container{position:fixed;top:0;right:0;bottom:0;width:450px;max-width:100vw;background-color:#fff;z-index:1000;display:flex;flex-direction:column;font-family:Lexend Exa,sans-serif;box-shadow:-4px 0 15px #0000001a;animation:rarm-slideInRight .3s ease-out forwards}.rarm-drawer-container *{box-sizing:border-box}.rarm-drawer-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.rarm-btn-back{background:transparent;border:none;cursor:pointer;padding:0;margin-right:16px}.rarm-drawer-title{margin:0;font-size:1.25rem;font-weight:700;flex:1}.rarm-drawer-heart-btn{background:transparent;border:none;cursor:pointer;color:#9ca3af;padding:0;display:flex;align-items:center;transition:color .2s}.rarm-drawer-heart-btn:hover,.rarm-drawer-heart-btn.pinned{color:#ef4444}.rarm-drawer-heart-btn.pinned svg{fill:#ef4444;stroke:#ef4444}.rarm-drawer-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.rarm-product-name{margin:0 0 4px;font-size:1.1rem;font-weight:700}.rarm-customer-name{font-size:.95rem;color:#4b5563}.rarm-drawer-stars{display:flex;gap:2px;margin:8px 0}.rarm-review-content{font-size:.95rem;line-height:1.5;color:#374151}.rarm-submitted-date{font-size:.85rem;color:#9ca3af;margin-top:8px}.rarm-edit-forms{display:flex;flex-direction:column;gap:24px}.rarm-form-block{display:flex;flex-direction:column;gap:8px}.rarm-form-label{font-weight:700;font-size:1rem}.rarm-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;resize:vertical}.rarm-textarea:hover,.rarm-textarea:focus,.rarm-reason-input:hover,.rarm-reason-input:focus{border-color:#000;outline:none}.rarm-reason-input{background-color:#f9fafb}.rarm-reason-input:not(:disabled){background-color:#fff}.rarm-btn-right-wrapper{display:flex;justify-content:flex-end}.rarm-btn-publish{background-color:#6b7280;color:#fff;border:none;padding:8px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.rarm-btn-publish.active{background-color:#3b82f6}.rarm-btn-publish.success{background-color:#10b981}.rarm-btn-submit{background-color:#6b7280;color:#fff;border:none;padding:8px 24px;border-radius:6px;font-weight:600;cursor:pointer}.rarm-btn-submit.danger{background-color:#ef4444}.rarm-drawer-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.rarm-footer-actions{display:flex;gap:12px}.rarm-btn-bottom{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit}.rarm-btn-confirm{background-color:#d1d5db;color:#fff;border:none}.rarm-btn-confirm:not(:disabled){background-color:#111827}.rarm-btn-cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.rarm-drawer-dropdown{position:relative;width:100%;font-family:inherit;-webkit-user-select:none;user-select:none}.rarm-drawer-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.rarm-drawer-dropdown-trigger:hover,.rarm-drawer-dropdown-trigger.active{border-color:#000}.rarm-drawer-dropdown-arrow{width:16px;height:16px;transition:transform .3s cubic-bezier(.25,1,.5,1)}.rarm-drawer-dropdown-arrow.open{transform:rotate(180deg)}.rarm-drawer-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transform-origin:top center}.rarm-drawer-dropdown-options:not(.open):not(.closed){display:none}.rarm-drawer-dropdown-options.open{pointer-events:auto;animation:rarm-slideFadeDown .2s ease-out forwards}.rarm-drawer-dropdown-options.closed{pointer-events:none;animation:rarm-slideFadeUp .15s ease-out forwards}.rarm-drawer-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.rarm-drawer-dropdown-option:hover{background-color:#f3f4f6}.rarm-drawer-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.rarm-drawer-heart-btn.readonly{cursor:not-allowed}.rarm-textarea.disabled{background-color:#f9fafb}.rarm-btn-row-space{display:flex;justify-content:space-between;align-items:center}.rarm-char-count{font-size:.8rem;color:#9ca3af}.rarm-char-count.limit{color:#ef4444}.rarm-btn-publish.readonly{opacity:.5;cursor:not-allowed}.rarm-btn-right-wrapper.no-mt{margin-top:0}.rarm-drawer-overlay.closing{animation:rarm-fadeOut .3s ease-out forwards}.rarm-drawer-container.closing{animation:rarm-slideOutRight .3s ease-out forwards}@keyframes rarm-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes rarm-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes rarm-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.rarm-media-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:99999}.rarm-media-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.rarm-media-modal-content img,.rarm-media-modal-content video{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 24px #0000004d}.rarm-media-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;line-height:1;cursor:pointer;transition:color .2s;padding:0}.rarm-media-modal-close:hover{color:#9ca3af}.rarm-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.coupon-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.coupon-container *{box-sizing:border-box}.coupon-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.coupon-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.coupon-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.coupon-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background-color .2s ease;font-family:inherit}.coupon-btn-add:hover{background-color:#2563eb}.coupon-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.coupon-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.coupon-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.coupon-search-wrapper{position:relative;flex:3 1 200px;display:flex;align-items:center}.coupon-search-wrapper svg{position:absolute;left:16px;color:#9ca3af;width:16px;height:16px}.coupon-filter-input.with-icon{width:100%;padding:clamp(8px,1.2vw,10px) 16px clamp(8px,1.2vw,10px) 40px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;box-sizing:border-box}.coupon-filter-input:hover,.coupon-filter-input:focus{border-color:#111827}.coupon-custom-dropdown{flex:1 1 140px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.coupon-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box;white-space:nowrap}.coupon-dropdown-trigger.active,.coupon-dropdown-trigger:hover{border-color:#111827}.coupon-dropdown-arrow{display:flex;align-items:center;transition:transform .2s ease;margin-left:8px;color:inherit}.coupon-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.coupon-dropdown-options.open{pointer-events:auto;animation:cm-slideFadeDown .2s ease-out forwards}.coupon-dropdown-options.closed{pointer-events:none;animation:cm-slideFadeUp .2s ease-out forwards}.coupon-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.coupon-dropdown-option:hover{background-color:#f3f4f6;color:#111827}.coupon-dropdown-option.active{background-color:#e5e7eb;color:#111827;font-weight:600}.coupon-btn-clear{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;color:#374151}.coupon-btn-clear:hover{background-color:#f9fafb;border-color:#111827;color:#111827}.coupon-btn-clear:focus{outline:none}.coupon-bulk-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(8px,1vw,12px);width:100%}.coupon-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.8rem,1vw,.85rem);cursor:pointer;white-space:nowrap;transition:all .2s;flex:0 1 auto;font-family:inherit;color:#374151}.coupon-btn-bulk:focus{outline:none}.coupon-btn-bulk:active{transform:scale(.97)}.coupon-btn-bulk:hover:not(:disabled){background-color:#f3f4f6;border-color:#111827;color:#111827}.coupon-btn-bulk.danger{background-color:#ef4444;color:#fff;border-color:#ef4444}.coupon-btn-bulk.danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.coupon-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.coupon-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto}.coupon-table{width:100%;border-collapse:collapse;text-align:left;min-width:1000px}.coupon-table th,.coupon-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb;vertical-align:middle}.coupon-table th:last-child,.coupon-table td:last-child{white-space:nowrap}.coupon-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.coupon-table td{color:#111827}.coupon-table tr:nth-child(2n){background-color:#fcfcfc}.coupon-table tr.coupon-selected-row td{background-color:#faebd7}.coupon-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#111827}.coupon-text-strong{font-weight:600;color:#111827}.coupon-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center;border:none}.coupon-badge-active{background-color:#bbf7d0;color:#166534}.coupon-badge-scheduled{background-color:#fef08a;color:#854d0e}.coupon-badge-expired{background-color:#e5e7eb;color:#6b7280}.coupon-badge-inactive{background-color:#fee2e2;color:#991b1b}.coupon-badge-draft{background-color:#dbeafe;color:#1e40af}.coupon-row-actions{display:flex;gap:clamp(4px,.8vw,8px);align-items:center;justify-content:flex-end;min-width:max-content}.coupon-icon-btn{width:clamp(28px,2.5vw,32px);height:clamp(28px,2.5vw,32px);border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;padding:0;transition:all .2s}.coupon-icon-btn:hover{background-color:#f3f4f6;border-color:#111827;color:#111827}.coupon-icon-btn:focus{outline:none}.coupon-icon-btn svg{width:16px;height:16px;flex-shrink:0}.coupon-empty-state{text-align:center;padding:30px;color:#6b7280}.coupon-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;color:#374151;gap:16px}.coupon-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.coupon-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151;transition:background-color .2s}.coupon-page-num.active{background-color:#111827;color:#fff;font-weight:700}.coupon-page-num:hover:not(.active):not(:disabled){background-color:#f3f4f6}.coupon-page-num:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.coupon-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.coupon-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s ease;box-sizing:border-box;font-weight:500}.coupon-limit-trigger:hover,.coupon-limit-trigger.active{border-color:#111827;color:#111827}.coupon-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transform-origin:top center}.coupon-limit-options.open{pointer-events:auto;animation:cm-slideFadeDown .2s ease-out forwards}.coupon-limit-options.closed{pointer-events:none;animation:cm-slideFadeUp .2s ease-out forwards}.coupon-limit-option{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .2s ease;white-space:nowrap}.coupon-limit-option:hover{background-color:#f3f4f6;color:#111827}.coupon-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}.coupon-modal-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000}.coupon-modal-container{position:fixed;top:0;right:0;bottom:0;width:500px;max-width:100vw;background-color:#fff;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;z-index:1001;font-family:Lexend Exa,sans-serif;animation:cm-slideInRight .3s ease-out forwards}.coupon-modal-container *{box-sizing:border-box}.coupon-modal-form{display:flex;flex-direction:column;height:100%}.coupon-modal-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.coupon-modal-back-btn{background:none;border:none;cursor:pointer;padding:0;margin-right:16px;display:flex;align-items:center;color:#374151}.coupon-modal-title{font-size:1.25rem;font-weight:700;margin:0;color:#111827}.coupon-modal-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.coupon-form-group{display:flex;flex-direction:column;gap:8px}.coupon-form-row{display:flex;gap:16px;width:100%}.coupon-form-col{flex:1;display:flex;flex-direction:column;gap:8px}.coupon-form-label{font-size:.9rem;font-weight:600;color:#374151}.coupon-required{color:#ef4444}.coupon-form-input,.coupon-form-select{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s;background-color:#fff}.coupon-form-input:focus,.coupon-form-select:focus{border-color:#000}.coupon-form-input:disabled,.coupon-form-select:disabled{background-color:#f9fafb;cursor:not-allowed;color:#6b7280}.coupon-scope-tab-bar{display:flex;background-color:#e5e7eb;padding:4px;border-radius:8px;margin-bottom:12px;gap:4px}.coupon-scope-tab-btn{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;color:#111827;font-weight:500;transition:all .2s ease;font-family:inherit}.coupon-scope-tab-btn.active{background-color:#fff;color:#000;box-shadow:0 1px 3px #0000001a;font-weight:600}.coupon-scope-tab-btn:disabled{opacity:.6;cursor:not-allowed}.coupon-dynamic-dropdowns{display:flex;flex-direction:column;gap:16px}.coupon-multi-select-container{display:flex;flex-direction:column;animation:cm-slideFadeIn .2s ease-out}.coupon-select-input-wrapper{position:relative}.coupon-select-search{width:100%}.coupon-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.coupon-select-option{padding:10px 12px;cursor:pointer;font-size:.9rem;color:#374151;transition:background-color .2s}.coupon-select-option:hover{background-color:#f3f4f6;color:#111827}.coupon-select-empty{padding:10px 12px;color:#9ca3af;font-size:.9rem;text-align:center}.coupon-selected-chips{display:flex;flex-wrap:wrap;gap:8px}.coupon-chip-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:#d1d5db;border-radius:6px;font-size:.85rem;color:#000;font-weight:500}.coupon-chip-remove-btn{background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#374151;transition:color .2s}.coupon-chip-remove-btn:hover{color:#000}.coupon-clear-scope-text{font-size:.85rem;color:#6b7280;cursor:pointer;align-self:flex-start;transition:color .2s;margin-top:4px}.coupon-clear-scope-text:hover{color:#ef4444;text-decoration:underline}.coupon-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;align-items:center;background-color:#fff}.coupon-status-section{display:flex;align-items:center;gap:16px;margin-top:12px}.coupon-status-label{font-size:1.1rem;font-weight:700;color:#111827;margin:0}.coupon-status-toggle{display:flex;align-items:center;gap:12px}.coupon-toggle-wrapper{display:flex;align-items:center;gap:8px}.coupon-toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.coupon-toggle-input{opacity:0;width:0;height:0}.coupon-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.4s;border-radius:24px}.coupon-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.coupon-toggle-input:checked+.coupon-toggle-slider{background-color:#000}.coupon-toggle-input:checked+.coupon-toggle-slider:before{transform:translate(20px)}.coupon-toggle-text{font-size:.85rem;font-weight:600;color:#374151}.coupon-footer-buttons{display:flex;gap:12px}.coupon-btn-primary,.coupon-btn-secondary{padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;font-family:inherit;transition:all .2s}.coupon-btn-primary{background-color:#111827;color:#fff;border:none}.coupon-btn-primary:hover{background-color:#374151}.coupon-btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.coupon-btn-secondary:hover{background-color:#f9fafb}.coupon-custom-select{position:relative;width:100%;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none}.coupon-custom-select.disabled{opacity:.7;cursor:not-allowed}.coupon-select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.coupon-select-trigger.active,.coupon-select-trigger:hover{border-color:#000}.coupon-custom-select.disabled .coupon-select-trigger{background-color:#f9fafb;color:#6b7280;pointer-events:none;border-color:#d1d5db}.coupon-dropdown-arrow{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.coupon-dropdown-arrow.open{transform:rotate(180deg)}.coupon-dropdown-arrow svg{width:16px;height:16px}.coupon-select-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.coupon-select-options.open{pointer-events:auto;animation:cm-slideFadeDown .2s ease-out forwards}.coupon-select-options.closed{pointer-events:none;animation:cm-slideFadeUp .2s ease-out forwards}.coupon-select-item{padding:10px 14px;cursor:pointer;color:#374151;transition:background-color .2s}.coupon-select-item:hover{background-color:#f3f4f6;color:#111827}.coupon-select-item.selected{background-color:#e5e7eb;color:#111827;font-weight:600}.coupon-modal-overlay.closing{animation:cm-fadeOut .3s ease-out forwards}.coupon-modal-container.closing{animation:cm-slideOutRight .3s ease-out forwards}@keyframes cm-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes cm-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes cm-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cm-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes cm-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.coupon-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb}.sp-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.sp-container *{box-sizing:border-box}.sp-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.sp-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.sp-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.sp-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;transition:all .2s ease;font-family:inherit}.sp-btn-add:hover{background-color:#2563eb}.sp-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.sp-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.sp-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.sp-search-wrapper{position:relative;flex:2 1 250px;display:flex;align-items:center}.sp-search-wrapper svg{position:absolute;left:16px;color:#9ca3af;width:16px;height:16px}.sp-filter-input.with-icon{width:100%;padding:clamp(8px,1.2vw,10px) 16px clamp(8px,1.2vw,10px) 40px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s}.sp-filter-input:focus{border-color:#000}.sp-custom-dropdown{flex:1 1 140px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.sp-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box}.sp-dropdown-trigger.active,.sp-dropdown-trigger:hover{border-color:#000}.sp-dropdown-trigger svg{margin-left:8px;width:16px;height:16px}.sp-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.sp-dropdown-options.open{pointer-events:auto;animation:sp-slideFadeDown .2s ease-out forwards}.sp-dropdown-options.closed{pointer-events:none;animation:sp-slideFadeUp .2s ease-out forwards}.sp-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.sp-dropdown-option:hover{background-color:#f3f4f6}.sp-dropdown-option.active{background-color:#e5e7eb;color:#000;font-weight:600}.sp-btn-clear{flex:0 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;color:#374151;transition:all .2s;font-family:inherit}.sp-btn-clear:hover{background-color:#f9fafb;border-color:#000}.sp-bulk-actions{display:flex;margin-left:auto;gap:clamp(8px,1vw,12px)}.sp-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.8rem,1vw,.85rem);cursor:pointer;color:#374151;transition:all .2s;font-family:inherit}.sp-btn-bulk:hover:not(:disabled){background-color:#f9fafb;border-color:#000}.sp-btn-bulk.danger{background-color:#ef4444;color:#fff;border-color:#ef4444}.sp-btn-bulk.danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.sp-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.sp-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto}.sp-table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}.sp-table th,.sp-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb}.sp-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.sp-table tr:nth-child(2n){background-color:#fcfcfc}.sp-table tr.sp-selected-row td{background-color:#faebd7}.sp-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#000000}.sp-text-strong{font-weight:600;color:#111827}.sp-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.sp-badge-published{background-color:#bbf7d0;color:#166534}.sp-badge-draft{background-color:#dbeafe;color:#1e40af}.sp-badge-hidden{background-color:#e5e7eb;color:#4b5563}.sp-row-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.sp-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .2s;padding:0}.sp-icon-btn:hover{background-color:#f3f4f6;border-color:#000}.sp-icon-btn:focus{outline:none}.sp-icon-btn svg{width:16px;height:16px;flex-shrink:0}.sp-empty-state{text-align:center;padding:30px;color:#6b7280}.sp-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:10px;font-size:.9rem;font-weight:500;color:#374151}.sp-page-numbers{display:flex;gap:8px;align-items:center}.sp-page-num{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151}.sp-page-num.active{background-color:#f3f4f6;font-weight:700}.sp-page-num:disabled{opacity:.4;cursor:not-allowed}.sp-limit-dropdown{position:relative;margin-left:8px}.sp-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease}.sp-limit-trigger:hover,.sp-limit-trigger.active{border-color:#000}.sp-limit-icon{display:flex;align-items:center;transition:transform .2s ease}.sp-limit-icon.open{transform:rotate(180deg)}.sp-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.sp-limit-options.open{pointer-events:auto;animation:sp-slideFadeDown .2s ease-out forwards}.sp-limit-options.closed{pointer-events:none;animation:sp-slideFadeUp .2s ease-out forwards}.sp-limit-option{padding:10px 16px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sp-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.sp-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}@keyframes sp-slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.sp-toggle-cell{display:flex;align-items:center;justify-content:center;padding:0 4px}.sp-table-toggle{width:clamp(36px,3vw,44px);height:clamp(20px,2vw,24px);border-radius:20px;position:relative;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;transition:.3s;padding:0}.sp-table-toggle:after{content:"";position:absolute;top:2px;left:2px;width:clamp(14px,1.5vw,18px);height:clamp(14px,1.5vw,18px);background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.sp-table-toggle.on{background-color:#eac6a8}.sp-table-toggle.on:after{transform:translate(calc(clamp(36px,3vw,44px) - clamp(14px,1.5vw,18px) - 6px))}.sp-table-toggle:hover{border-color:#000}.sp-table-toggle:focus{outline:none}.sp-action-dropdown-wrapper{position:relative}.sp-action-dropdown-wrapper.is-open{z-index:50}.sp-action-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:100px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:8px;z-index:50;display:flex;flex-direction:column;gap:6px;animation:sp-slideFadeDown .2s ease-out forwards;transform-origin:top right}.sp-action-dropdown-menu:after{content:"";position:absolute;top:-6px;right:12px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.sp-action-dropdown-item{width:100%;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:.85rem;background-color:transparent;transition:background-color .2s}.sp-item-delete{background-color:#e1251b;color:#fff}.sp-item-delete:hover{background-color:#c91f16}@media(max-width:767px){.sp-header{flex-direction:column;align-items:stretch}.sp-btn-add{width:100%;justify-content:center}.sp-filter-input,.sp-btn-clear,.sp-custom-dropdown{width:100%;flex:1 1 100%}.sp-btn-bulk{width:100%;justify-content:center;text-align:center}.sp-table-wrapper{border:none;overflow:visible}.sp-table,.sp-table tbody,.sp-table tr,.sp-table td{display:block;width:100%}.sp-table thead tr{display:flex;padding-bottom:8px;border:none}.sp-table thead th{display:none}.sp-table thead th:first-child{display:flex;align-items:center;gap:8px;padding:0 4px;background:transparent}.sp-table tr{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000000a}.sp-table tr.sp-selected-row{background-color:#faebd7;border-color:#eac6a8}.sp-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 0;border-bottom:none}.sp-table td:before{content:attr(data-label);font-weight:700;color:#6b7280;font-size:.85rem;margin-right:16px;text-align:left;flex-shrink:0}.sp-row-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.sp-pagination{flex-direction:column;justify-content:center;text-align:center;gap:16px}.sp-page-numbers{justify-content:center;width:100%;flex-wrap:wrap}}.sun-editor{width:auto;height:auto;box-sizing:border-box;font-family:Helvetica Neue;border:1px solid #dadada;background-color:#fff;color:#000;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sun-editor *{box-sizing:border-box;-webkit-user-drag:none;overflow:visible}.sun-editor-common button,.sun-editor-common input,.sun-editor-common select,.sun-editor-common textarea{font-size:14px;line-height:1.5}.sun-editor-common blockquote,.sun-editor-common body,.sun-editor-common button,.sun-editor-common code,.sun-editor-common dd,.sun-editor-common div,.sun-editor-common dl,.sun-editor-common dt,.sun-editor-common fieldset,.sun-editor-common form,.sun-editor-common h1,.sun-editor-common h2,.sun-editor-common h3,.sun-editor-common h4,.sun-editor-common h5,.sun-editor-common h6,.sun-editor-common input,.sun-editor-common legend,.sun-editor-common li,.sun-editor-common ol,.sun-editor-common p,.sun-editor-common pre,.sun-editor-common select,.sun-editor-common td,.sun-editor-common textarea,.sun-editor-common th,.sun-editor-common ul{margin:0;padding:0;border:0}.sun-editor-common dl,.sun-editor-common li,.sun-editor-common menu,.sun-editor-common ol,.sun-editor-common ul{list-style:none!important}.sun-editor-common hr{margin:6px 0!important}.sun-editor textarea{resize:none;border:0;padding:0}.sun-editor button{border:0;background-color:transparent;touch-action:manipulation;cursor:pointer;outline:none}.sun-editor button,.sun-editor input,.sun-editor select,.sun-editor textarea{vertical-align:middle}.sun-editor button span{display:block;margin:0;padding:0}.sun-editor button .txt{display:block;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sun-editor button *{pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor svg{fill:currentColor}.sun-editor .se-svg,.sun-editor button>svg{width:16px;height:16px;margin:auto;fill:currentColor;display:block;text-align:center;float:none}.sun-editor .close>svg,.sun-editor .se-dialog-close>svg{width:10px;height:10px}.sun-editor .se-btn-select>svg{float:right;width:10px;height:10px}.sun-editor .se-btn-list>.se-list-icon{display:inline-block;width:16px;height:16px;margin:-1px 10px 0 0;vertical-align:middle}.sun-editor .se-line-breaker>button>svg{width:24px;height:24px}.sun-editor button>i:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-size:15px;line-height:2}.sun-editor button>[class=se-icon-text]{font-size:20px;line-height:1}.sun-editor .se-arrow,.sun-editor .se-arrow:after{position:absolute;display:block;width:0;height:0;border:11px solid transparent}.sun-editor .se-arrow.se-arrow-up{top:-11px;left:20px;margin-left:-11px;border-top-width:0;border-bottom-color:#dadada}.sun-editor .se-arrow.se-arrow-up:after{top:1px;margin-left:-11px;content:" ";border-top-width:0;border-bottom-color:#fff}.sun-editor .se-toolbar .se-arrow.se-arrow-up:after{border-bottom-color:#fafafa}.sun-editor .se-arrow.se-arrow-down{top:0;left:0;margin-left:-11px;border-bottom-width:0;border-top-color:#dadada}.sun-editor .se-arrow.se-arrow-down:after{top:-12px;margin-left:-11px;content:" ";border-bottom-width:0;border-top-color:#fff}.sun-editor .se-toolbar .se-arrow.se-arrow-down:after{border-top-color:#fafafa}.sun-editor .se-container{position:relative;width:auto;height:auto}.sun-editor button{color:#000}.sun-editor .se-btn{float:left;width:34px;height:34px;border:0;border-radius:4px;margin:1px!important;padding:0;font-size:12px;line-height:27px}.sun-editor .se-btn:enabled:focus,.sun-editor .se-btn:enabled:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-btn-primary{color:#000;background-color:#c7deff;border:1px solid #80bdff;border-radius:4px}.sun-editor .se-btn-primary:focus,.sun-editor .se-btn-primary:hover{color:#000;background-color:#80bdff;border-color:#3f9dff;outline:0 none}.sun-editor .se-btn-primary:active{color:#fff;background-color:#3f9dff;border-color:#4592ff;-webkit-box-shadow:inset 0 3px 5px #4592ff;box-shadow:inset 0 3px 5px #4592ff}.sun-editor input,.sun-editor select,.sun-editor textarea{color:#000;border:1px solid #ccc;border-radius:4px}.sun-editor input:focus,.sun-editor select:focus,.sun-editor textarea:focus{border:1px solid #80bdff;outline:0;-webkit-box-shadow:0 0 0 .2rem #c7deff;box-shadow:0 0 0 .2rem #c7deff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sun-editor .se-btn:enabled.active{color:#4592ff;outline:0 none}.sun-editor .se-btn:enabled.active:focus,.sun-editor .se-btn:enabled.active:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled.active:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-btn:enabled.on{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn:enabled.on:focus,.sun-editor .se-btn:enabled.on:hover{background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn:enabled.on:active{background-color:#c1c1c1;border-color:#b1b1b1;-webkit-box-shadow:inset 0 3px 5px #b1b1b1;box-shadow:inset 0 3px 5px #b1b1b1}.sun-editor .se-btn-list:disabled,.sun-editor .se-btn:disabled,.sun-editor button:disabled{cursor:not-allowed;background-color:inherit;color:#bdbdbd}.sun-editor .se-loading-box{position:absolute;display:none;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.7;filter:alpha(opacity=70);z-index:2147483647}.sun-editor .se-loading-box .se-loading-effect{position:absolute;display:block;top:50%;left:50%;height:25px;width:25px;border-top:2px solid #07d;border-right:2px solid transparent;border-radius:50%;animation:spinner .8s linear infinite;margin:-25px 0 0 -25px}.sun-editor .se-line-breaker{position:absolute;display:none;width:100%;height:1px;cursor:text;border-top:1px solid #3288ff;z-index:7}.sun-editor .se-line-breaker>button.se-btn{position:relative;display:inline-block;width:30px;height:30px;top:-15px;float:none;left:-50%;background-color:#fff;border:1px solid #0c2240;opacity:.6;cursor:pointer}.sun-editor .se-line-breaker>button.se-btn:hover{opacity:.9;background-color:#fff;border-color:#041b39}.sun-editor .se-line-breaker-component{position:absolute;display:none;width:24px;height:24px;background-color:#fff;border:1px solid #0c2240;opacity:.6;border-radius:4px;cursor:pointer;z-index:7}.sun-editor .se-line-breaker-component:hover{opacity:.9}.sun-editor .se-toolbar{display:block;position:relative;height:auto;width:100%;overflow:visible;padding:0;margin:0;background-color:#fafafa;outline:1px solid #dadada;z-index:5}.sun-editor .se-toolbar-shadow{display:block!important;height:0!important;padding:0!important;margin:0!important;background-color:transparent!important;outline:none!important;border:none!important;z-index:0!important}.sun-editor .se-toolbar-cover{position:absolute;display:none;font-size:36px;width:100%;height:100%;top:0;left:0;background-color:#fefefe;opacity:.5;filter:alpha(opacity=50);cursor:not-allowed;z-index:4}.sun-editor .se-toolbar-separator-vertical{display:inline-block;height:0;width:0;margin:0;vertical-align:top}.sun-editor .se-toolbar.se-toolbar-balloon,.sun-editor .se-toolbar.se-toolbar-inline{display:none;position:absolute;box-shadow:0 3px 9px #00000080;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5)}.sun-editor .se-toolbar.se-toolbar-balloon{z-index:2147483647;width:auto}.sun-editor .se-toolbar.se-toolbar-sticky{position:fixed;top:0}.sun-editor .se-toolbar-sticky-dummy{display:none;position:static;z-index:-1}.sun-editor .se-btn-module{display:inline-block}.sun-editor .se-btn-module-border{border:1px solid #dadada;border-radius:4px;margin-left:1px;margin-right:1px}.sun-editor .se-btn-module-enter{display:block;width:100%;height:0;margin:0;padding:0;background-color:transparent}.sun-editor .se-toolbar-more-layer{margin:0 -3px;background-color:#fafafa}.sun-editor .se-toolbar-more-layer .se-more-layer{display:none;border-top:1px solid #dadada}.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form{display:inline-block;width:100%;height:auto;padding:4px 3px 0}.sun-editor .se-btn-module .se-btn-more.se-btn-more-text{width:auto;padding:0 4px}.sun-editor .se-btn-module .se-btn-more:focus,.sun-editor .se-btn-module .se-btn-more:hover{color:#000;background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn-module .se-btn-more.on{color:#333;background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-btn-module .se-btn-more.on:hover{color:#000;background-color:#c1c1c1;border-color:#b1b1b1;outline:0 none}.sun-editor .se-menu-list,.sun-editor .se-menu-list li{float:left;padding:0;margin:0}.sun-editor .se-menu-list li{position:relative}.sun-editor .se-btn-select{width:auto;display:flex;padding:4px 6px}.sun-editor .se-btn-select .txt{flex:auto;text-align:left}.sun-editor .se-btn-select.se-btn-tool-font{width:100px}.sun-editor .se-btn-select.se-btn-tool-format{width:82px}.sun-editor .se-btn-select.se-btn-tool-size{width:78px}.sun-editor .se-btn-tray{position:relative;width:100%;height:auto;padding:4px 3px 0;margin:0}.sun-editor .se-menu-tray{position:absolute;top:0;left:0;width:100%;height:0}.sun-editor .se-submenu{overflow-x:hidden;overflow-y:auto}.sun-editor .se-menu-container{overflow-x:unset;overflow-y:unset}.sun-editor .se-list-layer{display:none;position:absolute;top:0;left:0;height:auto;z-index:5;border:1px solid #bababa;border-radius:4px;padding:6px 0;background-color:#fff;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px #00000080;outline:0 none}.sun-editor .se-list-layer .se-list-inner{padding:0;margin:0;overflow-x:initial;overflow-y:initial;overflow:visible}.sun-editor .se-list-layer button{margin:0;width:100%}.sun-editor .se-list-inner ul{width:100%;padding:0}.sun-editor .se-list-inner li>button{min-width:100%;width:max-content}.sun-editor .se-list-inner .se-list-basic li{width:100%}.sun-editor .se-list-inner .se-list-basic li button.active{background-color:#80bdff;border:1px solid #3f9dff;border-left:0;border-right:0}.sun-editor .se-list-inner .se-list-basic li button.active:hover{background-color:#3f9dff;border:1px solid #4592ff;border-left:0;border-right:0}.sun-editor .se-list-inner .se-list-basic li button.active:active{background-color:#4592ff;border:1px solid #407dd1;border-left:0;border-right:0;-webkit-box-shadow:inset 0 3px 5px #407dd1;box-shadow:inset 0 3px 5px #407dd1}.sun-editor .se-list-inner .se-list-checked li button>.se-svg{float:left;padding:6px 6px 0 0}.sun-editor .se-list-inner .se-list-checked li button>.se-svg>svg{display:none}.sun-editor .se-list-inner .se-list-checked li button.se-checked{color:#4592ff}.sun-editor .se-list-inner .se-list-checked li button.se-checked>.se-svg>svg{display:block}.sun-editor .se-btn-list{width:100%;height:auto;min-height:32px;padding:0 14px;cursor:pointer;font-size:12px;line-height:normal;text-indent:0;text-decoration:none;text-align:left}.sun-editor .se-btn-list.default_value{background-color:#f3f3f3;border-top:1px dotted #b1b1b1;border-bottom:1px dotted #b1b1b1}.sun-editor .se-btn-list:focus,.sun-editor .se-btn-list:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-btn-list:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-list-layer.se-list-font-size{min-width:140px;max-height:300px}.sun-editor .se-list-layer.se-list-font-family{min-width:156px}.sun-editor .se-list-layer.se-list-font-family .default{border-bottom:1px solid #ccc}.sun-editor .se-list-layer.se-list-line{width:125px}.sun-editor .se-list-layer.se-list-line hr{border-width:1px 0 0;height:1px}.sun-editor .se-list-layer.se-list-align .se-list-inner{left:9px}.sun-editor .se-list-layer.se-list-format{min-width:156px}.sun-editor .se-list-layer.se-list-format li{padding:0;width:100%}.sun-editor .se-list-layer.se-list-format ul .se-btn-list{line-height:100%}.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h1]{height:40px}.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h2]{height:34px}.sun-editor .se-list-layer.se-list-format ul p{font-size:13px}.sun-editor .se-list-layer.se-list-format ul div{font-size:13px;padding:4px 2px}.sun-editor .se-list-layer.se-list-format ul h1{font-size:2em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h2{font-size:1.5em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h3{font-size:1.17em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h4{font-size:1em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h5{font-size:.83em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul h6{font-size:.67em;font-weight:700;color:#333}.sun-editor .se-list-layer.se-list-format ul blockquote{font-size:13px;color:#999;height:22px;margin:0;background-color:transparent;line-height:1.5;border-color:#b1b1b1;padding:0 0 0 7px;border-left:5px #b1b1b1;border-style:solid}.sun-editor .se-list-layer.se-list-format ul pre{font-size:13px;color:#666;padding:4px 11px;margin:0;background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:4px}.sun-editor .se-selector-table{display:none;position:absolute;top:34px;left:1px;z-index:5;padding:5px 0;float:left;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px #0000002d}.sun-editor .se-selector-table .se-table-size{font-size:18px;padding:0 5px}.sun-editor .se-selector-table .se-table-size-picker{position:absolute!important;z-index:3;font-size:18px;width:10em;height:10em;cursor:pointer}.sun-editor .se-selector-table .se-table-size-highlighted{position:absolute!important;z-index:2;font-size:18px;width:1em;height:1em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==) repeat}.sun-editor .se-selector-table .se-table-size-unhighlighted{position:relative!important;z-index:1;font-size:18px;width:10em;height:10em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat}.sun-editor .se-selector-table .se-table-size-display{padding-left:5px}.sun-editor .se-list-layer.se-table-split{top:36px}.sun-editor .se-list-layer .se-selector-color{display:flex;width:max-content;max-width:270px;height:auto;padding:0;margin:auto}.sun-editor .se-list-layer .se-selector-color .se-color-pallet{width:100%;height:100%;padding:0}.sun-editor .se-list-layer .se-selector-color .se-color-pallet li{display:flex;float:left;position:relative;margin:0}.sun-editor .se-list-layer .se-selector-color .se-color-pallet button{display:block;cursor:default;width:30px;height:30px;text-indent:-9999px}.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active,.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus,.sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover{border:3px solid #fff}.sun-editor .se-form-group{display:flex;width:100%;min-height:40px;height:auto;padding:4px}.sun-editor .se-form-group input{flex:auto;display:inline-block;width:auto;height:33px;font-size:12px;margin:1px 0;padding:0;border-radius:.25rem;border:1px solid #ccc}.sun-editor .se-form-group button,.sun-editor .se-submenu-form-group button{float:right;width:34px;height:34px;margin:0 2px!important}.sun-editor .se-form-group button.se-btn{border:1px solid #ccc}.sun-editor .se-form-group>div{position:relative}.sun-editor .se-form-group label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.sun-editor .se-form-group-label{width:100%;height:auto;padding:0 4px}.sun-editor .se-form-group-label label{font-size:13px;font-weight:700}.sun-editor .se-submenu .se-form-group input{width:auto;height:33px;color:#555}.sun-editor .se-submenu .se-form-group .se-color-input{width:72px;text-transform:uppercase;border:none;border-bottom:2px solid #b1b1b1;outline:none}.sun-editor .se-submenu .se-form-group .se-color-input:focus{border-bottom:3px solid #b1b1b1}.sun-editor .se-wrapper{position:relative!important;width:100%;height:auto;overflow:hidden;z-index:1}.sun-editor .se-wrapper .se-wrapper-inner{width:100%;height:100%;min-height:65px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.sun-editor .se-wrapper .se-wrapper-inner:focus{outline:none}.sun-editor .se-wrapper .se-wrapper-code{background-color:#191919;color:#fff;font-size:13px;word-break:break-all;padding:4px;margin:0;resize:none!important}.sun-editor .se-wrapper .se-wrapper-wysiwyg{display:block}.sun-editor .se-wrapper .se-wrapper-code-mirror{font-size:13px}.sun-editor .se-wrapper .se-placeholder{position:absolute;display:none;white-space:nowrap;text-overflow:ellipsis;z-index:1;color:#b1b1b1;font-size:13px;line-height:1.5;top:0;left:0;right:0;overflow:hidden;margin-top:0;padding-top:16px;padding-left:16px;margin-left:0;padding-right:16px;margin-right:0;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor .se-resizing-bar{display:flex;width:auto;height:auto;min-height:16px;border-top:1px solid #dadada;padding:0 4px;background-color:#fafafa;cursor:ns-resize}.sun-editor .se-resizing-bar.se-resizing-none{cursor:default}.sun-editor .se-resizing-back{position:absolute;display:none;cursor:default;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-resizing-bar .se-navigation{flex:auto;position:relative;width:auto;height:auto;color:#666;margin:0;padding:0;font-size:10px;line-height:1.5;background:transparent}.sun-editor .se-resizing-bar .se-char-counter-wrapper{flex:none;position:relative;display:block;width:auto;height:auto;margin:0;padding:0;color:#999;font-size:13px;background:transparent}.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink{color:#b94a48;animation:blinker .2s linear infinite}.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label{margin-right:4px}.sun-editor .se-dialog{position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-dialog button,.sun-editor .se-dialog input,.sun-editor .se-dialog label{font-size:14px;line-height:1.5;color:#111;margin:0}.sun-editor .se-dialog .se-dialog-back{background-color:#222;opacity:.5}.sun-editor .se-dialog .se-dialog-back,.sun-editor .se-dialog .se-dialog-inner{position:absolute;width:100%;height:100%;top:0;left:0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content{position:relative;width:auto;max-width:500px;margin:1.75rem auto;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px #00000080}@media screen and (max-width:509px){.sun-editor .se-dialog .se-dialog-inner .se-dialog-content{width:100%}}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary{display:inline-block;padding:6px 12px;margin:0 0 10px!important;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header{height:50px;padding:6px 15px;border-bottom:1px solid #e5e5e5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close{float:right;font-weight:700;text-shadow:0 1px 0 #fff;-webkit-appearance:none;filter:alpha(opacity=100);opacity:1}.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title{float:left;font-size:14px;font-weight:700;margin:0;padding:0;line-height:2.5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-body{position:relative;padding:15px 15px 5px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form{margin-bottom:10px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer{margin-top:10px;margin-bottom:0}.sun-editor .se-dialog .se-dialog-inner input:disabled{background-color:#f3f3f3}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text{width:100%}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h,.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w{width:70px;text-align:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x{margin:0 8px;width:25px;text-align:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer{height:auto;min-height:55px;padding:10px 15px 0;text-align:right;border-top:1px solid #e5e5e5}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer>div{float:left}.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer>div>label{margin:0 5px 0 0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio{margin-left:12px;margin-right:6px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check{margin-left:12px;margin-right:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check{margin-left:0;margin-right:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child{margin-right:16px;margin-left:0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files{position:relative;display:flex;align-items:center}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files>input{flex:auto}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button{flex:auto;opacity:.8;border:1px solid #ccc}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button.se-file-remove>svg{width:8px;height:8px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover{background-color:#f0f0f0;outline:0 none}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active{background-color:#e9e9e9;-webkit-box-shadow:inset 0 3px 5px #d6d6d6;box-shadow:inset 0 3px 5px #d6d6d6}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select{display:inline-block;width:auto;height:34px;font-size:14px;text-align:center;line-height:1.42857143}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control{display:inline-block;width:70px;height:34px;font-size:14px;text-align:center;line-height:1.42857143}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form{display:block;width:100%;height:34px;font-size:14px;line-height:1.42857143;padding:0 4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url{direction:ltr}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled{text-decoration:line-through;color:#999}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio{width:70px;margin-left:4px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a{color:#004cff}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert{border:1px solid #ccc}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-dialog-tabs{width:100%;height:25px;border-bottom:1px solid #e5e5e5}.sun-editor .se-dialog-tabs button{background-color:#e5e5e5;border-right:1px solid #e5e5e5;float:left;outline:none;padding:2px 13px;transition:.3s}.sun-editor .se-dialog-tabs button:hover{background-color:#fff}.sun-editor .se-dialog-tabs button.active{background-color:#fff;border-bottom:0}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp{resize:vertical;height:14em;border:1px solid #ccc;font-size:13px;padding:4px;direction:ltr}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size{width:6em;height:28px;margin-left:1em}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview{font-size:13px}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>span{display:inline-block;-webkit-box-shadow:0 0 0 .1rem #c7deff;box-shadow:0 0 0 .1rem #c7deff}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>span *{direction:ltr}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>.se-math-katex-error{color:#b94a48;-webkit-box-shadow:0 0 0 .1rem #f2dede;box-shadow:0 0 0 .1rem #f2dede}.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview>.se-math-katex-error svg{width:auto;height:30px;color:#b94a48}.sun-editor .se-dialog .se-dialog-inner .se-link-preview{display:block;height:auto;max-height:18px;font-size:13px;font-weight:400;font-family:inherit;color:#666;background-color:transparent;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:pre}.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form{width:100%;display:flex;margin-top:4px}.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon{flex:unset;display:none;line-height:1.5;color:#4592ff}.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-link-preview{flex:auto;margin:0}.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel{height:34px}.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-btn{width:46px;color:#3f9dff}.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-wrapper{display:flex;line-height:1.5;padding-top:6px}.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-preview{text-align:left}.sun-editor .se-controller .se-arrow.se-arrow-up{border-bottom-color:#00000040}.sun-editor .se-controller{position:absolute;display:none;overflow:visible;z-index:6;border:1px solid rgba(0,0,0,.25);border-radius:4px;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px #0003;line-break:auto}.sun-editor .se-controller .se-btn-group{position:relative;display:flex;vertical-align:middle;padding:2px;top:0;left:0}.sun-editor .se-controller .se-btn-group .se-btn-group-sub{left:50%;min-width:auto;width:max-content;display:none}.sun-editor .se-controller .se-btn-group .se-btn-group-sub button{margin:0;min-width:72px}.sun-editor .se-controller .se-btn-group button{position:relative;min-height:34px;height:auto;border:none;border-radius:4px;margin:1px;padding:5px 10px;font-size:12px;line-height:1.5;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation}.sun-editor .se-controller .se-btn-group button:focus:enabled,.sun-editor .se-controller .se-btn-group button:hover:enabled{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:active:enabled{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-controller .se-btn-group button span{display:block;padding:0;margin:0}.sun-editor .se-controller .se-btn-group button:enabled.active{color:#4592ff;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.active:focus,.sun-editor .se-controller .se-btn-group button:enabled.active:hover{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.active:active{background-color:#d1d1d1;border-color:#c1c1c1;-webkit-box-shadow:inset 0 3px 5px #c1c1c1;box-shadow:inset 0 3px 5px #c1c1c1}.sun-editor .se-controller .se-btn-group button:enabled.on{background-color:#e1e1e1;border-color:#d1d1d1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.on:focus,.sun-editor .se-controller .se-btn-group button:enabled.on:hover{background-color:#d1d1d1;border-color:#c1c1c1;outline:0 none}.sun-editor .se-controller .se-btn-group button:enabled.on:active{background-color:#c1c1c1;border-color:#b1b1b1;-webkit-box-shadow:inset 0 3px 5px #b1b1b1;box-shadow:inset 0 3px 5px #b1b1b1}.sun-editor .se-controller .se-form-group input{min-width:120px}.sun-editor .se-controller-resizing{margin-top:-50px!important;padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143}.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list{width:74px}.sun-editor .se-resizing-container{position:absolute;display:none;outline:1px solid #3f9dff;background-color:transparent}.sun-editor .se-resizing-container .se-modal-resize{position:absolute;display:inline-block;background-color:#3f9dff;opacity:.3}.sun-editor .se-resizing-container .se-resize-dot{position:absolute;top:0;left:0;width:100%;height:100%}.sun-editor .se-resizing-container .se-resize-dot>span{position:absolute;width:7px;height:7px;background-color:#3f9dff;border:1px solid #4592ff}.sun-editor .se-resizing-container .se-resize-dot>span.tl{top:-5px;left:-5px;cursor:nw-resize}.sun-editor .se-resizing-container .se-resize-dot>span.tr{top:-5px;right:-5px;cursor:ne-resize}.sun-editor .se-resizing-container .se-resize-dot>span.bl{bottom:-5px;left:-5px;cursor:sw-resize}.sun-editor .se-resizing-container .se-resize-dot>span.br{right:-5px;bottom:-5px;cursor:se-resize}.sun-editor .se-resizing-container .se-resize-dot>span.lw{left:-7px;bottom:50%;cursor:w-resize}.sun-editor .se-resizing-container .se-resize-dot>span.th{left:50%;top:-7px;cursor:n-resize}.sun-editor .se-resizing-container .se-resize-dot>span.rw{right:-7px;bottom:50%;cursor:e-resize}.sun-editor .se-resizing-container .se-resize-dot>span.bh{right:50%;bottom:-7px;cursor:s-resize}.sun-editor .se-resizing-container .se-resize-display{position:absolute;right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:#fff;background-color:#333;border-radius:4px}.sun-editor .se-controller-table,.sun-editor .se-controller-table-cell{width:auto}.sun-editor .se-controller-link,.sun-editor .se-controller-table,.sun-editor .se-controller-table-cell{padding:0;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143}.sun-editor .se-controller-link:after,.sun-editor .se-controller-link:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sun-editor .se-controller-link .link-content{padding:0;margin:0}.sun-editor .se-controller-link .link-content a{display:inline-block;color:#4592ff;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;margin-left:5px}.sun-editor .se-select-list{position:absolute;top:0;left:0;display:none;width:auto;max-width:100%;background-color:#fff;padding:0;margin:0;border:1px solid #bababa;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px #00000080;outline:0 none}.sun-editor .se-select-list .se-select-item{line-height:28px;min-height:28px;font-size:13px;padding:0 5px;margin:2px 0;cursor:pointer}.sun-editor .se-select-list.__se_select-menu-mouse-move .se-select-item:hover,.sun-editor .se-select-list:not(.__se_select-menu-mouse-move) .se-select-item.active{background-color:#e1e1e1}.sun-editor .se-dialog-form-files .se-select-list{width:100%}.sun-editor .se-file-browser{position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:2147483647}.sun-editor .se-file-browser button,.sun-editor .se-file-browser input,.sun-editor .se-file-browser label{font-size:14px;line-height:1.5;color:#111;margin:0}.sun-editor .se-file-browser .se-file-browser-back{background-color:#222;opacity:.5}.sun-editor .se-file-browser .se-file-browser-back,.sun-editor .se-file-browser .se-file-browser-inner{position:absolute;display:block;width:100%;height:100%;top:0;left:0}.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{position:relative;width:960px;max-width:100%;margin:20px auto;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px #00000080}.sun-editor .se-file-browser .se-file-browser-header{height:auto;min-height:50px;padding:6px 15px;border-bottom:1px solid #e5e5e5}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close{float:right;font-weight:700;text-shadow:0 1px 0 #fff;-webkit-appearance:none;filter:alpha(opacity=100);opacity:1}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close>svg{width:12px;height:12px}.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title{font-size:16px;font-weight:700;margin:0;padding:0;line-height:2.2}.sun-editor .se-file-browser .se-file-browser-tags{display:block;width:100%;padding:0;text-align:left;margin:0 -15px}.sun-editor .se-file-browser .se-file-browser-tags a{display:inline-block;background-color:#f5f5f5;padding:6px 12px;margin:8px 0 8px 8px;color:#333;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;cursor:pointer}.sun-editor .se-file-browser .se-file-browser-tags a:hover{background-color:#e1e1e1}.sun-editor .se-file-browser .se-file-browser-tags a:active{background-color:#d1d1d1}.sun-editor .se-file-browser .se-file-browser-tags a.on{background-color:#ebf3fe;color:#4592ff}.sun-editor .se-file-browser .se-file-browser-tags a.on:hover{background-color:#d8e8fe}.sun-editor .se-file-browser .se-file-browser-tags a.on:active{background-color:#c7deff}.sun-editor .se-file-browser .se-file-browser-body{position:relative;height:auto;min-height:350px;padding:20px;overflow-y:auto}.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list{position:relative;width:100%}@media screen and (max-width:992px){.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{width:748px}}@media screen and (max-width:768px){.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content{width:600px}}.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column{position:relative;display:block;height:auto;float:left}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(25% - 20px);margin:0 10px}@media screen and (max-width:992px){.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(33% - 20px)}}@media screen and (max-width:768px){.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column{width:calc(50% - 20px)}}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img{position:relative;display:block;cursor:pointer;width:100%;height:auto;border-radius:4px;outline:0;margin:10px 0}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover{opacity:.8;-webkit-box-shadow:0 0 0 .2rem #3288ff;box-shadow:0 0 0 .2rem #3288ff}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>img{position:relative;display:block;width:100%;border-radius:4px;outline:0;height:auto}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>.se-file-img-name{position:absolute;z-index:1;font-size:13px;color:#fff;left:0;bottom:0;padding:5px 10px;background-color:transparent;width:100%;height:30px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;pointer-events:none}.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img>.se-file-img-name.se-file-name-back{background-color:#333;opacity:.6;pointer-events:none}.sun-editor .se-notice{position:absolute;top:0;display:none;z-index:7;width:100%;height:auto;word-break:break-all;font-size:13px;color:#b94a48;background-color:#f2dede;padding:15px;margin:0;border:1px solid #eed3d7;user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.sun-editor .se-notice button{float:right;padding:7px}.sun-editor .se-tooltip{position:relative;overflow:visible}.sun-editor .se-tooltip .se-tooltip-inner{visibility:hidden;position:absolute;display:block;width:auto;height:auto;top:120%;left:50%;background:transparent;opacity:0;z-index:1;line-height:1.5;transition:opacity .5s;margin:0;padding:0;bottom:auto;float:none;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text{position:relative;display:inline-block;width:auto;height:auto;left:-50%;font-size:.9em;margin:0;padding:4px 6px;border-radius:2px;background-color:#333;color:#fff;text-align:center;line-height:unset;white-space:nowrap;cursor:auto}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#333}.sun-editor .se-tooltip:hover .se-tooltip-inner{visibility:visible;opacity:1}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut{display:block!important}.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut>.se-shortcut-key{display:inline;font-weight:700}.sun-editor.se-rtl .se-btn-tray{direction:rtl}.sun-editor.se-rtl .se-btn-select svg{margin:auto 1px}.sun-editor.se-rtl .se-btn-select .txt{flex:auto;text-align:right;direction:rtl}.sun-editor.se-rtl .se-btn-list{text-align:right}.sun-editor.se-rtl .se-btn-list>.se-list-icon{margin:-1px 0 0 10px}.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix),.sun-editor.se-rtl .se-menu-list:not(.se-menu-dir-fix) li{float:right}.sun-editor.se-rtl .se-list-layer *{direction:rtl}.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote{padding:0 7px 0 0;border-right-width:5px;border-left-width:0}.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li{float:right}.sun-editor.se-rtl .se-list-inner .se-list-checked li button>.se-svg{float:right;padding:6px 0 0 6px}.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text,.sun-editor.se-rtl .se-wrapper .se-placeholder{direction:rtl}.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut{direction:ltr}.sun-editor.se-rtl .se-dialog *{direction:rtl}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio{margin-left:0;margin-right:4px}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close{float:left}.sun-editor.se-rtl .se-dialog-tabs button,.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title{float:right}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-size-text{padding-right:34px}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer .se-btn-primary{float:left}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer>div{float:right}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer>div>label{margin:0 0 0 5px}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child{margin-left:16px;margin-right:0}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-preview{margin-left:4px;text-align:right}.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-btn{float:right}.sun-editor.se-rtl .se-file-browser *{direction:rtl}.sun-editor.se-rtl .se-file-browser .se-file-browser-tags{text-align:right}.sun-editor.se-rtl .se-file-browser .se-file-browser-tags a{margin:8px 8px 0}.sun-editor.se-rtl .se-file-browser .se-file-browser-header .se-file-browser-close{float:left}.sun-editor.se-rtl .se-controller .se-btn-group,.sun-editor.se-rtl .se-resizing-container .se-resize-display{direction:rtl}.sun-editor .se-btn-module-border.module-float-left{float:left}.sun-editor .se-btn-module-border.module-float-right{float:right}.sun-editor .se-error{color:#d9534f}.sun-editor input.se-error:focus,select.se-error:focus,textarea.se-error:focus{border:1px solid #f2dede;outline:0;-webkit-box-shadow:0 0 0 .2rem #eed3d7;box-shadow:0 0 0 .2rem #eed3d7;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sun-editor hr.__se__solid{border-style:solid none none}.sun-editor hr.__se__dotted{border-style:dotted none none}.sun-editor hr.__se__dashed{border-style:dashed none none}@keyframes blinker{50%{opacity:0}}@keyframes spinner{to{transform:rotate(361deg)}}.sun-editor-editable{font-family:Helvetica Neue;font-size:13px;color:#333;background-color:#fff;line-height:1.5;word-break:normal;word-wrap:break-word;padding:16px;margin:0}.sun-editor-editable *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:inherit;color:inherit}.sun-editor-editable.se-rtl *{direction:rtl}.sun-editor-editable .se-component>figure{direction:ltr}.sun-editor-editable audio,.sun-editor-editable figcaption,.sun-editor-editable figure,.sun-editor-editable iframe,.sun-editor-editable img,.sun-editor-editable td,.sun-editor-editable th,.sun-editor-editable video{position:relative}.sun-editor-editable span{display:inline;vertical-align:baseline;margin:0;padding:0}.sun-editor-editable span.katex{display:inline-block}.sun-editor-editable span.katex *{direction:ltr}.sun-editor-editable a{color:#004cff;text-decoration:none}.sun-editor-editable span[style~="color:"] a{color:inherit}.sun-editor-editable a:focus,.sun-editor-editable a:hover{cursor:pointer;color:#0093ff;text-decoration:underline}.sun-editor-editable a.on{color:#0093ff;background-color:#e8f7ff}.sun-editor-editable pre{display:block;padding:8px;margin:0 0 10px;font-family:monospace;color:#666;line-height:1.45;background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:2px;white-space:pre-wrap!important;word-wrap:break-word;overflow:visible}.sun-editor-editable ol{list-style-type:decimal}.sun-editor-editable ol,.sun-editor-editable ul{list-style-position:outside;display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}.sun-editor-editable ul{list-style-type:disc}.sun-editor-editable li{display:list-item;text-align:-webkit-match-parent;margin-bottom:5px}.sun-editor-editable ol ol,.sun-editor-editable ol ul,.sun-editor-editable ul ol,.sun-editor-editable ul ul{margin:0}.sun-editor-editable ol ol,.sun-editor-editable ul ol{list-style-type:lower-alpha}.sun-editor-editable ol ol ol,.sun-editor-editable ul ol ol,.sun-editor-editable ul ul ol{list-style-type:upper-roman}.sun-editor-editable ol ul,.sun-editor-editable ul ul{list-style-type:circle}.sun-editor-editable ol ol ul,.sun-editor-editable ol ul ul,.sun-editor-editable ul ul ul{list-style-type:square}.sun-editor-editable sub,.sun-editor-editable sup{font-size:75%;line-height:0}.sun-editor-editable sub{vertical-align:sub}.sun-editor-editable sup{vertical-align:super}.sun-editor-editable p{display:block;margin:0 0 10px}.sun-editor-editable div{display:block;margin:0;padding:0}.sun-editor-editable blockquote{display:block;font-family:inherit;font-size:inherit;color:#999;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding:0 5px 0 20px;border:solid #b1b1b1;border-width:0 0 0 5px}.sun-editor-editable blockquote blockquote{border-color:#c1c1c1}.sun-editor-editable blockquote blockquote blockquote{border-color:#d1d1d1}.sun-editor-editable blockquote blockquote blockquote blockquote{border-color:#e1e1e1}.sun-editor-editable.se-rtl blockquote{padding-left:5px;padding-right:20px;border-left-width:0;border-right-width:5px}.sun-editor-editable h1{font-size:2em;margin-block-start:.67em;margin-block-end:.67em}.sun-editor-editable h1,.sun-editor-editable h2{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h2{font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em}.sun-editor-editable h3{font-size:1.17em;margin-block-start:1em;margin-block-end:1em}.sun-editor-editable h3,.sun-editor-editable h4{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h4{font-size:1em;margin-block-start:1.33em;margin-block-end:1.33em}.sun-editor-editable h5{font-size:.83em;margin-block-start:1.67em;margin-block-end:1.67em}.sun-editor-editable h5,.sun-editor-editable h6{display:block;margin-inline-start:0;margin-inline-end:0;font-weight:700}.sun-editor-editable h6{font-size:.67em;margin-block-start:2.33em;margin-block-end:2.33em}.sun-editor-editable hr{display:flex;border-width:1px 0 0;border-color:#000;border-image:initial;height:1px}.sun-editor-editable hr.__se__solid{border-style:solid none none}.sun-editor-editable hr.__se__dotted{border-style:dotted none none}.sun-editor-editable hr.__se__dashed{border-style:dashed none none}.sun-editor-editable hr.on{border-color:#4592ff;-webkit-box-shadow:0 0 0 .1rem #c7deff;box-shadow:0 0 0 .1rem #c7deff}.sun-editor-editable table{display:table;table-layout:auto!important;border:1px solid #ccc;width:100%;max-width:100%;margin:0 0 10px;background-color:transparent;border-spacing:0;border-collapse:collapse}.sun-editor-editable.se-rtl table{margin:0 0 10px auto}.sun-editor-editable table thead{border-bottom:2px solid #333}.sun-editor-editable table tr{border:1px solid #efefef}.sun-editor-editable table th{background-color:#f3f3f3}.sun-editor-editable table td,.sun-editor-editable table th{border:1px solid #e1e1e1;padding:.4em;background-clip:padding-box}.sun-editor-editable table.se-table-size-auto{width:auto!important}.sun-editor-editable table.se-table-size-100{width:100%!important}.sun-editor-editable table.se-table-layout-auto{table-layout:auto!important}.sun-editor-editable table.se-table-layout-fixed{table-layout:fixed!important}.sun-editor-editable table td.se-table-selected-cell,.sun-editor-editable table th.se-table-selected-cell{outline:1px double #4592ff}.sun-editor-editable.se-disabled *{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.sun-editor-editable .se-component{display:flex;padding:1px;margin:0 0 10px}.sun-editor-editable[contenteditable=true] .se-component{outline:1px dashed #e1e1e1}.sun-editor-editable[contenteditable=true] .se-component.se-component-copy{-webkit-box-shadow:0 0 0 .2rem #80bdff;box-shadow:0 0 0 .2rem #3f9dff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.sun-editor-editable .__se__float-left{float:left;margin-right:4px}.sun-editor-editable .__se__float-right{float:right;margin-left:4px}.sun-editor-editable .__se__float-center{float:center}.sun-editor-editable .__se__float-none{float:none}.sun-editor-editable audio,.sun-editor-editable iframe,.sun-editor-editable img,.sun-editor-editable video{display:block;margin:0;padding:0;width:auto;height:auto;max-width:100%}.sun-editor-editable[contenteditable=true]:not(.se-read-only) figure:after{position:absolute;content:"";z-index:1;inset:0;cursor:default;display:block;background:transparent}.sun-editor-editable[contenteditable=true] figure a,.sun-editor-editable[contenteditable=true] figure iframe,.sun-editor-editable[contenteditable=true] figure img,.sun-editor-editable[contenteditable=true] figure video{z-index:0}.sun-editor-editable[contenteditable=true] figure figcaption{display:block;z-index:2}.sun-editor-editable[contenteditable=true] figure figcaption:focus{border-color:#80bdff;outline:0;-webkit-box-shadow:0 0 0 .2rem #c7deff;box-shadow:0 0 0 .2rem #c7deff}.sun-editor-editable .se-image-container,.sun-editor-editable .se-video-container{width:auto;height:auto;max-width:100%}.sun-editor-editable figure{display:block;outline:none;padding:0;margin:0}.sun-editor-editable .__se__float-center figure,.sun-editor-editable .__se__float-left figure,.sun-editor-editable .__se__float-right figure{margin:auto!important}.sun-editor-editable figure figcaption{padding:1em .5em;margin:0;background-color:#f9f9f9;outline:none}.sun-editor-editable figure figcaption p{line-height:2;margin:0}.sun-editor-editable .se-image-container a img{padding:1px;margin:1px;outline:1px solid #4592ff}.sun-editor-editable .se-video-container iframe,.sun-editor-editable .se-video-container video{outline:1px solid #9e9e9e;position:absolute;top:0;left:0;border:0;width:100%;height:100%}.sun-editor-editable .se-video-container figure{left:0;width:100%;max-width:100%}.sun-editor-editable audio{width:300px;height:54px}.sun-editor-editable audio.active{outline:2px solid #80bdff}.sun-editor-editable.se-show-block div,.sun-editor-editable.se-show-block h1,.sun-editor-editable.se-show-block h2,.sun-editor-editable.se-show-block h3,.sun-editor-editable.se-show-block h4,.sun-editor-editable.se-show-block h5,.sun-editor-editable.se-show-block h6,.sun-editor-editable.se-show-block li,.sun-editor-editable.se-show-block ol,.sun-editor-editable.se-show-block p,.sun-editor-editable.se-show-block pre,.sun-editor-editable.se-show-block ul{border:1px dashed #3f9dff!important;padding:14px 8px 8px!important}.sun-editor-editable.se-show-block ol,.sun-editor-editable.se-show-block ul{border:1px dashed #d539ff!important}.sun-editor-editable.se-show-block pre{border:1px dashed #27c022!important}.se-show-block p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==) no-repeat}.se-show-block div{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==) no-repeat}.se-show-block h1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC) no-repeat}.se-show-block h2{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==) no-repeat}.se-show-block h3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC) no-repeat}.se-show-block h4{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC) no-repeat}.se-show-block h5{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC) no-repeat}.se-show-block h6{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC) no-repeat}.se-show-block li{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==) no-repeat}.se-show-block ol{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==) no-repeat}.se-show-block ul{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==) no-repeat}.sun-editor-editable .__se__p-bordered,.sun-editor .__se__p-bordered{border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;padding:4px 0}.sun-editor-editable .__se__p-spaced,.sun-editor .__se__p-spaced{letter-spacing:1px}.sun-editor-editable .__se__p-neon,.sun-editor .__se__p-neon{font-weight:200;font-style:italic;background:#000;color:#fff;padding:6px 4px;border:2px solid #fff;border-radius:6px;text-transform:uppercase;animation:neonFlicker 1.5s infinite alternate}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2px #f40,0 0 4px #f40,0 0 6px #f40,0 0 8px #f40,0 0 10px #f40;box-shadow:0 0 .5px #fff,inset 0 0 .5px #fff,0 0 2px #08f,inset 0 0 2px #08f,0 0 4px #08f,inset 0 0 4px #08f}20%,24%,55%{text-shadow:none;box-shadow:none}}.sun-editor-editable .__se__t-shadow,.sun-editor .__se__t-shadow{text-shadow:-.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 .2rem #999,0 0 .4rem #888,0 0 .6rem #777,0 0 .8rem #666,0 0 1rem #555}.sun-editor-editable .__se__t-code,.sun-editor .__se__t-code{font-family:monospace;color:#666;background-color:#1b1f230d;border-radius:6px;padding:.2em .4em}.sp-modal-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000}.sp-modal-container{position:fixed;top:0;right:0;bottom:0;width:550px;max-width:100vw;background-color:#fff;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;z-index:1001;font-family:Lexend Exa,sans-serif;animation:sp-slideInRight .3s ease-out forwards}.sp-modal-container *{box-sizing:border-box}.sp-modal-form{display:flex;flex-direction:column;height:100%}.sp-modal-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.sp-modal-back-btn{background:none;border:none;cursor:pointer;padding:0;margin-right:16px;display:flex;align-items:center;color:#374151}.sp-modal-title{font-size:1.25rem;font-weight:700;margin:0;color:#111827}.sp-modal-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.sp-form-group{display:flex;flex-direction:column;gap:8px}.sp-form-label{font-size:.95rem;font-weight:700;color:#111827}.sp-required{color:#ef4444}.sp-form-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s;background-color:#fff}.sp-form-input:focus{border-color:#000}.sp-form-input:disabled{background-color:#f9fafb;cursor:not-allowed;color:#6b7280}.sp-custom-select-wrapper{position:relative;width:100%}.sp-custom-select-trigger{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s;-webkit-user-select:none;user-select:none}.sp-custom-select-trigger:hover:not(.disabled),.sp-custom-select-trigger.active{border-color:#000}.sp-custom-select-trigger.disabled{background-color:#f9fafb;cursor:not-allowed;color:#6b7280}.sp-select-arrow{display:flex;align-items:center;transition:transform .2s ease}.sp-select-arrow svg{width:16px;height:16px;color:inherit}.sp-select-arrow.open{transform:rotate(180deg)}.sp-custom-select-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-5px)}.sp-custom-select-options.open{pointer-events:auto;animation:sp-modalSlideDown .2s ease-out forwards;transform-origin:top center}.sp-custom-select-options.closed{pointer-events:none;animation:sp-modalSlideUp .2s ease-out forwards;transform-origin:top center}.sp-custom-select-option{padding:10px 14px;font-size:.9rem;cursor:pointer;color:#374151;transition:background-color .15s,color .15s}.sp-custom-select-option:hover{background-color:#f3f4f6;color:#111827}.sp-custom-select-option.selected{background-color:#e5e7eb;font-weight:700;color:#111827}.sp-suneditor-wrapper{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid #d1d5db}.sp-suneditor-wrapper.disabled{opacity:.7;pointer-events:none}.sp-editor-divider{width:1px;height:24px;background-color:#d1d5db;margin:0 4px}.sp-editor-footer{font-size:.8rem;color:#6b7280;margin-top:4px;text-align:right}.sp-status-section{display:flex;align-items:center;gap:16px;margin-top:12px}.sp-status-label{font-size:1.1rem;font-weight:700;color:#111827;margin:0}.sp-status-badge{padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:600}.sp-status-badge.published{background-color:#bbf7d0;color:#166534}.sp-status-badge.draft{background-color:#dbeafe;color:#1e40af}.sp-toggle-wrapper{display:flex;align-items:center;gap:8px;margin-left:auto}.sp-toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.sp-toggle-input{opacity:0;width:0;height:0}.sp-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.4s;border-radius:24px}.sp-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.sp-toggle-input:checked+.sp-toggle-slider{background-color:#6366f1}.sp-toggle-input:checked+.sp-toggle-slider:before{transform:translate(20px)}.sp-toggle-text{font-size:.9rem;font-weight:600;color:#374151}.sp-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-start;align-items:center;background-color:#fff}.sp-footer-buttons{display:flex;gap:12px}.sp-btn-primary,.sp-btn-secondary{padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;font-family:inherit;transition:all .2s}.sp-btn-primary{background-color:#111827;color:#fff;border:none}.sp-btn-primary:hover{background-color:#374151}.sp-btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.sp-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}@keyframes sp-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sp-modalSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-modalSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.sp-form-group-editor{flex:1;display:flex;flex-direction:column}.sp-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.mm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;box-sizing:border-box}.mm-container *{box-sizing:border-box}.mm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.mm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.mm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#666;margin:0}.mm-btn-upload{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;transition:all .2s ease;font-family:inherit}.mm-btn-upload:hover{background-color:#2563eb}.mm-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.mm-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.mm-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.mm-search-wrapper{flex:3 1 200px;display:flex;align-items:center;gap:8px;border:1px solid #d1d5db;border-radius:8px;padding:0 16px;background-color:#fff;transition:border-color .2s;color:#9ca3af}.mm-search-wrapper:focus-within{border-color:#3b82f6}.mm-filter-input{border:none;outline:none;width:100%;padding:clamp(8px,1.2vw,10px) 0;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:transparent}.mm-custom-dropdown{flex:1 1 130px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.mm-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;white-space:nowrap}.mm-dropdown-trigger.active,.mm-dropdown-trigger:hover{border-color:#000}.mm-dropdown-arrow{transition:transform .3s ease;margin-left:8px}.mm-dropdown-arrow.open{transform:rotate(180deg)}.mm-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.mm-dropdown-options.open{pointer-events:auto;animation:mm-slideFadeDown .2s cubic-bezier(.25,1,.5,1) forwards}.mm-dropdown-options.closed{pointer-events:none;animation:mm-slideFadeUp .2s cubic-bezier(.25,1,.5,1) forwards}.mm-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.mm-dropdown-option:hover{background-color:#f3f4f6}.mm-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.mm-btn-clear{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;color:#374151}.mm-btn-clear:hover{background-color:#f9fafb;border-color:#000}.mm-dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:32px;text-align:center;background-color:#f9fafb;transition:all .2s ease}.mm-dropzone.dragging{border-color:#3b82f6;background-color:#eff6ff}.mm-dropzone p{margin:0;color:#374151;font-weight:500}.mm-browse-text{color:#3b82f6;text-decoration:underline;cursor:pointer}.mm-dropzone-sub{font-size:.85rem;color:#6b7280;margin-top:8px}.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.mm-card{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#fff;transition:box-shadow .2s}.mm-card:hover{box-shadow:0 4px 12px #0000000d}.mm-card-thumbnail{position:relative;height:160px;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.mm-card-thumbnail img{width:100%;height:100%;object-fit:cover}.mm-card-view-btn{position:absolute;top:8px;left:8px;background-color:#fffc;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:background-color .2s}.mm-card-view-btn svg{width:16px;height:16px;flex-shrink:0}.mm-card-view-btn:hover{background-color:#fff}.mm-card-primary-badge{position:absolute;top:8px;right:8px;background-color:#3b82f6;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}.mm-card-info{padding:12px;display:flex;flex-direction:column;gap:8px}.mm-card-filename{font-size:.9rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-card-badges{display:flex;gap:8px}.mm-card-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px}.type-badge{background-color:#dbeafe;color:#1e40af}.status-badge.published{background-color:#d1fae5;color:#065f46}.status-badge.draft{background-color:#f3f4f6;color:#4b5563}.status-badge.hidden{background-color:#fee2e2;color:#991b1b}.mm-card-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.mm-action-btn{background:none;border:none;font-size:.75rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px;transition:color .2s}.mm-action-btn:hover:not(:disabled){color:#111827}.mm-action-btn:disabled{opacity:.5;cursor:not-allowed}.mm-action-btn.delete-btn:hover{color:#ef4444}.mm-empty-state{grid-column:1 / -1;text-align:center;padding:40px;color:#6b7280;font-weight:500}.mm-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;color:#374151;gap:16px}.mm-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.mm-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151}.mm-page-num.active{background-color:#f3f4f6;font-weight:700}.mm-page-num:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mm-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.mm-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);box-sizing:border-box;font-weight:500}.mm-limit-trigger:hover,.mm-limit-trigger.active{border-color:#111827;background-color:#f9fafb;box-shadow:0 2px 6px #0000000f;color:#111827}.mm-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.mm-limit-icon.open{transform:rotate(180deg)}.mm-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.mm-limit-options.open{pointer-events:auto;animation:mm-slideFadeDown .2s cubic-bezier(.25,1,.5,1) forwards}.mm-limit-options.closed{pointer-events:none;animation:mm-slideFadeUp .2s cubic-bezier(.25,1,.5,1) forwards}.mm-limit-option{padding:10px 16px;cursor:pointer;color:#4b5563;transition:all .2s ease;white-space:nowrap}.mm-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.mm-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}.mm-card-video{width:100%;height:100%;object-fit:contain;background-color:#000}.mm-action-btn.disabled,.mm-action-btn:disabled{opacity:.3;cursor:not-allowed;background-color:#f9fafb}.mm-action-btn.disabled:hover,.mm-action-btn:disabled:hover{background-color:#f9fafb;border-color:transparent;color:#6b7280}@keyframes mm-slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mm-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mm-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.mm-drawer-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;animation:mm-fadeIn .2s ease-out}.mm-drawer-container{position:fixed;top:0;right:0;bottom:0;width:450px;max-width:100vw;background-color:#fff;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;z-index:1001;font-family:Lexend Exa,sans-serif;animation:mm-slideInRight .3s cubic-bezier(.25,1,.5,1) forwards}.mm-drawer-container *{box-sizing:border-box}.mm-drawer-header{display:flex;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.mm-drawer-back-btn{background:none;border:none;cursor:pointer;padding:0;margin-right:16px;display:flex;align-items:center;color:#111827}.mm-drawer-back-btn:disabled{opacity:.5;cursor:not-allowed}.mm-drawer-title{font-size:1.5rem;font-weight:800;margin:0;color:#111827;flex:1;text-align:right}.mm-drawer-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.mm-drawer-preview-section{display:flex;align-items:center;gap:16px}.mm-drawer-preview-box{width:120px;height:90px;background-color:#f3f4f6;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mm-drawer-preview-box img{max-width:100%;max-height:100%;object-fit:contain}.mm-drawer-filename{flex:1;font-size:.95rem;font-weight:600;color:#111827;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mm-drawer-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.mm-drawer-section:last-child{margin-bottom:0}.mm-section-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px dashed #d1d5db}.mm-form-group{display:flex;flex-direction:column;gap:8px}.mm-form-group label{font-size:.95rem;font-weight:800;color:#000}.mm-required{color:#e1251b;margin-left:2px}.mm-form-group textarea,.mm-form-group input[type=text]{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;outline:none;color:#333;transition:border-color .2s ease;background-color:#fff;width:100%}.mm-form-group textarea{resize:vertical}.mm-form-group textarea:focus:not(:disabled),.mm-form-group input[type=text]:focus:not(:disabled){border-color:#000}.mm-form-group textarea:disabled,.mm-form-group input[type=text]:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.mm-input-error{border-color:#ef4444}.mm-error-text{color:#ef4444;font-size:.8rem;margin-top:-4px}.mm-status-toggle-wrapper{display:flex;align-items:center;gap:12px;margin-top:4px}.mm-toggle-switch{width:48px;height:26px;border-radius:20px;position:relative;cursor:pointer;background-color:#d1d5db;border:1px solid transparent;transition:background-color .3s ease;padding:0}.mm-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.mm-toggle-switch.on{background-color:#6b46c1}.mm-toggle-switch.on:after{transform:translate(22px)}.mm-toggle-switch:disabled{opacity:.6;cursor:not-allowed}.mm-status-label{font-size:1rem;font-weight:700;color:#000}.mm-drawer-footer{padding:24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb;background-color:#fff}.mm-btn-submit{order:1;padding:10px 24px;background-color:#ccc;border:none;border-radius:8px;font-weight:700;font-size:.95rem;color:#fff;cursor:not-allowed;font-family:inherit;transition:all .3s ease}.mm-btn-submit.active{background-color:#000;cursor:pointer}.mm-btn-submit.active:hover{background-color:#333}.mm-btn-submit:disabled:not(.active){opacity:.7}.mm-btn-cancel{order:2;padding:10px 24px;background-color:#fff;border:1px solid #000000;border-radius:8px;font-weight:700;font-size:.95rem;color:#000;cursor:pointer;font-family:inherit;transition:all .2s}.mm-btn-cancel:hover:not(:disabled){background-color:#000;color:#fff}.mm-btn-cancel:disabled{opacity:.7;cursor:not-allowed;border-color:#ccc;color:#ccc}@keyframes mm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mm-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mm-autocomplete-wrapper{position:relative;width:100%}.mm-autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1002;max-height:200px;overflow-y:auto;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.mm-autocomplete-dropdown.open{pointer-events:auto;animation:mm-slideDownFade .2s ease-out forwards}.mm-autocomplete-dropdown.closed{pointer-events:none;animation:mm-slideUpFade .2s ease-out forwards}.mm-autocomplete-item{padding:10px 14px;cursor:pointer;font-size:.9rem;color:#374151;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.mm-autocomplete-item:last-child{border-bottom:none}.mm-autocomplete-item:hover{background-color:#f9fafb;color:#111827;font-weight:600}.mm-autocomplete-empty{padding:10px 14px;font-size:.9rem;color:#6b7280;text-align:center}.mm-autocomplete-item.active{background-color:#e9e9e9;color:#000;font-weight:600}@keyframes mm-slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mm-slideUpFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.mm-drawer-select-trigger{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;background-color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#333;transition:border-color .2s ease}.mm-drawer-select-trigger:hover:not(.disabled){border-color:#000}.mm-drawer-select-trigger.disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.mm-drawer-select-trigger svg{transition:transform .2s ease}.mm-drawer-select-trigger svg.open{transform:rotate(180deg)}.mm-drawer-video-render{max-width:100%;max-height:100%;border-radius:8px;background-color:#000}.mm-trigger-text-selected{color:#333}.mm-trigger-text-placeholder{color:#9ca3af}.mm-crop-overlay{position:fixed;inset:0;background-color:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;animation:mm-fadeIn .2s ease-out}.mm-crop-container{background-color:#fff;width:90%;max-width:600px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 25px #0003}.mm-crop-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.mm-crop-title{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.mm-crop-close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6b7280}.mm-crop-body{padding:24px;display:flex;flex-direction:column;gap:16px}.mm-crop-area{position:relative;width:100%;height:400px;background-color:#333;border-radius:8px;overflow:hidden}.mm-crop-controls{display:flex;align-items:center;gap:12px}.mm-crop-controls label{font-weight:600;font-size:.9rem}.mm-crop-slider{flex:1}.mm-crop-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.mm-crop-btn-save{padding:8px 16px;background-color:#000;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.mm-crop-btn-cancel{padding:8px 16px;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-weight:600;cursor:pointer}.mm-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.bm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.bm-container *{box-sizing:border-box}.bm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.bm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.bm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.bm-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;transition:all .2s ease;font-family:inherit}.bm-btn-add:hover{background-color:#2563eb}.bm-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.bm-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.bm-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.bm-search-wrapper{position:relative;flex:2 1 250px;display:flex;align-items:center}.bm-search-wrapper svg{position:absolute;left:16px;color:#9ca3af;width:16px;height:16px}.bm-filter-input{width:100%;padding:clamp(8px,1.2vw,10px) 16px clamp(8px,1.2vw,10px) 40px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s}.bm-filter-input:focus{border-color:#000}.bm-custom-dropdown{flex:1 1 140px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.bm-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box}.bm-dropdown-trigger.active,.bm-dropdown-trigger:hover{border-color:#000}.bm-dropdown-trigger svg{transition:transform .2s ease}.bm-dropdown-trigger svg.rotated{transform:rotate(180deg)}.bm-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.bm-dropdown-options.open{pointer-events:auto;animation:bm-slideFadeDown .2s ease-out forwards}.bm-dropdown-options.closed{pointer-events:none;animation:bm-slideFadeUp .2s ease-out forwards}.bm-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.bm-dropdown-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.bm-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.bm-btn-clear{flex:0 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;color:#374151;transition:all .2s;font-family:inherit}.bm-btn-clear:hover{background-color:#f9fafb;border-color:#000}.bm-bulk-actions{display:flex;margin-left:auto;gap:clamp(8px,1vw,12px)}.bm-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.75rem,1vw,.85rem);cursor:pointer;color:#374151;transition:all .2s;font-family:inherit}.bm-btn-bulk:hover:not(:disabled){background-color:#f9fafb;border-color:#000}.bm-btn-bulk.danger{background-color:#ef4444;color:#fff;border-color:#ef4444}.bm-btn-bulk.danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.bm-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.bm-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto}.bm-table{width:100%;border-collapse:collapse;text-align:left;min-width:1000px}.bm-table th,.bm-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb;vertical-align:middle}.bm-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.bm-table tr:nth-child(2n){background-color:#fcfcfc}.bm-table tr.bm-selected-row td{background-color:#f5e1cd}.bm-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#000000}.bm-name-cell{display:flex;align-items:center;gap:12px}.bm-name-thumbnail{width:48px;height:32px;border-radius:4px;object-fit:cover;border:1px solid #e5e7eb}.bm-text-strong{font-weight:600;color:#111827;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;line-height:1.4;max-width:250px}.bm-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.bm-status-dot.active{background-color:#10b981}.bm-status-dot.inactive{background-color:#991b1b}.bm-status-dot.pending{background-color:#f59e0b}.bm-status-text{font-weight:500}.bm-status-text.active{color:#10b981}.bm-status-text.inactive{color:#991b1b}.bm-status-text.pending{color:#f59e0b}.bm-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start;position:relative}.bm-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .2s;padding:0}.bm-icon-btn:hover{background-color:#f3f4f6;border-color:#000}.bm-icon-btn:focus{outline:none}.bm-icon-btn svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.bm-toggle-cell{display:flex;align-items:center;justify-content:center;padding:0 4px}.bm-table-toggle{width:clamp(36px,3vw,44px);height:clamp(20px,2vw,24px);border-radius:20px;position:relative;cursor:pointer;background-color:#e5e7eb;border:1px solid #d1d5db;transition:.3s;padding:0}.bm-table-toggle:after{content:"";position:absolute;top:2px;left:2px;width:clamp(14px,1.5vw,18px);height:clamp(14px,1.5vw,18px);background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.bm-table-toggle.on{background-color:#eac6a8}.bm-table-toggle.on:after{transform:translate(calc(clamp(36px,3vw,44px) - clamp(14px,1.5vw,18px) - 6px))}.bm-table-toggle.disabled{opacity:.5;cursor:not-allowed}.bm-table-toggle:hover:not(:disabled){border-color:#000}.bm-table-toggle:focus{outline:none}.bm-empty-state{text-align:center;padding:30px;color:#6b7280}.bm-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:10px;font-size:.9rem;font-weight:500;color:#374151}.bm-page-numbers{display:flex;gap:8px;align-items:center}.bm-page-num{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151}.bm-page-num.active{background-color:#f3f4f6;font-weight:700}.bm-page-num:disabled{opacity:.4;cursor:not-allowed}.bm-limit-dropdown{position:relative;margin-left:8px}.bm-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.bm-limit-trigger:hover,.bm-limit-trigger.active{border-color:#000}.bm-limit-trigger svg{transition:transform .2s ease}.bm-limit-trigger svg.rotated{transform:rotate(180deg)}.bm-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.bm-limit-options.open{pointer-events:auto;animation:bm-slideFadeDown .2s ease-out forwards}.bm-limit-options.closed{pointer-events:none;animation:bm-slideFadeUp .2s ease-out forwards}.bm-limit-option{padding:10px 16px;cursor:pointer;color:#374151;transition:all .2s ease;white-space:nowrap}.bm-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.bm-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}.bm-time-cell{display:flex;flex-wrap:wrap;gap:4px}.bm-action-dropdown-wrapper{position:relative}.bm-action-dropdown-wrapper.is-open{z-index:50}.bm-action-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:95px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:8px;z-index:50;display:flex;flex-direction:column;gap:6px;transform-origin:top right;opacity:0;pointer-events:none;transform:translateY(-10px)}.bm-action-dropdown-menu:after{content:"";position:absolute;top:-6px;right:12px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff}.bm-action-dropdown-item{width:100%;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:.85rem;background-color:transparent;transition:background-color .2s}.bm-item-delete{background-color:#e1251b;color:#fff}.bm-item-delete:hover{background-color:#c91f16}@media(max-width:767px){.bm-header{flex-direction:column;align-items:stretch}.bm-btn-add{width:100%;justify-content:center}.bm-filter-input,.bm-btn-clear,.bm-custom-dropdown{width:100%;flex:1 1 100%}.bm-btn-bulk{width:100%;justify-content:center;text-align:center}.bm-table-wrapper{border:none;overflow:visible}.bm-table,.bm-table tbody,.bm-table tr,.bm-table td{display:block;width:100%}.bm-table thead tr{display:flex;padding-bottom:8px;border:none}.bm-table thead th{display:none}.bm-table thead th:first-child{display:flex;align-items:center;gap:8px;padding:0 4px;background:transparent}.bm-table tr{margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000000a}.bm-table tr.bm-selected-row{background-color:#f5e1cd;border-color:#eac6a8}.bm-table tr.bm-selected-row td{border-bottom-color:#eab48a}.bm-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:12px 0;border-bottom:none;white-space:normal}.bm-table td:nth-child(1){justify-content:space-between;padding-bottom:12px}.bm-table td:before{content:attr(data-label);font-weight:700;color:#6b7280;font-size:.85rem;margin-right:16px;text-align:left;flex-shrink:0}.bm-row-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.bm-pagination{flex-direction:column;justify-content:center;text-align:center;gap:16px}.bm-page-numbers{justify-content:center;width:100%;flex-wrap:wrap}.bm-time-cell{flex-direction:column;align-items:flex-end;gap:2px}}.bm-action-dropdown-wrapper.is-open .bm-action-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);animation:bm-slideFadeDown .2s ease-out forwards}.bm-drawer-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:flex-end;z-index:1000;font-family:Lexend Exa,sans-serif;animation:bm-fadeIn .2s ease-out}.bm-drawer-container{width:550px;max-width:100vw;height:100%;background-color:#fff;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;animation:bm-slideInRight .3s cubic-bezier(.25,1,.5,1);box-sizing:border-box}.bm-drawer-header{display:flex;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb}.bm-drawer-back-btn{background:none;border:none;cursor:pointer;margin-right:16px;color:#000}.bm-drawer-title{margin:0;font-size:1.5rem;font-weight:800;flex:1;text-align:right}.bm-drawer-body{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.bm-form-group{display:flex;flex-direction:column;gap:8px}.bm-form-group label{font-size:.95rem;font-weight:800;color:#000}.bm-form-group input{width:100%;height:42px;padding:0 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .2s ease}.bm-form-group input:focus:not(:disabled){border-color:#000}.bm-form-group input:disabled{border-color:#d1d5db;background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.bm-custom-select{position:relative}.bm-select-trigger{width:100%;height:42px;padding:0 16px;border:1px solid #d1d5db;border-radius:8px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;cursor:pointer;font-size:.95rem;box-sizing:border-box;transition:border-color .2s ease}.bm-select-trigger:hover:not(.disabled),.bm-select-trigger.active{border-color:#000}.bm-select-trigger.disabled{border-color:#d1d5db;background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.bm-select-trigger svg{transition:transform .2s ease}.bm-select-trigger svg.open{transform:rotate(180deg)}.bm-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.bm-select-options.open{pointer-events:auto;animation:bm-slideFadeDown .2s ease-out forwards}.bm-select-options.closed{pointer-events:none;animation:bm-slideFadeUp .2s ease-out forwards}.bm-option{padding:10px 16px;cursor:pointer;font-size:.95rem;color:#374151;transition:background-color .2s}.bm-option:hover{background-color:#f3f4f6}.bm-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.bm-upload-box{border:2px dashed #d1d5db;border-radius:8px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;cursor:pointer;overflow:hidden;transition:border-color .2s ease}.bm-upload-box:hover:not(.disabled){border-color:#000}.bm-upload-box.disabled{cursor:not-allowed;opacity:.7}.bm-upload-box img{width:100%;height:100%;object-fit:cover}.bm-upload-box span{font-size:.85rem;font-weight:600;margin-top:8px;color:#6b7280}.bm-date-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bm-toggle-wrapper{display:flex;align-items:center;gap:12px}.bm-switch{width:44px;height:24px;border-radius:20px;position:relative;cursor:pointer;background-color:#d1d5db;border:none;transition:.3s}.bm-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.3s}.bm-switch.on{background-color:#000}.bm-switch.on:after{transform:translate(20px)}.bm-switch:disabled{opacity:.6;cursor:not-allowed}.bm-toggle-label{font-size:.95rem;font-weight:700}.bm-drawer-footer{padding:24px 32px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.bm-btn-submit{padding:10px 24px;background-color:#d1d5db;border:none;border-radius:8px;font-weight:700;color:#fff;cursor:not-allowed;font-family:inherit;transition:background-color .2s}.bm-btn-submit.active{background-color:#000;cursor:pointer}.bm-btn-submit.active:hover{background-color:#333}.bm-btn-cancel{padding:10px 24px;background-color:#fff;border:1px solid #000;border-radius:8px;font-weight:700;color:#000;cursor:pointer;font-family:inherit;transition:all .2s}.bm-btn-cancel:hover{background-color:#f9fafb}@keyframes bm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bm-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes bm-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bm-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.bm-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.ban-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.ban-container *{box-sizing:border-box}.ban-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.ban-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.ban-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.ban-btn-add{background-color:#3b82f6;color:#fff;border:none;padding:clamp(8px,1.5vw,10px) clamp(16px,2.5vw,20px);border-radius:6px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;transition:all .2s ease;font-family:inherit}.ban-btn-add:hover{background-color:#2563eb}.ban-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.ban-toolbar{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.ban-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.ban-search-wrapper{position:relative;flex:2 1 250px;display:flex;align-items:center}.ban-search-wrapper svg{position:absolute;left:16px;color:#9ca3af;width:16px;height:16px}.ban-filter-input{width:100%;padding:clamp(8px,1.2vw,10px) 16px clamp(8px,1.2vw,10px) 40px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;color:#111827}.ban-filter-input:focus{border-color:#000}.ban-custom-dropdown{flex:1 1 140px;position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.ban-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box}.ban-dropdown-trigger.active,.ban-dropdown-trigger:hover{border-color:#000}.ban-dropdown-trigger svg{transition:transform .2s ease;margin-left:8px}.ban-dropdown-trigger svg.open{transform:rotate(180deg)}.ban-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.ban-dropdown-options.open{pointer-events:auto;animation:ban-slideFadeDown .2s ease-out forwards}.ban-dropdown-options.closed{pointer-events:none;animation:ban-slideFadeUp .2s ease-out forwards}.ban-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.ban-dropdown-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.ban-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.ban-btn-clear{flex:0 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;color:#374151;transition:all .2s;font-family:inherit;outline:none}.ban-btn-clear:hover{background-color:#f9fafb;border-color:#000}.ban-btn-clear:focus{outline:none}.ban-bulk-actions{display:flex;margin-left:auto;gap:clamp(8px,1vw,12px);align-items:center;padding:12px 16px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;width:100%}.ban-bulk-text{font-weight:600;color:#1e40af;margin-right:auto;font-size:clamp(.85rem,1vw,.95rem)}.ban-btn-bulk{padding:clamp(6px,1vw,8px) clamp(12px,1.5vw,16px);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:clamp(.75rem,1vw,.85rem);cursor:pointer;color:#374151;transition:all .2s;font-family:inherit}.ban-btn-bulk:hover:not(:disabled){background-color:#f9fafb;border-color:#000}.ban-btn-bulk.publish{background-color:#10b981;color:#fff;border-color:#10b981}.ban-btn-bulk.publish:hover:not(:disabled){background-color:#059669;border-color:#059669}.ban-btn-bulk.hide{background-color:#f59e0b;color:#fff;border-color:#f59e0b}.ban-btn-bulk.hide:hover:not(:disabled){background-color:#d97706;border-color:#d97706}.ban-btn-bulk.delete{background-color:#ef4444;color:#fff;border-color:#ef4444}.ban-btn-bulk.delete:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.ban-table-container{border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto}.ban-table{width:100%;border-collapse:collapse;text-align:left;min-width:1000px}.ban-table th,.ban-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb;vertical-align:middle}.ban-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.ban-table tr:nth-child(2n){background-color:#fcfcfc}.ban-table tr.ban-selected-row td{background-color:#f5e1cd}.ban-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#000000}.ban-article-info{display:flex;align-items:center;gap:12px}.ban-article-img{width:48px;height:32px;border-radius:4px;object-fit:cover;border:1px solid #e5e7eb;background-color:#f3f4f6;flex-shrink:0}.ban-article-text{display:flex;flex-direction:column;gap:4px;min-width:0}.ban-article-title{font-weight:600;color:#111827;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ban-article-slug{font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.ban-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center}.ban-status-badge.published{background-color:#bbf7d0;color:#166534}.ban-status-badge.draft{background-color:#dbeafe;color:#1e40af}.ban-status-badge.hidden{background-color:#f3f4f6;color:#4b5563}.ban-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.ban-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .2s;padding:0}.ban-icon-btn:hover{background-color:#f3f4f6;border-color:#000}.ban-icon-btn:focus{outline:none}.ban-icon-btn svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor}.ban-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;color:#374151;gap:16px}.ban-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.ban-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151}.ban-page-num.active{background-color:#f3f4f6;font-weight:700}.ban-page-num:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ban-limit-dropdown{position:relative;font-family:inherit;font-size:.9rem;-webkit-user-select:none;user-select:none;margin-left:8px}.ban-limit-trigger{display:flex;align-items:center;gap:12px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s ease;height:100%;box-sizing:border-box}.ban-limit-trigger:hover,.ban-limit-trigger.active{border-color:#000}.ban-limit-trigger svg{transition:transform .2s ease}.ban-limit-trigger svg.open{transform:rotate(180deg)}.ban-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.ban-limit-options.open{pointer-events:auto;animation:ban-slideFadeDown .2s ease-out forwards}.ban-limit-options.closed{pointer-events:none;animation:ban-slideFadeUp .2s ease-out forwards}.ban-limit-option{padding:10px 16px;cursor:pointer;color:#374151;transition:all .2s ease;white-space:nowrap}.ban-limit-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.ban-limit-option.active{background-color:#e9e9e9;color:#000;font-weight:700}.ban-drawer-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;animation:ban-fadeIn .2s ease-out}.ban-drawer-container{position:fixed;top:0;right:0;bottom:0;width:650px;max-width:100vw;background-color:#fff;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;z-index:1001;font-family:Lexend Exa,sans-serif;animation:ban-slideInRight .3s cubic-bezier(.25,1,.5,1) forwards}.ban-drawer-container *{box-sizing:border-box}.ban-drawer-header{display:flex;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.ban-drawer-back-btn{background:none;border:none;cursor:pointer;padding:0;margin-right:16px;color:#111827}.ban-drawer-title{font-size:1.5rem;font-weight:800;margin:0;color:#111827;flex:1}.ban-drawer-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.ban-form-group{display:flex;flex-direction:column;gap:8px}.ban-form-group label{font-size:.95rem;font-weight:800;color:#000}.ban-required{color:#ef4444}.ban-form-input,.ban-form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;outline:none;width:100%;transition:border-color .2s}.ban-form-textarea{resize:vertical;min-height:80px}.ban-form-input:focus,.ban-form-textarea:focus{border-color:#000}.ban-form-input:disabled,.ban-form-textarea:disabled{background-color:#f9fafb;color:#9ca3af}.ban-drawer-custom-dropdown{position:relative;width:100%;font-family:inherit;font-size:.95rem;-webkit-user-select:none;user-select:none}.ban-drawer-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .2s;width:100%;box-sizing:border-box}.ban-drawer-dropdown-trigger.disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;pointer-events:none}.ban-drawer-dropdown-trigger.active,.ban-drawer-dropdown-trigger:hover:not(.disabled){border-color:#000}.ban-drawer-dropdown-trigger svg{transition:transform .2s ease;margin-left:8px;width:16px;height:16px}.ban-drawer-dropdown-trigger svg.open{transform:rotate(180deg)}.ban-drawer-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1050;overflow-y:auto;max-height:220px;transform-origin:top center;opacity:0;pointer-events:none;transform:translateY(-10px)}.ban-drawer-dropdown-options.open{pointer-events:auto;animation:ban-slideFadeDown .2s ease-out forwards}.ban-drawer-dropdown-options.closed{pointer-events:none;animation:ban-slideFadeUp .2s ease-out forwards}.ban-drawer-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:all .2s ease}.ban-drawer-dropdown-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.ban-drawer-dropdown-option.active{background-color:#e9e9e9;color:#000;font-weight:600}.ban-upload-box{border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;background-color:#f9fafb;cursor:pointer;transition:border-color .2s}.ban-upload-box:hover{border-color:#000}.ban-upload-box p{margin:8px 0 0;font-size:.9rem;color:#6b7280}.ban-upload-preview{position:relative;width:100%;height:200px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.ban-upload-preview img{width:100%;height:100%;object-fit:cover}.ban-btn-remove-img{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ef4444}.ban-suneditor-wrapper{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;border:1px solid #d1d5db}.ban-suneditor-wrapper.disabled{opacity:.7;pointer-events:none}.ban-drawer-body .ban-suneditor-wrapper .sun-editor .se-wrapper .sun-editor-editable{min-height:250px}.ban-drawer-body .ban-suneditor-wrapper .sun-editor{border:none}.ban-seo-preview{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:16px;margin-top:4px;font-family:Arial,sans-serif;box-shadow:0 1px 3px #0000000d}.ban-seo-url{font-size:14px;color:#202124;margin-bottom:4px}.ban-seo-title{font-size:20px;color:#1a0dab;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ban-seo-title:hover{text-decoration:underline;cursor:pointer}.ban-seo-desc{font-size:14px;color:#4d5156;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ban-toggle-wrapper{display:flex;align-items:center;gap:12px}.ban-toggle-switch{position:relative;width:48px;height:26px;background-color:#d1d5db;border-radius:20px;cursor:pointer;transition:.3s}.ban-toggle-switch.on{background-color:#000}.ban-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:.3s}.ban-toggle-switch.on:after{transform:translate(22px)}.ban-drawer-footer{padding:24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb;background-color:#fff}.ban-btn-submit{padding:10px 24px;background-color:#000;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-family:inherit}.ban-btn-submit:disabled{opacity:.6;cursor:not-allowed}.ban-btn-cancel{padding:10px 24px;background-color:#fff;color:#000;border:1px solid #000000;border-radius:8px;font-weight:700;cursor:pointer;font-family:inherit}.ban-btn-attach-product{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff;color:#374151;border:1px dashed #d1d5db;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:8px;width:max-content}.ban-btn-attach-product:hover{background-color:#f9fafb;border-color:#000;color:#000}.ban-attached-products-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ban-product-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;color:#374151;font-weight:500}.ban-product-tag button{background:none;border:none;color:#ef4444;cursor:pointer;padding:0;display:flex;align-items:center}.ban-product-modal-overlay{position:absolute;inset:0;background-color:#00000080;z-index:1010;display:flex;align-items:center;justify-content:center}.ban-product-modal{background:#fff;width:90%;max-width:400px;border-radius:12px;padding:20px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:16px}.ban-product-modal-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.1rem}.ban-product-modal-close{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#6b7280;display:flex;align-items:center;justify-content:center}.ban-product-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.ban-product-item{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background-color .2s}.ban-product-item:hover{background-color:#f9fafb}.ban-product-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.ban-product-info{display:flex;flex-direction:column}.ban-product-name{font-size:.9rem;font-weight:600;color:#111827}.ban-product-price{font-size:.8rem;color:#6b7280}.ban-product-modal-btn{padding:10px;background-color:#000;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}@keyframes ban-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes ban-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ban-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ban-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ban-drawer-dropdown-value.selected{color:#111827}.ban-drawer-dropdown-value.placeholder{color:#9ca3af}.ban-hidden-file-input{display:none}.ban-meta-textarea{min-height:60px}.ban-toggle-label{font-weight:600}.ban-product-empty-state{padding:16px;text-align:center;color:#6b7280;font-size:.9rem}.ban-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.cc-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.cc-container *{box-sizing:border-box}.cc-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.cc-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.cc-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.cc-header-actions{display:flex;gap:12px;align-items:center}.cc-btn-outline{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:clamp(8px,1.5vw,12px) 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.cc-btn-outline:hover{background-color:#f3f4f6;border-color:#111827}.cc-btn-save{background-color:#111827;color:#fff;border:none;padding:clamp(8px,1.5vw,12px) clamp(16px,2vw,24px);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.cc-btn-save:hover{background-color:#374151}.cc-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;width:100%}.cc-custom-dropdown{position:relative;flex:1 1 200px;max-width:300px}.cc-dropdown-trigger{height:100%;display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:clamp(.85rem,1vw,.95rem);color:#111827;transition:border-color .2s;-webkit-user-select:none;user-select:none}.cc-dropdown-trigger:hover,.cc-dropdown-trigger.active{border-color:#111827}.cc-dropdown-arrow{width:16px;height:16px;transition:transform .2s ease;display:flex;align-items:center}.cc-dropdown-arrow.open{transform:rotate(180deg)}.cc-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:250px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-10px)}.cc-dropdown-options.open{pointer-events:auto;animation:cc-slideFadeDown .2s ease-out forwards;transform-origin:top center}.cc-dropdown-options.closed{pointer-events:none;animation:cc-slideFadeUp .2s ease-out forwards;transform-origin:top center}.cc-dropdown-option{padding:10px 16px;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;color:#374151;transition:all .2s ease;white-space:nowrap}.cc-dropdown-option:hover{background-color:#f3f4f6;color:#111827;padding-left:20px}.cc-dropdown-option.selected{background-color:#e9e9e9;color:#000;font-weight:600}.cc-workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;gap:20px;align-items:stretch;width:100%;height:calc(100vh - 180px);min-height:600px}.cc-workspace.preview-layout{grid-template-columns:1fr}.cc-canvas-area{position:relative;display:flex;flex-direction:column;background-color:#f3f4f6;border-radius:12px;border:1px solid #d1d5db;transition:all .2s ease;overflow:hidden}.cc-canvas-area.drag-over{border-color:#111827;background-color:#e5e7eb}.cc-canvas-wrapper{flex:1;overflow:auto;padding:40px;display:flex}.cc-canvas-wrapper.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.cc-canvas-wrapper.panning *{pointer-events:none}.cc-canvas-container{position:relative;flex-shrink:0;margin:auto}.cc-canvas{position:absolute;top:0;left:0;background-color:#fff;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 30px #00000014}.cc-zoom-toolbar{position:absolute;bottom:16px;right:16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;align-items:center;padding:4px;box-shadow:0 4px 12px #0000001a;z-index:100}.cc-zoom-btn{background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;font-weight:700;color:#374151;font-size:1.2rem;transition:background .2s}.cc-zoom-btn:hover{background:#f3f4f6;color:#111827}.cc-zoom-value{font-size:.85rem;min-width:50px;text-align:center;font-weight:700;color:#111827;font-family:monospace}.cc-element{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;border:2px solid transparent;transition:border-color .2s;cursor:pointer}.cc-element:hover{border-color:#d1d5db}.cc-element.selected{border-color:transparent}.cc-element-handle{position:absolute;top:-40px;right:0;background:#111827;color:#fff;padding:4px;border-radius:4px;display:none;z-index:50}.cc-element.selected .cc-element-handle{display:flex}.cc-element-action-btn{background:none;border:none;color:#fff;cursor:pointer;padding:2px;display:flex}.cc-suneditor-wrapper{position:absolute;top:-85px;left:0;width:100%;min-width:350px;z-index:2000;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a}.cc-suneditor-wrapper .se-container,.cc-suneditor-wrapper .sun-editor{border-radius:8px;border:1px solid #d1d5db;background-color:#fff}.cc-suneditor-done-btn{position:absolute;bottom:-35px;right:0;background-color:#111827;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;font-family:Lexend Exa,sans-serif;transition:background-color .2s}.cc-suneditor-done-btn:hover{background-color:#374151}.cc-content-wrapper{word-break:break-word;line-height:inherit}.cc-empty-state{text-align:center;color:#6b7280;font-size:.9rem;margin-top:20px}.cc-preview-mode{background-color:#f9fafb}.cc-preview-mode .cc-canvas{box-shadow:0 4px 25px #00000026}.cc-preview-mode .cc-canvas .cc-element{border-color:transparent;border-style:none;cursor:default}.cc-preview-mode .cc-canvas .cc-element-handle{display:none}.cc-element-dropcap .cc-content-wrapper:first-letter{float:left;font-size:3.5em;line-height:.8;padding-right:8px;padding-top:4px;font-weight:800;color:#111827}.cc-element-animated.is-preview .cc-content-wrapper{overflow:hidden;white-space:nowrap;border-right:3px solid currentColor;animation:typing 3s steps(40,end) infinite alternate,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:currentColor}}@keyframes cc-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cc-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media(max-width:1300px){.cc-workspace{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto 1fr;height:auto}.sbm-sidebar{grid-column:1 / -1}.cc-canvas-area{min-height:500px}}@media(max-width:900px){.cc-workspace{grid-template-columns:1fr;grid-template-rows:auto auto auto}.sbm-sidebar,.cc-canvas-area,.pp-property-panel{grid-column:1}}.sbm-sidebar{flex:0 0 240px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;height:100%;transition:all .3s ease;overflow-y:hidden}.sbm-sidebar-title{font-size:.95rem;font-weight:700;color:#111827;margin:0}.sbm-sidebar-search{position:relative;width:100%;display:flex;align-items:center}.sbm-search-icon{position:absolute;left:10px;display:flex;align-items:center;justify-content:center;pointer-events:none}.sbm-search-input{width:100%;padding:8px 10px 8px 30px;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;font-family:inherit;outline:none;background-color:#f9fafb;transition:border-color .2s,background-color .2s}.sbm-search-input:focus{border-color:#111827;background-color:#fff}.sbm-sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.sbm-sidebar-content::-webkit-scrollbar{width:4px}.sbm-sidebar-content::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.sbm-sidebar-category{display:flex;flex-direction:column}.sbm-category-header{display:flex;justify-content:space-between;align-items:center;padding:6px 0;cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;border-radius:4px;transition:background-color .2s}.sbm-category-header:hover{color:#111827}.sbm-category-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.sbm-category-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.sbm-category-body.open{grid-template-rows:1fr}.sbm-category-body-inner{overflow:hidden}.sbm-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;animation:slideDownFade .3s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-5px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.sbm-tool-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;cursor:grab;transition:all .2s;font-size:.7rem;font-weight:600;color:#4b5563;text-align:center;box-shadow:0 1px 2px #00000005}.sbm-tool-item:active{cursor:grabbing}.sbm-tool-item:hover{border-color:#111827;background-color:#f3f4f6;color:#111827;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.sbm-sidebar-shortcuts{margin-top:auto;padding:12px;background-color:#f3f4f6;border-radius:8px;font-size:.75rem;color:#6b7280}.sbm-shortcuts-title{font-weight:700;color:#374151;margin-bottom:8px}.sbm-shortcuts-list{display:flex;flex-direction:column;gap:6px}.sbm-shortcut-item{display:flex;align-items:center;gap:6px}.sbm-shortcut-item kbd{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:2px 4px;font-size:.7rem;font-family:monospace;font-weight:700;color:#111827;box-shadow:0 1px 1px #0000001a}.sbm-empty-state{text-align:center;color:#9ca3af;font-size:.85rem;padding:20px 0}@media(max-width:1300px){.sbm-sidebar{width:100%;flex:none;flex-direction:column;align-items:stretch;height:auto;overflow:hidden;padding:16px}.sbm-sidebar-title{display:none}.sbm-sidebar-search{width:100%;flex:none;margin-bottom:8px}.sbm-sidebar-content{flex:none;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:16px;padding-bottom:12px;overflow-x:auto;overflow-y:hidden}.sbm-sidebar-content::-webkit-scrollbar{height:6px}.sbm-sidebar-content::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.sbm-sidebar-category{flex:0 0 240px}.sbm-category-header{padding:8px 12px;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px}.sbm-sidebar-shortcuts{margin-top:8px;width:100%}.sbm-shortcuts-list{flex-direction:row;flex-wrap:wrap;gap:8px 24px}}.pp-property-panel{flex:0 0 280px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;transition:all .3s ease}.pp-panel-title{font-size:.95rem;font-weight:700;color:#111827;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.pp-form-group{display:flex;flex-direction:column;gap:6px}.pp-label{font-size:.85rem;font-weight:600;color:#374151}.pp-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-family:inherit;outline:none;transition:border-color .2s}.pp-input:focus{border-color:#111827}.pp-color-input{padding:2px;height:36px;cursor:pointer}.pp-mt-10{margin-top:10px}.pp-empty-state{text-align:center;color:#6b7280;font-size:.9rem;margin-top:20px}.pp-layer-btn{flex:1;cursor:pointer;padding:6px 4px;font-size:.75rem;font-weight:600;background-color:#fff;color:#374151;text-align:center;transition:all .2s ease}.pp-layer-btn:hover{background-color:#f3f4f6;border-color:#111827;color:#111827}.pp-custom-select-wrapper{position:relative;width:100%}.pp-custom-select-trigger{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s;-webkit-user-select:none;user-select:none}.pp-custom-select-trigger:hover,.pp-custom-select-trigger.active{border-color:#111827}.pp-select-arrow{transition:transform .2s ease}.pp-select-arrow.open{transform:rotate(180deg)}.pp-custom-select-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-5px)}.pp-custom-select-options.open{pointer-events:auto;animation:pp-slideFadeDown .2s ease-out forwards;transform-origin:top center}.pp-custom-select-options.closed{pointer-events:none;animation:pp-slideFadeUp .2s ease-out forwards;transform-origin:top center}@keyframes pp-slideFadeDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.pp-custom-select-option{padding:8px 12px;font-size:.85rem;cursor:pointer;color:#374151;transition:background-color .15s,color .15s}.pp-custom-select-option:hover{background-color:#f3f4f6;color:#111827}.pp-custom-select-option.selected{background-color:#e5e7eb;font-weight:700;color:#111827}@media(max-width:1024px){.pp-property-panel{width:100%;flex:none;height:auto}}.cc-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.sys-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.sys-container *{box-sizing:border-box}.sys-header{display:flex;justify-content:flex-start;align-items:center;gap:24px;flex-wrap:wrap}.sys-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:900;text-transform:none;letter-spacing:normal;margin:0;color:#111827}.sys-top-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto}.sys-control-group{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#4b5563;white-space:nowrap;position:relative}.sys-dropdown{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;min-width:140px;height:44px;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;color:#111827;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.sys-dropdown:hover{border-color:#9ca3af;background-color:#f9fafb}.sys-dropdown svg{width:16px;height:16px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sys-dropdown.active svg{transform:rotate(180deg)}.sys-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:50;display:flex;flex-direction:column;overflow:hidden;transform-origin:top center;animation:sys-dropdown-slideDown .2s cubic-bezier(.16,1,.3,1) forwards}.sys-dropdown-item{padding:12px 16px;font-size:.85rem;font-weight:600;color:#4b5563;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.sys-dropdown-item:hover{background-color:#f3f4f6;color:#111827}@keyframes sys-dropdown-slideDown{0%{opacity:0;transform:scaleY(.95) translateY(-5px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.sys-btn-health{display:flex;align-items:center;gap:8px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:0 16px;font-weight:600;font-family:inherit;font-size:.85rem;cursor:pointer;transition:background-color .2s;height:44px;white-space:nowrap}.sys-btn-health:hover{background-color:#2563eb}.sys-btn-health svg{width:16px;height:16px;flex-shrink:0}.sys-top-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}.sys-info-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px -1px #0000000d}.sys-info-icon{width:36px;height:36px;color:#4b5563;flex-shrink:0}.sys-info-card.success{border-color:#86efac;background-color:#f0fdf4}.sys-info-card.success .sys-info-icon,.sys-info-card.success .sys-info-value{color:#16a34a}.sys-info-card.warning{border-color:#fca5a5;background-color:#fef2f2}.sys-info-card.warning .sys-info-icon,.sys-info-card.warning .sys-info-value,.sys-info-card.warning .sys-info-label{color:#dc2626}.sys-info-text{display:flex;flex-direction:column;gap:2px}.sys-info-label{font-size:.85rem;font-weight:700;color:#4b5563}.sys-info-value{font-size:1.35rem;font-weight:800;color:#111827}.sys-main-grid{display:grid;grid-template-columns:280px 1fr;gap:clamp(16px,2vw,24px);align-items:start}.sys-left-panel{display:flex;flex-direction:column;gap:16px}.sys-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.sys-status-box{display:flex;align-items:center;gap:16px;background-color:#f0fdf4;border:1px solid #bbf7d0;padding:20px}.sys-status-icon{width:36px;height:36px;color:#16a34a}.sys-status-text{display:flex;flex-direction:column;gap:2px}.sys-status-label{font-size:.85rem;font-weight:700;color:#166534}.sys-status-value{font-size:1.4rem;font-weight:800;color:#15803d}.sys-card-title{font-size:1.05rem;font-weight:800;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.sys-tab-btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:52px;padding:10px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;margin-bottom:12px;font-family:inherit;font-size:.95rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s;outline:none;-webkit-tap-highlight-color:transparent}.sys-tab-btn:last-child{margin-bottom:0}.sys-tab-btn:focus,.sys-tab-btn:focus-visible{outline:none;box-shadow:none;border-color:#d1d5db}.sys-tab-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.sys-tab-btn.active{background-color:#e5e7eb;border-color:#111827;color:#111827}.sys-tab-btn.active:focus,.sys-tab-btn.active:focus-visible{border-color:#111827}.sys-tab-btn span{flex:1;text-align:left;line-height:1.3}.sys-tab-switch{width:44px;height:24px;background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:20px;position:relative;transition:.3s;box-sizing:border-box;flex-shrink:0}.sys-tab-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#9ca3af;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sys-tab-btn.active .sys-tab-switch{background-color:#111827;border-color:#111827}.sys-tab-btn.active .sys-tab-switch:after{background-color:#fff;transform:translate(20px)}.sys-threshold-list{display:flex;flex-direction:column;gap:12px;font-size:.9rem;color:#4b5563;font-weight:600}.sys-mini-chart-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:20px}.sys-mini-chart-header{font-size:.85rem;font-weight:700;color:#4b5563;display:flex;justify-content:space-between;margin-bottom:12px}.sys-latency-avg{font-weight:500}.sys-mini-svg-container{width:100%;height:40px}.sys-content-area{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);min-width:0}.sys-card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.sys-card-title.sys-mb-0{margin:0;padding-bottom:0;border-bottom:none}.sys-edit-btn{background:none;border:1px solid #d1d5db;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:.8rem;font-weight:700;color:#4b5563;cursor:pointer;transition:all .2s}.sys-edit-btn:hover{background-color:#f3f4f6;color:#111827}.sys-threshold-item{display:flex;justify-content:space-between;align-items:center}.sys-threshold-input{width:60px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:.85rem;font-weight:700;color:#111827;text-align:right;outline:none}.sys-threshold-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.sys-threshold-input::-webkit-outer-spin-button,.sys-threshold-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sys-toast{position:fixed;bottom:32px;right:32px;background-color:#111827;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:600;z-index:9999;animation:sys-slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.sys-toast-icon{color:#22c55e;width:24px;height:24px}@keyframes sys-slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:1024px){.sys-top-controls{width:100%;overflow-x:auto;padding-bottom:8px}}.ov-tab-layout{display:flex;flex-direction:column;gap:24px;animation:ov-fadeIn .3s ease-in-out}.ov-top-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ov-info-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 4px #00000005}.ov-info-icon{width:44px;height:44px;color:#4b5563}.ov-info-card.warning{border-color:#fca5a5;background-color:#fef2f2}.ov-info-card.warning .ov-info-icon{color:#ef4444}.ov-info-text{display:flex;flex-direction:column;gap:4px}.ov-info-label{font-size:.95rem;font-weight:700;color:#4b5563}.ov-info-value{font-size:1.6rem;font-weight:800;color:#111827}.ov-info-card.warning .ov-info-value,.ov-info-card.warning .ov-info-label{color:#b91c1c}.ov-gauge-section{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.ov-section-title{font-size:1.15rem;font-weight:800;color:#111827;margin:0 0 24px}.ov-gauge-grid{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px}.ov-gauge-item{display:flex;flex-direction:column;align-items:center}.ov-gauge-svg{width:100%;max-width:180px;height:auto;aspect-ratio:200 / 120}.ov-gauge-label{margin-top:16px;font-size:.95rem;font-weight:700;color:#111827;text-align:center}.ov-gauge-sub{font-size:.85rem;font-weight:500;color:#6b7280;margin-top:4px}.ov-bottom-row{display:flex;flex-wrap:wrap;gap:24px}.ov-chart-card,.ov-table-card{flex:1 1 400px;min-width:0;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.ov-chart-container{width:100%;height:280px;min-height:280px;margin-top:20px;padding-right:20px}.ov-table{width:100%;border-collapse:collapse;margin-top:16px}.ov-table th{text-align:left;padding:12px 16px;font-size:.85rem;font-weight:700;color:#4b5563;background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.ov-table td{padding:16px;font-size:.85rem;color:#111827;border-bottom:1px solid #f3f4f6}.ov-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.ov-badge.warning{background-color:#fef08a;color:#854d0e}.ov-badge.resolved{background-color:#bbf7d0;color:#166534}@keyframes ov-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cr-tab-layout{display:flex;flex-direction:column;gap:24px;animation:cr-fadeIn .3s ease-in-out forwards}.cr-section-title{font-size:1.15rem;font-weight:800;color:#111827;margin:0 0 24px}.cr-section-title.mb-0{margin-bottom:0}.cr-bottom-row{display:flex;flex-wrap:wrap;gap:24px}.cr-chart-card{flex:1 1 400px;min-width:0;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.cr-chart-container{width:100%;height:240px;margin-top:20px;padding-right:20px}.cr-progress-section{margin-top:32px}.cr-progress-label{display:flex;justify-content:space-between;font-size:.9rem;font-weight:700;color:#374151;margin-bottom:10px}.cr-progress-track{width:100%;height:10px;background-color:#e5e7eb;border-radius:10px;overflow:hidden}.cr-progress-bar{height:100%;border-radius:10px;transition:width .6s ease-in-out;background-color:#3b82f6}@keyframes cr-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.na-tab-layout{display:flex;flex-direction:column;gap:24px;animation:na-fadeIn .3s ease-in-out}.na-section-title{font-size:1.15rem;font-weight:800;color:#111827;margin:0 0 24px}.na-section-title.mb-0{margin-bottom:0}.na-bottom-row{display:flex;flex-wrap:wrap;gap:24px}.na-chart-card,.na-table-card{flex:1 1 400px;min-width:0;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.na-chart-flex{display:flex;gap:20px;flex-wrap:wrap}.na-chart-col{flex:1 1 250px;min-width:0}.na-chart-container{width:100%;height:240px;margin-top:20px;padding-right:20px}.na-chart-container.small{height:180px}.na-table{width:100%;border-collapse:collapse;margin-top:16px}.na-table th{text-align:left;padding:12px 16px;font-size:.85rem;font-weight:700;color:#4b5563;background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.na-table td{padding:16px;font-size:.85rem;color:#111827;border-bottom:1px solid #f3f4f6}.na-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.na-badge.warning{background-color:#fef08a;color:#854d0e}.na-badge.stable{background-color:#dbeafe;color:#1e40af}@keyframes na-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sys-payment-container{display:flex;flex-direction:column;gap:24px;animation:sys-fadeIn .3s ease-in-out}.sys-payment-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}.sys-payment-table-wrapper{overflow-x:auto;margin-top:16px}.sys-payment-table{width:100%;border-collapse:collapse;text-align:left;font-family:inherit}.sys-payment-table th{padding:12px 16px;font-size:.85rem;font-weight:800;color:#4b5563;background-color:#f9fafb;border-bottom:2px solid #e5e7eb;white-space:nowrap}.sys-payment-table td{padding:16px;font-size:.85rem;color:#111827;border-bottom:1px solid #f3f4f6;vertical-align:middle}.sys-payment-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.sys-payment-badge.critical{background-color:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.sys-payment-badge.warning{background-color:#fffbeb;color:#d97706;border:1px solid #fcd34d}.sys-payment-badge.stable{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.sys-payment-badge.neutral{background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}@media screen and (max-width:768px){.sys-payment-kpi-grid{grid-template-columns:1fr}.sys-payment-table th,.sys-payment-table td{padding:10px}}.sys-security-container{display:flex;flex-direction:column;gap:24px;animation:sys-fadeIn .3s ease-in-out}.sys-security-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}.sys-security-table-wrapper{overflow-x:auto;margin-top:16px}.sys-security-table{width:100%;border-collapse:collapse;text-align:left;font-family:inherit}.sys-security-table th{padding:12px 16px;font-size:.85rem;font-weight:800;color:#4b5563;background-color:#f9fafb;border-bottom:2px solid #e5e7eb;white-space:nowrap}.sys-security-table td{padding:16px;font-size:.85rem;color:#111827;border-bottom:1px solid #f3f4f6;vertical-align:middle}.sys-security-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.sys-security-badge.critical{background-color:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.sys-security-badge.warning{background-color:#fffbeb;color:#d97706;border:1px solid #fcd34d}.sys-security-badge.stable{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}@media screen and (max-width:768px){.sys-security-kpi-grid{grid-template-columns:1fr}.sys-security-table th,.sys-security-table td{padding:10px}}@keyframes sys-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sys-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.ov-container{background-color:#fafafa;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.ov-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;box-shadow:0 1px 3px #00000005}.ov-card-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:24px}.ov-top-row{display:grid;grid-template-columns:1.4fr 1.1fr 1fr;gap:24px}@media screen and (max-width:1200px){.ov-top-row{grid-template-columns:1fr 1fr}.ov-attention-card{grid-column:span 2}}@media screen and (max-width:768px){.ov-top-row{grid-template-columns:1fr}.ov-attention-card{grid-column:span 1}}.ov-revenue-card{background-color:#fdfbf7;border:1px solid #d1d5db;box-shadow:inset 0 0 0 1px #fff9,0 2px 4px #00000005;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:24px;text-align:center}.ov-revenue-card .ov-card-title{position:relative;top:auto;left:auto;align-self:flex-start;z-index:3;margin:0}.ov-revenue-content{position:relative;z-index:3;margin:auto 0;display:flex;flex-direction:column;align-items:center}.ov-revenue-amount{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:6px}.ov-revenue-subtitle{font-size:.85rem;color:#1a1a1a;font-weight:600}.ov-trend-text{font-weight:700}.ov-trend-up{color:#16a34a}.ov-trend-down{color:#dc2626}.ov-wave-container{position:absolute;bottom:0;left:0;width:100%;height:65%;z-index:1}.ov-wave-line{fill:none;stroke:#8c6a4f;stroke-width:1.5px}.ov-pipeline-content{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;flex-wrap:wrap}.ov-pipeline-svg{width:100%;max-width:130px;height:auto;flex-shrink:0}.ov-pipeline-stats{display:flex;flex-direction:column;gap:16px;font-size:.85rem;color:#475569;font-weight:600}.ov-stat-item{display:flex;align-items:center;gap:10px}.ov-stat-dot{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.ov-attention-card{display:flex;flex-direction:column}.ov-alerts-wrapper{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:8px;padding:16px;flex:1;justify-content:center}.ov-alert-box{display:flex;align-items:center;gap:16px;font-size:.9rem;font-weight:600;color:#1e293b}.ov-alert-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ov-icon-yellow{background-color:#fef08a;color:#ca8a04}.ov-icon-red{background-color:#fecaca;color:#dc2626}.ov-alert-divider{height:1px;background-color:#e2e8f0;margin:16px 0}.ov-mid-row{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}@media screen and (max-width:1100px){.ov-mid-row{grid-template-columns:1fr}}.if-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;box-shadow:0 1px 3px #00000005}.if-card-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:24px}.if-content{display:flex;align-items:stretch;flex:1}.if-column{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 24px}.if-divider{width:1px;background-color:#d1d5db;margin:0 24px;flex-shrink:0}.if-section-title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:16px}.if-list{list-style:none;padding:0;margin:0;font-size:.95rem;color:#475569;display:flex;flex-direction:column;gap:16px;font-weight:500}.if-donut-container{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}.if-stat-item{display:flex;align-items:center;gap:10px}.if-stat-dot{width:16px;height:16px;border-radius:4px;box-shadow:0 2px 4px #00000026}.if-stats{display:flex;flex-direction:column;gap:16px;font-size:.95rem;color:#475569;font-weight:600}@media screen and (max-width:850px){.if-content{flex-direction:column;gap:24px}.if-divider{width:100%;height:1px;margin:0}.if-donut-container{justify-content:flex-start}}.cr-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;box-shadow:0 1px 3px #00000005}.cr-card-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:24px}.cr-split-grid{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:24px;align-items:stretch;width:100%;box-sizing:border-box}.cr-grid-column{display:flex;flex-direction:column;min-width:0;box-sizing:border-box}.cr-divider{width:1px;height:100%;background-color:#d1d5db}.cr-section-title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:20px}.cr-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.cr-table-wrapper::-webkit-scrollbar{height:6px}.cr-table-wrapper::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.cr-table-wrapper::-webkit-scrollbar-track{background-color:transparent}.cr-table{font-size:.85rem;display:flex;flex-direction:column;width:100%;min-width:320px;box-sizing:border-box}.cr-table-header,.cr-table-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;width:100%;box-sizing:border-box}.cr-table-header{font-weight:700;color:#334155;background-color:#f8fafc;border-radius:6px;margin-bottom:4px}.cr-table-row{border-bottom:1px solid #f8fafc;color:#64748b;font-weight:500}.cr-col-left{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.cr-col-right{flex-shrink:0;text-align:right}.cr-status-badge{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;display:inline-block;text-align:center;white-space:nowrap}.cr-status-pending{background-color:#fef08a;color:#a16207}.cr-status-approved{background-color:#bbf7d0;color:#166534}.cr-status-rejected{background-color:#fecaca;color:#991b1b}.cr-status-default{background-color:#f1f5f9;color:#475569}@media screen and (max-width:1024px){.cr-split-grid{grid-template-columns:minmax(0,1fr);gap:32px}.cr-divider{width:100%;height:1px}}.laf-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;box-shadow:0 1px 3px #00000005;width:100%}.laf-card-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:24px}.laf-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.laf-wrapper::-webkit-scrollbar{display:none}.laf-container{display:flex;position:relative;padding-top:10px;min-width:800px;padding-left:20px}.laf-item{display:flex;flex-direction:column;flex:1;position:relative;padding-top:36px;transition:all .3s ease}.laf-item.laf-offline{filter:grayscale(100%);opacity:.4}.laf-segment-start{position:absolute;top:11px;left:-20px;width:40px;height:2px;background-color:#cbd5e1;z-index:1}.laf-segment-main{position:absolute;top:11px;left:20px;width:100%;height:2px;z-index:1}.laf-segment-end{position:absolute;top:11px;left:20px;width:100%;height:2px;background-color:#cbd5e1;z-index:1}.laf-node{position:absolute;top:5px;left:14px;width:12px;height:12px;border-radius:50%;box-sizing:border-box;z-index:2}.laf-drop-line{position:absolute;top:17px;left:19px;width:2px;height:14px;background-color:#cbd5e1;z-index:1}.laf-content{display:flex;align-items:center;gap:12px}.laf-icon-box{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#1e293b}.laf-text-wrapper{display:flex;flex-direction:column;text-align:left}.laf-title{font-size:.9rem;font-weight:700;color:#0f172a;margin-bottom:2px}.laf-desc{font-size:.8rem;color:#475569;font-weight:500;line-height:1.3}.laf-node.laf-theme-server,.laf-icon-box.laf-theme-server,.laf-segment-main.laf-theme-server{background-color:#d1bfae}.laf-node.laf-theme-order,.laf-icon-box.laf-theme-order,.laf-segment-main.laf-theme-order{background-color:#f7dcb0}.laf-node.laf-theme-announcement,.laf-icon-box.laf-theme-announcement,.laf-segment-main.laf-theme-announcement{background-color:#cbeafe}.laf-node.laf-theme-alert,.laf-icon-box.laf-theme-alert,.laf-segment-main.laf-theme-alert{background-color:#fca5a5}.op-container{display:flex;flex-direction:column;width:100%;min-height:100dvh;box-sizing:border-box;background-color:#f3f4f6;padding:clamp(16px,3vw,32px)}.rr-wrapper{display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.rr-main-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.rr-card{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.rr-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.rr-filter-container{display:flex;align-items:center;justify-content:flex-start;background-color:#fff;padding:12px 20px 16px;border-radius:8px;border:1px solid #cbd5e1;width:100%;box-sizing:border-box;overflow-x:auto;gap:24px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.rr-filter-container::-webkit-scrollbar{height:6px}.rr-filter-container::-webkit-scrollbar-track{background:transparent;border-radius:8px}.rr-filter-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:8px}.rr-filter-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.rr-filter-left,.rr-filter-right{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0}.rr-filter-left{gap:16px}.rr-filter-right{gap:12px}.rr-filter-label{font-size:.95rem;font-weight:600;color:#334155;white-space:nowrap}.rr-filter-buttons{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.rr-filter-btn{background:none;border:none;border-right:1px solid #cbd5e1;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;padding:8px 16px;border-radius:0;transition:all .2s ease;white-space:nowrap}.rr-filter-btn:last-child{border-right:none}.rr-filter-btn.rr-active{background-color:#9ca3af;color:#fff}.rr-date-wrapper{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;background-color:#fff;position:relative}.rr-date-input{border:none;outline:none;font-size:.9rem;color:#475569;font-weight:500;width:85px}.rr-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.rr-apply-btn{background-color:#e2e8f0;color:#1e293b;border:1px solid #cbd5e1;padding:8px 20px;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.rr-apply-btn:hover{background-color:#cbd5e1}.rr-apply-btn:disabled{opacity:.7;cursor:not-allowed;background-color:#cbd5e1}.rr-content-wrapper{display:flex;flex-direction:column;gap:24px;transition:opacity .3s ease;position:relative}.rr-content-wrapper.rr-is-loading{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.rr-date-wrapper.rr-has-error{border-color:#ef4444;background-color:#fef2f2}.rr-date-wrapper.rr-has-error .rr-date-input{color:#ef4444}.rr-error-message{font-size:.85rem;color:#ef4444;font-weight:600;margin-top:-8px;text-align:right}.krm-wrapper{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.krm-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.krm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.krm-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.krm-header{display:flex;justify-content:space-between;align-items:center}.krm-title{font-size:.95rem;font-weight:600;color:#475569}.krm-icon-box{width:32px;height:32px;border-radius:6px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center}.krm-value{font-size:1.8rem;font-weight:800;color:#1e293b}.krm-trend-box{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500}.krm-trend-badge{display:flex;align-items:center;gap:4px;font-weight:700}.krm-trend-badge.krm-up{color:#16a34a}.krm-trend-badge.krm-down{color:#dc2626}.krm-trend-text-vs{color:#64748b}@media screen and (max-width:1200px){.krm-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.krm-grid{grid-template-columns:1fr}}.rta-wrapper{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.rta-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.rta-container{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:20px}.rta-header-text{font-size:.95rem;font-weight:600;color:#334155}.rta-svg-wrapper{display:flex;gap:12px;height:200px;position:relative}.rta-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.8rem;color:#64748b;font-weight:500;padding-bottom:24px}.rta-chart-area{flex:1;position:relative}.rta-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px}.rta-grid-line{width:100%;height:1px;background-color:#e2e8f0}.rta-line-chart-svg{position:absolute;top:0;left:0;width:100%;height:calc(100% - 24px);z-index:2;overflow:visible}.rta-chart-line{fill:none;stroke:#64748b;stroke-width:2px}.rta-x-axis{display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;font-weight:500;padding-left:36px}.rta-empty-state{display:flex;align-items:center;justify-content:center;height:200px;background-color:#fff;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-weight:500}.rta-dynamic-tooltip{position:absolute;transform:translate(-50%,-100%);background-color:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;z-index:10;margin-top:-12px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a}.rta-dynamic-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-style:solid;border-color:#1e293b transparent transparent transparent}@media screen and (max-width:768px){.rta-x-axis span:nth-child(2n){display:none}}.bsp-wrapper{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.bsp-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.bsp-table-wrapper{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.bsp-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.9rem;text-align:center}.bsp-table th,.bsp-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0}.bsp-table th{background-color:#e6d5c3;color:#1e293b;font-weight:700}.bsp-table tbody tr:last-child td{border-bottom:none}.bsp-table td{color:#475569;font-weight:500}.bsp-revenue-cell{font-weight:700;color:#1e293b}.bsp-empty-state{padding:40px;text-align:center;color:#64748b;font-weight:500;background-color:#f8fafc}.bsp-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.bsp-sortable:hover{background-color:#d6c3b0}.bsp-sort-icon{margin-left:6px;font-size:.8rem;display:inline-block}.bsp-sort-icon.bsp-inactive{opacity:.3}.bsp-sort-icon.bsp-active{opacity:1;color:#b45309}.bsp-pagination-container{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background-color:#fff;border-top:1px solid #e2e8f0}.bsp-page-numbers{display:flex;gap:8px}.bsp-page-nav-btn,.bsp-page-num-btn{padding:6px 12px;border:1px solid #cbd5e1;background-color:#fff;border-radius:4px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.bsp-page-num-btn.bsp-active{background-color:#1e293b;color:#fff;border-color:#1e293b}.bsp-page-nav-btn:disabled{opacity:.5;cursor:not-allowed}.bsp-page-nav-btn:not(:disabled):hover,.bsp-page-num-btn:not(.bsp-active):hover{background-color:#f1f5f9}.rrp-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.mp-wrapper{display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.mp-main-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.mp-card{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.mp-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.mp-filter-container{display:flex;align-items:center;justify-content:flex-start;background-color:#fff;padding:12px 20px 16px;border-radius:8px;border:1px solid #cbd5e1;width:100%;box-sizing:border-box;overflow-x:auto;gap:24px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.mp-filter-container::-webkit-scrollbar{height:6px}.mp-filter-container::-webkit-scrollbar-track{background:transparent;border-radius:8px}.mp-filter-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:8px}.mp-filter-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.mp-filter-left,.mp-filter-right{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0}.mp-filter-left{gap:16px}.mp-filter-right{gap:12px}.mp-filter-label{font-size:.95rem;font-weight:600;color:#334155;white-space:nowrap}.mp-filter-buttons{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.mp-filter-btn{background:none;border:none;border-right:1px solid #cbd5e1;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;padding:8px 16px;border-radius:0;transition:all .2s ease;white-space:nowrap}.mp-filter-btn:last-child{border-right:none}.mp-filter-btn.mp-active{background-color:#9ca3af;color:#fff}.mp-date-wrapper{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;background-color:#fff;position:relative}.mp-date-input{border:none;outline:none;font-size:.9rem;color:#475569;font-weight:500;width:85px}.mp-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.mp-apply-btn{background-color:#e2e8f0;color:#1e293b;border:1px solid #cbd5e1;padding:8px 20px;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.mp-apply-btn:hover{background-color:#cbd5e1}.mp-apply-btn:disabled{opacity:.7;cursor:not-allowed;background-color:#cbd5e1}.mp-content-wrapper{display:flex;flex-direction:column;gap:24px;transition:opacity .3s ease;position:relative}.mp-content-wrapper.mp-is-loading{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.mp-date-wrapper.mp-has-error{border-color:#ef4444;background-color:#fef2f2}.mp-date-wrapper.mp-has-error .mp-date-input{color:#ef4444}.mp-error-message{font-size:.85rem;color:#ef4444;font-weight:600;margin-top:-8px;text-align:right}.aco-wrapper{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.aco-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.aco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.aco-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px}.aco-icon-box{width:48px;height:48px;border-radius:8px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aco-info{display:flex;flex-direction:column;gap:4px}.aco-label{font-size:.9rem;font-weight:600;color:#475569}.aco-value{font-size:1.5rem;font-weight:800;color:#1e293b}@media screen and (max-width:1280px){.aco-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.aco-grid{grid-template-columns:1fr}}.tct-wrapper{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.tct-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.tct-table-wrapper{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tct-table{width:100%;min-width:800px;border-collapse:collapse;font-size:.9rem;text-align:left}.tct-table th,.tct-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0}.tct-table th{background-color:#e6d5c3;color:#1e293b;font-weight:700}.tct-table tbody tr:last-child td{border-bottom:none}.tct-table td{color:#475569;font-weight:500}.tct-status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-align:center}.tct-status-running{background-color:#6ee7b7;color:#065f46}.tct-status-paused{background-color:#fde047;color:#854d0e}.tct-table td.tct-roi-positive{color:#22c55e}.tct-col-right{text-align:right}.tct-empty-state{padding:40px;text-align:center;color:#64748b;font-weight:500;background-color:#f8fafc}.tct-pagination-container{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background-color:#fff;border-top:1px solid #e2e8f0}.tct-page-numbers{display:flex;gap:8px}.tct-page-nav-btn,.tct-page-num-btn{padding:6px 12px;border:1px solid #cbd5e1;background-color:#fff;border-radius:4px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.tct-page-num-btn.tct-active{background-color:#1e293b;color:#fff;border-color:#1e293b}.tct-page-nav-btn:disabled{opacity:.5;cursor:not-allowed}.tct-page-nav-btn:not(:disabled):hover,.tct-page-num-btn:not(.tct-active):hover{background-color:#f1f5f9}.ce-wrapper{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.ce-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.ce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ce-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px}.ce-icon-box{width:48px;height:48px;border-radius:8px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ce-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ce-label{font-size:.9rem;font-weight:600;color:#475569}.ce-value{font-size:1.8rem;font-weight:800;color:#1e293b;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}@media screen and (max-width:1024px){.ce-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.ce-grid{grid-template-columns:1fr}}.tc-wrapper{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.tc-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.tc-table-wrapper{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tc-table{width:100%;min-width:700px;border-collapse:collapse;font-size:.9rem;text-align:left}.tc-table th,.tc-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0}.tc-table th{background-color:#e6d5c3;color:#1e293b;font-weight:700}.tc-table tbody tr:last-child td{border-bottom:none}.tc-table td{color:#475569;font-weight:500}.tc-code-cell{font-weight:700;color:#1e293b}.tc-col-right{text-align:right}.tc-empty-state{padding:40px;text-align:center;color:#64748b;font-weight:500;background-color:#f8fafc}.tc-pagination-container{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background-color:#fff;border-top:1px solid #e2e8f0}.tc-page-numbers{display:flex;gap:8px}.tc-page-nav-btn,.tc-page-num-btn{padding:6px 12px;border:1px solid #cbd5e1;background-color:#fff;border-radius:4px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.tc-page-num-btn.tc-active{background-color:#1e293b;color:#fff;border-color:#1e293b}.tc-page-nav-btn:disabled{opacity:.5;cursor:not-allowed}.tc-page-nav-btn:not(:disabled):hover,.tc-page-num-btn:not(.tc-active):hover{background-color:#f1f5f9}.mpp-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.bi-wrapper{display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.bi-main-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.bi-card{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.bi-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.bi-filter-container{display:flex;align-items:center;justify-content:flex-start;background-color:#fff;padding:12px 20px 16px;border-radius:8px;border:1px solid #cbd5e1;width:100%;box-sizing:border-box;overflow-x:auto;gap:24px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.bi-filter-container::-webkit-scrollbar{height:6px}.bi-filter-container::-webkit-scrollbar-track{background:transparent;border-radius:8px}.bi-filter-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:8px}.bi-filter-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.bi-filter-left,.bi-filter-right{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0}.bi-filter-left{gap:16px}.bi-filter-right{gap:12px}.bi-filter-label{font-size:.95rem;font-weight:600;color:#334155;white-space:nowrap}.bi-filter-buttons{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.bi-filter-btn{background:none;border:none;border-right:1px solid #cbd5e1;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;padding:8px 16px;border-radius:0;transition:all .2s ease;white-space:nowrap}.bi-filter-btn:last-child{border-right:none}.bi-filter-btn.bi-active{background-color:#9ca3af;color:#fff}.bi-date-wrapper{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;background-color:#fff;position:relative}.bi-date-input{border:none;outline:none;font-size:.9rem;color:#475569;font-weight:500;width:85px}.bi-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.bi-apply-btn{background-color:#e2e8f0;color:#1e293b;border:1px solid #cbd5e1;padding:8px 20px;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.bi-apply-btn:hover{background-color:#cbd5e1}.bi-apply-btn:disabled{opacity:.7;cursor:not-allowed;background-color:#cbd5e1}.bi-content-wrapper{display:flex;flex-direction:column;gap:24px;transition:opacity .3s ease;position:relative}.bi-content-wrapper.bi-is-loading{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.bi-date-wrapper.bi-has-error{border-color:#ef4444;background-color:#fef2f2}.bi-date-wrapper.bi-has-error .bi-date-input{color:#ef4444}.bi-error-message{font-size:.85rem;color:#ef4444;font-weight:600;margin-top:-8px;text-align:right}.bi-grid-2-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}@media screen and (max-width:1024px){.bi-grid-2-cols{grid-template-columns:1fr}}.bkpi-wrapper{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.bkpi-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.bkpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bkpi-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.bkpi-header{display:flex;justify-content:space-between;align-items:center}.bkpi-title{font-size:.95rem;font-weight:600;color:#475569}.bkpi-icon-box{width:32px;height:32px;border-radius:6px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center}.bkpi-value{font-size:1.8rem;font-weight:800;color:#1e293b;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.bkpi-trend-box{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500}.bkpi-trend-badge{display:flex;align-items:center;gap:4px;font-weight:700}.bkpi-trend-badge.bkpi-positive{color:#16a34a}.bkpi-trend-badge.bkpi-negative{color:#dc2626}.bkpi-trend-text-vs{color:#64748b}@media screen and (max-width:1280px){.bkpi-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.bkpi-grid{grid-template-columns:1fr}}.trend-wrapper{display:flex;flex-direction:column;gap:16px;background-color:#e2e8f0;border-radius:12px;padding:20px}.trend-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.trend-title{font-size:1.1rem;font-weight:700;color:#1e293b}.trend-legend{display:flex;align-items:center;gap:16px}.trend-legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#475569}.trend-legend-color{width:12px;height:12px;border-radius:2px}.trend-legend-color.sessions{background-color:#e6d5c3}.trend-legend-color.conversion{background-color:#475569;height:3px}.trend-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:24px 20px}.trend-chart-container{position:relative;width:100%;height:320px;display:flex;justify-content:center}.trend-svg{display:block}.trend-grid-line{stroke:#f1f5f9;stroke-width:1}.trend-hover-line{stroke:#cbd5e1;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.trend-axis-text{fill:#64748b;font-size:11px;font-weight:500}.trend-bar{fill:#e6d5c3;transition:fill .2s ease;rx:2px}.trend-bar.is-hovered{fill:#d4b89f}.trend-line{fill:none;stroke:#475569;stroke-width:2.5;stroke-linecap:round}.trend-point{fill:#fff;stroke:#475569;stroke-width:2;transition:all .2s ease;opacity:0}.trend-point.is-hovered{opacity:1;fill:#1e293b;stroke:#1e293b;r:5}.trend-tooltip{position:absolute;background-color:#fff;border:1px solid #cbd5e1;padding:12px;border-radius:8px;font-size:.85rem;pointer-events:none;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:50;min-width:160px;transform:translate(-50%,-100%);transition:top .1s ease,left .1s ease}.trend-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #cbd5e1}.trend-tooltip.flip-down{transform:translate(-50%)}.trend-tooltip.flip-down:after{top:-6px;bottom:auto;border-top:none;border-bottom:6px solid #cbd5e1}.trend-tooltip-date{color:#1e293b;font-weight:700;border-bottom:1px solid #e2e8f0;padding-bottom:6px;margin-bottom:2px}.trend-tooltip-row{display:flex;align-items:center;justify-content:space-between}.trend-tooltip-label{display:flex;align-items:center;gap:6px;color:#64748b}.trend-tooltip-dot{width:8px;height:8px;border-radius:50%}.trend-tooltip-dot.sessions{background-color:#e6d5c3}.trend-tooltip-dot.conversion{background-color:#475569}.trend-tooltip-value{color:#1e293b;font-weight:700}.retention-wrapper{display:flex;flex-direction:column;gap:16px;background-color:#e2e8f0;border-radius:12px;padding:20px}.retention-title{font-size:1.1rem;font-weight:700;color:#1e293b}.retention-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;box-shadow:0 1px 3px #00000005}.retention-content{display:flex;align-items:stretch;flex:1}.retention-column{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 24px;justify-content:center}.retention-divider{width:1px;background-color:#d1d5db;margin:0 24px;flex-shrink:0}.retention-section-title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:24px}.retention-info{list-style:none;padding:0;margin:0;font-size:.95rem;color:#475569;display:flex;flex-direction:column;gap:16px;font-weight:500}.retention-donut-container{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.retention-donut-wrapper{position:relative;width:180px;height:180px;flex-shrink:0}.retention-svg{width:100%;height:100%;overflow:visible}.retention-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.retention-center-val{font-size:1.8rem;font-weight:800;color:#1e293b}.retention-center-lbl{font-size:.85rem;font-weight:600;color:#64748b}.retention-stats{display:flex;flex-direction:column;gap:16px;font-size:.95rem;color:#475569;font-weight:600}.retention-stat-item{display:flex;align-items:center;gap:10px}.retention-stat-dot{width:16px;height:16px;border-radius:4px;box-shadow:0 2px 4px #00000026}@media screen and (max-width:768px){.retention-content{flex-direction:column;gap:24px}.retention-column{padding:0}.retention-divider{width:100%;height:1px;margin:0}.retention-donut-container{justify-content:flex-start}}.funnel-wrapper{display:flex;flex-direction:column;gap:16px;background-color:#e2e8f0;border-radius:12px;padding:20px}.funnel-title{font-size:1.1rem;font-weight:700;color:#1e293b}.funnel-card{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;box-sizing:border-box}.funnel-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;box-sizing:border-box}.funnel-stage-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.funnel-bar{display:flex;justify-content:center;align-items:center;padding:0 24px;box-sizing:border-box;height:48px;background-color:#c3aa95;color:#fff;font-weight:600;font-size:.95rem;border-radius:6px;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,16px 100%);min-width:max-content;max-width:100%}.funnel-text-content{display:flex;align-items:center;max-width:100%;overflow:hidden;white-space:nowrap}.funnel-label{overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.funnel-stats{flex-shrink:0;margin-left:6px}.funnel-dropoff{display:flex;align-items:center;gap:4px;color:#475569;font-weight:700;font-size:.85rem;margin:10px 0}@media screen and (max-width:768px){.funnel-bar{padding:0 16px;font-size:.85rem;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%)}}.croi-wrapper{display:flex;flex-direction:column;gap:16px;background-color:#e2e8f0;border-radius:12px;padding:20px}.croi-title{font-size:1.1rem;font-weight:700;color:#1e293b}.croi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.croi-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:16px}.croi-icon-box{width:48px;height:48px;border-radius:8px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.croi-info{display:flex;flex-direction:column;gap:4px}.croi-label{font-size:.95rem;font-weight:600;color:#1e293b}.croi-value{font-size:1.8rem;font-weight:700;color:#000}@media screen and (max-width:1280px){.croi-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.croi-grid{grid-template-columns:1fr}}.cpt-wrapper{display:flex;flex-direction:column;gap:16px;background-color:#e2e8f0;border-radius:12px;padding:20px}.cpt-title{font-size:1.1rem;font-weight:700;color:#1e293b}.cpt-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.cpt-table-container{width:100%;overflow-x:auto}.cpt-table{width:100%;border-collapse:collapse;text-align:left}.cpt-th{background-color:#e6d5c3;padding:12px 16px;font-size:.9rem;font-weight:700;color:#1e293b;border-bottom:1px solid #cbd5e1;white-space:nowrap}.cpt-td{padding:12px 16px;font-size:.9rem;color:#475569;font-weight:500;border-bottom:1px solid #e2e8f0;white-space:nowrap}.cpt-tr:last-child .cpt-td{border-bottom:none}.cpt-roi-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.85rem;font-weight:700;text-align:center}.cpt-roi-positive{background-color:#6ee7b7;color:#065f46}.cpt-roi-negative{background-color:#fca5a5;color:#7f1d1d}.cpt-pagination-container{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background-color:#fff;border-top:1px solid #e2e8f0}.cpt-page-numbers{display:flex;gap:8px}.cpt-page-nav-btn,.cpt-page-num-btn{padding:6px 12px;border:1px solid #cbd5e1;background-color:#fff;border-radius:4px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.cpt-page-num-btn.cpt-active{background-color:#1e293b;color:#fff;border-color:#1e293b}.cpt-page-nav-btn:disabled{opacity:.5;cursor:not-allowed}.cpt-page-nav-btn:not(:disabled):hover,.cpt-page-num-btn:not(.cpt-active):hover{background-color:#f1f5f9}.bip-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.imp-container{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;padding:24px}.im-wrapper{display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.im-header-row{display:flex;justify-content:space-between;align-items:center}.im-main-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.im-btn-export{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.im-btn-export:hover{background-color:#2563eb}.im-card{background-color:#e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.im-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.im-filter-container{display:flex;align-items:center;justify-content:flex-start;background-color:#fff;padding:12px 20px 16px;border-radius:8px;border:1px solid #cbd5e1;width:100%;box-sizing:border-box;overflow-x:auto;gap:24px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.im-filter-group,.im-date-group{display:flex;align-items:center;flex-wrap:nowrap;flex-shrink:0}.im-filter-group{gap:16px}.im-date-group{gap:12px}.im-filter-buttons{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.im-filter-btn{background:none;border:none;border-right:1px solid #cbd5e1;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;padding:8px 16px;border-radius:0;transition:all .2s ease;white-space:nowrap}.im-filter-btn:last-child{border-right:none}.im-filter-btn.active{background-color:#9ca3af;color:#fff}.im-custom-dropdown{position:relative;font-size:.9rem;-webkit-user-select:none;user-select:none}.im-custom-dropdown.disabled{opacity:.5;cursor:not-allowed}.im-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background-color:#fff;color:#475569;font-weight:500;cursor:pointer;transition:border-color .2s;height:100%;box-sizing:border-box;white-space:nowrap;gap:12px}.im-dropdown-trigger.active,.im-dropdown-trigger:hover{border-color:#94a3b8}.im-dropdown-arrow{transition:transform .3s ease;width:16px;height:16px;color:#374151}.im-dropdown-arrow.open{transform:rotate(180deg)}.im-dropdown-options{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 4px 12px #0000001a;overflow:hidden;animation:im-slideFadeIn .2s ease-out forwards;transform-origin:top center}.im-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s;white-space:nowrap}.im-dropdown-option:hover{background-color:#f3f4f6}.im-dropdown-option.selected{background-color:#e2e8f0;color:#1e293b;font-weight:600}@keyframes im-slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.im-date-wrapper{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;background-color:#fff;position:relative}.im-date-wrapper.im-has-error{border-color:#ef4444}.im-date-input{border:none;outline:none;font-size:.9rem;color:#475569;font-weight:500;width:110px}.im-date-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.im-apply-btn{background-color:#e2e8f0;color:#1e293b;border:1px solid #cbd5e1;padding:8px 20px;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.im-apply-btn:hover{background-color:#cbd5e1}.im-apply-btn:disabled{opacity:.5;cursor:not-allowed}.im-content-wrapper{display:flex;flex-direction:column;gap:24px;transition:opacity .3s ease}.im-content-wrapper.im-is-loading{opacity:.5;pointer-events:none}.im-middle-wrapper{background-color:#e2e8f0;border-radius:12px;padding:24px;width:100%;box-sizing:border-box}.im-middle-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media screen and (max-width:1400px){.im-middle-grid{grid-template-columns:1fr}}.ikpi-wrapper{background-color:#e2e8f0;border-radius:12px;padding:24px;display:flex;width:100%;box-sizing:border-box}.ikpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%}.ikpi-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 4px #00000005}.ikpi-icon-box{width:56px;height:56px;border-radius:12px;background-color:#e2e8f0;color:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ikpi-content{display:flex;flex-direction:column;gap:6px}.ikpi-label{font-size:.85rem;font-weight:600;color:#6b7280}.ikpi-value-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ikpi-value{font-size:2rem;font-weight:800;color:#111827;line-height:1}.ikpi-subtext{font-size:.85rem;font-weight:500;color:#9ca3af}@media screen and (max-width:1500px){.ikpi-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.ikpi-grid{grid-template-columns:1fr}.ikpi-wrapper{padding:16px}}.smt-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.smt-header{margin-bottom:32px}.smt-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0}.smt-chart-container{display:flex;flex:1;min-height:250px;max-height:400px;position:relative;width:100%}.smt-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:16px;color:#6b7280;font-size:.75rem;font-weight:500;text-align:right;min-width:40px}.smt-chart-content{flex:1;display:flex;justify-content:flex-start;gap:32px;align-items:flex-end;position:relative;border-bottom:1px solid #e5e7eb;padding-bottom:1px;overflow-x:auto;padding-right:24px}.smt-chart-content::-webkit-scrollbar{height:6px}.smt-chart-content::-webkit-scrollbar-track{background:#f1f5f9}.smt-chart-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.smt-grid-line{position:absolute;left:0;right:0;border-top:1px dashed #e5e7eb;z-index:0}.smt-bar-group{position:relative;z-index:1;display:flex;flex-direction:column-reverse;align-items:center;width:32px;height:100%;cursor:pointer}.smt-bar-group:hover{opacity:.85}.smt-outward{width:100%;background-color:#e5d5c5;border-radius:0 0 4px 4px;transition:height .4s ease}.smt-inward{width:100%;background-color:#c6ac97;border-radius:4px 4px 0 0;transition:height .4s ease}.smt-label{position:absolute;top:100%;margin-top:12px;font-size:.75rem;color:#6b7280;font-weight:500}.smt-legend{display:flex;justify-content:center;gap:24px;margin-top:40px}.smt-legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#4b5563;font-weight:500}.smt-dot{width:10px;height:10px;border-radius:50%}.smt-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;pointer-events:none;opacity:0;margin-bottom:8px;z-index:10;transition:opacity .2s ease}.smt-bar-group:hover .smt-tooltip{opacity:1}.lsa-wrapper{background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;height:100%;box-sizing:border-box}.lsa-title{font-size:1.1rem;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:8px;margin:0}.lsa-list{display:flex;flex-direction:column;gap:12px;padding:4px 8px 4px 4px;max-height:400px;overflow-y:auto}.lsa-list::-webkit-scrollbar{width:6px}.lsa-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.lsa-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lsa-item{display:flex;flex-direction:column;gap:10px;padding:16px 0;position:relative}.lsa-item:after{display:none}.lsa-item{display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:2px;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #00000008;transition:all .2s ease}.lsa-item:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1;transform:translateY(-1px)}.lsa-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.lsa-name{font-size:.95rem;font-weight:700;color:#1e293b}.lsa-sku-wrapper{margin-top:-4px}.lsa-sku{font-size:.75rem;font-weight:700;color:#64748b;background-color:#f1f5f9;padding:2px 8px;border-radius:4px;display:inline-block}.lsa-tag{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:6px;white-space:nowrap}.lsa-tag.out{background-color:#f1f5f9;color:#475569}.lsa-tag.low{background-color:#fecaca;color:#7f1d1d}.lsa-tag.over{background-color:#dbeafe;color:#1e3a8a}.lsa-progress-bg{width:100%;height:4px;background-color:#f1f5f9;border-radius:4px;overflow:hidden;margin:4px 0}.lsa-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.lsa-progress-fill.out{width:100%;background-color:#475569}.lsa-progress-fill.low{background-color:#ef4444}.lsa-progress-fill.over{width:100%;background-color:#3b82f6}.lsa-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.lsa-stock-text{font-size:.8rem;color:#475569;font-weight:600}.lsa-action-btn{font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:6px;cursor:pointer;background-color:#fff;border:1px solid #334155;color:#1e293b;transition:all .2s ease;white-space:nowrap}.lsa-action-btn:hover{background-color:#1e293b;border-color:#1e293b;color:#fff}.smtab-wrapper{background-color:#e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.smtab-header{padding:0;background-color:transparent}.smtab-title{font-size:1.1rem;font-weight:800;color:#1e293b;margin:0}.smtab-card{background-color:#fff;border-radius:12px;border:1px solid #cbd5e1;overflow:hidden;display:flex;flex-direction:column;gap:0}.smtab-container{width:100%;overflow-x:auto;margin-bottom:0}.smtab-table{width:100%;border-collapse:collapse;text-align:left}.smtab-th{background-color:#e6d3bd;padding:16px 24px;font-size:.85rem;font-weight:700;color:#111827;white-space:nowrap}.smtab-td{padding:16px 24px;font-size:.9rem;color:#1f2937;border-bottom:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle}.smtab-table tbody tr{background-color:#fff}.smtab-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:700;text-align:center;white-space:nowrap}.smtab-badge.safe{background-color:#a7f3d0;color:#064e3b}.smtab-badge.low{background-color:#fef08a;color:#713f12}.smtab-badge.critical{background-color:#fecaca;color:#7f1d1d}.smtab-badge.over{background-color:#dbeafe;color:#1e3a8a}.smtab-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background-color:#fff;border-top:1px solid #e5e7eb;margin:0}.smtab-btn,.smtab-num{padding:6px 12px;border:1px solid #e5e7eb;background-color:#fff;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;color:#9ca3af;transition:all .2s ease}.smtab-btn:hover:not(:disabled),.smtab-num:hover:not(.active){background-color:#1e293b;color:#fff;border-color:#1e293b}.smtab-num.active{background-color:#1e293b;color:#fff;border-color:#1e293b}.smtab-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.rt-wrapper{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%}.rt-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.rt-card *{box-sizing:border-box}.rt-header{display:flex;flex-direction:column;gap:4px;margin-bottom:4px;font-family:Lexend Exa,sans-serif}.rt-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0;color:#111827}.rt-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.rt-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.rt-filter-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;color:#111827}.rt-filter-input:focus{border-color:#111827}.rt-btn-clear,.rt-btn-refresh{flex:1 1 120px;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;color:#374151;font-size:clamp(.85rem,1vw,.95rem);white-space:nowrap}.rt-btn-clear:hover,.rt-btn-refresh:hover,.rt-btn-clear:focus,.rt-btn-refresh:focus{background-color:#f3f4f6;border-color:#111827;outline:none}.rt-custom-dropdown{position:relative;flex:2 1 150px}.rt-dropdown-trigger{height:100%;display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:clamp(.85rem,1vw,.95rem);color:#111827;transition:border-color .2s}.rt-dropdown-trigger.active{border-color:#111827}.rt-dropdown-arrow{width:16px;height:16px;transition:transform .2s}.rt-dropdown-arrow.open{transform:rotate(180deg)}.rt-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;overflow:hidden}.rt-dropdown-option{padding:10px 16px;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;transition:background .2s}.rt-dropdown-option:hover{background:#f3f4f6}.rt-dropdown-option.selected{background:#f3f4f6;font-weight:500;color:#111827}.rt-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.rt-table{width:100%;min-width:800px;border-collapse:collapse;text-align:left;font-size:.9rem}.rt-table th{background-color:#f9fafb;padding:12px 16px;font-weight:600;color:#4b5563;border-bottom:1px solid #e5e7eb;white-space:nowrap}.rt-table td{padding:14px 16px;border-bottom:1px solid #e5e7eb;vertical-align:middle;color:#111827}.rt-row-main:hover{background-color:#f9fafb}.rt-expand-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s}.rt-expand-btn:hover{color:#111827}.rt-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.rt-type-import{background:#e0f2fe;color:#0369a1}.rt-type-export{background:#ffedd5;color:#c2410c}.rt-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.rt-dot{width:6px;height:6px;border-radius:50%}.rt-status-pending{background:#fef08a;color:#ca8a04}.rt-status-pending .rt-dot{background-color:#ca8a04}.rt-status-accepted{background:#dcfce7;color:#15803d}.rt-status-accepted .rt-dot{background-color:#15803d}.rt-status-rejected{background:#fee2e2;color:#b91c1c}.rt-status-rejected .rt-dot{background-color:#b91c1c}.rt-actions-group{display:flex;justify-content:center;align-items:center;gap:8px}.rt-action-btn-text{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:6px 12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px;font-weight:500;height:32px;color:#111827}.rt-action-btn-text:hover,.rt-action-btn-text:focus{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;outline:none}.rt-btn-accept-text:hover,.rt-btn-accept-text:focus{background:#dcfce7;border-color:#22c55e;color:#15803d}.rt-btn-reject-text:hover,.rt-btn-reject-text:focus{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.rt-row-items td{padding:0;border-bottom:none}.rt-items-container{background:#f8fafc;padding:16px 32px;border-bottom:1px solid #e5e7eb}.rt-items-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.rt-items-table th{background:#f1f5f9;padding:10px 16px;font-size:.85rem}.rt-items-table td{padding:10px 16px;font-size:.85rem}.rt-pagination{display:flex;align-items:center;justify-content:space-between;font-size:clamp(.85rem,1vw,.95rem);color:#4b5563;flex-wrap:wrap;gap:16px;padding-top:10px}.rt-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.rt-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151;transition:all .2s}.rt-page-num:focus{outline:none}.rt-page-num:hover,.rt-page-num.active{background-color:#f3f4f6;font-weight:700;color:#111827}.rt-limit-dropdown{position:relative;margin-left:8px;font-family:inherit}.rt-limit-trigger{display:flex;align-items:center;gap:8px;padding:clamp(6px,1vw,8px) 12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;font-weight:600;color:#374151;transition:all .2s;-webkit-user-select:none;user-select:none}.rt-limit-trigger:hover,.rt-limit-trigger.active{border-color:#000;background-color:#f9fafb;color:#111827}.rt-limit-icon{width:16px;height:16px;transition:transform .3s cubic-bezier(.25,1,.5,1)}.rt-limit-icon.open{transform:rotate(180deg)}.rt-limit-options{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;display:flex;flex-direction:column}.rt-dropdown-options:not(.open):not(.closed),.rt-limit-options:not(.open):not(.closed){display:none}.rt-dropdown-options.open,.rt-limit-options.open{pointer-events:auto;animation:rt-slideFadeDown .2s ease-out forwards}.rt-dropdown-options.closed,.rt-limit-options.closed{pointer-events:none;animation:rt-slideFadeUp .2s ease-out forwards}@keyframes rt-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rt-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.rt-limit-option{padding:8px 16px;cursor:pointer;color:#374151;transition:background-color .2s;white-space:nowrap}.rt-limit-option:hover{background-color:#f3f4f6}.rt-limit-option.active{background-color:#e9e9e9;font-weight:700;color:#111827}@keyframes rt-slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rt-modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.rt-modal{background:#fff;width:100%;max-width:480px;border-radius:12px;padding:24px;box-shadow:0 20px 25px -5px #0000001a}.rt-modal-title{margin:0 0 8px;font-size:1.25rem;color:#111827;font-weight:600}.rt-modal-desc{margin:0 0 20px;font-size:.95rem;color:#4b5563}.rt-modal-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #111827;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;outline:none;margin-bottom:24px}.rt-modal-textarea:focus{box-shadow:0 0 0 1px #111827}.rt-modal-footer{display:flex;justify-content:flex-end;gap:12px}.rt-btn-outline{padding:8px 16px;background:#fff;border:1px solid #111827;border-radius:6px;color:#111827;font-weight:500;cursor:pointer;transition:all .2s}.rt-btn-outline:hover,.rt-btn-outline:focus{background:#f3f4f6;outline:none;border-color:#000;color:#000;box-shadow:0 0 0 1px #000}.rt-btn-confirm-reject{padding:8px 16px;background:#dc2626;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.rt-btn-confirm-reject:hover:not(:disabled){background:#b91c1c}.rt-btn-confirm-reject:disabled{opacity:.5;cursor:not-allowed}@keyframes rt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rt-spin-anim{animation:rt-spin .5s linear infinite;display:flex}.sot-filters-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.sot-filters-card *{box-sizing:border-box}.sot-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.sot-filter-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;color:#111827}.sot-filter-input:focus{border-color:#000}.sot-custom-dropdown{position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.sot-filter-dropdown{flex:1 1 160px}.sot-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;white-space:nowrap}.sot-dropdown-trigger.active,.sot-dropdown-trigger:hover{border-color:#000}.sot-dropdown-arrow{transition:transform .3s ease;margin-left:8px}.sot-dropdown-arrow.open{transform:rotate(180deg)}.sot-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center}.sot-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.sot-dropdown-option:hover{background-color:#f3f4f6}.sot-dropdown-option.selected{background-color:#e9e9e9;color:#000;font-weight:600}.sot-btn-clear,.sot-btn-refresh{flex:0 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);color:#374151;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.sot-btn-clear{flex:1 1 120px}.sot-btn-refresh{flex:1 1 100%}.sot-btn-clear:hover,.sot-btn-refresh:hover,.sot-btn-clear:focus,.sot-btn-refresh:focus{background-color:#f3f4f6;border-color:#111827;color:#111827;outline:none}.sot-btn-refresh svg{transition:transform .4s ease}.sot-btn-refresh:active svg{transform:rotate(180deg)}.sot-expand-btn:focus{outline:none}.sot-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sot-table{width:100%;border-collapse:collapse;text-align:left;min-width:800px}.sot-table th,.sot-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb;vertical-align:middle}.sot-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.sot-table td{color:#111827}.sot-row-main:hover{background-color:#f9fafb}.sot-col-expand{width:40px;text-align:center}.sot-col-actions{text-align:right}.sot-expand-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;display:inline-flex;padding:4px;border-radius:4px;transition:background .2s}.sot-expand-btn:hover{background-color:#e5e7eb;color:#111827}.sot-cell-sku{font-family:monospace;font-weight:600;color:#374151}.sot-product-info{display:flex;align-items:center;gap:12px}.sot-product-img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #e5e7eb}.sot-product-name{font-weight:600}.sot-cell-qty{font-variant-numeric:tabular-nums}.sot-highlight-qty{font-weight:700;color:#0f172a}.sot-status-badge{display:inline-flex;align-items:center;gap:6px;font-weight:500;text-transform:capitalize;white-space:nowrap}.sot-dot{width:8px;height:8px;border-radius:50%}.status-in_stock{color:#10b981}.status-in_stock .sot-dot{background-color:#10b981}.status-low_stock{color:#f59e0b}.status-low_stock .sot-dot{background-color:#f59e0b}.status-out_of_stock{color:#ef4444}.status-out_of_stock .sot-dot{background-color:#ef4444}.sot-icon-btn{width:clamp(28px,2.5vw,32px);height:clamp(28px,2.5vw,32px);border-radius:8px;border:none;background-color:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;padding:0;transition:all .2s}.sot-icon-btn:hover{background-color:#f3f4f6;color:#111827}.sot-icon-btn-sm{width:28px;height:28px}.sot-row-variants td{padding:0;border-bottom:2px solid #e5e7eb}.sot-variants-container{background:#f9fafb;padding:16px 24px 16px 64px;animation:sot-slideDownFade .3s cubic-bezier(.25,1,.5,1) forwards;transform-origin:top center}.sot-variants-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.sot-variants-table th{background:#f3f4f6;padding:10px 16px;font-size:.85rem}.sot-variants-table td{padding:10px 16px;font-size:.9rem;border-bottom:1px solid #e5e7eb}.sot-variants-table tr:last-child td{border-bottom:none}.sot-var-qty{font-weight:600}.sot-var-qty-low{color:#ef4444}.sot-variants-container.closing{animation:sot-slideUpFade .3s cubic-bezier(.25,1,.5,1) forwards;pointer-events:none}.sot-td-empty{text-align:center;padding:40px;color:#6b7280;font-style:italic}.sot-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;gap:16px;color:#374151}.sot-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.sot-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151}.sot-page-num.active{background-color:#f3f4f6;font-weight:700}.sot-limit-dropdown{position:relative;margin-left:8px;font-family:inherit}.sot-limit-trigger{display:flex;align-items:center;gap:8px;padding:clamp(6px,1vw,8px) 12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;font-weight:600;color:#374151;transition:all .2s;-webkit-user-select:none;user-select:none}.sot-limit-trigger:hover,.sot-limit-trigger.active{border-color:#000;background-color:#f9fafb;color:#111827}.sot-limit-icon{width:16px;height:16px;transition:transform .3s cubic-bezier(.25,1,.5,1)}.sot-limit-icon.open{transform:rotate(180deg)}.sot-limit-options{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;display:flex;flex-direction:column}.sot-limit-option{padding:8px 16px;cursor:pointer;color:#374151;transition:background-color .2s;white-space:nowrap}.sot-limit-option:hover{background-color:#f3f4f6}.sot-limit-option.active{background-color:#e9e9e9;font-weight:700;color:#111827}.sot-page-num:focus{outline:none}.sot-dropdown-options:not(.open):not(.closed),.sot-limit-options:not(.open):not(.closed){display:none}.sot-dropdown-options.open,.sot-limit-options.open{pointer-events:auto;animation:sot-slideFadeDownAnim .2s ease-out forwards}.sot-dropdown-options.closed,.sot-limit-options.closed{pointer-events:none;animation:sot-slideFadeUpAnim .2s ease-out forwards}@keyframes sot-slideFadeDownAnim{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes sot-slideFadeUpAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes sot-slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes sot-slideUpFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon-active{animation:spin-anim .5s linear infinite;display:flex}@media(max-width:767px){.sot-filters-row{flex-direction:column}.sot-filter-input,.sot-filter-dropdown{width:100%;flex:1 1 100%;justify-content:center}}.sot-col-5{width:5%}.sot-col-10{width:10%}.sot-col-15{width:15%}.sot-col-25{width:25%}.sot-d-flex{display:flex}.sot-text-center{text-align:center}.stt-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.stt-container *{box-sizing:border-box}.stt-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.stt-filter-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;color:#111827}.stt-filter-input:focus{border-color:#000}.stt-custom-dropdown{position:relative;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);-webkit-user-select:none;user-select:none}.stt-filter-dropdown{flex:1 1 160px}.stt-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#111827;cursor:pointer;transition:border-color .2s;height:100%;white-space:nowrap}.stt-dropdown-trigger.active,.stt-dropdown-trigger:hover{border-color:#000}.stt-dropdown-arrow{transition:transform .3s ease;margin-left:8px}.stt-dropdown-arrow.open{transform:rotate(180deg)}.stt-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center}.stt-dropdown-option{padding:10px 16px;cursor:pointer;color:#374151;transition:background-color .2s}.stt-dropdown-option:hover{background-color:#f3f4f6}.stt-dropdown-option.selected{background-color:#e9e9e9;color:#000;font-weight:600}.stt-btn-clear,.stt-btn-refresh{flex:0 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1vw,.95rem);color:#374151;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:8px}.stt-btn-clear:hover,.stt-btn-refresh:hover{background-color:#f3f4f6;border-color:#000;color:#111827}.stt-btn-refresh svg{transition:transform .4s ease}.stt-btn-refresh:active svg{transform:rotate(180deg)}@keyframes stt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stt-spin-anim{animation:stt-spin .5s linear infinite}.stt-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.stt-table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}.stt-table th,.stt-table td{padding:clamp(10px,1.5vw,16px);font-size:clamp(.8rem,1.2vw,.9rem);border-bottom:1px solid #e5e7eb;vertical-align:middle}.stt-table th{background-color:#f3f4f6;font-weight:700;color:#374151}.stt-table td{color:#111827}.stt-row-main:hover{background-color:#f9fafb}.stt-col-expand{width:40px;text-align:center}.stt-expand-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;display:inline-flex;padding:4px;border-radius:4px;transition:background .2s}.stt-expand-btn:hover{background-color:#e5e7eb;color:#111827}.stt-expand-btn:focus{outline:none}.stt-font-mono{font-family:monospace;font-weight:600;color:#374151}.stt-font-nums{font-variant-numeric:tabular-nums;font-weight:500}.stt-type-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:capitalize}.stt-type-import{background:#e0f2fe;color:#0369a1}.stt-type-export{background:#ffedd5;color:#c2410c}.stt-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.stt-dot{width:6px;height:6px;border-radius:50%}.stt-status-done{background:#dcfce7;color:#166534}.stt-status-done .stt-dot{background-color:#166534}.stt-status-cancel{background:#f3f4f6;color:#4b5563}.stt-status-cancel .stt-dot{background-color:#4b5563}.stt-row-items td{padding:0;border-bottom:1px solid #e5e7eb}.stt-items-container{background-color:#f8fafc;padding:16px 24px 16px 64px;animation:stt-slideDownFade .3s cubic-bezier(.25,1,.5,1) forwards;transform-origin:top center}.stt-items-container.closing{animation:stt-slideUpFade .3s cubic-bezier(.25,1,.5,1) forwards;pointer-events:none}.stt-items-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.stt-items-table th{background:#f3f4f6;color:#374151;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;border-bottom:1px solid #e5e7eb;text-align:left}.stt-items-table td{padding:10px 16px;font-size:.9rem;color:#111827;border-bottom:1px solid #e5e7eb}.stt-items-table tr:last-child td{border-bottom:none}.stt-item-sku{font-family:monospace;font-weight:600;color:#475569}.stt-item-qty{font-weight:600}.stt-td-empty{text-align:center;padding:40px;color:#6b7280;font-style:italic}.stt-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(.8rem,1vw,.9rem);font-weight:500;gap:16px;color:#374151}.stt-page-numbers{display:flex;gap:clamp(4px,1vw,8px);align-items:center;flex-wrap:wrap}.stt-page-num{width:clamp(26px,2.5vw,30px);height:clamp(26px,2.5vw,30px);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:transparent;border:none;font-family:inherit;font-weight:600;color:#374151;transition:all .2s}.stt-page-num:focus{outline:none}.stt-page-num.active{background-color:#f3f4f6;font-weight:700}.stt-limit-dropdown{position:relative;margin-left:8px;font-family:inherit}.stt-limit-trigger{display:flex;align-items:center;gap:8px;padding:clamp(6px,1vw,8px) 12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;font-weight:600;color:#374151;transition:all .2s;-webkit-user-select:none;user-select:none}.stt-limit-trigger:hover,.stt-limit-trigger.active{border-color:#000;background-color:#f9fafb;color:#111827}.stt-limit-icon{width:16px;height:16px;transition:transform .3s cubic-bezier(.25,1,.5,1)}.stt-limit-icon.open{transform:rotate(180deg)}.stt-limit-options{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;transform-origin:top center;display:flex;flex-direction:column}.stt-limit-option{padding:8px 16px;cursor:pointer;color:#374151;transition:background-color .2s;white-space:nowrap}.stt-limit-option:hover{background-color:#f3f4f6}.stt-limit-option.active{background-color:#e9e9e9;font-weight:700;color:#111827}.stt-status-processing{background:#fef08a;color:#ca8a04}.stt-status-processing .stt-dot{background-color:#ca8a04}.stt-actions-group{display:flex;justify-content:center;align-items:center;gap:8px}.stt-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.stt-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.stt-btn-print:hover{background:#f3f4f6;border-color:#9ca3af}.stt-action-btn-text{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:6px 12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px;font-weight:500;height:32px}.stt-action-btn-text:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.stt-btn-complete-text:hover{background:#dcfce7;border-color:#22c55e;color:#15803d}.stt-btn-cancel-text:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.stt-action-btn-excel{color:#111827;font-weight:600;transition:all .2s ease}.stt-action-btn-excel:hover{color:#111827;border-color:#111827;background-color:transparent}.stt-dropdown-options:not(.open):not(.closed),.stt-limit-options:not(.open):not(.closed){display:none}.stt-dropdown-options.open,.stt-limit-options.open{pointer-events:auto;animation:stt-slideFadeDownAnim .2s ease-out forwards}.stt-dropdown-options.closed,.stt-limit-options.closed{pointer-events:none;animation:stt-slideFadeUpAnim .2s ease-out forwards}@keyframes stt-slideFadeDownAnim{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes stt-slideFadeUpAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media(max-width:767px){.stt-filters-row{flex-direction:column}.stt-filter-input,.stt-filter-dropdown,.stt-btn-clear{width:100%;flex:1 1 100%;justify-content:center}}.stt-modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;animation:ctd-fadeIn .2s ease-out}.stt-modal{background:#fff;width:100%;max-width:480px;border-radius:12px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:stt-modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes stt-modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stt-modal-title{margin:0 0 8px;font-size:1.25rem;color:#111827;font-weight:600}.stt-modal-desc{margin:0 0 20px;font-size:.95rem;color:#4b5563;line-height:1.5}.stt-modal-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #111827;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;outline:none;margin-bottom:24px}.stt-modal-textarea:hover{border-color:#111827}.stt-modal-textarea:focus{border-color:#111827;outline:none;box-shadow:0 0 0 1px #111827}.stt-modal-footer{display:flex;justify-content:flex-end;gap:12px}.stt-btn-outline{padding:8px 16px;background:#fff;border:1px solid #111827;border-radius:6px;color:#111827;font-weight:500;cursor:pointer;transition:all .2s}.stt-btn-outline:hover{background:#f3f4f6;border-color:#111827}.stt-btn-confirm-complete{padding:8px 16px;background:#16a34a;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.stt-btn-confirm-complete:hover{background:#15803d}.stt-btn-confirm-cancel{padding:8px 16px;background:#dc2626;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.stt-btn-confirm-cancel:hover:not(:disabled){background:#b91c1c}.stt-btn-confirm-cancel:disabled{opacity:.5;cursor:not-allowed}.sm-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.sm-container *{box-sizing:border-box}.sm-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.sm-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.sm-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.sm-header-actions{display:flex;align-items:center;gap:12px}.sm-btn-primary{padding:clamp(8px,1.2vw,10px) 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-family:inherit;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s}.sm-btn-primary:hover{background:#2563eb}.sm-btn-primary:focus{outline:none}.sm-tabs-nav{display:flex;gap:32px;border-bottom:1px solid #e5e7eb;margin-bottom:4px}.sm-tab-btn{background:none;border:none;padding:12px 0;font-size:.95rem;font-weight:600;color:#6b7280;cursor:pointer;position:relative;font-family:inherit;transition:color .2s}.sm-tab-btn:hover,.sm-tab-active{color:#111827}.sm-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#111827}.sm-tab-btn:focus{outline:none}.sm-body{width:100%}.qam-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:2000;display:flex;justify-content:center;align-items:center;font-family:Lexend Exa,sans-serif}.qam-modal-box{background-color:#fff;width:100%;max-width:480px;border-radius:16px;padding:32px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:24px}.qam-modal-header{display:flex;justify-content:space-between;align-items:flex-start}.qam-modal-title{font-size:1.75rem;font-weight:800;color:#000;margin:0 0 8px}.qam-modal-subtitle{font-size:.9rem;color:#6b7280;margin:0}.qam-modal-subtitle strong{color:#111827;font-family:monospace}.qam-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;transition:color .2s}.qam-modal-close:hover{color:#000}.qam-modal-form{display:flex;flex-direction:column;gap:20px}.qam-form-group{display:flex;flex-direction:column;gap:8px}.qam-form-group label{font-size:.9rem;font-weight:800;color:#000}.qam-req{color:#e1251b}.qam-input,.qam-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s;box-sizing:border-box}.qam-input:focus,.qam-textarea:focus{border-color:#000}.qam-textarea{resize:vertical}.qam-custom-select{position:relative;width:100%}.qam-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;font-size:.95rem;transition:border-color .2s}.qam-select-trigger.active,.qam-select-trigger:hover{border-color:#000}.qam-select-arrow{width:16px;height:16px;transition:transform .3s ease;color:#6b7280}.qam-select-arrow.open{transform:rotate(180deg)}.qam-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.qam-select-option{padding:12px 16px;font-size:.95rem;cursor:pointer;transition:background .2s}.qam-select-option:hover{background-color:#f3f4f6}.qam-select-option.selected{background-color:#e5e7eb;font-weight:700}.qam-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.qam-btn-submit{padding:10px 24px;border-radius:8px;border:none;font-weight:700;font-size:.95rem;font-family:inherit;transition:all .2s ease}.qam-btn-submit:hover:not(:disabled){background-color:#000}.qam-btn-submit:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.qam-btn-submit:not(:disabled){background-color:#000;color:#fff;cursor:pointer}.qam-btn-submit:not(:disabled):hover{background-color:#374151}.qam-btn-cancel{background-color:#fff;color:#000;border:1px solid #000000;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .2s}.qam-btn-cancel:hover{background-color:#000;color:#fff}.qam-select-options:not(.open):not(.closed){display:none}.qam-select-options.open{pointer-events:auto;animation:qam-slideFadeDown .2s ease-out forwards}.qam-select-options.closed{pointer-events:none;animation:qam-slideFadeUp .2s ease-out forwards}@keyframes qam-slideFadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes qam-slideFadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.qam-mt-4{margin-top:4px}.qam-text-danger{font-size:.85rem;color:#e1251b;margin-top:4px;font-weight:500}.qam-text-warning{font-size:.85rem;color:#d97706;margin-top:4px;font-weight:500}.qam-tabs-header{display:flex;gap:16px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.qam-tab-btn{background:none;border:none;padding:8px 4px;font-size:.95rem;font-weight:700;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-family:inherit}.qam-tab-btn:hover{color:#111827}.qam-tab-btn.active{color:#111827;border-bottom-color:#111827}.ctd-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;display:flex;justify-content:flex-end;animation:ctd-fadeIn .2s ease-out}.ctd-drawer{width:100%;max-width:800px;background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001a;animation:ctd-slideInRight .3s cubic-bezier(.25,1,.5,1)}@keyframes ctd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ctd-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.ctd-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ctd-header h2{margin:0;font-size:1.5rem;color:#111827;font-weight:700}.ctd-back-btn{background:none;border:none;cursor:pointer;color:#111827;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:background-color .2s}.ctd-back-btn:hover{background-color:#f3f4f6}.ctd-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.ctd-section h3{margin:0 0 12px;font-size:1rem;color:#111827}.ctd-label{display:block;font-size:.85rem;font-weight:600;color:#4b5563;margin-bottom:6px}.ctd-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.ctd-input:focus{border-color:#111827}.ctd-input[readOnly]{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.ctd-textarea{resize:vertical;min-height:80px}.ctd-entry-section{background:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.ctd-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ctd-btn-outline{height:35px;padding:0 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all .2s}.ctd-btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.ctd-form-grid{display:grid;grid-template-columns:220px 1fr 80px 220px;gap:12px;align-items:end}.ctd-form-action{display:flex;gap:8px}.ctd-btn-add{padding:8px 16px;background:#111827;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;height:35px;transition:background .2s}.ctd-btn-add:hover:not(:disabled){background:#374151}.ctd-btn-add:disabled{background:#d1d5db;cursor:not-allowed}.ctd-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.ctd-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.ctd-table th{background:#f3f4f6;padding:10px 16px;font-weight:600;color:#4b5563;border-bottom:1px solid #e5e7eb}.ctd-table td{padding:10px 16px;border-bottom:1px solid #e5e7eb;color:#111827}.ctd-empty{text-align:center;padding:32px;color:#6b7280;font-style:italic}.ctd-font-mono{font-family:monospace;color:#4b5563}.ctd-btn-delete{background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .2s}.ctd-btn-delete:hover{opacity:1}.ctd-table-footer{background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;padding:12px 16px;text-align:right;font-weight:600;color:#4b5563}.ctd-table-footer span{font-size:1.1rem;color:#111827;margin-left:8px}.ctd-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#fff}.ctd-btn-cancel{padding:10px 24px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:.95rem;color:#374151;cursor:pointer;font-family:inherit;transition:all .2s}.ctd-btn-cancel:hover{background-color:#f9fafb;border-color:#000;color:#000}.ctd-btn-submit{padding:10px 24px;background-color:#111827;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;font-family:inherit;transition:background-color .2s}.ctd-btn-submit:hover:not(:disabled){background-color:#374151}.ctd-btn-submit:disabled{background-color:#d1d5db;cursor:not-allowed}.ctd-info-stack{display:flex;flex-direction:column;gap:16px}.ctd-textarea{min-height:80px;resize:vertical}.ctd-avail-text{font-weight:400;color:#059669;font-size:.8rem}.ctd-input-error{border-color:#ef4444;background-color:#fef2f2}.ctd-error-text{color:#ef4444;font-size:.85rem;margin-top:8px;text-align:right}.ctd-custom-dropdown{position:relative;width:100%;font-family:inherit}.ctd-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;color:#111827;-webkit-user-select:none;user-select:none;transition:border-color .2s;box-sizing:border-box;min-height:35px}.ctd-dropdown-trigger:hover,.ctd-dropdown-trigger.active{border-color:#111827}.ctd-dropdown-trigger .placeholder{color:#6b7280}.ctd-dropdown-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.ctd-dropdown-arrow{width:16px;height:16px;transition:transform .3s ease;color:#6b7280}.ctd-dropdown-arrow.open{transform:rotate(180deg)}.ctd-dropdown-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;animation:ctd-slideFadeIn .2s ease-out forwards;transform-origin:top center;max-height:200px;overflow-y:auto}.ctd-dropdown-option{padding:10px 12px;font-size:.9rem;color:#374151;cursor:pointer;transition:background .2s}.ctd-dropdown-option:hover{background:#f3f4f6}.ctd-dropdown-option.selected{background:#e9e9e9;font-weight:600;color:#111827}.ctd-dropdown-options:not(.open):not(.closed){display:none}.ctd-dropdown-options.open{pointer-events:auto;animation:ctd-slideFadeDownAnim .2s ease-out forwards}.ctd-dropdown-options.closed{pointer-events:none;animation:ctd-slideFadeUpAnim .15s ease-out forwards}@keyframes ctd-slideFadeDownAnim{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ctd-slideFadeUpAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.ctd-dropdown-search{padding:8px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;position:sticky;top:0;z-index:10}.ctd-dropdown-search input{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;font-family:inherit;outline:none;box-sizing:border-box}.ctd-dropdown-search input:focus{border-color:#111827}.ctd-dropdown-empty{padding:12px;text-align:center;color:#6b7280;font-size:.85rem;font-style:italic}.sm-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.om-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.om-container *{box-sizing:border-box}.om-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.om-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.om-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.om-btn-export{background-color:#10b981;color:#fff;border:none;padding:clamp(8px,1.5vw,12px) clamp(16px,2vw,24px);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:clamp(.8rem,1vw,.9rem);display:flex;align-items:center;justify-content:center}.om-btn-export:hover{background-color:#059669}.om-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.om-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.om-filter-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;color:#111827}.om-filter-input[type=date]{flex:2 1 150px}.om-filter-input:focus{border-color:#111827}.om-btn-clear,.om-btn-action-top{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;color:#374151;font-size:clamp(.85rem,1vw,.95rem);white-space:nowrap}.om-btn-clear:hover,.om-btn-action-top:hover,.om-btn-clear:focus,.om-btn-action-top:focus{background-color:#f3f4f6;border-color:#000;outline:none}.om-custom-dropdown{position:relative;flex:2 1 150px}.om-dropdown-trigger{height:100%;display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:clamp(.85rem,1vw,.95rem);color:#111827;transition:border-color .2s}.om-dropdown-trigger.active,.om-dropdown-trigger:hover{border-color:#111827}.om-dropdown-arrow{width:16px;height:16px;transition:transform .2s}.om-dropdown-arrow.open{transform:rotate(180deg)}.om-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;overflow:hidden;transform-origin:top center}.om-dropdown-option{padding:10px 16px;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;transition:background .2s}.om-dropdown-option:hover{background:#f3f4f6}.om-dropdown-option.selected{background:#f3f4f6;font-weight:500;color:#111827}.om-table-container{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.om-table{width:100%;border-collapse:collapse;min-width:1000px;text-align:left}.om-table th{background-color:#f9fafb;padding:14px 16px;font-size:.85rem;font-weight:600;color:#4b5563;border-bottom:1px solid #e5e7eb;white-space:nowrap}.om-table td{padding:16px;font-size:.9rem;color:#111827;border-bottom:1px solid #e5e7eb;vertical-align:middle}.om-table tr:last-child td{border-bottom:none}.om-table tr:hover{background-color:#f9fafb}.om-text-center{text-align:center}.om-text-right{text-align:right}.om-font-semibold{font-weight:600}.om-text-blue-bold{font-weight:600;color:#2563eb}.om-empty-state{text-align:center;padding:32px;color:#6b7280}.om-subtext{font-size:.75rem;color:#6b7280;margin-top:4px;display:block}.om-badge{padding:4px 12px;border-radius:8px;font-size:.8rem;font-weight:500;text-transform:capitalize;display:inline-block;text-align:center}.om-badge-status-Pending{background-color:#fef08a;color:#ca8a04}.om-badge-status-Confirmed{background-color:#dbeafe;color:#3b82f6}.om-badge-status-Packaging{background-color:#ccfbf1;color:#0f766e}.om-badge-status-Shipping{background-color:#f3e8ff;color:#9333ea}.om-badge-status-Delivered{background-color:#dcfce7;color:#16a34a}.om-badge-status-Cancelled{background-color:#fee2e2;color:#ef4444}.om-badge-status-Refunded{background-color:#ffedd5;color:#f59e0b}.om-badge-payment-Paid{background-color:#dcfce7;color:#16a34a}.om-badge-payment-Unpaid{background-color:#fee2e2;color:#ef4444}.om-badge-payment-Refunded{background-color:#ffedd5;color:#f59e0b}.om-btn-primary-small{padding:6px 12px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background-color .2s}.om-btn-primary-small:hover{background-color:#1d4ed8}.om-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.om-icon-btn{background:transparent;border:none;color:#4b5563;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.om-icon-btn:hover{background-color:transparent;color:#111827}.om-btn-outline-primary{padding:6px 12px;background:transparent;border:1px solid #d1d5db;color:#111827;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.om-btn-outline-primary:hover,.om-btn-outline-primary:focus{background-color:#f3f4f6;border-color:#000;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;outline:none}.om-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:8px;font-size:clamp(.8rem,1vw,.9rem);color:#4b5563}.om-page-controls{display:flex;align-items:center;gap:8px}.om-btn-page{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;transition:all .2s}.om-btn-page:focus{outline:none}.om-btn-page:hover:not(:disabled),.om-btn-page.active{background-color:#f3f4f6;font-weight:700;color:#111827}.om-btn-page:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.om-limit-dropdown{position:relative;width:120px}.om-limit-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.85rem;color:#374151;cursor:pointer;transition:all .2s}.om-limit-trigger:hover,.om-limit-trigger.active{border-color:#000;background-color:#f9fafb}.om-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.om-limit-icon.open{transform:rotate(180deg)}.om-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;transform-origin:top center}.om-limit-option{padding:10px 16px;font-size:.85rem;color:#374151;cursor:pointer;transition:background-color .2s}.om-limit-option:hover{background-color:#f3f4f6}.om-limit-option.active{background-color:#f9fafb;font-weight:600;color:#111827}.om-dropdown-options:not(.open):not(.closed),.om-limit-options:not(.open):not(.closed){display:none}.om-dropdown-options.open,.om-limit-options.open{pointer-events:auto;animation:om-slideFadeDownAnim .2s ease-out forwards}.om-dropdown-options.closed,.om-limit-options.closed{pointer-events:none;animation:om-slideFadeUpAnim .15s ease-out forwards}@keyframes om-slideFadeDownAnim{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes om-slideFadeUpAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes om-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.om-spin-anim{animation:om-spin .5s linear infinite;display:flex}.om-status-col{position:relative}.om-refund-countdown{position:absolute;bottom:2px;left:50%;transform:translate(-50%);color:#d32f2f;font-size:.72rem;font-weight:500;white-space:nowrap;line-height:1}.om-drawer-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.om-drawer-overlay.open{opacity:1;visibility:visible}.om-drawer{position:fixed;top:0;right:-100%;width:90%;max-width:1400px;height:100vh;background-color:#fff;z-index:1001;transition:right .3s ease-in-out;display:flex;flex-direction:column;box-shadow:-5px 0 25px #0000001a;font-family:Lexend Exa,sans-serif}.om-drawer.open{right:0}.om-drawer-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.om-drawer-title-group{display:flex;align-items:center;gap:12px}.om-drawer-title{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.om-btn-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;transition:color .2s}.om-btn-close:hover{color:#111827}.om-drawer-body{padding:24px;display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:40px;overflow-y:auto;flex:1}.om-drawer-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.om-col-info,.om-col-items,.om-col-timeline{display:flex;flex-direction:column;border:1px solid #d1d5db;border-radius:12px;padding:24px;background-color:#fff;height:max-content;box-shadow:0 4px 12px #00000014}.om-info-list{display:flex;flex-direction:column;gap:12px}.om-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.om-info-label{font-size:.875rem;color:#4b5563;font-weight:500;flex-shrink:0;width:140px}.om-info-row:last-child{margin-bottom:0}.om-info-value{font-size:.875rem;color:#111827;font-weight:600;text-align:right;flex:1;word-break:break-word;line-height:1.5}.om-divider{height:1px;background-color:#e5e7eb;margin:20px 0;width:100%}.om-total-row{margin-top:8px}.om-info-label-total{font-size:1rem;color:#111827;font-weight:700}.om-info-value-total{font-size:1.125rem;color:#111827;font-weight:800;text-align:right}.om-note-box{margin-top:24px;padding:12px;background-color:#f9fafb;border-left:4px solid #d1d5db;border-radius:4px}.om-note-label{font-size:.75rem;font-weight:700;color:#6b7280;margin:0 0 4px;text-transform:uppercase}.om-note-text{font-size:.875rem;color:#111827;margin:0}.om-items-list{display:flex;flex-direction:column;gap:16px}.om-item-card{display:flex;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.om-item-img{width:120px;height:80px;border-radius:8px;object-fit:cover;background:#f3f4f6;flex-shrink:0}.om-item-details{flex:1;display:flex;flex-direction:column}.om-item-name{font-size:1rem;font-weight:700;color:#111827;margin:0 0 8px}.om-item-desc-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}.om-item-desc-text{font-size:.875rem;color:#4b5563;line-height:1.4;margin:0}.om-item-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.om-item-price-row{display:flex;gap:8px;align-items:center}.om-item-price-text{font-size:.9rem;color:#4b5563}.om-item-qty{font-size:1.1rem;font-weight:700;color:#111827}.om-item-label{font-size:.875rem;font-weight:700;color:#111827;white-space:nowrap}.om-item-sku{font-size:.75rem;color:#6b7280;margin:0}.om-item-price{font-size:.875rem;font-weight:600;color:#2563eb;text-align:right}.om-timeline{display:flex;flex-direction:column;padding-top:8px}.om-timeline-item{position:relative;padding-left:36px;padding-bottom:24px}.om-timeline-item:not(:last-child):after{content:"";position:absolute;left:9px;top:24px;bottom:0;width:2px;background-color:#e5e7eb}.om-timeline-icon{position:absolute;left:0;top:0;width:20px;height:20px;color:#d1d5db;background-color:#fff;z-index:2}.om-timeline-item.completed .om-timeline-icon{color:#111827}.om-timeline-content{display:flex;flex-direction:column;gap:4px}.om-timeline-status{font-size:.9rem;font-weight:600;color:#9ca3af;margin:0}.om-timeline-item.completed .om-timeline-status{color:#111827}.om-timeline-date{font-size:.75rem;color:#6b7280;margin:0}.om-timeline-desc{font-size:.875rem;color:#4b5563;margin:4px 0 0}@media(max-width:1024px){.om-drawer{width:95%}.om-drawer-body{grid-template-columns:1fr 1.2fr}.om-col-timeline{grid-column:1 / -1}}@media(max-width:768px){.om-drawer{width:100%}.om-drawer-header{padding:16px}.om-drawer-title-group{flex-wrap:wrap}.om-drawer-body{grid-template-columns:1fr;padding:16px;gap:16px}.om-col-info,.om-col-items,.om-col-timeline{padding:16px}.om-info-row{flex-direction:column;gap:4px;margin-bottom:16px}.om-info-label{width:auto;font-size:.8rem}.om-info-value,.om-info-value-total{text-align:left}.om-item-bottom{flex-direction:column;align-items:flex-start;gap:8px}.om-item-qty{align-self:flex-end}}.usm-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1050;padding:16px;animation:fadeIn .2s ease-out}.usm-modal{background-color:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 25px #0000001a;font-family:Lexend Exa,sans-serif;overflow:visible;animation:slideUp .3s ease-out}.usm-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.usm-title{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.usm-body{padding:20px;display:flex;flex-direction:column;gap:16px}.usm-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px;display:block}.usm-custom-dropdown{position:relative;width:100%}.usm-dropdown-trigger{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#111827;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;transition:all .2s ease}.usm-dropdown-trigger:hover{border-color:#9ca3af}.usm-dropdown-trigger.active{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.usm-dropdown-arrow{display:flex;color:#6b7280;transition:transform .2s ease}.usm-dropdown-arrow.open{transform:rotate(180deg)}.usm-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;overflow:hidden;transform-origin:top}.usm-dropdown-option{padding:10px 12px;font-size:.9rem;color:#374151;cursor:pointer;transition:background-color .2s ease}.usm-dropdown-option:hover{background-color:#f3f4f6}.usm-dropdown-option.selected{background-color:#f3f4f6;color:#111827;font-weight:600}.usm-textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;color:#111827;outline:none;resize:vertical;margin-top:16px;box-sizing:border-box;transition:all .2s ease}.usm-textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.usm-footer{padding:16px 20px;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.usm-btn-cancel{padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.usm-btn-cancel:hover{background-color:#f3f4f6;border-color:#6b7280}.usm-btn-cancel:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.usm-btn-confirm{padding:8px 16px;background-color:#111827;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s}.usm-btn-confirm:hover:not(:disabled){background-color:#374151}.usm-btn-confirm:disabled{background-color:#9ca3af;cursor:not-allowed}.usm-dropdown-options:not(.open):not(.closed){display:none}.usm-dropdown-options.open{pointer-events:auto;animation:usm-slideFadeDownAnim .2s ease-out forwards}.usm-dropdown-options.closed{pointer-events:none;animation:usm-slideFadeUpAnim .2s ease-out forwards}@keyframes usm-slideFadeDownAnim{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes usm-slideFadeUpAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.om-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:#f9fafb;min-height:100dvh;overflow-x:hidden}.tim-container{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);font-family:Lexend Exa,sans-serif;width:100%;max-width:100%;min-width:0;box-sizing:border-box;color:var(--tim-color-primary)}.tim-container *{box-sizing:border-box}.tim-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.tim-title{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;margin:0 0 4px;color:#111827}.tim-breadcrumb{font-size:clamp(.75rem,1vw,.85rem);color:#6b7280;margin:0}.tim-btn-export{background-color:#16a34a;color:#fff;border:none;padding:clamp(8px,1.5vw,12px) clamp(16px,2vw,24px);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:clamp(.8rem,1vw,.9rem);display:flex;align-items:center;justify-content:center}.tim-btn-export:hover{background-color:#15803d}.tim-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:clamp(16px,2vw,20px);width:100%;min-width:0}.tim-filters-row{display:flex;flex-wrap:wrap;gap:clamp(10px,1.5vw,16px);align-items:stretch;width:100%}.tim-filter-input{flex:3 1 200px;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);background-color:#fff;transition:border-color .2s;color:#111827}.tim-filter-input[type=date]{flex:2 1 150px}.tim-filter-input:focus{border-color:#000}.tim-btn-clear,.tim-btn-action-top{flex:1 1 auto;padding:clamp(8px,1.2vw,10px) 20px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;color:#374151;font-size:clamp(.85rem,1vw,.95rem);white-space:nowrap}.tim-btn-clear:hover,.tim-btn-action-top:hover,.tim-btn-clear:focus,.tim-btn-action-top:focus{background-color:#f3f4f6;border-color:#000;outline:none}.tim-custom-dropdown{position:relative;flex:2 1 150px}.tim-dropdown-trigger{height:100%;display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.2vw,10px) 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:clamp(.85rem,1vw,.95rem);color:#111827;transition:border-color .2s}.tim-dropdown-trigger.active,.tim-dropdown-trigger:hover{border-color:#000}.tim-dropdown-arrow{width:16px;height:16px;transition:transform .2s}.tim-dropdown-arrow.open{transform:rotate(180deg)}.tim-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:10;overflow:hidden;transform-origin:top center}.tim-dropdown-option{padding:10px 16px;font-size:clamp(.85rem,1vw,.95rem);cursor:pointer;transition:background .2s}.tim-dropdown-option:hover{background:#f3f4f6}.tim-dropdown-option.selected{background:#f3f4f6;font-weight:500;color:#111827}.tim-table-container{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.tim-table{width:100%;border-collapse:collapse;min-width:1000px;text-align:left}.tim-table th{background-color:var(--tim-color-background);padding:14px 16px;font-size:.85rem;font-weight:600;color:#4b5563;border-bottom:1px solid var(--tim-color-border);white-space:nowrap}.tim-table td{padding:16px;font-size:.9rem;color:#111827;border-bottom:1px solid #e5e7eb;vertical-align:middle}.tim-table tr:last-child td{border-bottom:none}.tim-table tr:hover,.tim-row-selected{background-color:#f9fafb}.tim-text-center{text-align:center}.tim-text-right{text-align:right}.tim-font-semibold{font-weight:600}.tim-text-blue-bold{font-weight:600;color:#2563eb}.tim-empty-state{text-align:center;padding:32px;color:#6b7280}.tim-badge-status-Shipping{background-color:#ffedd5;color:#ea580c}.tim-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.tim-btn-outline-primary{padding:6px 12px;background:transparent;border:1px solid #d1d5db;color:#111827;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tim-btn-outline-primary:hover,.tim-btn-outline-primary:focus{background-color:#f3f4f6;border-color:#000;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;outline:none}.tim-btn-outline-danger{padding:6px 12px;background:transparent;border:1px solid #d1d5db;color:#ef4444;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tim-btn-outline-danger:hover,.tim-btn-outline-danger:focus{background-color:#fef2f2;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;outline:none}.tim-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:8px;font-size:clamp(.8rem,1vw,.9rem);color:#4b5563}.tim-page-controls{display:flex;align-items:center;gap:8px}.tim-btn-page{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;transition:all .2s}.tim-btn-page:focus{outline:none;border-color:#111827}.tim-btn-page:hover:not(:disabled),.tim-btn-page.active{background-color:#f3f4f6;font-weight:700;color:#111827;border-color:#111827}.tim-btn-page:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.tim-limit-dropdown{position:relative;width:120px}.tim-limit-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.85rem;color:#374151;cursor:pointer;transition:all .2s}.tim-limit-trigger:hover,.tim-limit-trigger.active{border-color:#000;background-color:#f9fafb}.tim-limit-icon{display:flex;align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1)}.tim-limit-icon.open{transform:rotate(180deg)}.tim-limit-options{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;overflow:hidden;transform-origin:top center}.tim-limit-option{padding:10px 16px;font-size:.85rem;color:#374151;cursor:pointer;transition:background-color .2s}.tim-limit-option:hover{background-color:#f3f4f6}.tim-limit-option.active{background-color:#f9fafb;font-weight:600;color:#111827}.tim-dropdown-options:not(.open):not(.closed),.tim-limit-options:not(.open):not(.closed){display:none}.tim-dropdown-options.open,.tim-limit-options.open{pointer-events:auto;animation:tim-slideFadeDownAnim .2s ease-out forwards}.tim-dropdown-options.closed,.tim-limit-options.closed{pointer-events:none;animation:tim-slideFadeUpAnim .2s ease-out forwards}@keyframes tim-slideFadeDownAnim{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes tim-slideFadeUpAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes tim-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tim-spin-anim{animation:tim-spin .5s linear infinite;display:flex}.tim-drawer-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.tim-drawer-overlay.open{opacity:1;visibility:visible}.tim-drawer{position:fixed;top:0;right:-100%;width:90%;max-width:1400px;height:100vh;background-color:#fff;z-index:1001;transition:right .3s ease-in-out;display:flex;flex-direction:column;box-shadow:-5px 0 25px #0000001a;font-family:Lexend Exa,sans-serif}.tim-drawer.open{right:0}.tim-drawer-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.tim-drawer-title-group{display:flex;align-items:center;gap:12px}.tim-drawer-title{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.tim-btn-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;transition:color .2s}.tim-btn-close:hover{color:#111827}.tim-drawer-body{padding:24px;display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:40px;overflow-y:auto;flex:1}.tim-drawer-section-title{font-size:1rem;font-weight:700;color:#111827;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.tim-col-info,.tim-col-device,.tim-col-timeline{display:flex;flex-direction:column;border:1px solid #d1d5db;border-radius:12px;padding:24px;background-color:#fff;height:max-content;box-shadow:0 4px 12px #00000014}.tim-info-list{display:flex;flex-direction:column;gap:12px}.tim-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.tim-info-label{font-size:.875rem;color:#4b5563;font-weight:500;flex-shrink:0;width:140px}.tim-info-value{font-size:.875rem;color:#111827;font-weight:600;text-align:right;flex:1;word-break:break-word;line-height:1.5}.tim-divider{height:1px;background-color:#e5e7eb;margin:20px 0;width:100%}.tim-total-row{margin-top:8px}.tim-info-label-total{font-size:1rem;color:#111827;font-weight:700}.tim-info-value-total{font-size:1.125rem;color:#111827;font-weight:800;text-align:right}.tim-note-box{margin-top:24px;padding:12px;background-color:#f9fafb;border-left:4px solid #d1d5db;border-radius:4px}.tim-note-label{font-size:.75rem;font-weight:700;color:#6b7280;margin:0 0 4px;text-transform:uppercase}.tim-note-text{font-size:.875rem;color:#111827;margin:0}.tim-device-card{display:flex;flex-direction:column;gap:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.tim-device-img{width:120px;height:80px;border-radius:8px;object-fit:cover;background:#f3f4f6;flex-shrink:0}.tim-device-details{flex:1;display:flex;flex-direction:column}.tim-device-name{font-size:1rem;font-weight:700;color:#111827;margin:0 0 8px}.tim-device-spec-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}.tim-device-label{font-size:.875rem;font-weight:700;color:#111827;white-space:nowrap}.tim-device-spec-text{font-size:.875rem;color:#4b5563;line-height:1.4;margin:0}.tim-timeline{display:flex;flex-direction:column;padding-top:8px}.tim-timeline-item{position:relative;padding-left:36px;padding-bottom:24px}.tim-timeline-item:not(:last-child):after{content:"";position:absolute;left:9px;top:24px;bottom:0;width:2px;background-color:#e5e7eb}.tim-timeline-icon{position:absolute;left:0;top:0;width:20px;height:20px;color:#d1d5db;background-color:#fff;z-index:2}.tim-timeline-item.completed .tim-timeline-icon{color:#111827}.tim-timeline-content{display:flex;flex-direction:column;gap:4px}.tim-timeline-status{font-size:.9rem;font-weight:600;color:#9ca3af;margin:0}.tim-timeline-item.completed .tim-timeline-status{color:#111827}.tim-timeline-date{font-size:.75rem;color:#6b7280;margin:0}.tim-timeline-desc{font-size:.875rem;color:#4b5563;margin:4px 0 0}.tim-badge{padding:4px 12px;border-radius:8px;font-size:.8rem;font-weight:500;text-transform:capitalize;display:inline-block;text-align:center}.tim-badge-status-Pending{background-color:#fef08a;color:#ca8a04}.tim-badge-status-Approved{background-color:#dbeafe;color:#3b82f6}.tim-badge-status-Received{background-color:#f3e8ff;color:#9333ea}.tim-badge-status-Completed{background-color:#dcfce7;color:#16a34a}.tim-badge-status-Rejected{background-color:#fee2e2;color:#ef4444}.tim-badge-status-Cancelled{background-color:#f3f4f6;color:#4b5563}@media(max-width:1024px){.tim-drawer{width:95%}.tim-drawer-body{grid-template-columns:1fr 1.2fr}.tim-col-timeline{grid-column:1 / -1}}@media(max-width:768px){.tim-drawer{width:100%}.tim-drawer-body{grid-template-columns:1fr}.tim-info-row{flex-direction:column;gap:4px}.tim-info-label{width:auto}.tim-info-value,.tim-info-value-total{text-align:left}}.avm-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1050;padding:16px;animation:fadeIn .2s ease-out}.avm-modal{background-color:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 25px #0000001a;font-family:Lexend Exa,sans-serif;overflow:visible;animation:slideUp .3s ease-out}.avm-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.avm-title{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.avm-body{padding:20px;display:flex;flex-direction:column;gap:16px}.avm-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px;display:block}.avm-required{color:#dc2626}.avm-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;color:#111827;outline:none;box-sizing:border-box;transition:all .2s ease}.avm-textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;color:#111827;outline:none;resize:vertical;margin-top:16px;box-sizing:border-box;transition:all .2s ease}.avm-input:focus,.avm-textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.avm-footer{padding:16px 20px;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.avm-btn-cancel{padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.avm-btn-cancel:hover{background-color:#f3f4f6;border-color:#000;color:#000}.avm-btn-cancel:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.avm-btn-confirm{padding:8px 16px;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s}.avm-btn-confirm:hover:not(:disabled){background-color:#2563eb}.avm-btn-confirm:disabled{background-color:#9ca3af;cursor:not-allowed}.rtm-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1050;padding:16px;animation:fadeIn .2s ease-out}.rtm-modal{background-color:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 25px #0000001a;font-family:Lexend Exa,sans-serif;overflow:visible;animation:slideUp .3s ease-out}.rtm-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.rtm-title{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.rtm-body{padding:20px;display:flex;flex-direction:column;gap:16px}.rtm-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px;display:block}.rtm-required{color:#dc2626}.rtm-textarea{width:100%;min-height:100px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;color:#111827;outline:none;resize:vertical;box-sizing:border-box;transition:all .2s ease}.rtm-textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.rtm-footer{padding:16px 20px;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.rtm-btn-cancel{padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.rtm-btn-cancel:hover{background-color:#f3f4f6;border-color:#6b7280}.rtm-btn-cancel:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.rtm-btn-confirm{padding:8px 16px;background-color:#dc2626;color:#fff;border:1px solid #dc2626;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.rtm-btn-confirm:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.rtm-btn-confirm:disabled{background-color:#fca5a5;border-color:#fca5a5;cursor:not-allowed}.fvm-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:var(--tim-z-modal);padding:16px;animation:fadeIn .2s ease-out}.fvm-modal{background-color:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 25px #0000001a;font-family:Lexend Exa,sans-serif;overflow:visible;animation:slideUp .3s ease-out}.fvm-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.fvm-title{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.fvm-body{padding:20px;display:flex;flex-direction:column;gap:16px}.fvm-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px;display:block}.fvm-required{color:#dc2626}.fvm-custom-dropdown{position:relative;width:100%}.fvm-dropdown-trigger{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#111827;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;transition:all .2s ease}.fvm-dropdown-trigger:hover,.fvm-dropdown-trigger.active{border-color:#000}.fvm-dropdown-trigger.active{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.fvm-dropdown-arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#6b7280;transition:transform .3s cubic-bezier(.25,1,.5,1);transform-origin:center center}.fvm-dropdown-arrow.open{transform:rotate(180deg)}.fvm-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;overflow:hidden;transform-origin:top}.fvm-dropdown-option{padding:10px 12px;font-size:.9rem;color:#374151;cursor:pointer;transition:background-color .2s ease}.fvm-dropdown-option:hover{background-color:#f3f4f6}.fvm-dropdown-option.selected{background-color:#f3f4f6;color:#111827;font-weight:600}.fvm-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;color:#111827;outline:none;box-sizing:border-box;transition:all .2s ease}.fvm-textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;color:#111827;outline:none;resize:vertical;margin-top:16px;box-sizing:border-box;transition:all .2s ease}.fvm-input:focus,.fvm-textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a}.fvm-footer{padding:16px 20px;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.fvm-btn-cancel{padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.fvm-btn-cancel:hover{background-color:#f3f4f6;border-color:#000;color:#000}.fvm-btn-cancel:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.fvm-btn-confirm{padding:8px 16px;background-color:var(--tim-color-primary);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:background-color .2s}.fvm-btn-confirm:hover:not(:disabled){background-color:#374151}.fvm-btn-confirm:disabled{background-color:#9ca3af;cursor:not-allowed}.fvm-dropdown-options:not(.open):not(.closed){display:none}.fvm-dropdown-options.open{pointer-events:auto;animation:fvm-slideFadeDownAnim .2s ease-out forwards}.fvm-dropdown-options.closed{pointer-events:none;animation:fvm-slideFadeUpAnim .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fvm-slideFadeDownAnim{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fvm-slideFadeUpAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.tim-page-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,32px);background-color:var(--tim-color-background);height:100%}:root{--tim-color-primary: #111827;--tim-color-border: #e5e7eb;--tim-color-background: #f9fafb;--tim-color-danger: #dc2626;--tim-color-success: #16a34a;--tim-z-overlay: 1040;--tim-z-modal: 1050;--tim-z-drawer: 1001;--tim-z-dropdown: 100}.blog-detail-page-wrapper{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#fafafa;padding:clamp(20px,4vw,40px) clamp(16px,6vw,120px);box-sizing:border-box}.blog-detail-container{max-width:800px;margin:0 auto;width:100%;background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:clamp(20px,4vw,48px);box-shadow:0 4px 6px -1px #0000000d}.blog-detail-loading,.blog-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(40px,8vw,100px) 20px;font-family:Lexend Deca,sans-serif;color:#6b7280;text-align:center;flex-grow:1}.blog-detail-breadcrumb{font-family:Lexend Deca,sans-serif;font-size:clamp(12px,1vw,14px);font-weight:500;color:#9ca3af;margin-bottom:clamp(16px,2vw,24px)}.blog-detail-breadcrumb a{color:#4b5563;text-decoration:none;transition:color .2s}.blog-detail-breadcrumb a:hover,.blog-detail-breadcrumb span{color:#111827}.blog-detail-header{margin-bottom:clamp(24px,3vw,32px)}.blog-detail-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-family:Lexend Deca,sans-serif}.blog-detail-category{font-size:clamp(12px,1vw,14px);font-weight:600;padding:6px 14px;border-radius:20px;background-color:#e8f0fe;color:#1a73e8}.blog-detail-date-author{font-size:clamp(13px,1.1vw,14px);color:#6b7280}.blog-detail-title{font-family:Lexend Exa,Inter,system-ui,-apple-system,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.3;color:#111827;margin:0}.blog-detail-thumbnail-wrap{width:100%;margin-bottom:clamp(24px,4vw,40px);border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.blog-detail-thumbnail{width:100%;height:auto;display:block;object-fit:cover;max-height:500px}.blog-detail-content{font-family:Inter,sans-serif;font-size:clamp(15px,1.3vw,17px);line-height:1.8;color:#374151;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.blog-detail-content *{font-family:inherit}.blog-detail-content p{margin-bottom:1.6em}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4{font-family:Lexend Deca,Inter,system-ui,-apple-system,sans-serif;color:#111827;margin-top:1.8em;margin-bottom:.8em;font-weight:600;line-height:1.4}.blog-detail-content h2{font-size:clamp(20px,2vw,24px)}.blog-detail-content h3{font-size:clamp(18px,1.5vw,20px)}.blog-detail-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0;display:block;border:1px solid #e5e7eb}.blog-detail-content ul,.blog-detail-content ol{margin-bottom:1.6em;padding-left:2em}.blog-detail-content li{margin-bottom:.5em}.blog-detail-content blockquote{border-left:4px solid #111827;padding:16px 20px;margin:2em 0;font-style:italic;background:#f3f4f6;border-radius:0 8px 8px 0;color:#4b5563}.blog-detail-content iframe,.blog-detail-content .se-video-container,.blog-detail-content video{max-width:100%;width:100%;aspect-ratio:16 / 9;height:auto;border-radius:8px;margin:1.5em 0;border:1px solid #e5e7eb}.blog-detail-content table{max-width:100%;border-collapse:collapse;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5em 0}.blog-detail-content table th,.blog-detail-content table td{border:1px solid #e5e7eb;padding:10px 14px;min-width:120px}.blog-detail-content table th{background-color:#f9fafb;font-family:Lexend Deca,Inter,system-ui,-apple-system,sans-serif;font-weight:600}.blog-detail-content figure{margin:1.5em 0;max-width:100%}.blog-detail-content figure img{max-width:100%;height:auto;border-radius:8px;border:1px solid #e5e7eb}.blog-detail-content pre{background-color:#111827;color:#f3f4f6;padding:16px;border-radius:8px;overflow-x:auto;font-family:monospace;font-size:14px;margin:1.5em 0}.blog-detail-footer{margin-top:clamp(40px,6vw,60px);padding-top:clamp(16px,2vw,24px);border-top:1px solid #e5e7eb;text-align:center}.blog-detail-back-btn{display:inline-block;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 24px;font-family:Lexend Deca,sans-serif;font-size:clamp(14px,1.2vw,15px);font-weight:500;color:#374151;text-decoration:none;cursor:pointer;transition:all .2s}.blog-detail-back-btn:hover{background:#f3f4f6;color:#111827;border-color:#9ca3af}.static-page-wrapper{width:100%;min-height:60vh;display:flex;flex-direction:column;box-sizing:border-box;padding:clamp(24px,5vw,64px) 6%;background-color:#fff}.static-page-loading{align-items:center;justify-content:center;gap:16px;font-family:Lexend,sans-serif;color:#555}.static-spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;animation:staticSpin .8s linear infinite}@keyframes staticSpin{to{transform:rotate(360deg)}}.static-page-error{align-items:center;justify-content:center;text-align:center;font-family:Lexend Deca,sans-serif}.static-page-error h2{font-size:clamp(24px,3vw,36px);color:#000;margin:0 0 12px}.static-page-error p{font-size:clamp(14px,1.2vw,18px);color:#666;margin:0 0 24px}.static-back-btn{background-color:#000;color:#fff;border:1px solid #000000;padding:12px 28px;font-family:Lexend Exa,sans-serif;font-weight:700;font-size:14px;cursor:pointer;border-radius:50px;transition:all .2s ease}.static-back-btn:hover{background-color:#fff;color:#000}.static-page-container{width:100%;max-width:1000px;margin:0 auto}.static-page-title{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(28px,4vw,42px);color:#000;margin:0 0 clamp(20px,3vw,40px) 0;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.static-page-content{font-family:Lexend,sans-serif;font-weight:300;font-size:clamp(15px,1.1vw,17px);line-height:1.7;color:#111}.static-page-content h2{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(20px,2vw,26px);color:#000;margin:2rem 0 1rem}.static-page-content h3{font-family:Lexend Deca,sans-serif;font-weight:700;font-size:clamp(18px,1.6vw,22px);color:#000;margin:1.5rem 0 1rem}.static-page-content p{margin:0 0 1.5rem}.static-page-content strong{font-weight:600}.static-page-content ul,.static-page-content ol{margin:0 0 1.5rem;padding-left:1.5rem}.static-page-content li{margin-bottom:8px}.static-page-content img{max-width:100%;height:auto;object-fit:contain;border-radius:8px;margin:1.5rem auto;display:block}.static-page-content iframe,.static-page-content video{max-width:100%;width:100%;aspect-ratio:16 / 9;border-radius:8px;margin:1.5rem 0}.static-page-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:clamp(13px,1vw,15px);display:block;overflow-x:auto}.static-page-content th,.static-page-content td{border:1px solid rgba(0,0,0,.15);padding:12px 16px;text-align:left;min-width:120px}.static-page-content th{background-color:#00000008;font-weight:600}@media screen and (max-width:768px){.static-page-wrapper{padding:24px 4%}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #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: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{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{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-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--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-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--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}