html{scrollbar-width:none}body{margin:0;font-family:Roboto,sans-serif;padding:0}.loading-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.loading-logo{width:200px;animation:loaderPulse 1.6s ease-in-out infinite}@keyframes loaderPulse{0%{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.95)}}.login-gate-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;padding:24px}.login-gate-logo{width:64px;height:64px;margin-bottom:16px;opacity:.5}.login-gate-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:#1f2937}.login-gate-text{color:#6b7280;margin-bottom:24px;max-width:320px;line-height:1.5}.login-gate-buttons{display:flex;gap:16px}.gate-btn{padding:10px 32px;border-radius:9999px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1rem}.gate-btn-primary{background-color:#000;color:#fff;border:1px solid #000}.gate-btn-primary:hover{opacity:.8}.gate-btn-secondary{background-color:transparent;border:1px solid #d1d5db;color:#000}.gate-btn-secondary:hover{background-color:#f9fafb}: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)}}:root{--card-gap: 10px;--min-card: 240px;--max-columns: 5;--container-padding: 20px}.dual-section{display:flex;height:100vh;width:100%;overflow:hidden}.left-side{background-color:#fff;flex:0 0 auto;max-width:768px;order:1;width:100%;flex-direction:column;resize:horizontal;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;border-style:1px solid #ddd}.nav-main-section{display:flex;position:relative;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;width:100%;flex-grow:1;height:100vh}.side-nav-bars{border-width:1px;border-right-color:#f1f1f1;border-bottom-color:#f1f1f1;border-top-color:#fff;border-right-style:solid;border-bottom-style:solid;height:100vh;position:fixed;top:0;left:0;width:80px;background-color:#fff;margin-top:50px;z-index:200}.side-bar{display:flex;height:100px;font-size:10px;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#000}.side-bar-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.side-bar:hover{background-color:#d9fad6;cursor:pointer}.home-icon,.board-icon{width:30px;height:30px}.locator-icon{width:25px;height:25px;margin-bottom:4px}.inbox-icon{width:30px;height:30px}.following-icon{width:40px;height:30px}.main-left-page{border:1px solid rgb(241,241,241);width:100%;flex-grow:1}.category-container{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;white-space:nowrap;width:85%;scrollbar-width:none;scroll-snap-type:x mandatory;margin-bottom:5px;margin-top:5px}.category-item{flex:0 0 31%;background-color:#dbe3da;padding:7px;text-align:center;border-radius:5px;align-items:center;justify-content:center;font-size:10px}.category-item:last-child{padding-right:10px}.category-item:hover{cursor:pointer;transition:.15s;background-color:#d9fad6}.profile-link{text-decoration:none;color:#000}.top-sellers-container{display:flex;overflow-x:auto;white-space:nowrap;gap:20px;padding:5px 6px;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline-start:12px;scroll-padding-inline-end:12px;width:90%;flex-grow:1;background-color:#fff}.profile-1{background-color:#fff;padding:7px;flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;justify-content:center}.profile-1:last-child{padding-right:10%}.profile-1:hover{cursor:pointer;transition:.15s}.top-profile-image img{width:60px;height:60px;border-radius:100%}.top-text{font-size:20px;font-weight:700;height:30px;padding-left:10px;background-color:#fff;margin-top:20px;padding-top:10px;padding-bottom:10px}.top-posts-timeline{display:flex;overflow-x:auto;white-space:nowrap;gap:10px;padding:5px 6px;scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline-start:12px;scroll-padding-inline-end:12px;width:85%;flex-grow:1;background-color:#fff}.tops{margin-bottom:10px;margin-top:10px}.inbox-title{height:60px;padding-left:45px;font-size:20px;padding-top:10px;margin-bottom:-25px;font-weight:700;color:#4a4a4a;letter-spacing:.3px}.inbox-container{display:flex;gap:10px;white-space:nowrap;width:100%;margin-bottom:5px;margin-top:5px;justify-content:center}.inbox-section{background-color:#dbe3da;padding:10px 4px;text-align:center;border-radius:3px;align-items:center;justify-content:center;font-size:10px;flex:1}.inbox-section:hover{cursor:pointer;background-color:#e8eae8;font-weight:700}.inbox-details{height:50px}.inbox-message-section{display:grid;grid-template-columns:1fr 30px}.inbox-message-text{font-size:10px}.inbox-message-count{background-color:green;color:#fff;align-items:center;justify-content:center;display:flex;border-radius:100%;font-size:10px;width:15px;height:15px;margin-bottom:4px}.locator-profile-container{padding-bottom:5px;padding-top:5px}.right-side{display:flex;flex-direction:column;background-color:#fafafa;margin-top:50px;padding-top:0;border-bottom-style:solid;border-bottom-color:#f1f1f1;border-bottom-width:2px;flex:1 1 auto;min-width:400px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;order:2;border-left:1px #0000000a solid}.right-side::-webkit-scrollbar{display:none}.map-section{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font:fallback;font-size:80px}.menu-container{display:grid;grid-template-columns:40px 1fr;gap:5px;align-items:center;background-color:#ececec;border-radius:5px;height:40px;margin:10px 10% 10px 15px}.menu-container:hover{cursor:pointer;background-color:#bbc8b9}.menu-image{width:20px;margin-left:10px}.menu-text{color:#3a3a3a;font-size:10PX}.hidden-on-mobile{display:none!important}.back-nav{display:none}@media (max-width: 1023px){.back-nav{display:block;background-color:#fff;height:40px}.back-nav img{width:25px;height:18px;margin-left:12px;margin-top:8px;opacity:.6}.back-nav img:hover{cursor:pointer;opacity:1}}@media (max-width: 1023px){.left-side{flex:1 1 100%;max-width:100%}.category-container,.posts-scroll{width:100%}.right-side{display:none}}@media (min-width: 1024px){.left-side{flex:0 0 50%}.right-side{flex:1;display:block}}@media (max-width: 768px){.nav-main-section{margin-bottom:80px}.category-container{width:100%}.category-item{flex:0 0 20%}.category-item:last-child{margin-right:25px}.post-container{margin-top:2px;margin-left:10px}.post-image img{width:100%;overflow:hidden}.post-container:last-child{margin-right:30px}.post-order-button{padding:4px 8px;font-size:10px}.side-nav-bars{border-top:1px solid rgb(241,241,241);height:60px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff;margin-top:20px;z-index:1000;top:auto;display:flex}.side-bar{display:flex;width:100%;height:auto;font-size:10px;flex-direction:column;align-items:center;justify-content:center}.home-icon,.board-icon{width:30px;height:30px}.profile-icon{width:40px;height:40px;margin-bottom:-2px}.inbox-icon{width:30px;height:30px}.following-icon{width:35px;height:25px}.main-left-page{margin-left:0}.profile-container{grid-template-columns:80px 1fr 5%}.following-section{margin-left:10px}.top-profile-image img{width:60px;height:60px;border-radius:100%}.top-posts-timeline,.top-sellers-container{width:100%}.right-side{margin-top:0;width:100%;margin-left:0}.back-nav{display:block;background-color:#fff;height:30px}.back-nav img{width:20px;height:15px;margin-left:12px;margin-top:6px;opacity:.5}.back-nav img:hover{cursor:pointer}.hidden-on-mobile{display:none!important}}.right-side,.left-side,.profile-drawer,.drawer-content{transition:none!important;transform:none!important;animation:none!important}.menu-curtain-overlay{position:fixed;inset:0;z-index:10000;background:#00000004;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s}.menu-curtain-overlay.open{opacity:1;visibility:visible}.menu-curtain-content{position:absolute;left:0;top:0;bottom:0;width:60%;height:fit-content;border-bottom-right-radius:10px;max-width:350px;background-color:#fff;box-shadow:1px 0 5px #0003;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease-out}.menu-curtain-overlay.open .menu-curtain-content{transform:translate(0)}.back-nav-grid{display:grid;grid-template-columns:40px 1fr}.no-results-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background-color:#f9fafb;border-radius:16px;border:1px dashed #d1d5db;margin-top:20px}.no-results-icon{font-size:3rem;color:#9ca3af;margin-bottom:15px}.no-results-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin-bottom:8px}.no-results-desc{font-size:.95rem;color:#4b5563;line-height:1.6;max-width:400px;margin-bottom:20px}.notify-badge{background-color:#e0f2fe;color:#0284c7;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.broadcast-btn{background:#2563eb;color:#fff;padding:12px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:15px;display:flex;align-items:center;gap:8px;transition:transform .2s,background .2s;box-shadow:0 4px 6px #2563eb33}.broadcast-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.broadcast-btn:active{transform:scale(.98)}.broadcast-subtext{font-size:.85rem;color:#6b7280;margin-top:12px;font-style:italic}.experimental-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:#f8f9fa;position:relative;padding-top:0;-webkit-user-select:none;user-select:none}.side-nav-container{background-color:#fff;border-right:1px solid #ddd;z-index:100;transition:all .3s ease;flex-shrink:0}@media (min-width: 769px){.side-nav-container{width:80px;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:20px;overflow-y:auto}.content-area{display:flex;flex-grow:1;height:100%;position:relative;overflow:hidden}}@media (max-width: 768px){.experimental-layout{flex-direction:column;padding-top:0}.side-nav-container{order:2;width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;border-right:none;background:#fff}.content-area{order:1;flex-grow:1;height:calc(100vh - 120px);position:relative;display:block;overflow:hidden}}.left-pane{height:100%;background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;box-sizing:border-box;transition:width .5s cubic-bezier(.25,1,.5,1);min-width:0;overscroll-behavior:contain;scrollbar-width:none}.left-pane.dragging{transition:none!important}.right-pane{height:100%;background:#f0f2f5;overflow-y:auto;box-sizing:border-box;position:relative;flex-grow:1;min-width:0;overscroll-behavior:contain;scrollbar-width:none}.resizer-handle{width:10px;background:transparent;cursor:col-resize;position:relative;z-index:50;margin-left:-5px;margin-right:-5px;flex-shrink:0}.resizer-handle:hover,.resizer-handle.active{background:#007bff80}@media (max-width: 768px){.left-pane{width:100%!important;display:block}.right-pane{width:100%!important;display:none}.resizer-handle,.mobile-view-active .left-pane{display:none}.mobile-view-active .right-pane{display:block;background:#fff}}.mobile-back-btn{display:none;width:100%;padding:4px 15px;text-align:left;font-weight:900;cursor:pointer;font-size:1.2rem}@media (max-width: 768px){.mobile-back-btn{display:block}}@media (max-width: 1000px){.main-page-wrapper.details-active .side-nav-container{display:none!important}.main-page-wrapper.details-active .experimental-layout{height:100vh!important;padding-top:0}.main-page-wrapper.details-active .content-area,.main-page-wrapper.details-active .right-pane{height:100vh!important}}.experimental-layout{height:calc(100vh - 50px);width:100vw;overflow:hidden;position:relative;padding-top:70px}@media (max-width: 768px){.main-page-wrapper.details-active .header-section{display:none}.main-page-wrapper.details-active .experimental-layout{height:100vh;padding-top:0}}.feed-list-wrapper{padding-bottom:100px}.main-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:50px;background-color:#fff;box-shadow:0 2px 10px #0000000d;position:fixed;top:0;z-index:1000;right:0;left:0}.header-left{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s}.header-left:hover{opacity:.8}.header-logo{height:35px;width:auto}.header-logo-name{font-size:1.5rem;font-weight:700;color:#333;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:20px}.header-right>div{display:flex}.cart-bubble{position:relative;background-color:#f3f4f6;color:#333;font-weight:600;font-size:.9rem;height:40px;min-width:40px;padding:0 8px;display:flex;align-items:center;justify-content:center;border-radius:20px;cursor:pointer;transition:all .2s ease}.cart-bubble:hover{background-color:#e5e7eb}.cart-bubble:before{content:"🛒";margin-right:5px;font-size:1rem}.guest-menu{display:flex;gap:10px}.header-login-btn{background:transparent;border:1px solid #ddd;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:.2s}.header-login-btn:hover{border-color:#333}.header-signup-btn{background:#333;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:.2s}.header-signup-btn:hover{background:#555}.menu-icon{height:28px;width:28px;cursor:pointer;object-fit:contain}@media (max-width: 600px){.header-logo-name{display:none}.header-login-btn,.header-signup-btn{padding:6px 10px;font-size:.85rem}}.header-cart-wrapper{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:5px;color:#333;transition:color .2s ease}.header-cart-wrapper:hover{color:#007bff}.header-cart-icon{font-size:1.4rem}.header-cart-badge{position:absolute;top:-5px;right:-8px;background-color:#e74c3c;color:#fff;font-size:.75rem;font-weight:700;height:18px;width:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid white;box-shadow:0 2px 4px #0000001a}.notification-bell-wrapper{position:relative;margin-right:15px;display:flex;align-items:center}.bell-icon-btn{position:relative;cursor:pointer;color:#000;padding:5px}.bell-badge{position:absolute;top:-2px;right:-2px;background:#e53935;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;border:2px solid white}.notif-dropdown{position:absolute;top:120%;right:-40px;width:300px;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:8px;z-index:2000;border:1px solid #eee;overflow:hidden}.notif-header{padding:10px 15px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;font-weight:600;font-size:.9rem}.notif-header button{background:none;border:none;color:#007bff;font-size:.75rem;cursor:pointer}.notif-list{max-height:350px;overflow-y:auto}.notif-item{padding:12px 15px;border-bottom:1px solid #f1f1f1;cursor:pointer}.notif-item:hover{background-color:#fafafa}.notif-item.unread{background-color:#e8f4ff;border-left:3px solid #007bff}.notif-text{font-size:.85rem;margin:0 0 4px;color:#333;line-height:1.4}.notif-date{font-size:.7rem;color:#888}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #eee;background:#fff}.notif-title{font-weight:700;font-size:.95rem;color:#333}.action-btn{border:none;background:none;cursor:pointer;padding:4px;transition:transform .2s}.action-btn:hover{transform:scale(1.1)}.read-btn{color:#007bff}.clear-btn{color:#d32f2f}.notif-footer{padding:12px;background:#f8f9fa;border-top:1px solid #eee;text-align:center;cursor:pointer;font-size:.85rem;font-weight:600;color:#555;display:flex;justify-content:center;align-items:center;gap:8px;transition:background .2s}.notif-footer:hover{background:#e9ecef;color:#000}.action-btn{background:none;border:none;cursor:pointer;color:#666;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.action-btn:hover{background-color:#f0f0f0;color:#000}.clear-text-btn{background:none;border:1px solid #eee;cursor:pointer;color:#888;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:15px;transition:all .2s;margin-left:8px}.clear-text-btn:hover{background-color:#ffebee;color:#d32f2f;border-color:#ffcdd2}.notif-item{display:flex;align-items:flex-start;padding:12px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}.notif-item.unread{background-color:#fff}.notif-item.unread .notif-text{font-weight:600;color:#333}.notif-item.read{background-color:#f9f9f9;opacity:.8}.notif-item.read .notif-text{font-weight:400;color:#666}.unread-dot{width:8px;height:8px;background-color:#007bff;border-radius:50%;margin-top:6px;margin-right:10px;flex-shrink:0}.contact-page-container{min-height:100vh;background-color:#f4f6f8;font-family:Inter,sans-serif;padding-bottom:40px}.contact-header{background:#fff;padding:15px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.contact-back-btn{background:none;border:none;font-size:18px;color:#333;cursor:pointer;padding:5px}.contact-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.contact-content-wrapper{max-width:600px;margin:0 auto;padding:20px}.contact-subtitle{color:#666;text-align:center;margin-bottom:25px;font-size:14px}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.contact-info-card{background:#fff;padding:15px 10px;border-radius:12px;text-align:center;box-shadow:0 2px 5px #00000008}.contact-icon{color:var(--prohub-green-main, #28a745);font-size:20px;margin-bottom:8px}.contact-info-card h3{font-size:12px;margin:0 0 4px;color:#333}.contact-info-card p{font-size:10px;margin:0;color:#777;word-break:break-all}.contact-form{background:#fff;padding:25px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:#444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fdfdfd;outline:none;transition:border .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#28a745}.contact-submit-btn{width:100%;padding:14px;background:#28a745;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:10px}.contact-submit-btn:active{transform:scale(.98)}.contact-success-message{text-align:center;padding:40px;background:#fff;border-radius:16px;color:#28a745}.settings-page{min-height:100vh;background:#f9f9f9;padding-bottom:40px}.settings-nav{background:#fff;padding:15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #eee}.settings-nav h2{margin:0;font-size:1.2rem}.settings-content{max-width:600px;margin:0 auto;padding:20px}.settings-group{background:#fff;border-radius:12px;padding:10px;margin-bottom:20px;border:1px solid #eee}.settings-group h3{margin:10px 10px 15px;font-size:.9rem;text-transform:uppercase;color:#888;letter-spacing:1px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;border-bottom:1px solid #f5f5f5}.setting-item:last-child{border-bottom:none}.setting-label{display:flex;flex-direction:column}.setting-label span{font-weight:500;font-size:1rem;color:#333}.setting-label small{color:#888;font-size:.8rem;margin-top:4px}.toggle-switch{width:50px;height:28px;border-radius:20px;background:#ccc;position:relative;cursor:pointer;transition:background .3s}.toggle-switch.on{background:#00b894}.toggle-handle{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch.on .toggle-handle{transform:translate(22px)}.menu-item{text-decoration:none}.legal-page-container{min-height:100vh;background-color:#f8f9fa;font-family:Inter,sans-serif;padding-bottom:40px}.legal-header{background:#fff;padding:15px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.legal-back-btn{background:none;border:none;font-size:18px;color:#333;cursor:pointer;padding:5px}.legal-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.legal-tabs{display:flex;background:#fff;border-bottom:1px solid #eee}.legal-tab{flex:1;padding:15px;background:none;border:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.legal-tab.active{color:#28a745;border-bottom-color:#28a745;font-weight:600}.legal-content{max-width:800px;margin:20px auto;padding:0 20px}.last-updated{font-size:12px;color:#888;margin-bottom:20px;text-align:right}.legal-text-block{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000000d;animation:fadeIn .3s ease-in-out}.legal-text-block h3{font-size:16px;color:#222;margin-top:25px;margin-bottom:15px;display:flex;align-items:center;gap:10px}.legal-text-block h3:first-child{margin-top:0}.legal-icon{color:#28a745;font-size:14px}.legal-text-block p{font-size:14px;line-height:1.6;color:#555;margin-bottom:15px}.legal-text-block ul{margin-bottom:20px;padding-left:20px}.legal-text-block li{font-size:14px;line-height:1.6;color:#555;margin-bottom:8px}.legal-text-block strong{color:#333;font-weight:600}@media (max-width: 600px){.legal-text-block{padding:20px}}.menu-curtain-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease-in-out}.menu-curtain-container{width:80%;height:85vh;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.menu-curtain-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background:#fff}.menu-close-btn{background:none;border:none;cursor:pointer;color:#333;padding:5px;display:flex;align-items:center;justify-content:center}.menu-close-btn:hover{background-color:#f5f5f5;border-radius:50%}.menu-curtain-body{display:flex;flex:1;overflow:hidden}.menu-left-pane{width:300px;border-right:1px solid #eee;padding:20px;background:#f9f9f9;overflow-y:auto}.menu-right-pane{flex:1;padding:20px;overflow-y:auto;background:#fff}@media (max-width: 768px){.menu-curtain-container{width:100%;height:100%;border-radius:0}.menu-left-pane{width:100%;display:block}.menu-right-pane{width:100%}.hidden{display:none}}.side-bar-content svg{width:50px;height:50px;color:#333;flex-shrink:0}.marketplace-icon{width:25px}:root{--primary-color: #188A58;--text-color-light: #555;--text-color-dark: #222;--bg-hover: #f0f0f0;--bg-active: #e6f2ff}.side-bar:hover{background-color:var(--bg-hover);color:var(--text-color-dark)}.side-bar.active{background-color:#188a58;color:#fff;font-weight:600;margin:20px 10px;padding:20px 5px;border-radius:10px;height:fit-content}.side-bar-content{display:flex;align-items:center;gap:0px}.side-bar-content img{width:20px;height:20px}.side-bar img{filter:invert(0) brightness(1);transition:filter .25s ease}.side-bar.active img{filter:invert(1) brightness(2)}@media (max-width: 768px){.side-bar.active{background-color:#188a58;color:#fff;font-weight:600;margin:8px 10px;padding:5px 2px;border-radius:10px;height:fit-content;width:80%}}.unified-search-bar{display:flex;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:5px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px}.usb-input-group{display:flex;align-items:center;padding:0 10px;flex:1}.usb-input-group.main-search{flex:1.5}.usb-icon-grey{color:#aaa;margin-right:8px}.usb-input{width:100%;border:none;outline:none;font-size:.95rem}.usb-divider{width:1px;height:25px;background-color:#eee}.usb-btn-go{background:#000;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:700;cursor:pointer;margin-left:5px}.location-context-header{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:8px 15px;border-radius:8px;margin-bottom:12px;font-size:.9rem;border:1px solid #eee}.location-context-label{display:flex;align-items:center;gap:8px;color:#666}.location-context-value{display:flex;align-items:center;gap:4px;color:#000}.loc-icon-small{color:#e74c3c}.location-change-link{background:none;border:none;color:#007bff;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;display:flex;align-items:center}.location-change-link:hover{text-decoration:underline}.bpp-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000059;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain}.bpp-modal{background:#fff;width:100%;max-width:1100px;height:90vh;border-radius:12px;overflow:hidden;display:flex;flex-direction:row;position:relative;box-shadow:0 20px 60px #0006}.bpp-image-section{flex:1.3;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;position:relative}.bpp-image{width:80%;height:100%;object-fit:contain}.bpp-details-section{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.bpp-reports-details-section{margin-top:10px;border-radius:10px;border:1px solid rgba(0,0,0,.09)}.bpp-header-nav{display:flex;justify-content:space-between;align-items:center;padding:10px 5px}.bpp-header-nav h3{margin:0 20px 0 0;font-size:small}.bpp-report-container{text-align:center}.bpp-report-triangle{margin-bottom:15px;color:red}.bpp-report-triangle p{color:#666;margin-bottom:20px}.bpp-report-options{display:flex;flex-direction:column;gap:10px}.bpp-option-btn{margin-right:10px;margin-left:10px}.popup-submit-review-btn{margin-top:20px;background:#e63946}.bpp-close-btn{position:absolute;top:15px;right:15px;background:#0000000d;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;z-index:20;transition:.2s}.bpp-close-btn:hover{background:#0000001a}.bpp-title-price-bubble{background-color:#fff;border-radius:10px;margin-top:10px;border:1px solid rgba(0,0,0,.09);padding:5px}.bpp-product-report{background:transparent;border:none;cursor:pointer;color:#940303;padding:0 0 0 10px;align-items:center;font-size:.6rem;font-weight:600;display:flex;gap:10px;margin-right:10px}.bpp-title-row{display:flex;align-items:center;gap:10px}.bpp-title{font-size:1rem;font-weight:500;color:#111;margin:0;line-height:1.2;padding:5px 18px}.bpp-price-row{display:flex;align-items:center;gap:10px;margin-top:0;justify-content:space-between;padding:5px 15px}.bpp-price{font-size:1rem;font-weight:800;color:#07997c;background:#f0f0f0;padding:5px 8px;border-radius:10px}.bpp-old-price{text-decoration:line-through;color:#7c7b7b;font-size:.8rem;background:#e7e7e7;padding:5px 8px;border-radius:10px;text-align:center}.bpp-pill{background:#eee;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;color:#555}.bpp-pill.sponsored{background:#000;color:#fff}.bpp-highlights{display:flex;flex-wrap:wrap;gap:36%;margin:10px 0;padding-left:18px}.bpp-hl-item{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:6px 10px;border-radius:8px;font-size:.7rem;color:#333;border:1px solid #eee}.bpp-desc-box{margin-top:0;background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.09)}.bpp-desc-box h4{justify-self:center;margin:0;color:#0009;display:flex}.bpp-desc-text{line-height:1.6;color:#444;margin:0;padding:10px 18px;font-size:.8rem}.bpp-specs-box{padding:10px;border-radius:10px;margin-top:10px;border:1px rgba(0,0,0,.09) solid}.bpp-specs-box h4{justify-self:center}.bpp-specs-box table{background-color:#fff;border-radius:5px;gap:5px;padding-left:10px}.bpp-specs-box .bpp-seller-row:hover{background:#f9f9f9}.bpp-seller-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.bpp-action-btn-wrapper{background-color:#fff;padding:10px;border-radius:10px;border:1px rgba(0,0,0,.09) solid}.bpp-seller-stat{text-decoration:none}.bpp-action-btn-wrapper button{border:1px rgba(0,0,0,.05) solid;background-color:#e2f1df;border-radius:5px;padding:10px 20px;display:block;margin:0 auto;border:1px rgba(0,0,0,.09) solid;width:70%}.bpp-action-btn-wrapper .cart-qty-controls.show-inline{margin:0 auto;height:fit-content}.bpp-action-btn-wrapper .qty-btn{padding:5px 20px}.bpp-review-box{margin-top:15px;background-color:#fff;border-radius:10px}.bpp-review-box h4{justify-self:center;padding-top:10px}.bpp-review-box div{justify-self:center}.bpp-textarea{width:80%;padding:10px;border:1px solid #ddd;border-radius:8px;margin:10px 7%}@media (max-width: 768px){.bpp-overlay{padding:0;background-color:#fff;align-items:flex-start}.bpp-modal{display:block;width:100%;height:100%;max-width:none;border-radius:0;overflow-y:auto;box-shadow:none}.bpp-image-section{width:100%;height:auto;max-height:50vh;position:relative;flex:none}.bpp-image{width:50%;height:100%;object-fit:cover;display:block}.bpp-details-section{height:auto;overflow:visible;position:relative}.bpp-close-btn{position:fixed;top:15px;right:15px;background:#ffffffe6;box-shadow:0 2px 10px #0000001a}}.popup-submit-review-btn,.submit-review-btn{margin-top:15px;padding:8px 10px;background:green;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s;margin-bottom:10px;margin-left:8.5%}.popup-submit-review-btn:hover,.submit-review-btn:hover{background:#000}.popup-submit-review-btn.disabled,.submit-review-btn.disabled{background:#ccc;cursor:not-allowed;color:#888}.bpp-reviews-view{display:flex;flex-direction:column;height:100%}.bpp-reviews-header{display:flex;align-items:center;justify-content:space-between;padding:5px;border:1px solid rgba(0,0,0,.09);margin-bottom:15px;background-color:#fff;margin-top:10px;border-radius:10px}.bpp-back-btn{background:transparent;border:none;color:#007bff;font-weight:600;cursor:pointer;font-size:.7rem}.bpp-reviews-view h3{font-size:.8rem;margin-right:10px}.bpp-reviews-list{overflow-y:auto}.bpp-rev-user{display:flex;align-items:center;gap:10px;margin-bottom:5px}.bpp-rev-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.bpp-rev-meta{display:flex;flex-direction:column}.bpp-rev-name{font-size:.9rem;font-weight:700;color:#333}.bpp-rev-stars{font-size:.8rem}.bpp-rev-comment{font-size:.9rem;color:#555;line-height:1.4;margin:5px 0}.bpp-rev-date{font-size:.75rem;color:#999}.bpp-rating-highlights{background-color:#fff;border-radius:10px;padding-bottom:5px;border:1px solid rgba(0,0,0,.09)}.bpp-rating-row{display:flex;align-items:center;gap:22%;padding-top:10px;padding-left:18px}.bpp-star-text{font-weight:700;color:orange;font-size:.8rem}.bpp-dot{color:#ccc0}.bpp-link-btn{background:transparent;border:none;color:#188a58;text-decoration:underline;cursor:pointer;font-size:.8rem;font-weight:700;margin-right:2px;flex:1;justify-content:end;display:flex}.bpp-reviews-list{padding:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ddd transparent;background-color:#fff;border-radius:10px}.bpp-review-item{display:flex;gap:10px;padding:10px;border:1px rgba(0,0,0,.1) solid;border-radius:10px}.bpp-review-left{flex-shrink:0}.bpp-review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #eee}.bpp-review-right{flex:1;display:flex;flex-direction:column;gap:2px}.bpp-review-header{display:flex;justify-content:space-between;align-items:center}.bpp-review-name{font-weight:700;font-size:.8rem;color:#333}.bpp-review-date{font-size:.75rem;color:#999}.bpp-review-stars{font-size:.6rem}.bpp-review-stars .star{font-size:.9rem}.bpp-review-stars .star.filled{color:#f1c40f}.bpp-review-stars .star.empty{color:#e0e0e0}.bpp-review-text{font-size:.7rem;color:#555;line-height:1.5;margin:0;white-space:pre-wrap}.bpp-no-reviews{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999;text-align:center}.bpp-no-reviews h3{margin:0 0 5px;color:#555}.bpp-sheet-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:9999;transition:opacity .3s ease;scrollbar-width:none}.bpp-sheet-container{position:fixed;bottom:0;left:0;width:100%;height:85vh;background:#fff;z-index:9999;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;box-shadow:0 -5px 20px #0003;will-change:transform;overscroll-behavior-y:contain;touch-action:pan-y}.bpp-drag-handle-area{width:100%;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:grab;touch-action:none}.bpp-drag-handle{width:50px;height:5px;background:#e0e0e0;border-radius:10px}.bpp-mobile-image-wrapper{position:relative;height:250px;flex-shrink:0;background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.09);display:flex;justify-content:center;align-items:center}.bpp-mobile-image{width:70%;height:90%;object-fit:cover;border-radius:10px}.bpp-mobile-close{position:absolute;top:10px;right:10px;background:#00000080;color:#fff;width:32px;height:32px;border-radius:50%;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bpp-mobile-content{flex:1;overflow-y:auto;padding:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;background-color:#fff}@media screen and (max-width: 768px){.bpp-overlay{display:none!important}}@media screen and (min-width: 769px){.bpp-sheet-container,.bpp-sheet-overlay{display:none!important}}.profile-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-popup-content{background:#fff;width:900px;max-width:90vw;max-height:85vh;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column}.profile-popup-close{position:absolute;top:15px;right:15px;background:#ffffffe6;border:1px solid #eee;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;color:#333}.profile-popup-close:hover{background:#f0f0f0;transform:rotate(90deg)}.profile-popup-grid{display:grid;grid-template-columns:1fr 1fr;height:100%;overflow:hidden}.profile-popup-image-container{background:#f4f4f4;position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:400px}.profile-popup-img{width:100%;height:100%;object-fit:cover}.profile-popup-price-tag{color:#fff;padding:12px 16px;border-radius:8px;font-weight:700;font-size:1.1rem;letter-spacing:.5px;position:absolute;bottom:10px;left:20px;right:20px;display:flex;justify-content:space-between}.profile-popup-details{padding:30px;overflow-y:auto;display:flex;flex-direction:column}.profile-popup-details::-webkit-scrollbar{width:6px}.profile-popup-details::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.popup-title{font-size:1.6rem;font-weight:800;color:#1a1a1a;margin-bottom:15px;line-height:1.3}.popup-description{font-size:.95rem;line-height:1.6;color:#555;white-space:pre-line}.popup-divider{border:0;height:1px;background:#eee;margin:20px 0}.popup-specs-section h4{font-size:1rem;font-weight:700;color:#333;margin-bottom:12px;display:flex;align-items:center}.popup-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.popup-spec-item{background:#f9fafb;border:1px solid #e5e7eb;padding:10px 12px;border-radius:10px;display:flex;flex-direction:column}.spec-label{font-size:.75rem;text-transform:uppercase;color:#888;font-weight:600;margin-bottom:4px;letter-spacing:.5px}.spec-value{font-size:.9rem;font-weight:600;color:#222;word-break:break-word}.popup-view-btn.edit-mode-btn{margin-top:25px;width:100%;padding:14px;background-color:green;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.popup-view-btn.edit-mode-btn:hover{background-color:#333;transform:translateY(-2px)}.popup-view-btn.edit-mode-btn:active{transform:scale(.98)}@media screen and (max-width: 768px){.profile-popup-details{padding:20px}.popup-title{font-size:1.4rem;margin-top:10px}.popup-specs-grid{gap:10px}}.bpp-seller-row{display:flex;gap:10px;text-decoration:none;background-color:#fff;padding:10px;border-radius:10px;border:1px solid rgba(0,0,0,.09)}.bpp-seller-stat{color:#000}.viewer-title{color:#fff;font-size:1.1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-viewer-img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.product-scroll{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth}.product-scroll::-webkit-scrollbar{height:6px}.product-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.product-card{flex:0 0 auto;scroll-snap-align:start;position:relative;width:200px;height:300px;border:1px solid rgba(0,0,0,.05);border-radius:15px;padding:3px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;background-color:#fbfbfb}.product-card-image{width:100%;height:100%;object-fit:cover;border-radius:15px;transition:filter .35s ease;filter:brightness(100%)}.product-card-image-button:hover .product-card-image{filter:brightness(60%)}.product-order-button,.product-card-star-rating,.product-message-button,.product-available-button,.product-service-book-button,.product-service-quote-button{position:absolute;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.product-order-button,.product-message-button,.product-available-button,.product-service-book-button,.product-service-quote-button{bottom:5%;right:5%;transform:translate(-50%,8px);border:none;background-color:#fff;border-radius:10px;width:70px;min-height:20px;cursor:pointer;box-shadow:0 6px 14px #0000001f;font-size:11px}.product-card-star-rating{position:absolute;bottom:5%;left:5%;z-index:50;font-size:12px;color:#fff;font-weight:700;border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.product-card-star-rating .star-image{width:14px;height:14px;object-fit:contain}.product-card-image-button:hover .product-card-star-rating,.product-card-image-button:hover .product-order-button,.product-card-image-button:hover .product-message-button,.product-card-image-button:hover .product-available-button,.product-card-image-button .product-service-book-button,.product-card-image-button .product-service-quote-button{opacity:1;transform:translateY(0);pointer-events:auto}.pc-price{display:flex;justify-content:space-between;margin-top:5px;margin-left:3%;margin-bottom:3px}.products-scroll{display:flex;overflow-x:auto;gap:20px;scroll-behavior:smooth}.products-scroll::-webkit-scrollbar{height:8px}.products-scroll::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.search-highlight{outline:2px solid #4fa3ff;transition:outline .3s ease}.cart-qty-controls{display:none}.cart-qty-controls.show-inline{display:flex;justify-content:space-between;align-items:center;width:80px;height:25px;background-color:#fff;border-radius:10px;box-shadow:0 6px 14px #0000001f;opacity:1;pointer-events:auto}.qty-btn{border:none;background:transparent;color:#333;font-weight:700;font-size:16px;cursor:pointer;padding:0 5px;height:100%}.qty-value{font-size:12px;font-weight:700;color:#333}.image-popup-overlay{position:fixed;inset:0;background-color:#fff;overflow-y:auto;z-index:1000;padding:0;box-sizing:border-box}.popup-scroll-content{width:100%;max-width:900px;margin:0 auto;padding:70px 20px 40px;box-sizing:border-box;position:relative}.close-popup-btn{position:fixed;top:15px;right:20px;background:#f0f0f0;border:none;font-size:28px;line-height:1;color:#333;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;z-index:1001}.close-popup-btn:hover{background:#e0e0e0}.popup-main-image{width:100%;max-height:70vh;object-fit:contain;margin-bottom:20px;background-color:#f9f9f9;border-radius:8px}.popup-details-content{width:100%;padding-left:0;padding-right:0}.popup-title{font-size:24px;font-weight:700;color:#222;margin:0 0 10px;line-height:1.3}.popup-price-container{display:flex;align-items:baseline;gap:10px;margin-bottom:15px}.popup-price{font-size:20px;font-weight:700;color:#000}.popup-old-price{font-size:18px;color:#888;text-decoration:line-through}.popup-actions{display:flex;gap:60%;align-items:center;width:100%}.popup-rating{display:flex;align-items:center;font-size:1.2rem;font-weight:500;color:#333}.popup-rating .star-image{width:18px;height:18px;margin-left:5px}.post-image{cursor:pointer}.rating-stars-popup{display:flex;justify-content:center;font-size:2.5rem;margin-top:5px;margin-bottom:10px}.rating-stars-popup .star{color:#ccc;cursor:pointer;transition:color .2s}.rating-stars-popup .star.filled{color:#f39c12}@media (min-width: 800px){.image-popup-overlay{background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;overflow-y:hidden;padding:20px}.popup-scroll-content{background:#fff;height:90vh;overflow-y:auto;border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:20px;margin:0}.close-popup-btn{position:absolute;top:10px;right:15px;background:transparent;box-shadow:none;font-size:35px;color:#888;width:auto;height:auto;border-radius:0}.close-popup-btn:hover{color:#000;background:transparent}.popup-main-image{margin-top:40px;max-height:50vh}}.popup-seller-info{font-size:.9rem;color:#555;margin-top:10px}.popup-description,.popup-mock-details{margin-top:20px;text-align:left}.popup-description h4,.popup-mock-details h4{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:8px;border-bottom:1px solid #eee;padding-bottom:4px}.popup-description p{font-size:1rem;color:#444;line-height:1.6;white-space:pre-wrap}.popup-mock-details ul{list-style:none;padding-left:0;margin:0}.popup-mock-details li{font-size:1rem;color:#444;margin-bottom:8px}.product-card-image-button{position:relative;outline:none}.product-action-area{opacity:0;pointer-events:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%);transition:opacity .3s ease}.product-card-image-button:hover .product-action-area{opacity:1;pointer-events:auto}.product-card-image-button:focus .product-action-area,.product-card-image-button:focus-within .product-action-area{opacity:1;pointer-events:auto}.detail-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.highlight-item{display:flex;align-items:center;font-size:.85rem;color:#555;background:#f9f9f9;padding:5px 10px;border-radius:15px}.highlight-item .icon{margin-right:6px}.section-header{font-size:.95rem;font-weight:700;color:#333;margin-bottom:8px;margin-top:15px;text-transform:uppercase;letter-spacing:.5px;border-left:3px solid #000;padding-left:8px}.description-text{font-size:.9rem;line-height:1.5;color:#444}.specs-table{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff}.specs-table tr{border-bottom:1px solid #f4f4f4}.specs-table tr:last-child{border-bottom:none}.specs-table th{text-align:left;color:#777;font-weight:500;padding:8px 0;width:40%}.specs-table td{text-align:right;color:#222;font-weight:600;padding:8px 0}.badge-new{background:#e6f4ea;color:#1e7e34;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.popup-seller-card{background:#f8f9fa;border:1px solid #eee;border-radius:8px;padding:10px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:10px}.seller-card-left{display:flex;align-items:center;gap:10px;text-decoration:none}.seller-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #ddd}.seller-name-bold{font-weight:700;font-size:.9rem;color:#222}.verified-badge{font-size:.7rem;color:#007bff;background:#e7f1ff;padding:2px 5px;border-radius:4px}.seller-profile-btn{background:#fff;border:1px solid #333;color:#333;padding:5px 10px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.seller-profile-btn:hover{background:#333;color:#fff}@media (max-width: 767px){.product-order-button,.product-card-star-rating,.product-message-button,.product-available-button{opacity:1;transform:translateY(8px)}.product-action-area{opacity:1;bottom:15px;left:70%}.cart-qty-controls.show-inline{bottom:10%;right:30%}.product-card-star-rating{bottom:7%;left:15%}.product-order-button,.product-message-button,.product-available-button,.product-service-book-button,.product-service-quote-button{bottom:10%;right:30%}}@media ((min-width: 400px) and (max-width: 540px)){.product-card-star-rating{bottom:5%;left:10%}.product-action-area{opacity:1;bottom:5px;left:55%}}.product-scroll{display:flex;overflow-x:auto;gap:10px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.npc-scroll-item{width:200px;flex-shrink:0;height:auto}.npc-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;width:100%;box-sizing:border-box}.npc-card{display:flex;flex-direction:column;font-size:.75rem;color:#111;padding:.2rem;border-radius:.625rem;border:1px solid rgba(40,167,69,.19)}.npc-card-top{position:relative;width:100%;aspect-ratio:4/5;border-radius:.625rem;overflow:hidden;background:linear-gradient(180deg,#f8f9fb,#fff)}.npc-card-image{width:100%;height:100%}.npc-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s cubic-bezier(.2,.9,.2,1)}.npc-card-top:hover .npc-card-image img{transform:scale(1.05)}.npc-ratings{position:absolute;top:5px;right:5px;background:#ffffffd9;padding:.2rem .6rem;border-radius:99px;font-weight:700;font-size:.7rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.npc-price{position:absolute;left:.6rem;bottom:.6rem;display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.npc-current-price{background:#000000b3;color:#fff;padding:.3rem .5rem;border-radius:8px;font-weight:800;font-size:.85rem}.npc-old-price{background:#ffffffe6;color:#0000008c;padding:.2rem .4rem;border-radius:6px;font-size:.7rem;text-decoration:line-through}.npc-title{margin:.4rem 0 0 .2rem;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npc-button2{display:flex;justify-content:flex-end}.npc-button2 button{color:#2b6d0c;padding:.4rem .8rem;border-radius:.5rem;border:1px solid #2b6d0cb3;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s;background-color:#fff}@media screen and (max-width: 500px){.npc-container{grid-template-columns:1fr 1fr;gap:10px;padding:10px}.npc-title{font-size:.8rem}.npc-current-price{font-size:.75rem;padding:.2rem .4rem}.npc-button2 button{padding:.3rem .6rem;font-size:.7rem}}@media (max-width: 390px){.npc-scroll-item{width:175px}}.booking-overlay{position:fixed;top:0;left:0;height:100%;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.booking-modal{background:#fff;width:100%;max-width:420px;border-radius:16px;padding:25px;box-shadow:0 15px 40px #00000040;animation:popIn .2s ease-out}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.booking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.booking-header h3{margin:0;font-size:1.2rem;color:#222}.booking-header .close-btn{font-size:1.5rem;background:none;border:none;cursor:pointer;color:#666}.service-thumb{width:70px;height:70px;border-radius:8px;object-fit:cover}.service-info{display:flex;flex-direction:column;justify-content:center}.service-title{margin:0 0 5px;font-size:1rem;font-weight:600;color:#333}.service-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}.service-price{font-weight:800;color:#00b894;font-size:1rem}.service-duration{font-size:.75rem;color:#555;background:#e2e6ea;padding:2px 6px;border-radius:4px}.service-provider{font-size:.8rem;color:#888}.form-row-split{display:flex;gap:15px}.form-group{margin-bottom:15px;flex:1}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;outline:none;transition:border .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00b894}.form-group textarea{resize:none}.btn-confirm-booking{width:100%;padding:14px;background:#2d3436;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:10px}.btn-confirm-booking:hover{background:#000}.booking-disclaimer{font-size:.8rem;color:#777;text-align:center;margin-top:15px;line-height:1.4}.location-toggles{display:flex;gap:8px;background:#f0f2f5;padding:4px;border-radius:8px;margin-bottom:5px}.loc-btn{flex:1;border:none;background:transparent;padding:8px 4px;font-size:.85rem;font-weight:500;color:#65676b;border-radius:6px;cursor:pointer;transition:all .2s ease}.loc-btn:hover{background:#0000000d}.loc-btn.active{background:#fff;color:#1877f2;box-shadow:0 1px 3px #0000001a;font-weight:600}.toggle-time-link{font-size:.75rem;color:#1877f2;text-align:right;margin-top:4px;cursor:pointer;text-decoration:underline}.toggle-time-link:hover{color:#0056b3}.slide-in{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.free-badge{color:#28a745;font-weight:700}.main-profile-wrapper{background:#fff}.profile-card-header{display:flex;align-items:center;padding:10px 0 10px 10px;gap:15px;cursor:pointer;transition:background-color .2s ease;background-color:#f7f6f699;margin:5px;border-radius:10px}.profile-card-header:active{background-color:#fafafa}.pc-left-col{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:60px;position:relative}.pc-avatar{width:55px;height:55px;border-radius:50%;object-fit:cover;border:2px solid #eee;box-shadow:0 2px 5px #0000000d}.pc-rating-badge{margin-top:6px;display:flex;align-items:center;gap:3px;font-size:.6rem;font-weight:700;color:#fff;background:#161616cc;padding:2px 8px;border-radius:10px;border:1px solid #eee;position:absolute;bottom:-5px}.pc-star-icon{width:12px;height:12px}.pc-right-col{display:flex;flex-direction:column;justify-content:center;flex:1;overflow:hidden}.pc-name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.pc-name{font-size:.9rem;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.pc-verified-icon{width:16px;height:16px}.pc-meta-row{font-size:.9rem;color:#666;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:grid;grid-template-rows:1fr;margin-top:0}.pc-category{font-size:.7rem}.pc-separator{margin:0 6px;color:#ccc}.pc-location{margin:3px 0;border-radius:5px;font-size:.65rem;color:green;align-items:center;display:flex}.pc-products-wrapper{padding-left:15px}.products-scroll{display:flex;overflow-x:auto;padding-bottom:10px;gap:10px;scrollbar-width:none}.products-scroll::-webkit-scrollbar{display:none}.pc-location-icon{width:12px;height:12px;margin-right:5px}.select-profile-prompt{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff;padding:20px;box-sizing:border-box}.prompt-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;background-color:#fff;border-radius:16px;border:1px solid #efefef;box-shadow:0 4px 12px #0000000d;max-width:400px;width:100%;animation:fadeIn .3s ease-in-out}.prompt-icon svg{width:32px;height:32px;color:#ccc;margin-bottom:16px}.prompt-logo{height:40px;margin-bottom:24px;opacity:.8}.prompt-content h2{font-size:1.4rem;font-weight:600;color:#262626;margin:0 0 10px}.prompt-content p{font-size:1rem;color:#777;margin:0;line-height:1.5}.account-profile-container{background-color:#fff;position:relative}.top-user-profile-container{display:grid;grid-template-columns:2fr 1fr;background-color:#fff;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#1a19191a;margin-bottom:20px}.left-user-profile-container{display:flex;border-bottom-style:solid;border-bottom-color:#fff;border-bottom-width:1px;background-color:#fff;padding-bottom:10px}.left-user-profile-container .profile-image{vertical-align:top;padding:10px}.left-user-profile-container .profile-image .profile-photo{width:60px;height:60px;border-radius:30px;flex-shrink:0}.user-location img{width:11px;height:11px;margin-top:3px;margin-left:-2px;margin-bottom:-1px}.right-user-profile-container{display:block;white-space:nowrap;padding-top:5px;padding-left:20px;font-size:12px;border-left-style:solid;border-left-color:#e9e9e9;position:relative}.three-dots{position:absolute;z-index:200;top:5px;right:15px;width:4px;cursor:pointer}.three-dots:hover{transform:scale(1.1);filter:brightness(0)}.dropdown-menu{position:absolute;top:30px;right:0;background:#fff;border:1px solid #eaeaea;box-shadow:0 4px 15px #0000001a;border-radius:10px;padding:8px 0;width:160px;z-index:20;animation:fadeIn .2s ease-in-out}.dropdown-menu button{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:none;font-size:14px;cursor:pointer;transition:background .2s ease}.dropdown-menu button:hover{background-color:#f7f7f7}.dropdown-menu .danger{color:#e63946}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.add-button{background-color:#fff;border:1.5px solid #e0e0e0;color:#111;font-size:22px;font-weight:500;border-radius:10px;width:80px;height:40px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;margin-top:10px}.add-button:hover{background-color:#f7f7f7;transform:translateY(-2px)}.add-button:active{transform:scale(.96);box-shadow:0 1px 5px #0000001a}@media (max-width: 768px){.account-profile-container{display:block}.top-user-profile-container{display:block;grid-template-columns:1fr 140px;background-color:#f4f4f4;border-bottom:none;margin-bottom:5px}.left-user-profile-container{display:flex;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#1a19191a}.left-user-profile-container .profile-image{vertical-align:top;padding:10px}.left-user-profile-container .profile-image .profile-photo{margin-top:2px;width:45px;height:45px;border-radius:30px;flex-shrink:0}.profile-image-followers div{font-size:9px;justify-self:center;font-weight:700}.rating-star{display:flex;background-color:#fff;padding:2px 4px;border-radius:5px;border:1px solid rgba(69,69,69,.5)}.rating-star img{width:8px;margin-left:5px;margin-top:-12px;margin-bottom:-12px}.user-profile-info{display:flex;margin-left:5px}.user-profile-info .profile-name{font-size:11px;font-weight:700;margin-bottom:5px;margin-top:12px}.user-profile-info .profile-badge img{width:12px;height:12px;padding-top:10px;margin-left:2px}.account-details .profile-category{margin-left:5px;font-size:10px;margin-bottom:10px;margin-top:5px}.user-location{margin-top:0;margin-left:5px;font-size:10px;font-weight:700}.user-location img{width:12px;height:9px}.user-location .profile-location{font-weight:700;font-size:10px;margin-bottom:10px}.right-user-profile-container{display:grid;grid-template-columns:100px 1fr;white-space:nowrap;font-size:10px;border-left-style:solid;border-left-color:#e9e9e9;justify-items:center;padding-left:10px;padding-bottom:8px}.profile-follows{display:flex;justify-content:start;align-items:start}.user-details{display:grid;white-space:nowrap;grid-template-columns:45px 20px 12px;align-items:center;width:100%;gap:2px;margin-right:20px;margin-bottom:0}.profile-stars{width:60px;margin-right:5px}.user-details-container{display:flex;align-items:center;justify-content:center}.add-button{border-radius:10px;width:80px;height:35px;margin-top:0;font-size:20px}.profile-followers{margin-right:5px}.three-dots{position:fixed;z-index:200;top:38px;width:4px}.text-muted{font-size:12px}}.switch-mode-container{text-align:center;margin:20px 0}.mode-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.switch-mode-button{background-color:#ccc;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;transition:.2s}.switch-mode-button.active{background-color:#2b8a3e;color:#fff}.switch-mode-button:hover:not(.active){background-color:#b5b5b5}.user-logout{color:red}.text-muted{color:#1c1c88;font-weight:700}.profile-business-section{display:contents}y .user-profile-post-image{position:relative}.three-dots-post-menu{position:absolute;top:8px;right:8px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;width:7px}@media (max-width: 600px){.three-dots-post-menu{width:5px}.profile-post-title{font-size:10px;line-height:13px}}.user-profile-post-image:hover .three-dots-post-menu{opacity:1;visibility:visible}.three-dots-post{width:20px;height:20px;cursor:pointer;transition:transform .2s ease}.three-dots-post:hover{transform:scale(1.1)}.post-dropdown-menu{position:absolute;top:10px;right:0;background:#fff;border-radius:8px;padding:6px 0;min-width:120px;box-shadow:0 2px 8px #0003}.post-dropdown-menu button{width:100%;padding:8px 10px;background:none;border:none;text-align:left;cursor:pointer;font-size:12px}@media (max-width:500px){.post-dropdown-menu button{padding:3px 2px;width:fit-content}}.post-dropdown-menu button:hover{background:#ffffff1a}.post-danger{color:#fd2a2a}.logout-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.logout-modal{background:#fff;padding:25px;border-radius:12px;text-align:center;width:320px;box-shadow:0 4px 15px #00000026;animation:fadeIn .25s ease-in-out}.logout-buttons{margin-top:20px;display:flex;justify-content:center;gap:10px}.cancel-btn,.confirm-btn{padding:10px 16px;border-radius:8px;cursor:pointer;border:none;font-weight:600;transition:.2s ease-in-out}.cancel-btn{background:#e0e0e0;color:#333}.cancel-btn:hover{background:#ccc}.confirm-btn{background:#f44;color:#fff}.confirm-btn:hover{background:#e63939}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-profile-page-container{position:relative;margin:0}.user-profile-layout{display:flex;flex-direction:column;width:100%}.profile-content{padding:15px}.profile-options-list .option-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.profile-options-list .option-section:last-child{border-bottom:none}.profile-options-list .option-label{font-size:.9em;color:#666;margin-bottom:8px;font-weight:500}.profile-options-list .current-mode{font-size:20px;color:#333;font-weight:700;margin:0;padding-left:10px}.profile-options-list button,.profile-options-list .option-button{display:block;width:100%;padding:10px 12px;margin-bottom:8px;border:none;background-color:transparent;text-align:left;font-size:1em;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.profile-options-list button:hover,.profile-options-list .option-button:hover{background-color:#f0f0f0}.profile-options-list .option-button.danger{color:#d30318}.profile-options-list .option-button.danger:hover{background-color:#dc3545}@media (min-width: 768px){.profile-page-dots{display:none}.profile-sidebar{display:block;flex-shrink:0}.profile-content{padding-left:20px}.back-nav-container{display:none}.profile-options-list .current-mode{font-size:20px;color:#333;font-weight:700;margin-top:30px;padding-left:10px}.user-profile-page-container{display:flex}}.mobile-profile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.mobile-profile-menu-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:400px;position:relative;box-shadow:0 4px 15px #0003}.mobile-profile-menu-content h2{margin-top:0;margin-bottom:20px;text-align:center;font-size:1.2em;border-bottom:1px solid #eee;padding-bottom:10px}.close-mobile-menu{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5em;cursor:pointer;color:#555;padding:5px;line-height:1}.close-mobile-menu:hover{color:#000}.profile-page-dots .three-dots{width:100px;position:sticky;top:25px;left:100%;z-index:100}.profile-posts-timeline{margin-top:20px}.loading-state{padding:40px;text-align:center;color:#666;font-size:1.1em}.no-posts-message{padding:30px;text-align:center;color:#888}.status-banner{background-color:#f7f7f7;border-color:#ccc;color:#333}.status-banner.pending{border-color:#ffc107;background-color:#fff9e6}.status-banner.approved{border-color:#28a745;background-color:#e6ffe6;color:#1e7e34}.status-banner.rejected{border-color:#d9041a;background-color:#ffe6e6;color:#9a202b}.post-details-and-action{display:flex;justify-content:space-between;align-items:center;padding-top:5px}.user-post-action-stub .stub-button{padding:8px 12px;border-radius:5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color .2s;font-size:.85rem;white-space:nowrap}.user-post-action-stub .order{background-color:var(--primary-color, #007bff);color:#fff}.user-post-action-stub .order:hover{background-color:var(--primary-dark-color, #0056b3)}.user-post-action-stub .message{background-color:var(--secondary-color, #28a745);color:#fff}.user-post-action-stub .message:hover{background-color:#1e7e34}.user-post-action-stub .available{background-color:#ffc107;color:#343a40}.user-post-action-stub .available:hover{background-color:#e0a800}.user-profile-page-container{background-color:#f9fafb;min-height:100vh;justify-content:center;padding:5px}.user-profile-layout{display:flex;flex-direction:row;width:100%}.profile-sidebar{background:#fff;box-shadow:0 4px 14px #0000000a;width:250px;height:fit-content;position:sticky;z-index:90}.profile-options-list button,.profile-options-list .option-button{background-color:#f8f9fa;border:1px solid #eaeaea;color:#333;border-radius:10px;padding:10px 15px;margin-bottom:10px;font-weight:500;transition:all .25s ease}.profile-options-list button:hover,.profile-options-list .option-button:hover{background-color:#007bff;color:#fff;transform:translateY(-2px)}.profile-content{flex:1;background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000d}.top-user-profile-container{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;padding:10px;margin-bottom:25px;box-shadow:0 2px 10px #0000000a}.profile-category,.profile-location{font-size:11px;color:#444}.rating-star{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:5px 8px;font-weight:600;color:#333}.add-button{background:#007bff;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:20px;cursor:pointer;transition:.25s ease}.add-button:hover{background:#0056d2;transform:scale(1.05)}.posts-activity{background:#f1f3f6;display:flex;overflow:hidden}.posts-activity div{flex:1;text-align:center;padding:10px 0;cursor:pointer;font-weight:500;color:#666;transition:all .25s ease}.posts-activity div.active{color:#fff;border-bottom:5px #548d45 solid;background-color:#021e09}.status-banner{border-radius:12px;padding:15px;font-size:14px;margin-bottom:20px;background-color:#fef3c7}.status-banner.pending{border-left:5px solid #fbbf24}.status-banner.rejected{background-color:#fee2e2;border-left:5px solid #ef4444}.no-posts-message{text-align:center;padding:50px;color:#999}.sidebar-toggle-btn{position:fixed;top:20px;left:210px;z-index:1000;width:30px;height:30px;border-radius:50%;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .3s ease}.sidebar-toggle-btn:hover{background-color:#f5f5f5;transform:scale(1.1)}.profile-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;overflow-x:hidden;transition:all .4s ease-in-out;height:100vh}.profile-content{position:relative;overflow-y:auto;background-color:#f9f9f9}.user-profile-layout.sidebar-collapsed{grid-template-columns:0px 1fr}.user-profile-layout.sidebar-collapsed .profile-sidebar{visibility:hidden}.user-profile-layout.sidebar-collapsed .sidebar-toggle-btn{left:5px}.profile-options-list.new-design{display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;padding:1.5rem 1.25rem;gap:12px;border-bottom:1px solid #f0f0f0}.sidebar-logo{height:30px;width:30px}.sidebar-title{font-size:1.1rem;font-weight:600;color:#333}.sidebar-section{padding:.5rem 1.25rem;margin-bottom:.5rem;border-bottom:1px solid #f0f0f0}.sidebar-section:last-child{border-bottom:none}.sidebar-label{font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.sidebar-button{display:flex;align-items:center;gap:15px;width:100%;padding:12px 10px;border-radius:8px;border:none;background-color:transparent;font-size:.95rem;font-weight:500;color:#444;text-align:left;cursor:pointer;transition:all .2s ease}.sidebar-button .icon{font-size:1.1rem;width:20px;text-align:center;color:#555}.sidebar-button:hover{background-color:#f4f4f4;color:#007bff}.sidebar-button:hover .icon{color:#007bff}.sidebar-button.switch-mode{font-weight:400;font-size:.9rem}.sidebar-button.danger,.sidebar-button.danger .icon{color:#d9534f}.sidebar-button.danger:hover{background-color:#fbebee;color:#d9534f}.current-mode-display{display:flex;align-items:center;gap:15px;padding:12px 10px;background-color:#f0f7ff;border:1px solid #cce4ff;border-radius:8px;color:#0056b3;font-weight:600}.current-mode-display .icon{font-size:1.1rem;width:20px;text-align:center}@media (min-width: 768px){.user-profile-layout{display:grid;grid-template-columns:245px 1fr;transition:grid-template-columns .5s ease-in-out;width:100%;background-color:#fff;height:100vh}.profile-sidebar{overflow-x:hidden}.user-profile-layout.sidebar-collapsed{grid-template-columns:0px 1fr}}@media (max-width: 768px){.user-profile-layout{display:flex;flex-direction:column;width:100%}.profile-sidebar{display:none}.profile-content{padding:15px}.sidebar-toggle-btn{display:none}}.availability-section-module{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.availability-section-module h4{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 10px}.availability-btn{width:100%;max-width:250px;padding:12px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000001a}.availability-btn.available{background-color:#28a745;color:#fff}.availability-btn.available:hover{background-color:#218838}.availability-btn.unavailable{background-color:#dc3545;color:#fff}.availability-btn.unavailable:hover{background-color:#c82333}.availability-note{font-size:.9rem;color:#555;margin:10px 0 0}.order-status{padding:5px 12px;border-radius:20px;font-weight:600;font-size:.85rem;text-transform:capitalize}.status-paid{background-color:#e6f7ff;color:#0056b3}.status-shipped{background-color:#fffbeb;color:#b45309}.status-out-for-delivery{background-color:#f0f7ff;color:#007bff}.status-delivered{background-color:#e6f4ea;color:#1e7e34}.status-cancelled{background-color:#fbebee;color:#d9534f}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.edit-post-modal{background:#fff;padding:25px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 4px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.form-group{margin-bottom:15px;display:flex;flex-direction:column;gap:5px}.form-row{display:flex;gap:15px}.edit-post-modal input,.edit-post-modal textarea{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.save-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:5px}.cancel-btn{background:#eee;color:#333;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.dash-header{display:flex;align-items:center;gap:20px;padding:20px;background-color:#fff;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000a;width:100%;box-sizing:border-box}.dash-header__avatar-wrapper{flex-shrink:0}.dash-header__avatar-img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0}.dash-header__info{flex-grow:1;min-width:0}.dash-header__info-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dash-header__name{font-size:30px;font-weight:700;color:#1a1a1a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-header__badge{width:20px;height:20px;flex-shrink:0}.dash-header__info-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;color:#555}.dash-header__detail{display:flex;align-items:center;gap:4px}.dash-header__detail--location img{width:14px;height:14px;opacity:.7}.dash-header__divider{color:#ccc;font-size:1rem}.dash-header__meta{display:flex;align-items:center;gap:24px;flex-shrink:0;flex-wrap:wrap}.dash-header__stats{display:flex;gap:20px;border-right:1px solid #e0e0e0;padding-right:24px}.dash-header__stat-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dash-header__stat-value{font-size:1.1rem;font-weight:600;color:#111;display:flex;align-items:center;gap:4px}.dash-header__stat-icon{width:14px;height:14px;margin-bottom:2px}.dash-header__stat-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.dash-header__actions{display:flex;align-items:center}.dash-header__action-btn{display:none}.dash-header__action-btn:hover{background-color:var(--primary-dark, #0056b3)}.dash-header__action-note{font-size:.85rem;color:#777;font-style:italic;max-width:100px}@media (max-width: 900px){.dash-header{align-items:flex-start;gap:15px}.dash-header__meta{width:100%;justify-content:space-between}.dash-header__stats{border-right:none;padding-right:0}}@media (max-width: 480px){.dash-header__info-top{align-items:flex-start;gap:10px;margin-bottom:8px}.dash-header__name{font-size:17px}.dash-header__meta{flex-direction:column;align-items:flex-start;gap:15px}.dash-header__action-btn{width:100%;justify-content:center}.dash-header__info-bottom{font-size:12px}.dash-header__divider{color:#ccc;font-size:10px;display:none}}.dash-header__menu-toggle{display:none;background:none;border:none;color:#333;cursor:pointer;padding:10px;margin-left:10px}.mobile-profile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:block}.mobile-profile-menu-content{background:#fff;position:absolute;top:0;left:0;width:80%;max-width:320px;height:100vh;box-shadow:4px 0 15px #0003;transform:translate(-100%);animation:slideInMenu .3s cubic-bezier(.25,.46,.45,.94) forwards;display:flex;flex-direction:column;padding:0;border-radius:0}@keyframes slideInMenu{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-profile-menu-content .close-mobile-menu{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;font-size:1.5rem;color:#333;z-index:10}.mobile-profile-menu-content h2{font-size:1.2rem;font-weight:600;padding:20px 50px 20px 20px;margin:0;border-bottom:1px solid #eee}.mobile-profile-menu-content .profile-options-list{overflow-y:auto;flex-grow:1}@media (max-width: 900px){.dash-header__menu-toggle{display:block}.dash-header__actions{display:none}}@media (max-width: 768px){.dash-header__meta{display:none}.dash-header__menu-toggle{display:block;margin-left:auto}}.promotion-wrapper{width:100%}.promotion-card{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px #0000000d;transition:transform .2s}.promotion-card.cta-style{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff}.promotion-card.cta-style .promo-btn{background:#fff;color:#6e8efb;border:none;padding:10px 20px;border-radius:30px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 10px #0003}.promotion-card.cta-style .promo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.promotion-card.pending-style{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.promotion-card.active-style{background:#d4edda;border:1px solid #c3e6cb;color:#155724}@media (max-width: 768px){.promotion-card{flex-direction:column;text-align:center;gap:15px}}.dashboard-header{display:flex;align-items:center;font-size:1.5rem;font-weight:600;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:10px;margin-bottom:15px}.dashboard-section h3{font-size:1.2rem;font-weight:600;color:#555;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.no-data{color:#888;font-style:italic;padding:1rem;text-align:center;background-color:#fafafa;border-radius:8px}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .2s ease-in-out}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.stat-icon-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.stat-icon-title .icon{color:#548d45}.stat-icon-title .title{font-weight:500;color:#666}.stat-value{font-size:100%;font-weight:700;color:#222}.action-buttons-group{display:flex;flex-wrap:wrap;gap:12px}.action-buttons-group button{padding:10px 18px;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.action-buttons-group button:hover{background-color:#3d6433}table{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d}table th,table td{padding:10px;text-align:left;border-bottom:1px solid #f0f0f0}table th{background-color:#f9f9f9;font-size:12px;font-weight:600;color:#555;text-transform:uppercase}table td{font-size:11px;color:#333}table tr:last-child td{border-bottom:none}.order-status{padding:4px 10px;border-radius:20px;font-weight:600;font-size:.8rem}.status-pending{background-color:#fff8e1;color:#f59e0b}.status-shipped{background-color:#e0f7fa;color:#06b6d4}.status-delivered{background-color:#e8f5e9;color:#4caf50}.status-rejected{background-color:#ffebee;color:#f44336}.product-list-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.product-preview-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;text-align:center;font-size:.85rem;font-weight:500;color:#444;background:#fff}.product-preview-card img{width:100%;height:100px;object-fit:cover;display:block}.product-preview-card p{padding:8px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-preview-card.view-more{display:flex;align-items:center;justify-content:center;font-weight:600;color:#007bff;cursor:pointer;background:#f8faff}.product-preview-card.view-more:hover{background:#f0f6ff}.review-list{display:flex;flex-direction:column;gap:1rem}.review-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.review-rating{font-size:1.1rem;color:#f59e0b}.review-comment{font-style:italic;color:#555;margin:0}@media (max-width: 768px){.dashboard-header{font-size:18px;padding-bottom:5px;margin-bottom:10px}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:10px}.stat-icon-title{gap:5px;margin-bottom:12px}.stat-icon-title .title{font-size:10px}.stat-value{font-size:100%}.action-buttons-group{display:flex;flex-wrap:wrap;gap:10px}.action-buttons-group button{font-size:12px}.action-buttons-group button:hover{background-color:#0056b3}.action-buttons-group button{padding:12px 6px}}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border:1px solid #eee;border-radius:8px}.recent-orders table{width:100%;min-width:600px;border-collapse:collapse}.recent-orders th,.recent-orders td{padding:12px 15px;text-align:left;white-space:nowrap}.dashboard-section.main-actions{padding:1.8rem;background:#fff;border-radius:16px;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;gap:1.2rem}.dashboard-section.main-actions h3{margin:0;font-size:1.2rem;font-weight:600;color:#1a1a1a}.action-buttons-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.action-buttons-group button{padding:1rem 1.2rem;border-radius:12px;border:none;cursor:pointer;font-size:.85rem;font-weight:500;display:flex;justify-content:center;align-items:center;transition:all .25s ease}.action-buttons-group button:hover{background:#e8ecf3;transform:translateY(-2px)}.action-buttons-group button:hover{background:#188a58;color:#fff}@media (max-width: 480px){.dashboard-section.main-actions{padding:1.2rem}.action-buttons-group{grid-template-columns:1fr}}.dash-post-btn{background:#14744a;color:#fff}.boss-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:20px}.boss-card{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;align-items:center;text-align:center}.boss-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:10px}.apply-btn{background:#8e44ad;color:#fff;border:none;padding:8px 16px;border-radius:20px;margin-top:10px;cursor:pointer}.catalog-item{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff}.catalog-item img{width:100%;height:150px;object-fit:cover}.item-details{padding:10px}.commission-tag{color:#27ae60;font-weight:700;font-size:.85rem}.repost-btn{width:100%;background:#27ae60;color:#fff;border:none;padding:8px;margin-top:5px;border-radius:4px;cursor:pointer}.empty-shop-state{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px}.empty-icon-circle{width:80px;height:80px;background:#f3e5f5;color:#8e44ad;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px}.dashboard-table{width:100%;border-collapse:collapse;margin-top:10px}.dashboard-table th{text-align:left;color:#888;font-size:.85rem;padding-bottom:10px;border-bottom:1px solid #eee}.mini-product-list{display:flex;flex-direction:column;gap:12px}.mini-product-item{display:flex;align-items:center;gap:12px}.mini-product-item img{width:40px;height:40px;border-radius:6px;object-fit:cover;background:#eee}.mini-product-info{display:flex;flex-direction:column;font-size:.85rem}.product-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.commission-badge-small{font-size:.7rem;color:#27ae60;background:#e8f5e9;padding:2px 6px;border-radius:4px;width:fit-content;margin-top:2px}.dashboard-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px #00000005;border:1px solid #f0f0f0;transition:transform .2s ease,box-shadow .2s ease;cursor:default}.stat-card[style*="cursor: pointer"]:hover{transform:translateY(-4px);box-shadow:0 10px 20px #8e44ad26;border-color:#e1bee7}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-info h3{margin:0;font-size:1.6rem;font-weight:700;color:#2d3436}.stat-info p{margin:4px 0 0;font-size:.9rem;color:#636e72;font-weight:500}.dashboard-tabs{display:flex;gap:12px;margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:15px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-btn{background:#fff;border:1px solid #e0e0e0;padding:10px 20px;border-radius:30px;font-size:.95rem;font-weight:600;color:#636e72;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.tab-btn:hover{background-color:#f1f2f6;color:#2d3436}.tab-btn.active{background-color:#8e44ad;color:#fff;border-color:#8e44ad;box-shadow:0 4px 10px #8e44ad4d}.dashboard-content{background:#fff;border-radius:16px;border:1px solid #f0f0f0;min-height:400px}@media (max-width: 768px){.dashboard-container{padding:15px}.dashboard-stats{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-info h3{font-size:1.4rem}.tab-btn{padding:8px 16px;font-size:.9rem}}.personal-dashboard-container{padding:20px 0}.dashboard-welcome-section{text-align:center;margin-bottom:40px}.dashboard-welcome-section h2{font-size:1.8rem;margin-bottom:10px}.dashboard-welcome-section .subtitle{color:#666;margin-bottom:30px}.upgrade-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.upgrade-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:25px 20px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.upgrade-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d;border-color:#ddd}.card-icon-bg{width:50px;height:50px;border-radius:50%;background:#f0f2f5;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:15px;color:#333}.upgrade-card h3{font-size:1.1rem;margin-bottom:8px}.upgrade-card p{font-size:.9rem;color:#777;margin-bottom:20px;flex-grow:1}.upgrade-btn{background:#333;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:500}.business-card .card-icon-bg{color:#2ecc71;background:#eafaf1}.professional-card .card-icon-bg{color:#3498db;background:#ebf5fb}.agent-card .card-icon-bg{color:#e67e22;background:#fdf2e9}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.activity-box{background:#f9f9f9;border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px}.activity-box .box-icon{font-size:1.5rem;color:#555}.activity-box .box-content{flex-grow:1}.activity-box h4{font-size:1rem;margin-bottom:4px}.activity-box p{font-size:.85rem;color:#777;margin:0}.text-link-btn{background:none;border:none;color:#007bff;font-weight:600;font-size:.85rem;cursor:pointer}.user-product-card{gap:10px}.user-product-card{position:relative;width:200px;height:300px;border:1px solid rgba(0,0,0,.05);border-radius:15px;padding:3px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;background-color:#fbfbfb}.user-product-card-image-button{position:relative;width:100%;border-radius:15px;overflow:hidden;flex:1 0 70%;transition:flex .3s ease;z-index:4000}.user-product-card:not(:has(.pc-price)) .user-product-card-image-button{flex:1 0 80%}.user-product-card-image{width:100%;height:100%;object-fit:cover;border-radius:15px;transition:filter .35s ease;filter:brightness(100%)}.user-product-card-image-button:hover .user-product-card-image{filter:brightness(60%)}.user-product-order-button,.user-product-card-star-rating,.user-product-message-button,.user-product-available-button{position:absolute;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.user-product-order-button,.user-product-message-button,.user-product-available-button{bottom:5%;right:15%;transform:translate(8px);border:none;background-color:#fff;border-radius:10px;width:70px;min-height:25px;cursor:pointer;box-shadow:0 6px 14px #0000001f;font-size:12px}.user-product-card-star-rating{position:absolute;bottom:5%;left:15px;z-index:50;font-size:12px;color:#fff;font-weight:700;border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.user-product-card-star-rating .star-image{width:14px;height:14px;object-fit:contain}.user-product-card-image-button:hover .user-product-card-star-rating{opacity:1;transform:translateY(0);pointer-events:auto}.user-product-card-image-button:hover .user-product-order-button,.user-product-card-image-button:hover .user-product-message-button,.user-product-card-image-button:hover .user-product-available-button,.user-product-card-image-button:hover .user-product-card-star-rating{opacity:1;pointer-events:auto}.pc-title{margin-top:5px;line-height:1.3;margin-left:3%}.pc-price{display:flex;justify-content:space-between;margin-top:5px;margin-left:3%;margin-bottom:3px;font-size:11px;font-weight:600}.pc-old-price{color:#868686;text-decoration:line-through;margin-right:10%;font-size:10px}.user-product-post-menu{position:absolute;top:10px;right:10px;z-index:100;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .35s ease}.user-product-post-menu .three-dots-post{width:25px;height:25px;padding:3px;background-color:#ffffffd9;border-radius:50%;box-shadow:0 2px 5px #0000001a}.user-product-card-image-button:hover .user-product-post-menu{opacity:1;pointer-events:auto;z-index:100}.user-product-post-menu .post-dropdown-menu{position:absolute;top:80%;right:0;min-width:120px;background-color:#fff;border:1px solid #ccc;border-radius:5px;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000001a}.user-post-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}@media (max-width: 768px){.user-post-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:5px}.user-product-order-button,.user-product-card-star-rating,.user-product-message-button,.user-product-available-button{opacity:1}.user-product-card-star-rating{position:absolute;bottom:8%;left:15px}.user-product-order-button,.user-product-message-button,.user-product-available-button{bottom:5%;right:10%}}@media (max-width: 400px){.user-post-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px}}@media (max-width: 360px){.user-post-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:5px}}:root{--bus-primary: #10b981;--bus-primary-dark: #059669;--bus-bg-app: #f8fafc;--bus-card-bg: #ffffff;--bus-text-main: #1e293b;--bus-text-muted: #64748b;--bus-border: #e2e8f0;--bus-success-bg: #dcfce7;--bus-success-text: #166534;--bus-danger-bg: #fee2e2;--bus-danger-text: #991b1b;--bus-warn-bg: #fef3c7;--bus-warn-text: #92400e;--bus-info-bg: #e0f2fe;--bus-info-text: #075985;--bus-radius-sm: 8px;--bus-radius-md: 12px;--bus-radius-lg: 16px;--bus-shadow-sm: 0 1px 3px rgba(0,0,0,.1);--bus-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--bus-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1)}.bus-dash-view{background-color:var(--bus-bg-app);min-height:100vh;padding:1rem;font-family:Inter,sans-serif;color:var(--bus-text-main);max-width:1400px;margin:0 auto}.bus-dash-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px;font-size:1.5rem;font-weight:700;color:var(--bus-text-main)}.bus-dash-tier-badge{font-size:.75rem;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.5px;background:var(--bus-border);color:var(--bus-text-muted)}.bus-dash-tier-badge.tier-supplier{background:var(--bus-info-bg);color:var(--bus-info-text);border:1px solid rgba(7,89,133,.2)}.bus-dash-section{background:var(--bus-card-bg);border:1px solid var(--bus-border);border-radius:var(--bus-radius-lg);box-shadow:var(--bus-shadow-md);padding:24px;margin-bottom:24px;position:relative;overflow:hidden}.bus-dash-section h3{margin-top:0;margin-bottom:20px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--bus-text-main);border-bottom:1px solid var(--bus-border);padding-bottom:12px}.bus-dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.bus-dash-stat-card{background:#fff;border:1px solid var(--bus-border);border-radius:var(--bus-radius-md);padding:20px;display:flex;flex-direction:column;transition:all .2s ease-in-out;position:relative;overflow:hidden}.bus-dash-stat-card.clickable{cursor:pointer}.bus-dash-stat-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--bus-shadow-hover);border-color:var(--bus-primary)}.bus-dash-stat-header{display:flex;align-items:center;gap:8px;color:var(--bus-text-muted);font-size:.85rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.bus-dash-stat-value{font-size:1.75rem;font-weight:800;color:var(--bus-text-main);line-height:1.2}.bus-dash-stat-card.locked .bus-dash-stat-value{filter:blur(4px);opacity:.4}.bus-dash-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff9;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--bus-text-muted)}.bus-dash-actions-group{display:flex;gap:12px;flex-wrap:wrap}.bus-dash-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--bus-radius-sm);font-weight:600;font-size:.9rem;transition:all .2s;cursor:pointer;border:1px solid transparent;flex:1;justify-content:center;min-width:140px}.bus-dash-btn-primary{background:var(--bus-primary);color:#fff;box-shadow:0 2px 4px #10b9814d}.bus-dash-btn-primary:hover{background:var(--bus-primary-dark)}.bus-dash-btn-outline{background:#fff;border:1px solid var(--bus-border);color:var(--bus-text-main)}.bus-dash-btn-outline:hover{border-color:var(--bus-text-muted);background:#f1f5f9}.bus-dash-table-wrapper{overflow-x:auto;border-radius:var(--bus-radius-sm);border:1px solid var(--bus-border)}.bus-dash-table{width:100%;border-collapse:collapse;min-width:600px}.bus-dash-table th{background:#f8fafc;color:var(--bus-text-muted);font-weight:600;text-align:left;padding:12px 16px;font-size:.8rem;text-transform:uppercase;border-bottom:2px solid var(--bus-border)}.bus-dash-table td{padding:14px 16px;border-bottom:1px solid var(--bus-border);font-size:.9rem;vertical-align:top}.bus-dash-table tr:last-child td{border-bottom:none}.bus-dash-fin-breakdown{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.bus-dash-fin-row{display:flex;justify-content:space-between;gap:10px}.bus-dash-fin-total{font-weight:700;font-size:.95rem;color:var(--bus-text-main)}.bus-dash-fin-deduction{color:var(--bus-danger-text)}.bus-dash-fin-net{border-top:1px dashed var(--bus-border);margin-top:4px;padding-top:2px;font-weight:700;color:var(--bus-primary)}.bus-dash-status{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize;display:inline-block}.bus-dash-status.status-delivered{background:var(--bus-success-bg);color:var(--bus-success-text)}.bus-dash-status.status-pending{background:var(--bus-warn-bg);color:var(--bus-warn-text)}.bus-dash-status.status-cancelled{background:var(--bus-danger-bg);color:var(--bus-danger-text)}.bus-dash-status.status-transit{background:var(--bus-info-bg);color:var(--bus-info-text)}.bus-dash-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:var(--bus-radius-md);margin-bottom:20px;display:inline-flex;width:100%;justify-content:space-evenly}.bus-dash-tab{padding:8px 16px;border-radius:var(--bus-radius-sm);font-size:.9rem;font-weight:600;color:var(--bus-text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.bus-dash-tab.active{background:#fff;color:var(--bus-text-main);box-shadow:var(--bus-shadow-sm)}.bus-dash-tab.trash-tab.active{color:var(--bus-danger-text)}.bus-dash-grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}@media (max-width: 768px){.bus-dash-view{padding:10px}.bus-dash-section{padding:16px}.bus-dash-actions-group{flex-direction:column}.bus-dash-btn{width:100%}}@media (max-width: 450px){.bus-dash-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.bus-dash-stat-value{font-size:1.3rem}.bus-dash-header{font-size:1.25rem}.bus-dash-tabs{width:100%;display:flex}.bus-dash-tab{flex:1;justify-content:center;padding:8px 4px;font-size:.8rem}}@media (max-width: 220px){.bus-dash-stats-grid{grid-template-columns:1fr}.bus-dash-stat-header{font-size:.8rem}.bus-dash-fin-breakdown{font-size:.75rem}}.agent-stat-card{background-color:#fff;padding:10px;border-radius:10px;border:1px rgba(0,0,0,.1) solid;justify-content:center}.agent-stat-value{color:#000;font-weight:700;justify-self:center}.reseller-dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reseller-stat-card{background-color:#fff;border-radius:10px;padding:10px;cursor:pointer;display:flex;margin-bottom:20px}.reseller-stat-card .reseller-stat-icon{margin-right:10px;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.reseller-stat-card p{font-size:10px}.reseller-dashboard-tabs{display:flex;gap:12px;margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:15px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;background-color:#fff}.reseller-dashboard-tabs::-webkit-scrollbar{display:none}.reseller-dashboard-tabs button{background:none;border:none;cursor:pointer;color:#777}.reseller-tab-btn{padding:10px 20px;border-radius:10px;font-size:.75rem;font-weight:600;color:#636e72;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.reseller-tab-btn:hover{background-color:#f1f2f6;color:#2d3436}.reseller-tab-btn.active{background-color:green;color:#fff;border-color:green;box-shadow:0 4px 10px #8e44ad4d}.catalog-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.btn-disconnect{background:#fff;border:1px solid #dc3545;color:#dc3545;padding:5px 12px;border-radius:20px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.btn-disconnect:hover{background:#dc3545;color:#fff}.suppliers-stories-wrapper{background:#fff;padding:15px;border-radius:12px;border:1px solid #eee;margin-bottom:25px}.suppliers-stories-wrapper h4{margin-bottom:10px;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.stories-scroll-container{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.story-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;min-width:75px}.story-circle-border{width:50px;height:50px;border-radius:50%;padding:3px;border:2px solid #ddd;transition:all .3s ease;justify-content:center;display:flex;align-items:center;margin:5px}.story-item.active .story-circle-border{border-color:green;transform:scale(1.05)}.story-circle-border img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid white}.story-name{margin-top:5px;font-size:.75rem;text-align:center;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.catalog-placeholder{text-align:center;padding:40px;color:#999}.product-count{font-size:.85rem;background:#eee;padding:2px 8px;border-radius:10px;margin-left:10px}.suppliers-grid,.my-suppliers-list,.boss-catalog{padding:20px 0;animation:fadeIn .3s ease-in-out}h3{color:#2c3e50;margin-bottom:5px}.boss-list,.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.boss-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;text-align:center;transition:all .2s ease;box-shadow:0 2px 5px #00000008;display:flex;flex-direction:column;align-items:center}.boss-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000014;border-color:#3498db}.boss-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #f8f9fa;margin-bottom:15px;background-color:#eee}.boss-info h4{margin:0;font-size:1.1rem;color:#333}.boss-info p{color:#777;font-size:.9rem;margin:5px 0 15px}.status-badge{display:inline-block;font-size:.75rem;padding:4px 8px;border-radius:12px;font-weight:600;margin-top:5px}.boss-card.approved .status-badge{background:#e8f5e9;color:#2e7d32}.apply-btn,.view-catalog-btn{width:100%;padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s;margin-top:auto}.apply-btn{background:#3498db;color:#fff}.apply-btn:disabled{background:#ccc;cursor:not-allowed}.apply-btn:hover:not(:disabled){background:#2980b9}.view-catalog-btn{background:#2c3e50;color:#fff}.view-catalog-btn:hover{background:#1a252f}.boss-catalog .back-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;margin-bottom:15px;display:flex;align-items:center;padding:0}.boss-catalog .back-btn:hover{color:#333;text-decoration:underline}.catalog-header{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:20px}.catalog-header img{width:50px;height:50px;border-radius:50%}.catalog-item{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #eee;transition:transform .2s}.catalog-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000000d}.catalog-item img{width:100%;height:180px;object-fit:cover}.item-details{padding:15px}.item-details h5{margin:0 0 5px;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-tag{display:inline-block;background:#e0f2f1;color:#00695c;font-size:.8rem;padding:3px 8px;border-radius:4px;font-weight:600;margin:5px 0 10px}.repost-btn{width:100%;padding:8px;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.repost-btn:hover{background:#219150}.reseller-overview{padding-top:10px}.empty-shop-state{text-align:center;background:#fff;padding:40px;border-radius:15px;border:2px dashed #ddd;margin-top:20px}.empty-icon-circle{width:80px;height:80px;background:#f0f2f5;color:#aaa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px}.cta-btn.primary{background:#3498db;color:#fff;border:none;padding:10px 25px;border-radius:25px;font-size:1rem;cursor:pointer;margin-top:20px;transition:transform .2s}.cta-btn.primary:hover{transform:scale(1.05)}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}@media (max-width: 900px){.overview-grid{grid-template-columns:1fr}}.dashboard-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000008;padding:20px;border:1px solid #f1f1f1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f8f8f8;padding-bottom:10px}.card-header h4{margin:0;display:flex;align-items:center;gap:8px;color:#333}.view-all{font-size:.85rem;color:#3498db;cursor:pointer}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th{text-align:left;font-size:.85rem;color:#888;padding-bottom:10px;border-bottom:1px solid #eee}.dashboard-table td{padding:12px 0;font-size:.9rem;border-bottom:1px solid #f9f9f9}.status-badge.delivered{color:#27ae60;background:#e8f5e9}.status-badge.pending{color:#f39c12;background:#fef9e7}.status-badge.processing{color:#2980b9;background:#eaf2f8}.status-badge.cancelled{color:#c0392b;background:#f9e7e7}.mini-product-item{display:flex;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f9f9f9}.mini-product-item img{width:50px;height:50px;border-radius:6px;object-fit:cover}.mini-product-info{display:flex;flex-direction:column;justify-content:center}.product-name{font-size:.9rem;font-weight:600;color:#333}.product-price{font-size:.85rem;color:#666}.commission-badge-small{font-size:.75rem;color:#27ae60;font-weight:700}.see-more-link{text-align:center;font-size:.9rem;color:#3498db;cursor:pointer;margin-top:10px}.suppliers-grid-container{padding:10px}.tab-header h3{margin:0;font-size:1.2rem;color:#333}.tab-header p{color:#666;font-size:.9rem;margin-top:5px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:20px}.resell-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.resell-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.card-image-wrapper{height:160px;width:100%;background:#f4f4f4;position:relative}.product-img{width:100%;height:100%;object-fit:cover}.card-details{padding:12px;display:flex;flex-direction:column;gap:8px}.product-title{font-size:.95rem;font-weight:600;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.retail-price{font-weight:700;color:#333}.retail-label{font-size:.75rem;color:#888}.commission-box{background:#dcfce7;border:1px solid #86efac;border-radius:6px;padding:8px;display:flex;justify-content:space-between;align-items:center}.commission-label{font-size:.75rem;color:#166534;font-weight:600}.commission-amount{font-size:.9rem;color:#15803d;font-weight:800}.supplier-mini-info{font-size:.75rem;color:#999}.add-to-shop-btn{background:#2563eb;color:#fff;border:none;padding:10px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:5px;transition:background .2s}.add-to-shop-btn:hover{background:#1d4ed8}.add-to-shop-btn:disabled{background:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modalFadeIn .2s ease-out;z-index:10000}.modal-content{background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;position:relative}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:1.25rem;color:#333}.modal-header .close-btn{background:none;border:none;cursor:pointer;padding:5px;color:#888;transition:color .2s}.modal-header .close-btn:hover{color:#000}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.85rem;color:#555}.form-group input,.form-group textarea,.form-group select.modal-select{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group textarea:focus,.form-group select.modal-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.form-row{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.form-row{flex-direction:row}.form-group.half{flex:1;min-width:0}}select.modal-select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-13%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2013l128%20128c3.6%203.6%207.8%205.4%2013%205.4s9.4-1.8%2013-5.4L287%2095c3.6-3.6%205.4-7.8%205.4-13%200-5-1.8-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:10px;padding-right:30px;cursor:pointer}.info-banner{background-color:#fffbe6;border:1px solid #ffe58f;color:#8a6d3b;padding:12px;margin-top:-5px;margin-bottom:16px;border-radius:6px;font-size:.85rem;display:flex;align-items:center}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions .cancel-btn,.modal-actions .save-btn{border:none;font-weight:600;font-size:.95rem;padding:10px 20px;border-radius:6px;cursor:pointer;transition:.2s all}.modal-actions .cancel-btn{background:#f1f3f5;color:#555;border:1px solid #ddd}.modal-actions .cancel-btn:hover{background:#e9ecef}.modal-actions .save-btn{background:#007bff;color:#fff;display:flex;align-items:center;gap:8px}.modal-actions .save-btn:hover{background:#0056b3}.modal-actions .save-btn:disabled{background:#ccc;cursor:not-allowed}.ph-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;overflow:hidden;margin-bottom:25px;position:relative;font-family:inherit}.ph-cover{height:150px;position:relative;width:100%;background-color:#f0f2f5}.ph-cover-img{width:100%;height:100%;object-fit:cover}.ph-cover-gradient{width:100%;height:100%}.ph-cover-gradient.type-personal{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.ph-cover-gradient.type-business{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.ph-cover-gradient.type-professional{background:linear-gradient(135deg,#e0c3fc,#8ec5fc)}.ph-cover-gradient.type-agent{background:linear-gradient(135deg,#f6d365,#fda085)}.ph-mobile-menu-btn{position:absolute;top:15px;right:15px;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;cursor:pointer;color:#333;z-index:10;transition:transform .2s}.ph-mobile-menu-btn:active{transform:scale(.95)}.ph-content{padding:0 25px 25px;position:relative}.ph-avatar-wrapper{margin-top:-50px;margin-bottom:12px;position:relative;display:inline-block}.ph-avatar{width:110px;height:110px;border-radius:50%;border:4px solid white;object-fit:cover;background:#fff;box-shadow:0 4px 8px #00000014}.ph-info-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.ph-details{flex:1}.ph-name-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.ph-name{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}.ph-verified-badge{color:#3b82f6;font-size:1rem}.ph-type-badge{font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ph-type-badge.personal{background:#eff6ff;color:#3b82f6}.ph-type-badge.business{background:#ecfdf5;color:#10b981}.ph-type-badge.professional{background:#f0f9ff;color:#0ea5e9}.ph-type-badge.agent{background:#fff7ed;color:#f97316}.ph-meta-row{display:flex;align-items:center;gap:15px;color:#666;font-size:.9rem;margin-bottom:10px;flex-wrap:wrap}.ph-location{display:flex;align-items:center;gap:5px}.ph-location .icon{color:#9ca3af;font-size:.9em}.ph-category{font-weight:500;color:#4b5563;background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:.85rem}.ph-bio{color:#555;font-size:.95rem;line-height:1.5;margin:0;max-width:650px}.ph-stats-area{flex-shrink:0}.ph-stats-box{display:flex;align-items:center;background:#f9fafb;border:1px solid #f3f4f6;padding:10px 20px;border-radius:12px;gap:20px}.ph-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.ph-stat b{font-size:1.2rem;color:#111;font-weight:700;line-height:1;margin-bottom:4px}.ph-stat .rating-val{display:flex;align-items:center;gap:4px}.ph-stat .star-icon{color:#f59e0b;font-size:.9rem}.ph-stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.ph-stat-divider{width:1px;height:30px;background:#e5e7eb}@media (max-width: 768px){.ph-cover{height:120px}.ph-content{display:flex;flex-direction:column;align-items:center;text-align:center}.ph-info-grid{flex-direction:column;align-items:center;width:100%;gap:15px}.ph-details{width:100%;display:flex;flex-direction:column;align-items:center}.ph-name-row,.ph-meta-row{justify-content:center}.ph-stats-area{width:100%;display:flex;justify-content:center;margin-top:5px}.ph-stats-box{justify-content:space-around}}.ph-cover{position:relative}.ph-update-btn{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:8px;background-color:#000000a6;color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;z-index:10;border:1px solid rgba(255,255,255,.2)}.ph-update-btn:hover{background-color:#000000d9;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.ph-update-icon{font-size:.8rem}@media (max-width: 768px){.ph-update-btn{bottom:10px;right:10px;padding:6px 12px;font-size:.75rem}}@media (max-width: 500px){.ph-update-btn span{display:none}.ph-stat-label{font-size:.6rem}}.ph-stat.clickable{cursor:pointer;transition:opacity .2s}.ph-stat.clickable:hover{opacity:.7}.ph-quick-post-btn{margin-top:12px;width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 2px 5px #0000001a}.ph-verified-badge{font-size:1.1em;text-align:center}.ph-quick-post-btn:hover{background-color:#228d3b;transform:translateY(-1px)}.ph-quick-post-btn:active{transform:scale(.98)}.ph-stats-area{display:flex;flex-direction:column}.ph-quick-post-btn.agent-toggle{transition:background-color .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}.ph-quick-post-btn.agent-toggle.online:hover{background-color:#27ae60!important}.ph-quick-post-btn.agent-toggle.offline:hover{background-color:#c0392b!important}.bus-ana-container{padding:20px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto}.bus-ana-fade-in{animation:bus-ana-fadeIn .4s ease-in}@keyframes bus-ana-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bus-ana-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.bus-ana-header-left h2{margin:0;font-size:1.5rem;color:#333}.bus-ana-back-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;margin-bottom:5px;padding:0}.bus-ana-back-btn:hover{color:#000;text-decoration:underline}.bus-ana-filter-wrapper{position:relative;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px}.bus-ana-cal-icon{color:#888}.bus-ana-filter-select{border:none;outline:none;background:transparent;font-weight:500;cursor:pointer;color:#444}.bus-ana-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px}.bus-ana-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #00000008;transition:transform .2s}.bus-ana-stat-card:hover{transform:translateY(-3px)}.bus-ana-stat-icon-bg{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.bus-ana-bg-green{background:#d4edda;color:#155724}.bus-ana-bg-blue{background:#cce5ff;color:#004085}.bus-ana-bg-purple{background:#e2e3ff;color:#4b4dbb}.bus-ana-bg-orange{background:#fff3cd;color:#856404}.bus-ana-stat-content{display:flex;flex-direction:column}.bus-ana-stat-title{font-size:.85rem;color:#666;font-weight:500}.bus-ana-stat-value{font-size:1.4rem;font-weight:700;color:#222;margin:4px 0}.bus-ana-stat-trend{font-size:.75rem;display:flex;align-items:center;gap:4px}.bus-ana-trend-up{color:#28a745}.bus-ana-trend-down{color:#dc3545}.bus-ana-chart-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 2px 10px #00000008}.bus-ana-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bus-ana-chart-header h3{font-size:1.1rem;margin:0;color:#444;display:flex;gap:8px;align-items:center}.bus-ana-chart-header span{font-size:.8rem;color:#999}.bus-ana-css-bar-chart{display:flex;justify-content:space-around;align-items:flex-end;height:150px;border-bottom:1px solid #eee;padding-bottom:10px}.bus-ana-bar-group{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;width:40px}.bus-ana-bar{width:12px;border-radius:4px 4px 0 0}.bus-ana-view-bar{background:#e2e3ff}.bus-ana-order-bar{background:#28a745;margin-left:-6px;opacity:.9}.bus-ana-bar-label{font-size:.75rem;color:#999;margin-top:5px}.bus-ana-split-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.bus-ana-content-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000008}.bus-ana-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.bus-ana-card-header h3{font-size:1rem;margin:0;color:#333;display:flex;gap:8px;align-items:center}.bus-ana-badge{background:#f0f2f5;color:#666;padding:2px 8px;border-radius:12px;font-size:.75rem;border:1px solid #eee}.bus-ana-mini-print-btn{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:4px 8px;color:#666}.bus-ana-mini-print-btn:hover{background:#f0f0f0}.bus-ana-table-responsive{overflow-x:auto}.bus-ana-clean-table{width:100%;border-collapse:collapse;font-size:.9rem}.bus-ana-clean-table th{text-align:left;padding:10px;color:#888;font-weight:500;font-size:.8rem}.bus-ana-clean-table td{padding:12px 10px;border-bottom:1px solid #f7f7f7;color:#444}.bus-ana-clean-table tr:last-child td{border-bottom:none}.bus-ana-prod-cell{display:flex;align-items:center;gap:10px}.bus-ana-prod-thumb{width:32px;height:32px;border-radius:4px;object-fit:cover;background:#eee}.bus-ana-prod-name{font-weight:500;color:#333}.bus-ana-font-mono{font-family:Consolas,monospace;color:#666;font-size:.85rem}.bus-ana-status-dot{display:inline-block;width:8px;height:8px;background:#28a745;border-radius:50%;margin-right:5px}.bus-ana-text-right{text-align:right}.bus-ana-bold{font-weight:600}.bus-ana-empty-state{text-align:center;color:#999;padding:20px;font-style:italic}@media (max-width: 768px){.bus-ana-split-layout{grid-template-columns:1fr}.bus-ana-css-bar-chart{height:100px}}.image-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1050;cursor:pointer}.image-modal-content{display:block;max-width:90%;max-height:90%;object-fit:contain;border-radius:4px;cursor:default}.image-modal-close-button{position:absolute;top:15px;right:25px;background:#00000080;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:24px;line-height:30px;text-align:center;cursor:pointer;padding:0;z-index:1051}.image-modal-close-button:hover{background:#000c}.image-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:99999;display:flex;flex-direction:column;animation:fadeIn .2s ease-out}.image-viewer-header{position:absolute;top:0;left:0;width:100%;height:60px;background:#0006;display:flex;align-items:center;padding:0 15px;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.viewer-back-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;transition:background .2s}.viewer-back-btn:hover{background:#ffffff1a}.viewer-title{color:#fff;font-size:1.1rem;font-weight:500}.image-viewer-content{flex:1;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-viewer-img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:auto}.booking-bubble{background:#fff;border-radius:12px;width:280px;box-shadow:0 2px 8px #00000014;overflow:hidden;border:1px solid #e0e0e0;margin-bottom:5px;position:relative;text-align:left}.booking-bubble.sent{background:#f6fff8;border-color:#c6f6d5;margin-left:auto;border-bottom-right-radius:0}.booking-bubble.received{background:#fff;margin-right:auto;border-bottom-left-radius:0}.booking-bubble-header{background:#2d3436;color:#fff;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;letter-spacing:.5px}.booking-details{padding:15px;font-size:.9rem}.booking-row{display:flex;justify-content:space-between;margin-bottom:6px;align-items:center}.booking-row .label{color:#777;font-size:.8rem}.booking-row .value{font-weight:600;color:#333;text-align:right;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-row .value.highlight{color:#00b894}.booking-divider{height:1px;background:#eee;margin:10px 0}.booking-note{background:#f9f9f9;padding:8px;border-radius:6px;font-size:.8rem;color:#555;font-style:italic;margin-top:8px;line-height:1.4}.booking-actions{display:flex;border-top:1px solid #eee}.booking-actions button{flex:1;padding:12px;border:none;cursor:pointer;font-weight:700;font-size:.9rem;background:transparent;transition:background .2s}.action-divider{width:1px;background:#eee}.btn-decline{color:#d63031}.btn-decline:hover{background:#fff0f0}.btn-accept{color:#00b894}.btn-accept:hover{background:#f0fdf4}.booking-status-sent{padding:10px;text-align:center;font-size:.75rem;color:#00b894;background:#00b8941a;font-weight:600;border-top:1px solid #c6f6d5}.booking-time{font-size:.65rem;color:#aaa;text-align:right;padding:0 10px 5px 0}.booking-bubble-header.accepted{background:#27ae60}.booking-bubble-header.declined{background:#c0392b}.booking-status-final{padding:12px;text-align:center;font-weight:700;font-size:.9rem;border-top:1px solid #eee}.booking-status-final.accepted{color:#27ae60;background:#eafaf1}.booking-status-final.declined{color:#c0392b;background:#fdedec}.quick-replies-container{display:flex;gap:8px;padding:8px 15px;overflow-x:auto;white-space:nowrap;background-color:#f9f9f9;border-top:1px solid #eee;-ms-overflow-style:none;scrollbar-width:none}.quick-replies-container::-webkit-scrollbar{display:none}.quick-reply-chip{background:#fff;border:1px solid #ddd;border-radius:16px;padding:6px 12px;font-size:.85rem;color:#555;cursor:pointer;transition:all .2s;flex-shrink:0}.quick-reply-chip:hover{background:#eef2ff;border-color:#6366f1;color:#6366f1}.top-message-profile-container{display:grid;grid-template-columns:2fr 1fr;background-color:#f4f4f4;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#1a19191a}.left-message-profile-container{display:flex;border-bottom-style:solid;border-bottom-color:#f9f8f8;border-bottom-width:1px}@media (max-width: 768px){.top-message-profile-container{display:block;grid-template-columns:1fr 140px;background-color:#f4f4f4;border-bottom:none}.left-message-profile-container{display:flex;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#1a19191a}}.chat-info{font-size:11px;border-left-style:solid;border-left-width:10px;border-left-color:#0000001a;height:100%;background-color:#d7ebe5;padding-left:10px}.chat-reply-rate{color:#1a8a33;margin-left:5px;font-weight:700;padding-top:20px}.chat-status{color:#4646f3;font-weight:700;margin-left:5px;margin-top:20px}.chat-page-container{position:relative;height:100%;display:flex;flex-direction:column}.chat-bubbles-container{flex:1;overflow-y:scroll;padding:20px;scrollbar-width:none;min-height:0;background-color:#201f1fb3;position:relative;font-size:14px;display:flex;flex-direction:column}.chat-bubble1.left-bubble{align-self:flex-start;background-color:#fff;padding:10px 15px;border-radius:14px;width:fit-content;white-space:wrap;max-width:85%;margin-bottom:10px;color:#000;overflow-wrap:break-word;position:relative}.chat-bubble1.left-bubble:before{content:"";position:absolute;top:0;left:-5px;width:5px;height:0;border-left:8px solid transparent;border-right:8px solid #ffffff;border-top:8px solid #ffffff;border-bottom:8px solid transparent}.chat-bubble1.left-bubble p{margin:0}.chat-bubble2.right-bubble{align-self:flex-end;position:relative;background-color:#d7ebe5;color:#000;padding:10px 15px;border-radius:14px;width:fit-content;max-width:85%;margin-left:auto;margin-bottom:10px;overflow-wrap:break-word}.chat-bubble2.right-bubble:before{content:"";position:absolute;top:0;right:-5px;width:0;height:0;border-left:8px solid rgb(215,235,229);border-right:8px solid transparent;border-top:8px solid rgb(215,235,229);border-bottom:8px solid transparent}.chat-bubble2.right-bubble p{margin:0}.typing-section{display:grid;grid-template-columns:50px 1fr 80px;align-items:center;padding:8px 12px;background-color:#ebf4f2;border-top:1px solid #ccc;z-index:202}@media (max-width: 768px){.typing-section{width:100%}}.add-photo{width:30px;height:30px;border-radius:100%;padding:0;background-color:#fff;border:none}.add-photo img:hover{background-color:#b9c2c0;cursor:pointer}.add-photo img{width:25px;height:25px;border-radius:100%;margin:2px 0 0 10px}.add-text{border-radius:10px;border:none;font-size:12px;padding-left:15px;height:25px;background-color:#dde4e1;margin-right:10px}.send-icon{width:30px;height:30px;padding:0;margin-left:10px;border:none;background-color:#ebf4f2}.send-icon img{width:20px;transform:rotate(45deg);padding-right:4px;padding-top:8px}.send-icon img:hover{cursor:pointer}.message-side{position:relative}@media (max-width: 768px){.right-side{margin-top:0;width:100%;margin-left:0}.top-message-profile-container{height:70px;display:block;grid-template-columns:1fr 140px;background-color:#f4f4f4}.left-message-profile-container{display:flex}.left-message-profile-container .profile-image{padding:6px 10px 10px;height:50px;margin-left:5px}.left-message-profile-container .profile-image img{margin-top:0;width:35px;height:35px;border-radius:30px;flex-shrink:0}.user-profile-info{display:flex;margin-left:5px}.user-profile-info .profile-name{font-size:12px;font-weight:700;margin-bottom:5px;margin-top:10px}.user-profile-info .profile-badge img{width:12px;height:12px;padding-top:10px;margin-left:5px}.account-details .profile-category{margin-left:5px;font-size:11px;margin-bottom:10px}.right-message-profile-container{display:block;white-space:nowrap;font-size:11px;border-left-style:solid;border-left-color:#e9e9e9;background-color:#f9f9f9;padding:0;z-index:2;position:relative}.chat-info{display:grid;grid-template-columns:300px 1fr;font-size:11px;border-left-style:solid;border-left-width:10px;border-left-color:#0000001a;height:100%;padding-left:10px;padding-bottom:5px}.chat-reply-rate{color:#1a8a33;margin-left:5px;font-weight:700;padding-top:5px}.chat-status{color:#4646f3;font-weight:700;margin-left:5px;margin-top:5px;justify-self:end;margin-right:20%}.chat-bubbles-container{padding:10px;background-color:#201f1fb3;margin-top:2px}.typing-section{position:fixed;bottom:0;left:0;right:0;z-index:200}}@media (max-width: 400px){.chat-bubbles-container{margin-left:0;font-size:12px}.chat-info{grid-template-columns:250px 1fr}.chat-status{justify-self:start;margin-right:0}}.back-to-profile-btn{background:none;border:none;font-size:1rem;color:var(--primary-color, #007bff);cursor:pointer;margin-right:10px;transition:color .2s ease}.back-to-profile-btn:hover{color:#0056b3}.presence-dot{width:10px;height:10px;border-radius:50%;position:absolute;bottom:2px;right:2px;border:2px solid white}.presence-dot.online{background:#0f0}.presence-dot.offline{background:#aaa}.chat-time{padding-left:70px;font-size:9px}.chat-seen{display:block;font-size:11px;opacity:.7;margin-top:0;text-align:right}.chat-meta{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:gray;margin-top:4px}.date-separator{text-align:center;margin:15px 0;font-size:12px;opacity:.6;font-weight:600;border-bottom:1px solid rgba(249,249,249,.15);line-height:0;padding:8px 0}.date-separator span{background:transparent;padding:0 12px;color:#fff}.typing-indicator{margin-top:0;background-color:rgba(252,250,250)(214,204,204,0);color:#428031;font-size:11px}.unread-separator{background-color:transparent}.unread-separator span{background-color:transparent;font-size:.8rem;font-weight:600;padding:0 10px}.chat-image-bubble{display:block;max-width:100%;max-height:300px;border-radius:8px;object-fit:cover;cursor:pointer;margin-bottom:5px}.right-bubble .chat-meta,.left-bubble .chat-meta{text-align:right;margin-top:2px}.left-bubble .chat-meta{text-align:left}.add-photo:disabled{opacity:.5;cursor:not-allowed}.image-preview-section{display:flex;align-items:center;padding:10px;background-color:#ebf4f2;border-top:1px solid #ddd;position:relative}.cancel-preview-button{position:absolute;top:5px;left:5px;background:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;line-height:24px;text-align:center;cursor:pointer;padding:0;z-index:1}.cancel-preview-button:hover{background:#000000b3}.image-preview-thumb{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:10px;border:1px solid #ccc}.preview-input-area{flex-grow:1;display:flex;align-items:center;border-radius:20px;padding:5px 10px}.caption-input{flex-grow:1;border-radius:10px;border:none;font-size:12px;padding-left:15px;height:25px;background-color:#dde4e1;margin-right:10px}.send-preview-button{width:30px;height:30px;padding:0;margin-left:10px;border:none;background-color:#ebf4f2}.send-preview-button img{width:20px;transform:rotate(45deg);padding-right:4px;padding-top:8px;cursor:pointer}.image-caption{margin-top:5px;font-size:.9rem;color:#333}.right-bubble .image-caption{text-align:end;padding-right:7px}.new-message-indicator{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background-color:#007aff;color:#fff;border:none;border-radius:20px;padding:8px 15px;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #0003;z-index:50;display:flex;align-items:center;gap:5px;transition:opacity .3s ease,transform .3s ease;opacity:.95}.new-message-indicator:hover{opacity:1;background-color:#005ecb}.new-message-indicator img{width:14px;height:14px;filter:invert(1)}.chat-page-container>div:nth-of-type(2){min-height:0}.pinned-post-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;background-color:#fbfbfb;border:1px solid rgba(0,0,0,.05);border-radius:15px;padding:6px 10px;margin-bottom:8px;position:relative;width:100%;box-shadow:0 4px 10px #00000014;transition:transform .2s ease,box-shadow .2s ease}.pinned-post-preview:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000026;cursor:pointer}.pinned-post-image{width:80px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0}.pinned-post-details{display:flex;flex-direction:column;justify-content:center;flex:1;overflow:hidden}.pinned-post-title{font-size:.9rem;font-weight:600;color:#333;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-post-price{font-size:.85rem;color:#777;margin-top:3px}.clear-pinned-post-btn{position:absolute;top:5px;right:8px;background:transparent;border:none;font-size:30px;color:#999;cursor:pointer;line-height:1;transition:color .2s ease;margin-right:2%}.clear-pinned-post-btn:hover{color:#333}@media (max-width: 1023px){.chat-input-wrapper{position:fixed!important;left:0;right:0;bottom:0;z-index:1200;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--chat-input-bg, #ffffff);box-shadow:0 -8px 20px #0000001f;border-top-left-radius:0;border-top-right-radius:0;scrollbar-width:none}.pinned-post-preview{display:flex;align-items:center;gap:10px;padding:8px;border-radius:0;background:#fbfbfb;margin:0 0 60px;scrollbar-width:none}.clear-pinned-post-btn{margin-right:5%}.typing-section{padding-right:20px}.pinned-post-image{width:50px;height:50px;object-fit:cover;border-radius:10px;flex-shrink:0}.chat-page-container .chat-input-wrapper{transform:translateZ(0)}.chat-bubbles-container,.chat-page-container{scrollbar-width:none}}.message-pinned-post-preview{display:flex;gap:10px;align-items:center;width:230px;height:150px;border-radius:12px;background-color:#fbfbfb;border:1px solid rgba(0,0,0,.06);padding:8px;box-sizing:border-box;box-shadow:0 6px 18px #0000000f;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;text-decoration:none;color:inherit;margin-bottom:6px}.message-pinned-post-preview:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 26px #0000001f;z-index:6}.message-pinned-post-image{width:100px;height:100px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#eee}.message-pinned-post-details{display:flex;flex-direction:column;justify-content:center;min-width:0}.message-pinned-post-title{font-size:13px;font-weight:600;line-height:1.2;color:#1f2937;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-pinned-post-price{font-size:12px;font-weight:700;color:#111827}@media (max-width: 480px){.message-pinned-post-preview{padding:8px;gap:8px}.message-pinned-post-image{width:60px;height:60px;border-radius:8px}.message-pinned-post-title{font-size:14px}.message-pinned-post-price{font-size:13px}}.chat-bubble1 .message-pinned-post-preview,.chat-bubble2 .message-pinned-post-preview{margin-top:6px;margin-bottom:6px}.message-pinned-post-image,.message-pinned-post-details{align-self:center}:root{--primary-color: #007bff;--secondary-color: #f1f1f1;--background-color: #f8f9fa;--sent-message-bg: #dcf8c6;--received-message-bg: #ffffff;--border-color: rgba(0, 0, 0, .08);--text-color-primary: #1c1c1c;--text-color-secondary: #606060;--time-stamp-color: #888;--header-height: 70px;--input-height: 56px;--pinned-post-height: 70px;--chat-input-space: 80px}.chat-page-container{position:relative;height:100%;display:flex;flex-direction:column;background-color:var(--background-color)}.chat-bubbles-container{flex:1;overflow-y:auto;padding:20px;padding-bottom:var(--chat-input-space);scrollbar-width:none;min-height:0;background-image:url(path/to/subtle/pattern.png);background-color:var(--secondary-color);position:relative;font-size:14px;display:flex;flex-direction:column}.chat-bubbles-container::-webkit-scrollbar{display:none}.top-message-profile-container{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 15px;background-color:var(--received-message-bg);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;z-index:3000}.left-message-profile-container{display:flex;align-items:center;gap:10px}.message-profile-image{position:relative}.message-profile-image img{width:45px;height:45px;border-radius:50%;object-fit:cover}.chat-info{padding-left:0;display:flex;flex-direction:column;justify-content:center;height:100%;background-color:transparent}.chat-reply-rate,.chat-status{font-size:11px;font-weight:500;margin:0;padding:0}.chat-reply-rate{color:green}.chat-status{color:var(--text-color-secondary)}.chat-bubble1,.chat-bubble2{padding:10px 14px;border-radius:18px;width:fit-content;max-width:85%;margin-bottom:8px;position:relative;font-size:14px;line-height:1.4;box-shadow:0 1px 1px #0000000d}.chat-bubble1.left-bubble{align-self:flex-start;background-color:var(--received-message-bg);color:var(--text-color-primary)}.chat-bubble2.right-bubble{align-self:flex-end;background-color:var(--sent-message-bg);color:var(--text-color-primary);margin-left:auto}.chat-bubble1.left-bubble:before,.chat-bubble2.right-bubble:before{display:none}.chat-bubble1 p,.chat-bubble2 p{margin:0;padding:0}.chat-meta{display:flex;justify-content:flex-end;align-items:center;gap:8px;color:var(--time-stamp-color);font-size:10px;margin-top:4px}.chat-seen{font-size:10px;opacity:1}.date-separator{text-align:center;margin:25px 0 15px;line-height:0}.date-separator span{background:var(--secondary-color);padding:4px 12px;color:var(--text-color-secondary);border-radius:12px;font-weight:500;font-size:11px;border:1px solid var(--border-color)}.unread-separator{text-align:center;margin:15px 0;line-height:0}.unread-separator span{background:#ffeded;border:1px solid #dc3545;color:#dc3545;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.typing-section{background-color:var(--received-message-bg)}.add-text{flex-grow:1;border-radius:20px;border:1px solid var(--border-color);background-color:#fff}.add-text:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.send-icon{width:35px;height:35px;min-width:35px;border-radius:50%;border:none;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;transition:opacity .2s,background-color .2s}.send-icon:hover{background-color:#0056b3;cursor:pointer}.send-icon img{width:20px;height:20px;margin:0;transform:rotate(45deg);filter:invert(100%);padding-left:2px;padding-bottom:5px}.image-preview-section{display:flex;align-items:center;padding:10px 15px;background-color:#fff;border-top:1px solid var(--border-color);position:absolute;bottom:var(--input-height);left:0;right:0;z-index:203;gap:10px;bottom:0}@media (max-width: 768px){.top-message-profile-container{height:60px}.message-profile-image img{width:40px;height:40px}.chat-bubbles-container{padding:10px 10px 120px}.chat-bubble1,.chat-bubble2{max-width:85%}.typing-section{position:fixed;bottom:0;left:0;right:0;width:100%;padding:8px 10px}.image-preview-section{position:fixed;bottom:0;padding:8px 10px}}.add-text{overflow-y:hidden;resize:none;box-sizing:border-box}.add-text{line-height:1.5;max-height:5em;overflow-y:auto;resize:none;box-sizing:border-box;scrollbar-width:none;height:auto}.image-preview-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-spinner{width:30px;height:30px;border:3px solid #e1e1e1;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.upload-text{font-size:12px;color:#555;font-weight:600;letter-spacing:.5px}.message-bubble.loading-bubble{background-color:transparent;box-shadow:none;padding:10px;display:flex;justify-content:center;align-items:center;min-width:50px}.spinner-dots{display:flex;gap:4px}.spinner-dots span{width:8px;height:8px;background-color:#888;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.spinner-dots span:nth-child(1){animation-delay:-.32s}.spinner-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-read-only-bar{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:15px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6c757d;font-size:.9rem;font-weight:500;text-align:center;width:100%}.read-only-icon{font-size:1.1rem}.chat-bubble-wrapper{display:flex;align-items:center;gap:10px}.right-bubble-wrapper{margin-left:auto;justify-content:flex-end}.bubble-content-stack{display:flex;flex-direction:column}.chat-sender-identity{font-size:.72rem;font-weight:700;color:#777;margin-bottom:3px;margin-left:5px}.right-bubble-wrapper .chat-sender-identity{text-align:right;margin-right:5px}.chat-avatar-frame{flex-shrink:0}.chat-bubble-avatar{width:34px;height:34px;border-radius:50%;border:1px solid #f0f0f0;object-fit:cover}.dispute-action-bar{padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center;position:sticky;top:60px;z-index:5}.btn-escalate{background-color:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .2s;box-shadow:0 2px 5px #0000001a}.btn-escalate:hover{background-color:#f57c00}.status-badge.pending{background-color:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:16px;font-weight:600;font-size:.85rem;border:1px solid #bbdefb}.admin-controls{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.control-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.control-buttons{display:flex;gap:12px}.btn-resolve{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;font-size:.9rem;color:#fff;min-width:120px}.btn-resolve.release{background-color:#4caf50}.btn-resolve.release:hover{background-color:#388e3c}.btn-resolve.refund{background-color:#f44336}.btn-resolve.refund:hover{background-color:#d32f2f}@media (max-width: 768px){.dispute-action-bar{top:55px}.control-buttons{width:100%}.btn-resolve{flex:1;font-size:.8rem}}.search-bar{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border:1px solid #e5e7eb;border-radius:40px;padding:4px 10px;box-shadow:0 2px 6px #0000000d;max-width:400px;margin:10px auto;transition:all .2s ease-in-out}.search-bar:focus-within{border-color:#477255;box-shadow:0 0 0 3px #29502c1a;background-color:#fff}.profile-search-input{border:none;outline:none;background:transparent;font-size:14px;width:100%;color:#477255;transition:all .3s ease;flex:1}.profile-search-input::placeholder{color:#477255}.profile-search-button{background:#3b8f37;border:none;color:#fff;font-weight:600;border-radius:30px;padding:4px 18px;cursor:pointer;transition:background .2s ease-in-out;margin-left:10px}.profile-search-button:hover{background:#71b780}.profile-search-button img{width:16px;height:16px;filter:brightness(0) invert(1)}@media (max-width: 500px){.search-bar{max-width:90%;padding:5px 10px}.profile-search-input{font-size:13px}.profile-search-button img{width:14px}}.contact-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .2s ease-out}@media (min-width: 768px){.contact-overlay{align-items:center}}.contact-card{background:#fff;width:100%;max-width:450px;border-radius:20px 20px 0 0;padding:25px;box-shadow:0 -5px 30px #0003;animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}@media (min-width: 768px){.contact-card{border-radius:16px;animation:zoomIn .2s ease-out}}.contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.contact-header h3{margin:0;font-size:1.25rem;color:#333}.close-btn{background:#f5f5f5;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:1rem;transition:all .2s}.close-btn:hover{background:#e0e0e0;color:#000}.contact-row{display:flex;align-items:center;text-decoration:none;background:#fff;padding:12px;border-radius:12px;border:1px solid #eee;transition:transform .2s,border-color .2s}.contact-row:hover{transform:translateY(-2px);border-color:#ddd;background:#fafafa}.icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:15px;flex-shrink:0}.icon-box.phone{background:#e3f2fd;color:#1976d2}.info-text{display:flex;flex-direction:column;overflow:hidden}.info-text .label{font-size:.75rem;color:#888;text-transform:uppercase;font-weight:600}.info-text .value{color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.divider{display:flex;align-items:center;text-align:center;margin:25px 0 15px;color:#bbb;font-size:.85rem;font-weight:500}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.social-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;background:#f9f9f9;border-radius:12px;text-decoration:none;transition:all .2s;border:1px solid transparent}.social-icon{font-size:1.5rem;color:#555;margin-bottom:5px;transition:color .2s}.social-name{font-size:.8rem;color:#555}.social-btn:hover{background:#fff;border-color:var(--brand-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-3px)}.social-btn:hover .social-icon,.social-btn:hover .social-name{color:var(--brand-color)}.empty-state{text-align:center;color:#999;font-size:.9rem;padding:10px}.contact-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;opacity:0;animation:fadeIn .3s forwards}.contact-card{background:#fff;width:100%;display:flex;flex-direction:column;box-shadow:0 -10px 40px #0003}@media (min-width: 768px){.contact-overlay{justify-content:center;align-items:center}.contact-card{max-width:450px;border-radius:16px;max-height:85vh;animation:zoomIn .2s cubic-bezier(.16,1,.3,1) forwards}.popup-handle-bar{display:none}}@media (max-width: 767px){.contact-overlay{align-items:flex-end}.contact-card{border-radius:20px 20px 0 0;max-height:90vh;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.popup-handle-bar{width:40px;height:5px;background-color:#e0e0e0;border-radius:10px;margin:12px auto 5px}.contact-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid #f0f0f0}.contact-header h3{margin:0;font-size:1.2rem;color:#222}.close-btn{background:#f5f5f5;border:none;width:32px;height:32px;border-radius:50%;color:#666;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer}.contact-body{padding:20px 25px;overflow-y:auto}.direct-contact{display:flex;flex-direction:column;gap:12px}.contact-row{display:flex;align-items:center;text-decoration:none;background:#fff;padding:12px;border-radius:12px;border:1px solid #eee;transition:background .2s}.contact-row:active{background-color:#f5f5f5;transform:scale(.98)}.icon-box{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:15px;flex-shrink:0}.icon-box.phone{background:#e3f2fd;color:#1565c0}.icon-box.email{background:#e8f5e9;color:#2e7d32}.icon-box.website{background:#f3e5f5;color:#7b1fa2}.info-text .label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-text .value{color:#333;font-weight:500;font-size:.95rem}.divider{display:flex;align-items:center;text-align:center;margin:25px 0 15px;color:#999;font-size:.8rem;font-weight:600;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #eee}.divider span{margin:0 10px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.social-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 5px;background:#fafafa;border-radius:12px;text-decoration:none;border:1px solid transparent}.social-btn:active{background:#f0f0f0}.social-icon{font-size:1.4rem;margin-bottom:6px;color:#555}.social-name{font-size:.75rem;color:#666}@media (hover: hover){.contact-row:hover{border-color:#ddd;background:#fafafa;transform:translateY(-2px)}.social-btn:hover{background:#fff;border-color:var(--brand-color);box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.social-btn:hover .social-icon,.social-btn:hover .social-name{color:var(--brand-color)}}@keyframes fadeIn{to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}:root{--ph-green-primary: #28a745;--ph-green-dark: #1e7e34;--ph-green-light: #e6f4ea;--ph-text-dark: #222;--ph-text-muted: #666;--ph-border: #f0f0f0;--ph-shadow: 0 4px 12px rgba(0, 0, 0, .08)}.pro-hview-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--ph-shadow);margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:all .3s ease}.pro-hview-compact-card{padding:15px}.pro-hview-row-primary{display:flex;align-items:center;gap:15px;margin-bottom:12px}.pro-hview-avatar-img-sm{width:55px;height:55px;border-radius:50%;object-fit:cover;border:2px solid var(--ph-border)}.pro-hview-info-sm{flex-grow:1;min-width:0}.pro-hview-name-line{display:flex;align-items:center;gap:6px}.pro-hview-name-sm{font-size:18px;font-weight:700;margin:0;color:var(--ph-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-hview-meta-sm{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--ph-text-muted)}.pro-hview-pill-cat{background:#f8f9fa;padding:2px 8px;border-radius:4px;font-weight:500}.pro-hview-loc-sm{display:flex;align-items:center;gap:3px}.pro-hview-divider{border-top:1px solid var(--ph-border);margin:0 0 12px}.pro-hview-row-secondary{display:flex;justify-content:space-between;align-items:center}.pro-hview-left-actions{display:flex;align-items:center;gap:10px}.pro-hview-btn-follow-sm{padding:6px 14px;border-radius:20px;border:none;background:var(--ph-text-dark);color:#fff;cursor:pointer;font-weight:600;font-size:12px;transition:.2s}.pro-hview-btn-follow-sm.following{background:#e9ecef;color:var(--ph-text-dark)}.pro-hview-btn-pin{background:transparent;border:none;cursor:pointer;color:#ccc;font-size:14px;padding:0 5px;display:flex;align-items:center}.pro-hview-btn-pin.active{color:#f39c12}.pro-hview-stats-group-sm{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ph-text-muted);margin-left:5px}.pro-hview-stat-item b{color:var(--ph-text-dark)}.pro-hview-stat-item.rating{display:flex;align-items:center;gap:3px;color:#ffc107}.pro-hview-stat-item.rating b{color:var(--ph-text-dark)}.pro-hview-v-div{color:#ddd}.pro-hview-btn-expand{background:transparent;border:none;color:var(--ph-green-primary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px}.pro-hview-expanded-card{padding:10px;border-radius:10px}.pro-hview-cover{position:relative;height:180px;background-color:#eee}.pro-hview-cover-img{width:100%;height:100%;object-fit:cover}.pro-hview-cover-gradient{width:100%;height:100%;background:linear-gradient(120deg,var(--ph-green-primary),#218838);border-top-left-radius:10px;border-top-right-radius:10px}.pro-hview-cover-gradient.type-business{background:linear-gradient(120deg,#28a745,#28a745)}.pro-hview-cover-controls{position:absolute;top:15px;right:15px;display:flex;gap:10px;z-index:5}.pro-hview-btn-collapse{background:#00000080;color:#fff;border:none;border-radius:20px;padding:6px 12px;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:5px}.pro-hview-menu-wrap{position:relative}.pro-hview-btn-menu{background:#00000080;border:none;width:30px;height:30px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.pro-hview-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;padding:8px;z-index:100;min-width:160px;margin-top:8px}.pro-hview-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:none;background:transparent;cursor:pointer;font-size:13px;text-align:left;color:#333}.pro-hview-dropdown button:hover{background:#f8f9fa}.pro-hview-dropdown button.danger{color:#dc3545}.pro-hview-content-lg{padding:0 20px;position:relative}.pro-hview-avatar-wrap-lg{position:absolute;top:-150px;left:20px;border-radius:50%;padding:4px;background:#fff;z-index:2}.pro-hview-avatar-img-lg{width:120px;height:120px;border-radius:50%;object-fit:cover;border:1px solid #eee}.pro-hview-info-grid-lg{margin-top:70px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.pro-hview-details-lg{flex:1;min-width:250px}.pro-hview-name-line-lg{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pro-hview-name-line-lg h1{font-size:24px;font-weight:800;margin:0}.pro-hview-green-badge{color:#00871d}.pro-hview-badge-type{font-size:11px;padding:2px 8px;border-radius:10px;background:#eee;text-transform:uppercase;font-weight:700;color:#555}.pro-hview-badge-type.business{background:#b2fdc8;color:#004085}.pro-hview-meta-lg{display:flex;gap:15px;color:var(--ph-text-muted);font-size:14px;margin:5px 0 10px}.pro-hview-bio{color:#444;line-height:1.5;font-size:14px;max-width:600px}.pro-hview-actions-lg{display:flex;gap:10px;margin-top:15px}.pro-hview-btn-outline{padding:8px 18px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;font-weight:600}.pro-hview-btn-solid{padding:8px 18px;border:none;background:var(--ph-green-primary);color:#fff;border-radius:20px;cursor:pointer;font-weight:600}.pro-hview-btn-solid.following{background:#ddd;color:#333}.pro-hview-btn-circle{width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.pro-hview-btn-circle.active{background:var(--ph-green-light);color:var(--ph-green-primary);border-color:var(--ph-green-primary)}.pro-hview-stats-lg{min-width:200px}.pro-hview-stats-box{background:#f9f9f9;border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-between;text-align:center}.pro-hview-stats-box .stat{display:flex;flex-direction:column}.pro-hview-stats-box b{font-size:16px;color:#000}.pro-hview-stats-box span{font-size:12px;color:#777;margin-top:2px}.pro-hview-stats-box .div{width:1px;height:30px;background:#ddd}.pro-hview-stats-box .rating-flex{display:flex;align-items:center;justify-content:center;gap:4px}.pro-hview-stats-box .rating-flex svg{color:#ffc107}.pro-hview-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.pro-hview-modal{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:400px}.pro-hview-modal .header{display:flex;justify-content:space-between;margin-bottom:15px}.pro-hview-modal .body{display:flex;flex-direction:column;gap:10px}.pro-hview-modal select,.pro-hview-modal textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}.pro-hview-modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.pro-hview-modal .submit{background:var(--ph-green-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.pro-hview-modal .cancel{background:#eee;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}@media (max-width: 768px){.pro-hview-cover{height:140px}.pro-hview-avatar-img-lg{width:100px;height:100px}.pro-hview-avatar-wrap-lg{top:-120px}.pro-hview-info-grid-lg{margin-top:55px}}@media (max-width: 450px){.pro-hview-name-sm{font-size:16px}.pro-hview-btn-expand .btn-text{font-size:12px}.pro-hview-info-grid-lg{flex-direction:column;gap:15px}.pro-hview-stats-lg{width:100%}.pro-hview-stats-box{padding:12px}.pro-hview-name-line-lg h1{font-size:20px}}@media (max-width: 380px){.pro-hview-stats-group-sm .label-text{display:none}.pro-hview-left-actions{gap:6px}.pro-hview-btn-follow-sm{padding:6px 10px;font-size:11px}.pro-hview-btn-expand .btn-text{display:none}.pro-hview-btn-expand{font-size:16px}.pro-hview-avatar-wrap-lg{left:50%;transform:translate(-50%)}.pro-hview-info-grid-lg{margin-top:60px;text-align:center}.pro-hview-name-line-lg,.pro-hview-meta-lg,.pro-hview-actions-lg{justify-content:center}.pro-hview-bio{margin:0 auto 10px}}.pro-hview-meta-lg{display:flex;gap:15px;color:var(--ph-text-muted);font-size:14px;margin:5px 0 10px;flex-wrap:wrap;justify-content:flex-start}.pro-hview-meta-lg .date svg{font-size:.9em;margin-top:-2px}@media (max-width: 380px){.pro-hview-meta-lg{justify-content:center;gap:10px}}:root{--ap-primary: green;--ap-text-dark: #1f2937;--ap-text-gray: #6b7280;--ap-border: #e5e7eb;--ap-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--ap-gold: #fbbf24}.agent-profile-wrapper{background-color:var(--ap-bg);min-height:100vh;padding-bottom:60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.agent-profile-container{max-width:1200px;margin:0 auto;padding:0 16px}.agent-profile-hero{background:#fff;border-bottom:1px solid var(--ap-border);margin:20px;box-shadow:0 4px 12px #00000014;border-radius:10px}.agent-profile-hero-cover{height:180px;background:linear-gradient(120deg,#3b82f6,#06b6d4);width:100%;border-top-left-radius:10px;border-top-right-radius:10px}.agent-profile-ident-row{display:flex;align-items:flex-end;margin-top:-60px;padding-bottom:24px;flex-wrap:wrap;gap:24px;position:relative}.agent-profile-avatar-wrapper{position:relative;flex-shrink:0}.agent-profile-main-avatar{width:140px;height:140px;border-radius:50%;border:5px solid white;object-fit:cover;box-shadow:0 4px 6px #0000001a;background:#fff}.agent-profile-online-badge{position:absolute;bottom:15px;right:15px;width:18px;height:18px;border-radius:50%;border:3px solid white}.agent-profile-online-badge.online{background-color:#10b981}.agent-profile-online-badge.offline{background-color:#9ca3af}.agent-profile-ident-details{flex:1;padding-top:70px;min-width:250px}.agent-profile-name-row{display:flex;align-items:center;gap:8px}.agent-profile-name{margin:0;font-size:1.85rem;color:var(--ap-text-dark);font-weight:800}.agent-profile-verified-icon{color:var(--ap-primary);font-size:1.2rem}.agent-profile-role-text{color:var(--ap-text-gray);margin:6px 0 0;font-size:1rem;font-weight:500}.agent-profile-mobile-stats-row{display:none;gap:15px;margin-top:12px}.agent-profile-m-stat{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--ap-text-dark)}.agent-profile-gold-star{color:var(--ap-gold)}.agent-profile-hero-actions{display:flex;gap:12px;padding-bottom:10px}.agent-profile-btn-primary,.agent-profile-btn-secondary,.agent-profile-btn-outline{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.95rem;display:flex;align-items:center;gap:8px}.agent-profile-btn-primary{background:var(--ap-primary);color:#fff}.agent-profile-btn-primary:hover{background:var(--ap-primary-dark);transform:translateY(-1px)}.agent-profile-btn-secondary{background:#eff6ff;color:var(--ap-primary);border:1px solid transparent}.agent-profile-btn-secondary:hover{background:#dbeafe;border-color:#bfdbfe}.agent-profile-btn-outline{background:#fff;border:1px solid var(--ap-border);color:var(--ap-text-dark)}.agent-profile-btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.agent-profile-layout{display:grid;grid-template-columns:320px 1fr;gap:32px}.agent-profile-sidebar{display:flex;flex-direction:column;gap:24px;height:fit-content;position:sticky;top:20px}.agent-profile-card{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--ap-card-shadow);border:1px solid var(--ap-border)}.agent-profile-card-title{margin:0 0 16px;font-size:1.1rem;color:var(--ap-text-dark);border-bottom:1px solid #f3f4f6;padding-bottom:12px}.agent-profile-stats-card{display:flex;justify-content:space-between;text-align:center}.agent-profile-stat-item h3{margin:0;font-size:1.5rem;color:var(--ap-text-dark);font-weight:700}.agent-profile-stat-item span{font-size:.75rem;text-transform:uppercase;color:var(--ap-text-gray);letter-spacing:.5px;font-weight:600}.agent-profile-stars{color:var(--ap-gold);font-size:.8rem;margin:4px 0}.agent-profile-divider{width:1px;background:var(--ap-border)}.agent-profile-bio-text{font-size:.95rem;line-height:1.6;color:#4b5563;margin-bottom:24px}.agent-profile-meta-list{display:flex;flex-direction:column;gap:16px}.agent-profile-meta-item{display:flex;align-items:center;gap:12px;color:var(--ap-text-gray);font-size:.95rem}.agent-profile-meta-item svg{color:var(--ap-primary)}.agent-profile-tags-container{display:flex;flex-wrap:wrap;gap:8px}.agent-profile-area-tag{background:#f3f4f6;padding:6px 14px;border-radius:20px;font-size:.85rem;color:var(--ap-text-dark);font-weight:500}.agent-profile-tabs-header{display:flex;border-bottom:1px solid var(--ap-border);margin-bottom:24px;gap:32px}.agent-profile-tab-btn{background:none;border:none;padding:14px 0;font-size:1.05rem;color:var(--ap-text-gray);cursor:pointer;position:relative;font-weight:500;transition:color .2s}.agent-profile-tab-btn:hover{color:var(--ap-text-dark)}.agent-profile-tab-btn.active{color:var(--ap-primary);font-weight:700}.agent-profile-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--ap-primary);border-radius:3px 3px 0 0}.agent-profile-count{background:#eff6ff;color:var(--ap-primary);padding:2px 8px;border-radius:12px;font-size:.75rem;margin-left:6px;font-weight:600}.agent-profile-work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.agent-profile-work-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--ap-card-shadow);border:1px solid var(--ap-border);cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.agent-profile-work-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a}.agent-profile-work-card-img{height:180px;background:#e5e7eb;position:relative}.agent-profile-work-card-img img{width:100%;height:100%;object-fit:cover}.agent-profile-delivered-overlay{position:absolute;top:10px;right:10px;background:#10b981f2;color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #0000001a}.agent-profile-work-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.agent-profile-work-title{margin:0 0 12px;font-size:1.05rem;color:var(--ap-text-dark);font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-profile-work-meta{margin-top:auto;display:flex;flex-direction:column;gap:8px;color:var(--ap-text-gray);font-size:.85rem}.agent-profile-work-meta span{display:flex;align-items:center;gap:8px}.agent-profile-reviews-container{background:#fff;border-radius:12px;padding:24px;border:1px solid var(--ap-border);box-shadow:var(--ap-card-shadow)}.agent-profile-review-action{margin-bottom:24px;display:flex;justify-content:flex-end}.agent-profile-review-form{background:#f9fafb;padding:24px;border-radius:12px;margin-bottom:32px;border:1px solid var(--ap-border)}.agent-profile-star-select{display:flex;gap:8px;margin:12px 0 16px;cursor:pointer;font-size:1.5rem;justify-content:center}.agent-profile-star-fill{color:var(--ap-gold)}.agent-profile-star-empty{color:#d1d5db}.agent-profile-review-form textarea{width:100%;padding:16px;border:1px solid #d1d5db;border-radius:8px;margin-bottom:16px;min-height:100px;font-family:inherit;font-size:.95rem}.agent-profile-review-form textarea:focus{outline:2px solid var(--ap-primary);border-color:transparent}.full-width{width:100%;justify-content:center}.agent-profile-review-item{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #f3f4f6}.agent-profile-review-item:last-child{border-bottom:none}.agent-profile-reviewer-img{width:50px;height:50px;border-radius:50%;object-fit:cover}.agent-profile-review-body{flex:1}.agent-profile-review-top{display:flex;justify-content:space-between;margin-bottom:6px;align-items:center}.agent-profile-r-name{font-weight:700;color:var(--ap-text-dark);font-size:1rem}.agent-profile-r-date{font-size:.85rem;color:var(--ap-text-gray)}.agent-profile-stars-row{color:var(--ap-gold);font-size:.9rem;margin-bottom:8px}.agent-profile-r-text{margin:0;color:#4b5563;font-size:.95rem;line-height:1.6}.agent-profile-empty-state{text-align:center;padding:60px 20px;color:var(--ap-text-gray);background:#fff;border-radius:12px;border:1px dashed var(--ap-border)}.agent-profile-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.3;color:var(--ap-text-dark)}@media (max-width: 768px){.agent-profile-layout{grid-template-columns:1fr;gap:24px}.agent-profile-sidebar{position:static}.agent-profile-stats-card{display:none}.agent-profile-mobile-stats-row{display:flex;justify-content:center}.agent-profile-ident-row{margin-top:-40px;flex-direction:column;align-items:center;text-align:center;gap:16px}.agent-profile-ident-details{padding-top:0;width:100%;display:flex;flex-direction:column;align-items:center}.agent-profile-name-row{justify-content:center}.agent-profile-hero-actions{width:100%;margin-top:8px;justify-content:center;flex-direction:row}.agent-profile-btn-primary,.agent-profile-btn-secondary{flex:1;justify-content:center;padding:12px}}@media (max-width: 450px){.agent-profile-hero-cover{height:140px}.agent-profile-main-avatar{width:110px;height:110px}.agent-profile-name{font-size:1.5rem}.agent-profile-tabs-header{gap:16px;justify-content:space-between}.agent-profile-tab-btn{font-size:.95rem}.agent-profile-work-grid{grid-template-columns:1fr}.agent-profile-review-item{gap:12px;padding:15px 0}.agent-profile-reviewer-img{width:50px;height:50px;align-self:center}.agent-profile-r-name{font-size:.8rem}.agent-profile-r-text{font-size:.7rem;line-height:1.2}.agent-profile-r-date{font-size:.65rem}.agent-profile-stars-row{margin-bottom:0}.agent-profile-btn-outline{padding:10px 20px;font-size:.7rem}.agent-profile-review-form{padding:14px;font-size:.8rem;justify-content:center}.agent-profile-review-form p{justify-self:center}.agent-profile-review-form textarea{width:88%;padding:16px;border:1px solid #d1d5db;border-radius:8px;margin-bottom:16px;min-height:100px;font-family:inherit;font-size:.95rem;height:0px}}.account-profile-container{background-color:#fff;position:relative;padding-bottom:20px;height:fit-content}.three-dots-profile-menu{position:absolute;top:10px;right:15px}.three-dots-profile{width:4px}.three-dots-profile:hover{transform:scale(1.1);filter:brightness(0);cursor:pointer}.top-profile-container{display:grid;grid-template-columns:2fr 1fr;background-color:#fff;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#1a19191a}.left-account-profile-container{display:flex;border-bottom-style:solid;border-bottom-color:#f9f8f8;border-bottom-width:1px;background-color:#fff}.left-account-profile-container .profile-image{vertical-align:top;padding:10px;height:90px}.left-account-profile-container .profile-image .profile-photo{width:60px;height:60px;border-radius:30px;flex-shrink:0}.profile-image-followers{display:block}.profile-image-followers div{font-size:12px;justify-self:center;font-weight:700}.rating-star{display:flex;margin:0;background-color:#fff;padding:2px 4px;border-radius:5px;border:1px solid rgba(69,69,69,.5);justify-content:center}.rating-star img{width:10px;margin-left:5px;margin-top:-12px;margin-bottom:-12px}.user-profile-info{display:flex;margin-left:5px}.user-profile-info .profile-name{font-size:16px;font-weight:700;margin-bottom:5px;margin-top:15px}.profile-username{font-size:10px;padding-left:7px;color:#181840}.user-profile-info .profile-badge img{width:18px;height:18px;padding-top:15px;margin-left:5px}.account-details .profile-category{margin-left:5px;font-size:12px;margin-bottom:5px;margin-top:4px}.user-location{margin-left:5px;font-size:12px;font-weight:700;justify-content:center;align-items:center;background-color:#fff}.user-location img{width:12px;height:12px;margin-top:2px;margin-left:-2px}.user-location .profile-location{font-weight:700;font-size:12px;padding-left:5px}.user-details-container{display:flex;align-items:center;justify-content:center}.right-account-profile-container{display:block;white-space:nowrap;padding-top:5px;padding-left:20px;font-size:12px;border-left-style:solid;border-left-color:#e9e9e9;background-color:#f9f9f9}.profile-follows{display:block;margin-top:9px;justify-content:end;align-items:end}.follow-button{background-color:#566d93;color:#fff;border:none;padding:5px 15px;border-radius:5px;margin-right:50px;font-size:12px;margin-top:5px}.follow-button:hover{cursor:pointer;background-color:#4fb54f}.follow-button-div{margin-right:20%}.user-details{display:grid;white-space:nowrap;grid-template-columns:70px 50px 20px;align-items:center;width:100%;padding-left:5px;height:20px;padding-top:5px;margin-bottom:20px}.add-reviews-button{background-color:#3a7b3a;color:#fff;border:none;padding:2px 1px;border-radius:100%;font-size:12px}.add-reviews-button:hover{background-color:#4fb54f;cursor:pointer}.profile-action-container{display:grid;grid-template-columns:2fr 1fr}.profile-description{background-color:#d6e3d6;flex-direction:column;white-space:normal;border-radius:5px;font-size:12px;margin:10px 20% 10px 30px;padding:7px}.action-bars{margin-bottom:10px;margin-top:15px}.action-bars div{margin-right:30px}.message-button,.call-button{background-color:#569356;color:#fff;border:none;padding:5px 15px;border-radius:5px;font-size:12px;margin-right:25px}.message-button:hover,.call-button:hover{background-color:#4fb54f;cursor:pointer}:root{--card-gap: 20px;--min-card: 170px;--max-columns: 5;--container-padding: 20px}.profile-posts-timeline{display:grid;box-sizing:border-box;padding:var(--container-padding);grid-template-columns:repeat(auto-fit,minmax(var(--min-card),1fr));margin:0 auto;justify-content:center;gap:10px}.right-post-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000f;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;cursor:pointer}.right-post-container:hover{transform:translateY(6px);box-shadow:0 6px 18px #0000001f}.profile-post-image{width:100%;aspect-ratio:4 / 3.5;overflow:hidden}.profile-post-image img{width:100%;height:100%;object-fit:cover;display:block}.profile-post-title{padding:10px 12px 0;font-size:11px;font-weight:700;line-height:16px;margin-bottom:10px}.profile-post-price-and{display:flex;justify-content:space-between;padding-left:12px;align-items:center}.profile-post-price{font-weight:700;font-size:14px;color:#1f9a3f}.profile-old-price{text-decoration:line-through;color:#9b9b9b;font-size:12px;padding-right:12px;font-weight:700}.profile-star-and-order{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 14px;margin-top:auto}.profile-star-rating{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:700}.profile-star-image{width:16px;height:16px}.profile-post-order-button{background:#007bff;color:#fff;border:none;padding:5px 12px;border-radius:5px;cursor:pointer;font-weight:600}@media (min-width: 1600px){.profile-posts-timeline{grid-template-columns:repeat(auto-fit,minmax(var(--min-card),1fr))}}@media (max-width: 900px){.profile-posts-timeline{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}}@media (max-width: 700px){.profile-posts-timeline{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}}@media (max-width: 480px){.profile-posts-timeline{grid-template-columns:repeat(2,1fr);padding:12px;gap:10px}.profile-post-order-button{padding:7px 10px}}.profile-post-price{font-size:11px}.profile-old-price{font-size:10px;padding-right:20px}.profile-star-rating{font-size:10px;font-weight:700}.profile-star-image{width:14px;height:14px}.profile-post-order-button{font-size:11px;padding:4px 10px}@media (max-width: 480px){.right-account-profile-container{font-size:9px;padding:5px;border-left:none;background-color:#fafafa;grid-template-columns:1fr}.profile-follows{padding-left:5px;font-size:11px;padding-bottom:5px}.follow-button-div{padding-left:5px}.follow-button{font-size:10px;padding:4px 10px}.action-bars{margin-bottom:5px;margin-top:10px}.message-button,.call-button{font-size:10px;padding:4px 10px;margin:5px}.profile-posts-timeline{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.profile-post-price{font-size:10px}.profile-old-price{font-size:9px}.profile-star-and-order{padding:6px 8px}.profile-post-order-button{font-size:9px;padding:3px 8px}}.right-post-container.highlight{outline:3px solid #58e756;box-shadow:0 0 25px #58e756;border-radius:12px;transition:box-shadow .3s ease-in-out,outline .3s ease-in-out}.profile-post-image:hover img{filter:brightness(70%)}.hover-star{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .3s ease}.hover-star img{width:24px;height:24px;transition:filter .3s ease}.profile-post-image:hover .hover-star{opacity:1}.profile-post-image:hover .hover-star img{filter:brightness(0) invert(1)}.rating-popup-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease forwards}.rating-popup{background:#fff;padding:30px 40px;border-radius:16px;text-align:center;width:90%;max-width:350px;box-shadow:0 4px 20px #0003;animation:slideUp .3s ease forwards}.rating-popup h3{margin-bottom:20px;font-size:1.2rem;color:#222}.rating-stars{display:flex;justify-content:center;gap:8px;margin:15px 0}.star{font-size:32px;color:#ccc;cursor:pointer;transition:color .2s ease,transform .2s ease}.star:hover{transform:scale(1.1)}.star.filled{color:gold}.rating-value{margin-top:10px;font-weight:700;color:#444}.close-popup{margin-top:20px;background:#000;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.close-popup:hover{background:#333}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.floating-cart-mini{position:fixed;top:12px;right:16px;z-index:2000}.cart-circle{width:38px;height:38px;border-radius:50%;background-color:#007bff;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:transform .2s ease,background-color .2s ease}.cart-circle:hover{transform:scale(1.1);background-color:#0066d6}}.quantity-controls{display:flex;align-items:center;gap:6px}.quantity-controls button{width:28px;height:28px;border-radius:50%;background-color:var(--primary-color, #007bff);color:#fff;border:none;font-weight:700;cursor:pointer;transition:background .2s}.quantity-controls button:hover{background-color:#0056b3}.quantity-number{font-size:16px;font-weight:600;color:#333;min-width:20px;text-align:center}.v2-public-profile-header{position:relative;background-color:#fff;padding:24px;border-bottom:1px solid #eee}.v2-header-top{display:flex;flex-direction:row;align-items:flex-start;gap:24px}.v2-avatar-container{width:130px;height:130px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid white}.v2-avatar-container img{width:100%;height:100%;object-fit:cover}.v2-info-container{flex:1;display:flex;flex-direction:column}.v2-profile-name{font-size:22px;font-weight:700;color:#222;margin:0;line-height:1.2}.v2-profile-title{font-size:14px;font-weight:500;color:#555;margin-top:4px;display:flex;align-items:center;gap:8px}.v2-verified-badge{display:flex;align-items:center;gap:4px;color:#007bff;font-weight:600;font-size:20px}.v2-profile-location{display:flex;align-items:center;gap:6px;font-size:13px;color:#777;margin-top:8px}.v2-profile-location img{width:14px;height:14px}.v2-stats-bar{display:flex;justify-content:flex-start;gap:24px;margin-top:10px;border:none;padding:13px 10px;border-radius:5px;margin-right:10%}.v2-stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#555;background-color:#fff;border:1px solid rgba(2,2,2,.2);font-size:.9rem;padding:5px 15px;border-radius:5px;justify-content:center}.v2-stat-item strong{font-size:16px;font-weight:700;color:#222;align-self:center}.v2-stat-item svg{display:none}.v2-main-actions{display:flex;gap:30px;width:100%;max-width:300px;margin-top:10px}.v2-action-btn{flex:1;padding:10px;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.v2-action-btn.primary{background-color:#4ca760;color:#fff}.v2-action-btn.primary:hover{background-color:#3f7d4c}.v2-action-btn.secondary{background-color:#e9ecef;color:#333;border:1px solid #ddd}.v2-action-btn.secondary:hover{background-color:#d6d8db}.v2-profile-menu{position:absolute;top:20px;right:20px}@media (max-width: 768px){.v2-avatar-container img{width:100%;height:100%;object-fit:cover}.v2-profile-name{font-size:20px}.v2-profile-title{font-size:13px}.v2-verified-badge{font-size:20px}.v2-profile-location{font-size:12px}.v2-profile-location img{width:12px;height:12px}.v2-stats-bar{gap:15px;margin-right:5px}.v2-stat-item,.v2-stat-item strong{font-size:14px}.v2-stat-item svg{display:none}.v2-main-actions{display:flex;gap:30px;width:100%;max-width:220px;margin-top:10px}.v2-action-btn{flex:1;padding:10px;font-size:12px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.v2-action-btn.primary{background-color:#4ca760;color:#fff}.v2-action-btn.primary:hover{background-color:#3f7d4c}.v2-action-btn.secondary{background-color:#e9ecef;color:#333;border:1px solid #ddd}.v2-action-btn.secondary:hover{background-color:#d6d8db}.v2-profile-menu{position:absolute;top:20px;right:20px}}.popup-review-box{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.popup-review-box h4{font-size:1rem;font-weight:600;color:#333;margin:0 0 10px}.popup-review-textarea{width:100%;min-height:80px;padding:10px;border:1px solid #ccc;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;box-sizing:border-box;transition:border-color .2s}.popup-review-textarea:focus{outline:none;border-color:#007bff}.popup-review-textarea:disabled{background-color:#f8f9fa;color:#777}.rated-text{display:block;text-align:center;font-size:.9rem;color:#555;margin-top:5px}.v2-rating-count{font-weight:400;font-size:.9rem;color:#666}.card-rating-count{font-weight:400;font-size:.8rem;margin-left:2px}.popup-rating-count{font-weight:400;font-size:.9rem;color:#555;margin:0 4px}@media (max-width: 600px){.v2-avatar-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.v2-avatar-container img{width:80px;height:80px;border-radius:50%;object-fit:cover}.v2-profile-name{font-size:15px}.v2-profile-title{font-size:12px;justify-content:center}.v2-verified-badge{font-size:15px}.v2-header-top{gap:5px;display:block;justify-items:center}.v2-profile-info,.v2-profile-location{justify-content:center}.v2-info-container{flex:1;flex-direction:column}.v2-stats-bar{gap:10px;margin:0}.v2-stat-item,.v2-stat-item strong{font-size:12px}.v2-stat-item svg{display:none}.v2-main-actions{display:flex;gap:10px;width:100%;max-width:270px;margin-top:0}.v2-action-btn{flex:1;padding:10px;font-size:12px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.v2-action-btn.primary{background-color:#4ca760;color:#fff}.v2-action-btn.primary:hover{background-color:#3f7d4c}.v2-action-btn.secondary{background-color:#e9ecef;color:#333;border:1px solid #ddd}.v2-action-btn.secondary:hover{background-color:#d6d8db}.v2-profile-menu{position:absolute;top:20px;right:20px}}.v2-action-btn.pin-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #ddd;color:#666;transition:all .2s ease}.v2-action-btn.pin-btn:hover{background:#f5f5f5;border-color:#ccc}.v2-action-btn.pin-btn.active-pin{background:#e3f2fd;color:#007bff;border-color:#007bff}@media (max-width: 480px){.v2-main-actions{flex-wrap:wrap;gap:8px}.v2-action-btn{flex:1;min-width:80px;font-size:.8rem;padding:8px 10px}}.pinned-mini-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 15px;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10;box-shadow:0 2px 5px #00000005}.pmh-left{display:flex;align-items:center;gap:12px}.pmh-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.pmh-info{display:flex;flex-direction:column}.pmh-name{margin:0;font-size:.95rem;font-weight:700;color:#333}.pmh-cat{font-size:.75rem;color:#888}.pmh-actions{display:flex;align-items:center;gap:8px}.pmh-btn{border:none;background:#f5f5f5;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#555;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.pmh-btn.unpin{color:#ff4757;background:#fff0f1}.pmh-btn.view{background:#e3f2fd;color:#007bff}.pmh-btn:hover{filter:brightness(.95)}@media (max-width: 480px){.pinned-mini-header{padding:10px}.pmh-btn span{display:none}.pmh-btn{padding:6px 10px}}.pin-right-pane .floating-cart-mini .pin-cart-circle{display:none}.collection-scroll-container.public-view-collections{display:flex;gap:10px;overflow-x:auto;padding:10px 15px;background:#fff;margin-bottom:10px;-ms-overflow-style:none;scrollbar-width:none}.collection-scroll-container.public-view-collections::-webkit-scrollbar{display:none}.collection-bubble{background:#f1f2f6;border:none;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;color:#555;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.collection-bubble:hover{background:#e2e6ea}.collection-bubble.active{background:#000;color:#fff;font-weight:600;box-shadow:0 2px 5px #0003}.menu-left-pane{width:350px;background:#fff;border-right:1px solid #eee;padding:20px;overflow-y:auto;flex-shrink:0}.menu-heading{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.menu-group{margin-bottom:25px}.menu-section-label{font-size:12px;text-transform:uppercase;color:#888;margin-bottom:10px;letter-spacing:.5px;font-weight:600}.menu-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-radius:12px;cursor:pointer;transition:background .2s ease;margin-bottom:5px;text-decoration:none;color:inherit}.menu-item-row:hover{background-color:#f5f5f5}.menu-item-row.active{background-color:#eef2ff;border-left:4px solid #4f46e5}.menu-item-left{display:flex;align-items:center;gap:12px}.menu-icon-img{width:24px;height:24px;object-fit:contain}.menu-label{font-size:15px;font-weight:500;color:#333}.menu-chevron{color:#ccc;font-size:14px}.menu-right-pane{flex:1;background:#fff;overflow-y:auto;padding:0;position:relative}.menu-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#aaa}.placeholder-logo{width:80px;margin-bottom:15px;opacity:.3}.menu-mobile-content-view{display:flex;flex-direction:column;height:100%;background:#fff;width:100%}.menu-mobile-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:10}.mobile-back-btn{background:none;border:none;display:flex;align-items:center;gap:5px;font-size:16px;color:#333;cursor:pointer;margin-right:15px}.mobile-header-title{font-weight:600;font-size:18px}.menu-mobile-body{flex:1;overflow-y:auto}@media (max-width: 768px){.menu-page-wrapper{display:block}.menu-left-pane{width:100%;border-right:none;height:100%}.menu-right-pane{display:none}}.menu-page-wrapper{display:flex;width:100%;height:100vh;max-height:100vh;background-color:#f9f9f9;overflow:hidden}.menu-left-pane{width:350px;background:#fff;border-right:1px solid #eee;padding:20px;overflow-y:auto;height:100%;flex-shrink:0}.menu-right-pane{flex:1;background:#fff;overflow-y:auto;height:100%;padding:0;position:relative}@media (max-width: 768px){.menu-page-wrapper{display:block;height:auto;min-height:100vh;overflow:visible}.menu-left-pane{width:100%;border-right:none;height:auto;overflow-y:visible}.menu-mobile-content-view{height:100vh;overflow-y:auto}}.home-loc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box}.home-loc-content{background-color:#fff;width:100%;max-width:400px;padding:30px;border-radius:16px;text-align:center;box-shadow:0 10px 25px #0003;animation:home-loc-slideUp .3s ease-out forwards}.home-loc-title{margin:0 0 8px;font-size:1.4rem;color:#333;font-weight:700}.home-loc-subtitle{margin:0 0 24px;font-size:.95rem;color:#666;line-height:1.4}.home-loc-select{width:100%;padding:14px;margin-bottom:20px;border:1px solid #ddd;border-radius:10px;font-size:1rem;background-color:#f9f9f9;outline:none;transition:border-color .2s;cursor:pointer;appearance:none}.home-loc-select:focus{border-color:#000;background-color:#fff}.home-loc-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;background-color:#000;color:#fff}.home-loc-btn:not(:disabled):hover{background-color:#333;transform:translateY(-1px)}.home-loc-btn:not(:disabled):active{transform:translateY(0)}.home-loc-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}@keyframes home-loc-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-loc-geo-btn{width:100%;padding:14px;border:2px solid #000;background-color:transparent;color:#000;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.home-loc-geo-btn:hover{background-color:#f5f5f5}.home-loc-geo-btn:disabled{border-color:#ccc;color:#ccc;cursor:wait}.home-loc-divider{display:flex;align-items:center;text-align:center;margin:15px 0;color:#999;font-size:.85rem;font-weight:700}.home-loc-divider:before,.home-loc-divider:after{content:"";flex:1;border-bottom:1px solid #eee}.home-loc-divider span{padding:0 10px}.home-loc-error{color:#e74c3c;font-size:.9rem;margin:5px 0 10px;background:#fdf0ed;padding:8px;border-radius:6px}.home-loc-spinner{width:18px;height:18px;border:3px solid #ccc;border-top:3px solid #000;border-radius:50%;animation:home-loc-spin .8s linear infinite}@keyframes home-loc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-loc-input-wrapper{position:relative;width:100%;margin-bottom:20px}.home-loc-input{width:100%;padding:14px;border:1px solid #ddd;border-radius:10px;font-size:1rem;background-color:#f9f9f9;outline:none;transition:border-color .2s;-webkit-appearance:none;box-sizing:border-box}.home-loc-input:focus{border-color:#000;background-color:#fff;box-shadow:0 0 0 2px #0000000d}.home-loc-success{color:#1f6c3f;font-size:.9rem;margin-bottom:10px;font-weight:600;display:flex;align-items:center;gap:6px;justify-content:center}.home-loc-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;text-align:left}.home-loc-input-group label{display:block;font-size:.85rem;font-weight:600;color:#555;margin-bottom:5px;margin-left:2px}.home-loc-input-wrapper{position:relative;width:100%}.home-loc-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background-color:#f9f9f9;outline:none;box-sizing:border-box}.home-loc-input:focus{border-color:#000;background-color:#fff}.home-loc-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;transition:color .2s;padding:5px;z-index:10}.home-loc-close-btn:hover{color:#333}.whatsapp-viewer-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;display:flex;flex-direction:column;animation:fadeIn .2s ease-out}.whatsapp-viewer-header{height:60px;background-color:#0006;display:flex;align-items:center;padding:0 15px;position:absolute;top:0;width:100%;z-index:10}.whatsapp-back-btn{background:none;border:none;color:#fff;cursor:pointer;margin-right:15px;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center}.whatsapp-back-btn:hover{background-color:#ffffff1a}.whatsapp-header-title{color:#fff;font-size:18px;font-weight:500}.whatsapp-viewer-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.whatsapp-zoom-img{max-width:100%;max-height:100%;object-fit:contain}.whatsapp-zoom-controls{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:20}.whatsapp-zoom-controls button{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.whatsapp-zoom-controls button:hover{background:#fff6}.whatsapp-viewer-footer{background-color:#0009;padding:15px;text-align:center;color:#fff;position:absolute;bottom:0;width:100%;z-index:10}@media (max-width: 768px){.whatsapp-zoom-controls{display:none}}.order-details-container{padding:20px;height:100%;overflow-y:auto;background-color:#fcfcfc}.order-details-title{font-size:1.5rem;font-weight:700;color:#2c2c2c;margin:0}.order-details-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:10px;border-bottom:1px solid #eee}.order-details-time{font-size:.9rem;color:#777}.order-details-stage{font-size:.9rem;font-weight:600;padding:4px 10px;border-radius:20px;color:#fff;background-color:#007bff}.order-details-stage.delivered{background-color:#2ecc71}.order-details-stage.shipped{background-color:#f39c12}.order-details-stage.cancelled{background-color:#e74c3c}.order-details-section{margin-bottom:24px}.order-details-section h4{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 12px;border-bottom:1px solid #eee;padding-bottom:8px}.order-buyer-card{display:flex;align-items:center;background:#fff;padding:12px;border-radius:8px;border:1px solid #eee}.buyer-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;margin-right:12px;cursor:pointer}.buyer-info{flex:1;display:flex;flex-direction:column}.buyer-name{font-weight:600;color:#333;cursor:pointer}.buyer-name:hover{text-decoration:underline}.buyer-username{font-size:.9rem;color:#777}.buyer-message-btn{background-color:#007bff;color:#fff;border:none;padding:8px 14px;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .2s}.buyer-message-btn:hover{background-color:#0056b3}.order-address{margin-top:12px;font-size:.9rem;color:#555;padding:10px;background:#f9f9f9;border-radius:6px}.order-items-list{display:flex;flex-direction:column;gap:10px}.order-item-card{display:flex;align-items:center;padding:10px;background:#fff;border:1px solid #eee;border-radius:8px}.item-image{width:50px;height:50px;object-fit:cover;border-radius:6px;margin-right:12px}.item-info{flex:1;display:flex;flex-direction:column}.item-title{font-weight:600;color:#333;font-size:.95rem}.item-price-qty{font-size:.85rem;color:#777}.item-subtotal{font-weight:600;font-size:.95rem;color:#2c2c2c}.order-details-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px;margin-top:16px;border-top:2px solid #ddd;font-size:1.2rem;font-weight:700}.order-qty-price span{padding-right:20px}.online-dot{width:10px;height:10px;background:#00e676;border-radius:50%;position:absolute;bottom:2px;right:2px}.inbox-profile-image-container{position:relative;flex-shrink:0;display:flex}.profile-container .inbox-details{flex-grow:1;display:flex;flex-direction:column;gap:2px;min-width:0}.inbox-last-message-line{display:flex;justify-content:space-between;align-items:center;gap:8px}.profile-container .last-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.profile-container .last-message.typing{color:#007bff;font-style:italic}.profile-container .unread-count{background-color:#007bff;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:12px;flex-shrink:0}.inbox-time-line{display:flex;justify-content:flex-end}.profile-container .inbox-time{font-size:10px;color:#6c757d}.profile-container .profile-name{font-weight:600}.inbox-time{display:flex;align-items:end;justify-content:end;font-size:8px;font-weight:700;color:#787878;padding-right:10px}.inbox-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #dbdbdb;background:#fff;padding:0 10px;scrollbar-width:none}.inbox-tab{padding:12px 16px;font-size:.95rem;font-weight:600;color:#777;background:none;border:none;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px}.inbox-tab:hover{background-color:#f9f9f9;color:#333}.inbox-tab.active{color:#007bff;border-bottom-color:#007bff}.inbox-profile-image-container{position:relative;margin-right:12px}.inbox-profile-image-container .profile-image{width:50px;border-radius:50%;overflow:hidden;margin-top:5px;margin-left:5px}.inbox-profile-image-container .profile-image img{width:100%;height:100%;object-fit:cover}.inbox-online-dot{position:absolute;bottom:2px;left:2px;width:12px;height:12px;background-color:#2ecc71;border-radius:50%;border:2px solid white}.inbox-details{flex:1;display:flex;flex-direction:column;overflow:hidden;gap:4px;height:55px}.inbox-line-1,.inbox-line-2{display:flex;justify-content:space-between;width:100%}.profile-name{font-weight:600;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-count{background-color:#007bff;color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;padding:2px 7px;margin-left:8px;min-width:20px;text-align:center}.inbox-side-text{font-size:.9rem;font-weight:600;color:#2c2c2c;white-space:nowrap;margin-left:8px}.inbox-loading,.inbox-error,.inbox-empty{padding:40px 20px;text-align:center;color:#777;font-style:italic}.inbox-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0;border-radius:13px;font-size:11px;line-height:1;transition:transform .12s ease,opacity .12s ease;transform-origin:center;background:var(--accent-color, #e53935);color:#fff;margin-left:10px}.inbox-badge.hidden{opacity:0;transform:scale(.92);pointer-events:none}.inbox-side-text{color:var(--muted, #777);margin-left:10px;font-size:13px}.unread-badge{position:absolute;left:25px;background-color:#ff4d4f;color:#fff;font-size:8px;font-weight:700;border-radius:50%;padding:5px 0;min-width:22px;text-align:center;line-height:1.2;z-index:10;box-shadow:0 1px 3px #0003;border:2px white solid}.inbox-tab-count{position:absolute;top:1px;right:-5px;background-color:#ff4d4f;color:#fff;font-size:10px;font-weight:700;border-radius:50%;padding:5px 2px;min-width:18px;text-align:center;line-height:1.2;z-index:400}.side-bar-content{position:relative}.last-message{font-size:.75rem}.last-message.unread{font-weight:700;color:#3a91ed}.profile-name.unread{font-weight:700;color:#111;font-size:.8rem}.inbox-tab{position:relative}.main-chat-profile-container{height:fit-content}.main-chat-left-page{background-color:#efefef;padding-top:20px}.profile-chat-container{border:none;border-radius:10px;background-color:#f8f8f8;height:fit-content;padding:5px 10px}.profile-chat-container .profile-image{margin:0;display:flex;justify-content:center;align-items:center}.profile-chat-container .profile-image{width:50px;height:50px;align-self:center}.inbox-search-bar{padding:10px 15px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:10}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper input{width:100%;padding:10px 10px 10px 35px;border-radius:20px;border:1px solid #e1e1e1;background-color:#f5f6f8;font-size:.9rem;transition:all .2s}.search-input-wrapper input:focus{background-color:#fff;border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.search-icon{position:absolute;left:12px;color:#888;font-size:.9rem}.profile-chat-container{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f9f9f9;transition:background-color .2s ease;position:relative}.profile-chat-container:hover{background-color:#f5f7f9}.profile-chat-container.active{background-color:#e6f2ff;border-left:4px solid #007bff}.profile-chat-container.active .profile-name{color:#007bff}.inbox-profile-image-container{position:relative;margin-right:12px;flex-shrink:0}.profile-image img{width:48px;height:48px;border-radius:50%;object-fit:cover}.inbox-online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#28a745;border:2px solid white;border-radius:50%}.inbox-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.inbox-line-1,.inbox-line-2{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}@media (max-width: 768px){.unread-badge{position:absolute;left:15px;top:-8px}}.notification-banner{display:flex;justify-content:space-between;align-items:center;padding:16px;margin:16px;border-radius:8px;background-color:#f0f8ff;border:1px solid #b6d4fe;color:#004085;box-shadow:0 2px 8px #0000001a}.notification-banner .banner-text{flex-grow:1;margin-right:16px}.notification-banner .banner-text p{margin:4px 0 0;font-size:.9em}.notification-banner .banner-actions{display:flex;gap:10px;flex-shrink:0}.notification-banner .banner-btn{padding:8px 16px;border:none;border-radius:5px;font-weight:700;cursor:pointer;white-space:nowrap}.notification-banner .banner-btn.enable{background-color:#007bff;color:#fff}.notification-banner .banner-btn.dismiss{background-color:transparent;color:#007bff;border:1px solid #007bff}@media (max-width: 600px){.notification-banner{flex-direction:column;align-items:flex-start}.notification-banner .banner-actions{margin-top:12px}}.post-body{background-color:#f4f6f8;display:flex;justify-content:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:#222;padding-bottom:60px}.main-post-page{margin-top:20px;background:#fff;width:100%;max-width:700px;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden;display:flex;flex-direction:column;height:fit-content;margin-bottom:20px}.top-post-nav{padding:15px 20px;border-bottom:1px solid #f0f0f0;background:#fff;display:flex;align-items:center}.posting-page{display:flex;flex-direction:column;padding:20px;align-items:center}.photo-camera-option{display:flex;width:100%}.post-photo-and-button{display:flex;flex-direction:column;align-items:center;background:#fafafa;padding:15px;border-radius:16px;border:1px solid #eee}.add-a-photo{width:180px;height:180px;background-color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#999;font-weight:600;border:2px dashed #ccc;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.add-a-photo:hover{background-color:#f9f9f9;border-color:#4caf50;color:#4caf50}.preview-container{width:100%;height:100%;position:relative}.photo-preview{width:100%;height:100%;object-fit:cover;border-radius:10px}.remove-photo-btn{position:absolute;top:5px;right:5px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.camera-button{align-content:center;margin-top:12px;background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7;border-radius:8px;padding:8px 20px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.camera-button:hover{background:#c8e6c9}.template-selector-container{width:40%;border-bottom:1px solid #f0f0f0;padding:10px;height:100%}.template-heading{font-weight:700;font-size:1rem;margin-bottom:10px;color:#333;padding-left:5px}.templates-scroll-wrapper{gap:12px;padding:5px;-ms-overflow-style:none;scrollbar-width:none}.templates-scroll-wrapper::-webkit-scrollbar{display:none}.template-card{flex:0 0 auto;width:130px;height:100px;background:#fff;border:2px solid #eee;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s}.template-card.selected{border-color:#007bff;background-color:#f0f7ff;box-shadow:0 4px 12px #007bff26}.template-icon{font-size:1.8rem;margin-bottom:4px}.template-features{font-size:.7rem;color:#666;background:#0000000d;padding:2px 6px;border-radius:4px}.post-inputs{width:100%;display:flex;flex-direction:column;gap:15px}.post-inputs p,.post-inputs label{font-weight:600;font-size:.9rem;color:#444;margin-bottom:6px;display:block;text-align:left}.post-inputs input[type=text],.post-inputs input[type=number],.post-inputs select,.description-input textarea{width:100%;border:1px solid #ccc;border-radius:8px;padding:10px 12px;font-size:1rem;background:#fff;outline:none;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.post-inputs input:focus,.post-inputs select:focus,.description-input textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.description-input textarea{height:100px;resize:none}.price-input .currency-price{display:flex;gap:8px}.post-inputs select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto;padding-right:1.5em}.button-action-selector{margin-top:10px;padding:15px;background:#f8f9fa;border-radius:12px}.button-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.button-options label{display:inline-flex;align-items:center;background-color:#fff;color:#555;border:1px solid #ddd;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:0}.button-options input[type=radio]:checked+label{background-color:#007bff;color:#fff;border-color:#007bff;box-shadow:0 4px 10px #007bff33}.save-post{margin-top:10px}.save-post button{width:100%;background:#222;color:#fff;border:none;padding:14px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}.tap-to-post:hover{background-color:#43a047}@media (max-width: 700px){.post-body{padding:0;background:#fff}.main-post-page{margin-top:0;border-radius:0;box-shadow:none;margin-bottom:60px}.posting-page{padding:15px}.photo-camera-option{margin-bottom:10px}.add-a-photo{width:140px;height:140px}.save-post{display:none}.tap-to-post{position:fixed;bottom:0;left:0;right:0;z-index:1000;box-shadow:0 -4px 15px #0000001a}}@media (min-width: 701px){.tap-to-post{display:none}}.template-card{flex:0 0 auto;background:#fff;border:2px solid #eee;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s ease;color:#555}.template-card:hover{transform:translateY(-2px);border-color:#bbb}.template-card.selected{border-color:#4caf50;background-color:#e8f5e9;color:#2e7d32;box-shadow:0 4px 12px #4caf5033}.template-card.selected .template-icon{transform:scale(1.1);transition:transform .2s}.button-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;justify-content:flex-start}.button-options label{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#666;border:1px solid #ddd;border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.button-options label:hover{background-color:#f1f1f1;border-color:#ccc}.button-options label.checked{background-color:#4caf50;color:#fff;border-color:#4caf50;box-shadow:0 4px 10px #4caf504d;transform:translateY(-1px)}.button-options input[type=radio]{display:none}.save-post button{width:100%;background:#222;color:#fff;border:none;padding:14px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.save-post button:hover{background:#000}.save-post button:active{transform:scale(.98);background:#333}.tap-to-post{text-align:center;background-color:#4caf50;color:#fff;font-weight:700;font-size:1.1rem;height:55px;display:flex;align-items:center;justify-content:center;border-top:1px solid #388e3c;cursor:pointer;transition:background .2s;width:100%}.tap-to-post:active{background-color:#388e3c}.dynamic-section{background:#f8f9fa;padding:15px;border-radius:10px;margin-top:15px;border:1px solid #e9ecef}.section-title{font-weight:600;font-size:14px;color:#333;margin-bottom:10px}.dynamic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dynamic-input-group label{display:block;font-size:12px;color:#666;margin-bottom:4px}.dynamic-input-group input,.dynamic-input-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff}.custom-spec-row{display:flex;gap:10px;margin-bottom:8px}.custom-spec-row input{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px}.remove-spec-btn{background:#ffebee;color:#d32f2f;border:none;border-radius:6px;width:30px;cursor:pointer}.add-spec-btn{width:100%;padding:10px;background:#e3f2fd;color:#1976d2;border:1px dashed #1976d2;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;margin-top:5px}.description-input input.post-title-input{width:100%;padding:12px;font-family:inherit;font-size:1rem;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;resize:vertical}.description-input input.post-title-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.template-preview{width:100%;height:120px;border:1px solid #ccc;border-radius:5px;background:#fff;padding:8px;display:flex;flex-direction:column;margin-top:10px}.preview-image{width:100%;height:50px;background-color:#e0e0e0;border-radius:4px}.preview-title{width:80%;height:10px;background-color:#d0d0d0;border-radius:4px;margin-top:8px}.preview-price{width:40%;height:8px;background-color:#e0e0e0;border-radius:4px;margin-top:6px}.preview-price-spacer{height:8px;margin-top:6px}.preview-button{width:100%;height:20px;background-color:#007bff;color:#fff;font-size:.7rem;font-weight:500;border-radius:4px;margin-top:auto;display:flex;align-items:center;justify-content:center}.button-options label.disabled{background-color:#f4f4f4;color:#aaa;cursor:not-allowed;border-color:#eee;text-decoration:line-through}.button-options label.disabled:hover{background-color:#f4f4f4}@media (max-width: 768px){.template-selector-container{border:1px solid #f0f0f0;padding-bottom:5px}.template-heading{font-size:14px;justify-self:center;color:#8a8787;padding-left:0}.templates-scroll-wrapper::-webkit-scrollbar{display:none}.template-card{flex:0 0 auto;background:#fff;border:2px solid #eee;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s}.template-card:hover{transform:translateY(-2px);border-color:#bbb}.template-card.selected{border-color:#007bff;background-color:#f0f7ff;box-shadow:0 4px 12px #007bff26}.template-icon{font-size:1.8rem;margin-bottom:4px}.template-features{font-size:.7rem;color:#666;background:#0000000d;padding:2px 6px;border-radius:4px}}.post-photo-and-button{width:75%}.templates-scroll-wrapper{flex-direction:row;overflow-x:hidden;overflow-y:auto;gap:12px;padding:0 10px;width:100%;height:250px}.template-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.6;transition:opacity .2s;margin-bottom:10px}.template-card.selected{opacity:1;font-weight:700}.template-visual-img{width:90px;height:auto;object-fit:cover;border-radius:8px;border:2px solid transparent}.template-card.selected .template-visual-img{border-color:#007bff}.template-name{font-size:9px;text-align:center;margin-top:5px;line-height:1.2;white-space:normal}.template-heading{font-size:12px}@media (max-width: 500px){.template-card{width:80px;height:80px;padding:5px}.template-visual-img{width:50px}.template-heading{font-size:9px;text-align:center;margin:0;padding:2px;border-radius:5px;background-color:#f8f8f8}.templates-scroll-wrapper{gap:12px;padding:10px;width:100%;height:175px}}@media (min-width: 600px){.template-card{width:120px;height:100px;padding:5px;justify-self:center}.template-visual-img{width:50px}.template-heading{font-size:10px}.templates-scroll-wrapper{gap:12px;padding:10px;width:100%;height:200px}}.template-selector-container{border:1px solid #dcdcdc;border-radius:10px;margin:0 20px}.single-mode .post-photo-and-button{width:100%}.currency-price{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.currency-selector select{border-radius:6px;border:1px solid #ccc;width:120px;padding:10px 12px;background-color:#fff;font-size:14px;cursor:pointer;transition:border-color .2s ease}.currency-selector select:hover,.currency-selector select:focus{border-color:#4caf50;outline:none}.grouping-section{margin-top:20px;display:flex;flex-direction:column;gap:12px}.section-label{font-size:.95rem;font-weight:600;color:#333;margin-bottom:5px;display:block}.agent-input-group{position:relative;width:100%;display:flex;align-items:center}.agent-input-group .input-icon{position:absolute;left:14px;color:#888;font-size:1.1rem;z-index:10;pointer-events:none}.clean-input{width:100%;padding:14px 14px 14px 45px;font-size:1rem;border:1px solid #e0e0e0;border-radius:10px;background-color:#f9f9f9;color:#333;transition:all .2s ease-in-out;outline:none;font-family:inherit}.clean-input:focus{background-color:#fff;border-color:#333;box-shadow:0 4px 12px #0000000d}.clean-input::placeholder{color:#aaa;font-weight:400}input[type=date].clean-input{min-height:50px}.agent-helper-text{font-size:.8rem;color:#888;line-height:1.4;margin-top:4px;margin-left:5px;font-style:italic}.edit-body{display:flex;justify-content:center;padding:2rem;background-color:#fafafa;min-height:100vh}.main-edit-page{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:600px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1.5rem}.top-edit-nav{display:flex;align-items:center;gap:1rem}.top-edit-nav h2{font-size:1.5rem;font-weight:600;margin:0}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.photo-section{display:flex;flex-direction:column;align-items:center;gap:.8rem}.edit-preview{width:200px;height:200px;object-fit:cover;border-radius:16px;border:2px solid #e0e0e0}#edit-photo-input{font-size:.9rem;cursor:pointer}.edit-fields{display:flex;flex-direction:column;gap:1rem}.edit-fields label{font-weight:500;margin-bottom:.25rem}.edit-fields textarea{width:100%;min-height:100px;padding:.6rem;border-radius:8px;border:1px solid #ddd;resize:vertical}.currency-price{display:flex;align-items:center;gap:.5rem}.currency-price input{flex:1;padding:.6rem;border:1px solid #ddd;border-radius:8px}.edit-fields button{padding:.75rem 1rem;border:none;border-radius:8px;background:#007bff;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.edit-fields button:hover{background:#0056d2}.edit-fields button:disabled{background:#9bbff9;cursor:not-allowed}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.auth-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 8px 20px #0000001a;width:320px;text-align:center}.auth-card h2{margin-bottom:8px;font-size:1.5rem}.auth-card p{margin-bottom:16px;color:#555}.auth-card input{width:100%;padding:10px;margin:8px 0;border-radius:6px;border:1px solid #ccc;font-size:1rem}.auth-card button{width:100%;padding:10px;margin-top:12px;border:none;background-color:#28a745;color:#fff;font-size:1rem;border-radius:6px;cursor:pointer}.auth-card .auth-error{color:red;margin-bottom:8px}.auth-link{color:#007bff;cursor:pointer}.auth-form{width:100%}.profile-image-upload{display:block;margin:10px auto 20px;cursor:pointer}.profile-image-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #eee;box-shadow:0 4px 10px #0000001a}.profile-image-placeholder{width:120px;height:120px;border-radius:50%;background:#f8f9fa;border:2px dashed #ccc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.profile-image-placeholder span:first-child{font-size:2rem;font-weight:300;line-height:1}.profile-image-placeholder span:last-child{font-size:.9rem;margin-top:5px}.password-wrapper{position:relative;width:100%}.password-wrapper input{width:100%;padding-right:45px!important;box-sizing:border-box}.password-toggle-icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;color:#888;z-index:2}.password-toggle-icon:hover{color:#333}.setup-card{max-width:500px}.form-group{width:100%;margin-bottom:5px}.setup-label{display:block;text-align:left;font-weight:600;font-size:.85rem;color:#555;margin-bottom:6px;margin-top:10px}.phone-input{display:flex;align-items:center;border:1px solid #ccc;border-radius:6px;padding:5px 10px;background:#fff}.PhoneInputInput{border:none;outline:none;font-size:1rem;padding:8px 5px;width:100%}.password-requirements{margin-top:-10px;margin-bottom:15px;background:#f8f9fa;padding:10px;border-radius:6px;font-size:.8rem}.password-requirements p{margin:4px 0;display:flex;align-items:center;gap:8px;color:#6c757d;transition:color .3s ease}.password-requirements p.valid{color:#28a745;font-weight:500}.password-requirements p.invalid svg{color:#dee2e6;font-size:.6rem}.password-requirements p.valid svg{font-size:.8rem}.match-feedback{font-size:.8rem;margin-top:-10px;margin-bottom:15px;text-align:right}.valid-text{color:#28a745}.invalid-text{color:#dc3545}button:disabled,.btn-disabled{background-color:#ccc!important;cursor:not-allowed!important;opacity:.7}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.flow-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;padding:20px;box-sizing:border-box}.flow-card{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000012;width:100%;max-width:650px;padding:10px;box-sizing:border-box}.flow-title{text-align:center;font-size:1.5rem;font-weight:700;color:#333;margin-top:0;margin-bottom:25px}.form-header{font-size:1.1rem;font-weight:600;color:#555;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;justify-self:center}.setup-label{display:block;font-weight:600;font-size:.9rem;color:#495057;margin-bottom:8px;margin-top:18px}.setup-input,.setup-textarea,.setup-select{width:100%;padding:12px 14px;font-size:1rem;font-family:inherit;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.setup-input:focus,.setup-textarea:focus,.setup-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.setup-textarea{resize:vertical;min-height:90px}.setup-select{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-13%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2013l128%20128c3.6%203.6%207.8%205.4%2013%205.4s9.4-1.8%2013-5.4L287%2095c3.6-3.6%205.4-7.8%205.4-13%200-5-1.8-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 14px center;background-size:10px;padding-right:30px}.location-header,.social-header{font-size:1rem;font-weight:600;color:#007bff;margin-top:30px;margin-bottom:10px;padding-top:15px;border-top:1px dashed #eee}.form-radio-group{display:flex;flex-direction:column;gap:10px;background:#f8f9fa;padding:15px;border-radius:8px;margin-top:10px}.form-radio-group label{display:flex;align-items:center;gap:10px;font-size:.95rem;cursor:pointer}.form-radio-group input[type=radio]{width:16px;height:16px;cursor:pointer}.form-group .setup-input{width:100%}.delivery-location-list{display:flex;flex-direction:column;gap:10px}.location-input-group{display:flex;gap:10px}.location-input-group .setup-input{flex:1}.location-remove-btn{background:#fff;border:1px solid #dc3545;color:#dc3545;font-weight:700;font-size:1.2rem;border-radius:6px;width:45px;height:45px;cursor:pointer;transition:all .2s}.location-remove-btn:hover{background:#dc3545;color:#fff}.location-add-btn{width:100%;margin-top:10px;background:#f8f9fa;border:1px dashed #007bff;color:#007bff;padding:10px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.location-add-btn:hover{background:#e9ecef}.location-add-btn:disabled{opacity:.6;cursor:not-allowed}.form-note{background:#e3f2fd;color:#0d47a1;padding:15px;border-radius:8px;font-size:.9rem;margin-bottom:15px}.flow-nav{margin-top:30px;border-top:1px solid #eee;padding-top:20px;display:flex;justify-content:flex-end}.nav-next{background-color:#007bff;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.nav-next:hover{background-color:#0056b3}.nav-next:disabled{background-color:#ccc;cursor:not-allowed}.flow-confirm{text-align:center}.flow-confirm h3{color:#28a745;font-size:1.5rem;margin-bottom:15px}.flow-summary{font-size:1.1rem;color:#555;line-height:1.6}.flow-btn{background-color:#007bff;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:20px}.flow-btn:hover{background-color:#0056b3}.flow-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #eef2f6}.nav-back,.nav-next{padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit}.nav-back{background-color:transparent;border:1px solid #d1d5db;color:#64748b}.nav-back:hover{background-color:#f8fafc;color:#334155;border-color:#94a3b8;transform:translate(-2px)}.nav-next{background:linear-gradient(135deg,#004085,#0056b3);border:none;color:#fff;box-shadow:0 4px 6px #00408533;min-width:140px}.nav-next:hover:not(:disabled){background:linear-gradient(135deg,#036,#004085);transform:translateY(-2px);box-shadow:0 6px 12px #0040854d}.nav-next:active:not(:disabled){transform:translateY(0)}.nav-next:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 500px){.flow-nav{flex-direction:column-reverse;gap:1rem}.nav-back,.nav-next{width:100%;justify-content:center}.nav-back{border:none;color:#94a3b8;padding:.5rem}}.business-form-container{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000a;border:1px solid #eee}.section-header{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0f0f0;padding-bottom:.5rem}.avatar-upload-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}.avatar-preview-wrapper{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 14px #0000001a;background:#f8f9fa;cursor:pointer;transition:transform .2s}.avatar-preview-wrapper:hover{transform:scale(1.02)}.avatar-label{width:100%;height:100%;display:flex;cursor:pointer}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;font-size:.8rem;gap:5px}.avatar-overlay{position:absolute;bottom:0;left:0;width:100%;background:#0009;color:#fff;font-size:.7rem;padding:4px;text-align:center;display:flex;justify-content:center;align-items:center;gap:5px;opacity:0;transition:opacity .2s}.avatar-preview-wrapper:hover .avatar-overlay{opacity:1}.form-hint{font-size:.8rem;color:#888;margin-top:.5rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#888;z-index:2}.setup-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;transition:border-color .2s;margin-bottom:1rem}.setup-input:focus{border-color:#4a90e2;outline:none}.setup-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;min-height:100px;font-family:inherit;resize:vertical;margin-bottom:1rem}.operation-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;justify-content:center}.op-card{border:2px solid #eee;border-radius:10px;padding:1rem;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;background:#fafafa}.op-card:hover{background:#fff;border-color:#ccc}.op-card.active{border-color:#4a90e2;background:#f0f7ff}.op-icon{font-size:1.5rem;color:#555}.op-card.active .op-icon{color:#4a90e2}.op-info span{display:block;font-weight:600;font-size:.95rem}.op-info small{color:#777;font-size:.8rem}.online-notice{background:#fff3cd;color:#856404;padding:10px;border-radius:6px;font-size:.85rem;margin-bottom:1rem;border-left:4px solid #ffeeba}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-grid-2{grid-template-columns:1fr}}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.social-input-group{display:flex;align-items:center}.social-badge{background:#eee;width:35px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px 0 0 8px;font-weight:700;color:#555;text-transform:uppercase;font-size:.8rem;border:1px solid #ddd;border-right:none;margin-bottom:1rem}.social-input{border-radius:0 8px 8px 0;padding-left:12px}.setup-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;height:120px;resize:none;font-family:inherit;margin-bottom:1rem;transition:border-color .2s}.setup-textarea:focus{border-color:#4a90e2;outline:none}.setup-select{appearance:none;background-color:#fff;cursor:pointer}.update-profile-container{max-width:500px;margin:80px auto;background-color:#fff;border-radius:16px;padding:28px;box-shadow:0 6px 16px #00000014;font-family:Inter,Segoe UI,sans-serif;color:#333}.update-profile-container h2{font-size:1.6rem;font-weight:600;text-align:center;margin-bottom:24px;color:#111}.update-profile-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;font-size:.95rem;color:#555}.image-preview-container{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;cursor:pointer;transition:transform .2s ease}.image-preview-container:hover{transform:scale(1.03)}.preview-img{width:100%;height:100%;object-fit:cover}.placeholder-avatar{font-size:2rem;color:#888;background-color:#e5e7eb;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.camera-overlay{position:absolute;bottom:6px;right:6px;background:#0000008c;color:#fff;font-size:16px;padding:6px;border-radius:50%;transition:background .2s;pointer-events:none}.form-group input{padding:12px 14px;border:1.5px solid #ddd;border-radius:10px;font-size:.95rem;transition:border-color .25s,box-shadow .25s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.button-submit{width:100%;padding:13px;font-size:1rem;border:none;border-radius:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 10px #2563eb40;cursor:pointer;transition:all .25s ease}.button-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.button-submit:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 600px){.update-profile-container{margin:60px 16px;padding:20px}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full-width{grid-column:span 2}.category-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;background-color:#fff;font-size:14px}.bio-textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-family:inherit;resize:vertical}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.phone-input{display:flex;align-items:center;border:1px solid #ccc;border-radius:6px;padding:5px 10px;background:#fff;transition:border-color .2s,box-shadow .2s}.phone-input:hover{border-color:#007bff}.PhoneInputCountry{margin-right:5px}.PhoneInputInput{border:none;outline:none;font-size:1rem;padding:8px 5px;width:100%;background:transparent}.locked-location-field{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:1rem;border:1px solid #eee;border-radius:6px;background-color:#f8f9fa;color:#555}.locked-location-field .location-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locked-location-field .change-location-btn{background:none;border:none;color:#007bff;font-weight:600;cursor:pointer;padding:0 0 0 10px;font-size:.9rem}.locked-location-field .change-location-btn:hover{text-decoration:underline}.report-issue-btn{background:none;border:1px solid #d9534f;color:#d9534f;font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:5px;cursor:pointer;margin-top:5px;transition:all .2s}.report-issue-btn:hover{background-color:#fbebee;color:#c82333}.modal-content.complaint-modal{max-width:500px}.complaint-form{display:flex;flex-direction:column;gap:15px;padding:10px 20px 20px}.complaint-form p{margin:0;font-size:.9rem;color:#555}.complaint-form label{font-weight:600;font-size:.9rem;color:#333;margin-bottom:-10px}.complaint-form select,.complaint-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:inherit;box-sizing:border-box}.complaint-form textarea{min-height:100px;resize:vertical}.complaint-form .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #eee;margin-top:10px}.order-name{display:flex;align-items:center;gap:6px}.complaint-badge{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background-color:#d9534f;color:#fff;font-weight:700;font-size:.8rem;flex-shrink:0;cursor:help}.order-item.disputed{border-left:4px solid #d9534f}.order-item.disputed.selected{border-left-width:6px}.complaint-details-box{border:2px solid #d9534f;background-color:#fbebee;border-radius:8px;padding:15px;margin:10px 0 20px}.complaint-details-box h4{margin-top:0;color:#c82333;display:flex;align-items:center;gap:8px;font-size:1.1rem}.complaint-details-box p{margin:5px 0;font-size:.9rem;line-height:1.4}.complaint-details-box p strong{color:#333}.complaint-details-box p:last-child{margin-bottom:0}.complaint-details-box.closed{border-color:#28a745;background-color:#e6f4ea}.complaint-details-box.closed h4{color:#1e7e34}.payment-method-selector{margin:20px 0;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000008}.payment-method-title{margin:0 0 14px;font-size:.95rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.payment-label{display:flex;align-items:center;padding:12px 14px;border:1px solid #eee;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s ease-in-out;background-color:#fafafa;position:relative}.payment-label:last-child{margin-bottom:0}.payment-label:not(.disabled):hover{background-color:#f0f0f0;border-color:#ccc}.payment-label.selected{background-color:#fdfdfd;border-color:#222;box-shadow:0 0 0 1px #222}.payment-label.disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5;border-color:#eee}.payment-radio{margin-right:14px;width:18px;height:18px;accent-color:#000;cursor:pointer}.payment-label.disabled .payment-radio{cursor:not-allowed}.payment-content{display:flex;flex-direction:column;justify-content:center}.payment-row{display:flex;align-items:center;font-weight:500;color:#222;font-size:.95rem}.payment-icon{margin-right:10px;font-size:1.1rem}.payment-icon.card{color:#555}.payment-icon.wallet{color:#e67e22}.wallet-balance-text{font-size:.8rem;margin-top:4px;font-weight:500;margin-left:28px}.balance-sufficient{color:#27ae60}.balance-insufficient{color:#e74c3c}.order-list{width:100%;max-width:900px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333;box-sizing:border-box}ul{list-style:none;padding:0;margin:0}.tab-buttons{display:flex;gap:12px;margin-bottom:25px;padding:5px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tab{background:transparent;border:none;padding:10px 20px;border-radius:25px;font-size:.95rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.tab:hover{background:#f0f0f0;color:#333}.tab.active{background:#333;color:#fff;box-shadow:0 4px 10px #0003}.order-item,.history-card{display:flex;align-items:center;background:#fff;border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 4px 12px #0000000d;border:1px solid #f0f0f0;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;gap:16px;position:relative;overflow:hidden}.order-item:hover,.history-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#e0e0e0}.order-item.selected{border:2px solid #007bff;background-color:#fcfdff}.order-item-image,.history-image{width:70px;height:70px;border-radius:8px;object-fit:cover;flex-shrink:0;background-color:#eee;border:1px solid #f0f0f0}.order-info,.history-details{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.order-name,.history-title{font-size:1.05rem;font-weight:700;color:#222;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-seller,.history-meta{font-size:.85rem;color:#777;margin-bottom:2px}.order-qty-price,.history-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:100px}.order-price,.history-price{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:6px}.order-status,.history-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.order-status.delivered,.history-badge{background-color:#e6f9ed;color:#28a745}.order-status.processing,.order-status.agent-pending{background-color:#fff8e1;color:#f57c00}.order-status.cancelled{background-color:#fbe9e7;color:#d32f2f}.order-status.shipped,.order-status.out-for-delivery{background-color:#e3f2fd;color:#0277bd}.empty-state{text-align:center;padding:40px 20px;color:#999;font-style:italic;background:#f9f9f9;border-radius:10px;border:1px dashed #ddd}.print-container{margin-top:20px;text-align:right}.btn-print{background:#fff;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;color:#555;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-print:hover{background:#f8f9fa;border-color:#bbb;color:#333}.lightbox-overlay{animation:fadeIn .2s ease-out}@media (max-width: 768px){.order-item,.history-card{padding:12px;gap:12px}.order-item-image,.history-image{width:60px;height:60px}.order-name,.history-title,.order-price,.history-price{font-size:1rem}}@media (max-width: 450px){.order-item,.history-card{flex-wrap:wrap;padding:12px 10px}.order-item-image,.history-image{width:50px;height:50px}.order-info,.history-details{min-width:calc(100% - 70px)}.order-qty-price,.history-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f5f5f5}.order-price,.history-price{margin-bottom:0}}@media print{body *{visibility:hidden}.tab-buttons,.btn-print,.lightbox-overlay{display:none!important}#printable-history,#printable-history *{visibility:visible}#printable-history{display:block;position:absolute;left:0;top:0;width:100%;background:#fff;padding:20px}.print-table{width:100%;border-collapse:collapse;margin-top:20px}.print-table th,.print-table td{border-bottom:1px solid #ddd;padding:8px;text-align:left;font-size:12pt}.letterhead{display:flex;justify-content:space-between;border-bottom:2px solid #000;padding-bottom:10px;margin-bottom:20px}.print-footer{margin-top:30px;display:flex;justify-content:flex-end}.total-box{width:40%;border:1px solid #000;padding:10px}.total-row{display:flex;justify-content:space-between;margin-bottom:5px}.grand-total{font-weight:700;border-top:1px solid #000;padding-top:5px}}.order-manager{display:flex;width:100%;height:100vh;background:#fff;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.order-list{width:45%;padding:20px;border-right:2px solid #e0e0e0;overflow-y:auto;background:#fff;display:flex;flex-direction:column}.order-list h2{font-size:1.5rem;margin-bottom:15px}.order-item{padding:10px 15px;margin-bottom:10px;border-radius:8px;transition:background .2s ease-in-out;display:flex;justify-content:space-between;align-items:center}.order-item:hover{background:#e9edf1}.order-name{font-weight:600;flex:1}.order-price{font-weight:700;color:#444;padding-right:10px}.cancel-btn{background:transparent;border:none;color:#ff5c5c;font-size:1.2rem;cursor:pointer;transition:color .2s ease-in-out}.cancel-btn:hover{color:#e02424}.order-qty-price{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.quantity-control{display:flex;align-items:center;gap:5px}.quantity-control button{background:#e0e0e0;border:none;border-radius:4px;width:25px;height:25px;font-size:1.1rem;cursor:pointer;transition:background .2s ease-in-out}.quantity-control button:hover{background:#ccc}.quantity-control input{width:40px;text-align:center;border:1px solid #ccc;border-radius:4px;height:25px}.order-summary{background:#fdfdfd;border:1px solid #e0e0e0;padding:12px 15px;margin-top:15px;border-radius:6px;box-shadow:0 1px 3px #0000000d}.order-summary h4{margin-bottom:10px;font-size:1.1rem;color:#222}.order-summary p{margin:4px 0;display:flex;justify-content:space-between}.order-summary .total-line{font-size:1.1rem;color:#000;font-weight:700}.address-section{margin-top:25px;background:#fdfdfd;border:1px solid #e0e0e0;padding:15px;border-radius:6px}.address-section h3{margin-bottom:8px}.address-text{margin-bottom:10px;color:#555}.address-btn,.address-save,.address-cancel,.pay-btn{display:inline-block;background:#188a58;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;margin-top:8px;transition:background .2s ease-in-out}.address-btn:hover,.address-save:hover,.pay-btn:hover{background:#188a58}.address-cancel{background:#ccc;color:#333;margin-left:8px}.address-cancel:hover{background:#999}.address-edit{display:flex;align-items:center;gap:6px}.address-edit input{flex:1;padding:5px 8px;border-radius:4px;border:1px solid #ccc}.order-detail{width:55%;background:#fafafa;overflow-y:auto}.progress-container{display:flex;justify-content:space-between;margin-bottom:10px}.step{text-align:center;flex:1;position:relative}.step-circle{width:28px;height:28px;line-height:28px;border-radius:50%;background:#ccc;color:#fff;margin:0 auto}.step.active .step-circle{background:#28a745}.step-label{margin-top:4px;font-size:.85rem}.progress-bar{height:6px;background:#ddd;border-radius:3px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:#28a745;transition:width .5s ease-in-out}.empty-state,.success-section{margin-top:50px}.qr-placeholder{width:180px;height:180px;background:#f1f1f1;border:2px dashed #ccc;margin:20px auto;display:flex;justify-content:center;align-items:center;color:#666;border-radius:8px}.tracking h4{margin-bottom:5px;color:#333}.tracking p{font-weight:700;font-size:1.1rem;letter-spacing:1px;color:#007bff}.back-btn{background:transparent;border:1px solid #888;color:#333;padding:8px 15px;border-radius:6px;cursor:pointer;font-size:.9rem;margin-top:10px}.back-btn:hover{background-color:#f2f2f2}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modal{background:#fff;padding:25px;border-radius:10px;width:400px;box-shadow:0 2px 10px #00000040}.modal h3{margin-bottom:10px}.agent-list{list-style:none;padding:0;margin-bottom:10px}.agent-list li{margin-bottom:8px}.agent-list label{cursor:pointer}textarea{width:100%;height:70px;border-radius:6px;border:1px solid #ccc;padding:8px;resize:none;font-size:13px;margin-bottom:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{background:#28a745;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.cancel-btn{background:#dc3545;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.confirm-btn:hover{background:#218838}.cancel-btn:hover{background:#c82333}.tab-buttons{display:flex;gap:8px;margin-right:5%}.tab{flex:1;padding:10px 12px;background:#f2f2f2;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab.active{background:#188a58;color:#fff;box-shadow:0 2px 6px #0000001a}.tab:hover:not(.active){background:#e6e6e6}.order-item.history{display:flex;justify-content:space-between;align-items:center;background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:10px 12px;margin-bottom:10px}.order-item.history .order-info{display:flex;flex-direction:column}.order-item.history .order-date{font-size:.85rem;color:#888;margin-top:3px}.history-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 4px #00000014;min-height:300px}.history-section h2{margin-bottom:8px}.summary-box{margin-top:20px;background:#f9f9f9;border-radius:10px;padding:16px;width:100%;text-align:left;border:1px solid #e0e0e0}.summary-box p{font-size:.95rem;color:#444;margin-bottom:12px}.summary-box .pay-btn{padding:10px 18px;background:#007bff;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.summary-box .pay-btn:hover{background:#005dc1}.tab-content{animation:fadeSlideIn .35s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.seller-list{display:flex;flex-direction:column;gap:1.5rem}.seller-group{background:#f8f8f8;border:1px solid #ddd;border-radius:10px;padding:12px 15px;box-shadow:0 2px 4px #0000000d}.seller-name{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:5px}.order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:.3s ease;margin-bottom:6px}.order-item:hover{border:1px solid #bbb;background:#f3f3f3}.order-item.selected{border:2px solid #3a8ef6;background:#eaf2ff}.order-name{font-weight:500;font-size:.95rem;color:#222}.order-name .small{font-size:.85rem;color:#666}.order-status{font-size:.85rem;font-weight:600;background:#666;padding:4px 10px;border-radius:12px;text-transform:capitalize}.order-status.paid{background:#2a9d8f}.order-status.delivered{background:#4caf50}.product-list{list-style:none;margin-top:10px;padding-left:10px}.product-list li{font-size:.95rem;color:#333;padding:2px 0}.qr-placeholder{background:#f1f1f1;border:2px dashed #bbb;height:160px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#777;margin-bottom:12px}.small-text{font-size:.85rem;color:#666;margin-bottom:8px}.tracking-input{width:95%;padding:10px;font-size:.95rem;border-radius:8px;border:1px solid #ccc;margin-bottom:15px;transition:border-color .2s}.tracking-input:focus{border-color:#057e11;outline:none}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;background-color:#fff;padding-left:5px;text-align:center;border-radius:10px}.tabs{display:flex;gap:8px}.tab-btn{padding:6px 14px;border:1px solid #ccc;background:#f4f4f4;border-radius:6px;cursor:pointer;transition:.3s ease}.tab-btn.active{background:#3a8ef6;color:#fff;border-color:#3a8ef6}.tab-btn:hover:not(.active){background:#e8e8e8}.delivered-time{color:#555;font-size:13px;margin-top:4px}.order-manager{display:flex;height:100vh;font-family:Segoe UI,sans-serif;background:#fff}.order-detail{flex:1;background:#fafafa;overflow-y:auto}h2,h3,h4{margin-bottom:10px;color:#333}.search-input{padding:8px 10px;border:1px solid #ccc;border-radius:6px;margin-bottom:15px;outline:none;font-size:14px;transition:border .2s}.search-input:focus{border-color:#007bff}.seller-section{margin-bottom:20px;border:1px solid #eee;border-radius:10px;background:#fefefe;box-shadow:0 1px 2px #0000000d}.seller-header{background:#f3f6fa;padding:10px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e5eb;border-radius:10px 10px 0 0}.seller-name{font-weight:600;color:#333}.toggle-icon{font-size:14px}.order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s,box-shadow .2s}.order-item:hover{background:#f7faff}.order-item.selected{border-left:3px solid #007bff;background:#eef6ff}.order-name{font-weight:500;color:#222}.order-address{font-size:13px;color:#666}.order-status{font-size:13px;font-weight:500;text-transform:capitalize;padding:4px 8px;border-radius:5px;background:#eee;color:#333}.order-status.paid{background:#e7f3ff;color:#0366d6}.order-status.delivered{background:#e6f9e8;color:#1d803b}.history-section{margin-top:25px;border-top:2px solid #f0f0f0;padding-top:15px}.history-list{list-style:none;padding:0;margin:0}.order-date{font-size:11px;color:#999}.empty-state{text-align:center;color:#777;padding-top:100px}.success-section{background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin:0 auto}.success-section h2{color:#007bff;margin-bottom:15px}.item-list{list-style:disc;padding-left:20px;color:#444;margin-bottom:15px}.qr-placeholder{background:#f1f3f7;color:#666;text-align:center;padding:60px 0;border-radius:8px;font-size:14px;margin-bottom:10px}.actions{display:flex;justify-content:center;gap:10px}.pay-btn,.back-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.pay-btn{background:#007bff;color:#fff}.pay-btn:hover{background:#006ae6}.back-btn{background:#eee;color:#333}.back-btn:hover{background:#ddd}.order-list ul{list-style:none;padding:0;margin:0}.order-list .empty{color:#666;font-style:italic}#history-table th{background:#fafafa;font-weight:600;text-align:left}#history-table td{vertical-align:top}@media print{body *{visibility:hidden}#history-table,#history-table *{visibility:visible}#history-table{position:absolute;left:0;top:0;width:100%}}.order-manager-agent{display:flex;flex-direction:column;height:100vh;background:#f8f9fb;font-family:Poppins,sans-serif}.tabs{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 5px;position:sticky;top:0;z-index:10}.tabs button{padding:6px 10px;border:none;border-radius:20px;background:#f1f1f1;cursor:pointer;transition:.3s;font-weight:500;color:#333}.tabs button.active{background:#188a58;color:#fff}.tabs .print-btn{margin-left:auto;background:#4caf50;color:#fff;border-radius:8px;padding:8px 15px;font-weight:500}.seller-block{margin-bottom:25px}.seller-header{display:flex;justify-content:space-between;align-items:center;background:#f5f6fa;padding:8px 10px;border-radius:8px;margin-bottom:8px}.seller-header h3{margin:0;font-size:15px;color:#333}.message-btn{background:#007bff;border:none;color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px;transition:.2s}.message-btn:hover{background:#0056b3}.order-layout{display:flex;height:calc(100vh + -0px);overflow:hidden}.order-list{width:36%;min-width:280px;border-right:1px solid #e9eef6;background:#fff;overflow-y:auto;padding:16px;scrollbar-width:none;gap:15px}.left-tabs{display:flex;gap:8px;align-items:center;margin-bottom:10px}.left-tab{background:#f1f5fb;border:none;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600;color:#1f2937}.left-tab.active{background:#007bff;color:#fff}.print-btn.small{margin-left:auto;background:#22c55e;color:#fff;border-radius:8px;padding:6px 10px;border:none;cursor:pointer;font-weight:600}.search-input{padding:10px 12px;border-radius:10px;border:1px solid #21722f;margin-bottom:12px;outline:none}.seller-section{margin-bottom:18px}.seller-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.seller-name{font-weight:700;color:#0f172a}.message-btn{background:#007bff;color:#fff;border:none;padding:6px 10px;border-radius:8px;cursor:pointer}.expand-btn{background:transparent;border:none;font-size:16px;cursor:pointer}.customer-list{list-style:none;padding:0;margin:0}.order-item{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:8px;background-color:#f6fcf9;border:1px solid #f0f6ff;margin-bottom:8px;cursor:pointer}.order-item:hover{background:#eef6ff}.order-item.selected{border-left:4px solid #007bff;background:#eef8ff}.order-name{font-weight:600;color:#0b1220}.order-address{font-size:13px;color:#616e7c}.order-status{font-weight:700;padding:6px 8px;border-radius:8px;background:#f3f6f9;color:#243447}.order-status.delivered{background:#e6ffef;color:#0b6624}.order-detail{flex:1;overflow-y:auto;background:#f7f9fc}.empty-state{color:#6b7280;text-align:center;padding-top:80px}.details-card{border-radius:12px;box-shadow:0 8px 24px #1018280a;background-color:#f3f3f3}.item-list{margin-top:8px;padding-left:18px}.item-list li{margin-bottom:6px;color:#1f2937}.confirm-btn{background:#16a34a;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.floating-bell .bell-btn{display:inline-flex;align-items:center;justify-content:center}.floating-bell .bell-badge{box-shadow:0 2px 6px #0000001f}.notif-dropdown{font-size:14px}@media print{body *{visibility:hidden}.history-list,.history-list *{visibility:visible}.history-list{position:absolute;left:0;top:0;width:100%}}.mobile-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#eaf3ff99;z-index:1400;animation:fadeInOverlay .24s ease forwards}@keyframes fadeInOverlay{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mobile-overlay-content{width:94%;max-width:720px;height:94%;background:#eaf3ff;border-radius:12px;overflow-y:auto;box-shadow:0 14px 40px #10182826;animation:contentFade .26s ease}@keyframes contentFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.overlay-close{position:absolute;right:14px;top:12px;background:transparent;border:none;font-size:20px;cursor:pointer;z-index:10}.empty,.empty-sub{color:#7b8594;font-size:13px}@media print{body *{visibility:hidden}.printable-only,.printable-only *{visibility:visible}.printable-only{position:absolute;left:0;top:0;width:100%}}.order-detail{flex:1;background:#f8fafc;border-left:1px solid #e2e8f0;overflow-y:auto;transition:all .3s ease}.success-section{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000f;padding:24px;transition:all .2s ease}.success-section h2{font-size:20px;margin-bottom:16px;color:#1e293b;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.empty-state{text-align:center;padding:40px;color:#64748b;font-style:italic}.success-section p{margin:6px 0;font-size:14px;color:#334155}.success-section strong{color:#0f172a}.success-section .order-items{background-color:#fff;padding:10px 0;border-radius:10px}.success-section ul{margin:10px 0 16px;font-size:14px}.success-section li{margin:4px 0;color:#334155}.order-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize;margin-top:0}.order-status.paid{background:#e6f2ff;color:#0b63d8}.order-status.shipped{background-color:#6366f1;color:#fff}.order-status.out-for-delivery{background-color:#ffbd4c}.order-status.delivered{background-color:#22c55e}.progress-section{margin-top:0;background-color:#fff;padding:5px 10px;border-radius:10px}.progress-section h4{font-size:15px;margin-bottom:10px;color:#1e293b;margin-top:5px}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:8px;background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:4px;transition:width .4s ease-in-out}.progress-labels{display:flex;justify-content:space-between;margin-top:8px}.progress-labels .label{font-size:12px;color:#94a3b8;transition:color .3s ease}.progress-labels .label.active{color:#2563eb;font-weight:600}.tracking{margin-top:5px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.tracking h4{font-size:14px;color:#1e293b;margin-bottom:10px;margin-top:5px}.tracking p{font-size:13px;color:#475569;margin:0}.tracking .delivered-time{color:#16a34a;font-weight:500}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;background-color:#fff;padding:10px 15px;border-radius:10px}button.pay-btn,button.assign-btn,button.back-btn{border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}button.pay-btn{background:#188a58;color:#fff}button.pay-btn:hover{background:#188a58}button.assign-btn{background:#10b981;color:#fff}button.assign-btn:hover{background:#059669}button.back-btn{background:#e2e8f0;color:#1e293b}button.back-btn:hover{background:#cbd5e1}button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.success-section{padding:16px}.actions{flex-direction:column}button.pay-btn,button.assign-btn,button.back-btn{width:100%}}@media (max-width: 768px){.order-manager{display:block;width:100%}.order-layout{display:block}.order-list{width:100%;border-right:none}.order-detail,.order-manager.mobile-show-detail .order-list{display:none}.order-manager.mobile-show-detail .order-detail{display:block;width:100%}}.mobile-order-overlay{position:fixed;inset:0;background-color:#f9f9f9;z-index:1001;padding:15px;overflow-y:auto;animation:slideInUp .3s ease-out}.mobile-order-content .tracking-info-section{padding-top:15px}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.modal-content.assign-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 5px 20px #0003;overflow:hidden}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.2rem}.modal-close-btn{background:none;border:none;font-size:1.5rem;font-weight:300;color:#888;cursor:pointer}.modal-close-btn:hover{color:#000}.modal-body{padding:0;overflow-y:auto;flex-grow:1}.agent-list-container{padding:10px;display:flex;flex-direction:column;gap:8px}.agent-card{display:flex;align-items:center;justify-content:space-between;padding:12px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s ease}.agent-card:hover{background-color:#f8f9fa;border-color:#007bff}.agent-card.selected{border-color:#007bff;background-color:#f0f7ff;box-shadow:0 0 0 2px #007bff}.agent-card-left{display:flex;align-items:center;gap:12px}.agent-card-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:1px solid #ddd}.agent-card-name{font-weight:600;color:#333}.agent-card-details{display:flex;gap:10px;font-size:.85rem;color:#555;margin-top:4px}.agent-card-rating,.agent-card-transport{display:flex;align-items:center;gap:4px}.agent-card-rating .fa-star{color:#f59e0b}.agent-card-right .checkbox-icon{width:22px;height:22px;border:2px solid #ccc;border-radius:50%;transition:all .2s}.agent-card-right .checkbox-icon.checked{background-color:#007bff;border-color:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.modal-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px;background-color:#f8f9fa}.agent-card-right{display:flex;align-items:center;gap:10px}.agent-chat-btn{background-color:#f0f0f0;color:#333;border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.agent-chat-btn:hover{background-color:#e0e0e0;border-color:#bbb}.verify-area.seller-verify{background-color:#fdfdfd;border:1px solid #eee;border-radius:8px;padding:15px}.verify-area.seller-verify h4{margin-top:0}@media ((min-width: 200px) and (max-width: 400px)){.address-btn,.address-save,.address-cancel,.pay-btn{padding:6px 7px;margin-top:5px}.address-cancel{margin-left:2px}.address-edit{display:flex;align-items:center;gap:6px}.address-edit input{flex:1;padding:5px 6px;border-radius:4px;border:1px solid #ccc}}.order-manager-back-arrow{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#333;padding:10px 15px;background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.order-manager-back-arrow:hover{background-color:#f9f9f9}.order-manager-back-arrow img{cursor:pointer}@media (min-width: 769px){.order-manager-back-arrow{display:none}}.item-list{padding-left:0;margin-top:10px;list-style-type:none}.order-item-with-image{display:flex;align-items:center;gap:12px;margin-bottom:12px;border-bottom:1px solid #f0f0f0}.order-item-details{display:flex;flex-direction:column;flex:1;font-size:.7rem}.order-item-details strong{color:#333;font-size:.85rem;margin-top:2px}.order-item-left-group{display:flex;gap:10px;flex:1;min-width:0}.order-list-image{width:100px;height:100px;object-fit:cover;border-radius:4px;border:1px solid #eee;flex-shrink:0}.order-list .order-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background-color:#fff;border:1px solid rgba(0,0,0,.2)}.order-list .order-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.order-item-with-image{display:flex;align-items:center;gap:12px}.order-item-div-with-image{display:flex;align-items:center;width:115px;height:115px;justify-content:center;background-color:#f2f2f2;border-radius:10px;margin:5px 5px 5px 15px}.order-item-image{width:100px;height:100px;object-fit:cover;border-radius:4px;border:1px solid #eee;flex-shrink:0}.order-item-details{display:flex;flex-direction:column;flex:1;font-size:.7rem;min-width:0;text-align:start}.order-item-details .order-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-list .order-item-with-image{justify-content:space-between}.cart-item-list .order-item-details{flex-grow:1}.cart-item-list .order-qty-price{justify-content:flex-start;font-size:.85rem;color:#555}.cart-item-list .order-qty-price .order-price{margin-left:10px;font-weight:600;color:#333}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;flex:1}.modal-header-actions{display:flex;align-items:center;gap:10px}.modal-refresh-btn{background:none;border:none;cursor:pointer;color:#555;font-size:1.2rem;padding:5px;line-height:1}.modal-refresh-btn:disabled{color:#aaa;cursor:not-allowed}.modal-refresh-btn .spinning{animation:spin 1s linear infinite}.modal-refresh-btn{background:none;border:none;cursor:pointer;color:#555;font-size:1.1rem;padding:5px;line-height:1;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.modal-refresh-btn:hover{color:#000}.modal-refresh-btn:disabled{color:#aaa;cursor:not-allowed;background:none}.small-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #555;border-radius:50%;animation:spin .8s linear infinite}.tracking-info-section .back-btn{display:none}.order-tracking-status-card{background-color:#fff;margin-top:10px;border-radius:10px;padding:5px;margin-bottom:10px}.order-tracking-card .status-badge{background-color:#f2f2f2;padding:10px;border-radius:10px}.buyer-pay-details{background-color:#fff;padding:10px;border-radius:10px;font-size:.8rem}.address-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;background-color:#f8f9fa;padding:16px;border-radius:12px;border:1px solid #e9ecef;margin-top:10px;animation:fadeIn .3s ease-in-out}.address-select{width:100%;padding:12px 15px;font-size:.95rem;color:#333;background-color:#fff;border:1px solid #ced4da;border-radius:8px;outline:none;cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px top 50%;background-size:10px auto;transition:all .2s ease}.address-select:hover{border-color:#b3b3b3}.address-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.address-select:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.7}.address-input{grid-column:1 / -1;width:100%;padding:12px 15px;border:1px solid #ced4da;border-radius:8px;font-size:.95rem;box-sizing:border-box}.address-input:focus{border-color:#007bff;outline:none}.address-edit-form>div{grid-column:1 / -1;margin-top:5px}@media (max-width: 600px){.address-edit-form{grid-template-columns:1fr;gap:10px}.address-input{grid-column:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cart-section{margin-bottom:15px}.cart-item-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:12px}.cart-card{display:flex;align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:10px;position:relative;transition:all .2s ease;box-shadow:0 2px 5px #00000005}.cart-card:hover{transform:translateY(-1px);box-shadow:0 2px 2px #00000014;border-color:#e0e0e0}.cart-image-wrapper{position:relative;width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:zoom-in;margin-right:15px;background-color:#f8f9fa}.cart-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-image-wrapper:hover .cart-image{transform:scale(1.1);filter:brightness(.9)}.zoom-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;transition:opacity .2s;pointer-events:none;font-size:1.2rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.cart-image-wrapper:hover .zoom-hint{opacity:1}.cart-details{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.cart-title{font-weight:600;font-size:.95rem;color:#333;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-meta{display:flex;align-items:center;gap:10px;font-size:.85rem}.cart-qty{background:#f1f3f5;color:#666;padding:2px 8px;border-radius:4px;font-weight:500}.cart-price{color:#28a745;font-weight:700;font-size:1rem}.cart-remove-modern{width:30px;height:30px;border:none;background:transparent;color:#adb5bd;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.cart-remove-modern:hover{background-color:#ffe3e3;color:#e03131}.lightbox-overlay{position:fixed;inset:0;background-color:#000000d9;z-index:10000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-image{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 10px 30px #00000080;object-fit:contain}.lightbox-close{position:absolute;top:-40px;right:-10px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:5px}.lightbox-close:hover{transform:scale(1.1);color:#ff6b6b}.shipping-line{margin-top:15px}.history-card{display:flex;gap:15px;padding:15px;background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s}.history-card:hover{border-color:#007bff;box-shadow:0 4px 12px #0000000d}.history-image{width:60px;height:60px;border-radius:6px;object-fit:cover;background:#f8f9fa}.history-details{flex:1;display:flex;flex-direction:column;justify-content:center}.history-title{font-weight:600;color:#333;margin-bottom:4px}.history-meta{font-size:.8rem;color:#777}.history-right{text-align:right;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.history-price{font-weight:700;font-size:1rem;color:#333}.history-badge{font-size:.75rem;padding:2px 8px;border-radius:10px;background:#d4edda;color:#155724;margin-top:5px}.print-container{margin-top:20px;text-align:center;padding:20px;border-top:1px solid #eee}.btn-print{background:#333;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:8px}.btn-print:hover{background:#000}#printable-history{display:none}@media print{@page{size:A4;margin:10mm}body{background-color:#fff;margin:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden;height:0;overflow:hidden}#printable-history,#printable-history *{visibility:visible!important;height:auto!important;overflow:visible!important}#printable-history{display:block!important;position:absolute;top:0;left:0;width:100%;z-index:99999;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}.letterhead{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:20px;margin-bottom:20px;border-bottom:3px solid #28a745}.brand-section{display:flex;align-items:center;gap:15px}.clowzer-logo{width:70px;height:auto;object-fit:contain}.brand-text h1{margin:0;color:#28a745;font-size:24pt;text-transform:uppercase;letter-spacing:2px}.brand-text p{margin:0;font-size:9pt;color:#666}.document-info{text-align:right;font-size:10pt}.document-info h3{margin:0 0 5px;color:#333;text-transform:uppercase}.print-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:10pt;table-layout:fixed}.print-table th{background-color:#28a745!important;color:#fff!important;padding:10px 8px;text-align:left;font-weight:700}.print-table td{border-bottom:1px solid #ddd;padding:10px 8px;vertical-align:top;color:#000;word-wrap:break-word}.print-table tr:nth-child(2n){background-color:#f9f9f9!important}.print-footer{margin-top:30px;display:flex;justify-content:flex-end}.total-box{width:40%;border-top:2px solid #28a745;padding-top:10px}.total-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:11pt}.grand-total{font-weight:700;font-size:14pt;color:#28a745;margin-top:10px}.page-footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;font-size:8pt;color:#999;border-top:1px solid #eee;padding-top:10px}.btn-print,.print-container{display:none!important}}:root{--primary: #2563eb;--bg-main: #f9fafb;--bg-card: #ffffff;--border: #e5e7eb;--text-main: #111827;--text-sub: #6b7280;--accent-green: #059669;--accent-orange: #d97706;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--radius: 12px}.seller-order-list{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);border-right:1px solid var(--border);font-family:Inter,system-ui,-apple-system,sans-serif}.seller-order-list__header{padding:20px 16px 12px;background:var(--bg-card)}.seller-order-list__title{font-size:18px;font-weight:700;color:var(--text-main);margin:0 0 16px}.seller-order-tabs{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:8px}.seller-order-tabs__btn{flex:1;padding:8px;border:none;background:none;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-sub);cursor:pointer;transition:all .2s ease}.seller-order-tabs__btn.is-active{background:#fff;color:var(--text-main);box-shadow:0 1px 2px #0000001a}.seller-order-list__search-wrapper{padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);position:relative}.seller-order-list__search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.seller-order-list__search-input{padding:10px 12px 10px 36px;border:1px solid var(--border);border-radius:8px;background:#f9fafb;font-size:14px;color:var(--text-main);outline:none;transition:all .2s}.seller-order-list__search-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.seller-order-list__content{flex:1;overflow-y:auto;padding:16px 16px 10px}.seller-order-list__items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.seller-order-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.seller-order-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:#d1d5db}.seller-order-item.is-selected{border-color:var(--primary);background-color:#eff6ff;box-shadow:0 0 0 1px var(--primary)}.seller-order-item.is-disputed{border-color:var(--accent-orange);background-color:#fffbeb}.seller-order-item__main{display:flex;gap:12px}.seller-order-item__image-container{width:72px;height:72px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid var(--border);position:relative;background:#f3f4f6}.seller-order-item__img{width:100%;height:100%;object-fit:cover}.seller-order-item__zoom-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.seller-order-item__image-container:hover .seller-order-item__zoom-overlay{opacity:1}.seller-order-item__details{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.seller-order-id-badge{font-family:Courier New,Courier,monospace;letter-spacing:-.5px}.seller-order-item__title-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.seller-order-item__name{font-size:14px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-order-item__qty-badge{background:#e5e7eb;color:var(--text-sub);font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px}.seller-order-item__meta{font-size:12px;color:var(--text-sub)}.seller-order-item__buyer{display:block}.seller-order-status{margin-top:8px;align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:99px;display:inline-block}.seller-order-status--paid{background:#006eff;color:#fff;border:1px solid #bfdbfe}.seller-order-status--shipped{background:#f3e8ff;color:#7e22ce;border:1px solid #d8b4fe}.seller-order-status--pickup-ready{background:#ce8f22;color:#fff;border:1px solid #d8b4fe}.seller-order-status--out-for-delivery{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.seller-order-status--delivered{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.seller-order-status--agent-pending{background:#f3f4f6;color:#6f90bf;border:1px solid #e5e7eb}.seller-order-item__dispute-indicator{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:var(--accent-orange);border-radius:50%;box-shadow:0 0 0 2px #fff}.seller-lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.seller-lightbox-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .2s;z-index:10000}.seller-lightbox-close:hover{background:#ffffff4d}.seller-lightbox-content{max-width:90vw;max-height:90vh}.seller-lightbox-img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.seller-order-list__empty{text-align:center;color:var(--text-sub);margin-top:40px;font-style:italic}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.assign-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.assign-modal-content{background:#fff;width:90%;max-width:500px;max-height:90vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 15px #0003}.assign-modal-header{padding:15px;border-bottom:1px solid #eee;background:#fff}.assign-sheet-header{padding:15px 0;border-bottom:1px solid #eee}.assign-modal-body{padding:15px;overflow-y:auto;flex:1}.assign-modal-footer{padding:15px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px;background:#fff}.assign-modal-header-actions{display:flex;gap:10px}.assign-modal-refresh-btn,.assign-modal-close-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#666}.assign-modal-subtext{font-size:.85rem;color:#666;margin-top:5px}.assign-small-spinner{width:16px;height:16px;border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;animation:assign-spin 1s linear infinite}@keyframes assign-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.assign-status-dot{width:12px;height:12px;border-radius:50%;position:absolute;bottom:0;right:0;border:2px solid white;z-index:2}.assign-status-dot-small{width:10px;height:10px;border-radius:50%;position:absolute;bottom:0;right:0;border:1px solid white}.assign-status-online{background-color:#2ecc71;box-shadow:0 0 5px #2ecc71}.assign-status-idle{background-color:#f1c40f}.assign-status-offline{background-color:#bdc3c7}.assign-avatar-wrapper{position:relative;width:45px;height:45px;margin-right:12px;flex-shrink:0}.assign-agent-card-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.assign-avatar-wrapper-small{position:relative;width:40px;height:40px;margin-right:12px;flex-shrink:0}.assign-avatar-wrapper-small img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid #eee}.assign-agent-list-container{display:flex;flex-direction:column;gap:10px}.assign-loading-message,.assign-empty-state{padding:20px;text-align:center;color:#666;font-size:.9rem}.assign-agent-card{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #eee;border-radius:8px;cursor:pointer;transition:all .2s}.assign-agent-card:hover{background:#f9f9f9}.assign-agent-card.assign-selected{border-color:#f60;background:#fff5eb}.assign-agent-card.assign-recommended{border:1px solid #28a745;background-color:#f9fff9}.assign-agent-card-left{display:flex;align-items:center;flex:1}.assign-agent-card-info{display:flex;flex-direction:column}.assign-agent-card-name{font-weight:600;font-size:.95rem;display:flex;align-items:center}.assign-agent-status-text{font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:3px}.assign-separator{margin:0 4px;color:#ccc}.assign-agent-location-row{font-size:.75rem;color:#666;margin-top:3px;display:flex;align-items:center;gap:4px}.assign-agent-card-details{display:flex;align-items:center;margin-top:2px}.assign-agent-card-rating,.assign-agent-card-transport{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#444}.assign-tag{font-size:.65rem;padding:2px 6px;border-radius:4px;margin-left:5px;font-weight:700}.assign-tag.assign-match{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.assign-tag.assign-near{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.assign-checkbox-ring{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;padding:2px}.assign-checkbox-fill{width:100%;height:100%;background:#f60;border-radius:50%}.assign-agent-card.assign-selected .assign-checkbox-ring{border-color:#f60}.assign-agent-card-right{display:flex;flex-direction:column;align-items:center;gap:8px}.assign-agent-action-btn-mini{background:none;border:none;color:#666;cursor:pointer;padding:5px;transition:color .2s}.assign-agent-action-btn-mini:hover{color:#f60}.assign-assigned-agent-view{text-align:center;padding:10px 0}.assign-requested-agents-list{margin-top:20px;display:flex;flex-direction:column;gap:10px}.assign-broadcasting-agent-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #eee;padding:12px 15px;border-radius:12px;box-shadow:0 2px 5px #00000008}.assign-broadcast-left{display:flex;align-items:center;flex:1}.assign-broadcast-info{display:flex;flex-direction:column;justify-content:center;text-align:left}.assign-b-name{font-weight:600;font-size:.95rem;color:#333}.assign-b-status{font-size:.75rem;display:flex;align-items:center;gap:4px;margin-top:2px}.assign-b-status.assign-pending{color:#856404;font-style:italic}.assign-b-status.assign-success{color:#28a745;font-weight:500}.assign-broadcast-actions{display:flex;gap:10px}.assign-icon-btn-circle{width:35px;height:35px;border-radius:50%;border:1px solid #eee;background:#f8f9fa;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1rem}.assign-icon-btn-circle:hover{background:#f60;color:#fff;border-color:#f60}.assign-status-banner{padding:12px;border-radius:8px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px;font-size:.95rem}.assign-status-banner.assign-waiting{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.assign-status-banner.assign-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.assign-status-banner.assign-transit{background:#cfe2ff;color:#084298;border:1px solid #b6d4fe}.assign-pulse-ring{width:10px;height:10px;background:#856404;border-radius:50%;animation:assign-pulse-animation 1.5s infinite}@keyframes assign-pulse-animation{0%{transform:scale(.95);box-shadow:0 0 #856404b3}70%{transform:scale(1);box-shadow:0 0 0 6px #85640400}to{transform:scale(.95);box-shadow:0 0 #85640400}}.assign-cancel-assignment-btn{width:100%;padding:12px;background-color:#fff;color:#dc3545;border:1px solid #dc3545;border-radius:8px;font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;margin-top:20px}.assign-cancel-assignment-btn:hover:not(:disabled){background-color:#dc3545;color:#fff;box-shadow:0 4px 12px #dc354533}.assign-cancel-assignment-btn:disabled{background-color:#f8f9fa;border-color:#ddd;color:#999;cursor:not-allowed;opacity:.6}.assign-back-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}.assign-submit-btn{padding:8px 16px;background:#f60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.assign-submit-btn:disabled{background:#ccc;cursor:not-allowed}.assign-sheet-wrapper{height:100%;display:flex;flex-direction:column;position:relative}.primary-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#157e26,#0b5818);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 6px 16px #2563eb40}.primary-action-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb59}.primary-action-btn svg{font-size:18px}.input-reveal-animation{animation:slideFadeIn .25s ease-out}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tracking-input{padding:12px;border-radius:8px;border:2px solid #e5e7eb;font-weight:600;letter-spacing:4px;outline:none;transition:border .15s ease,box-shadow .15s ease}.tracking-input:focus{border-color:#057e11;box-shadow:0 0 0 3px #2563eb26}.agent-pin-confirm-btn{padding:16px 10px;border-radius:8px;border:none;background:#16a34a;color:#fff;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;height:100%}.agent-pin-confirm-btn:hover{background:#15803d}.agent-pin-confirm-btn:active{transform:scale(.97)}.agent-small-btn{padding:16px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease;height:100%}.small-btn:hover{background:#dc2626}.small-btn:active{transform:scale(.95)}.bpp-mobile-content .order-detail{display:block!important;width:100%;height:auto;background:transparent;box-shadow:none;padding:0;margin:0;overflow:visible}.bpp-mobile-content .order-detail h2,.bpp-mobile-content .order-detail h4,.bpp-mobile-content .order-detail p,.bpp-mobile-content .order-detail li{color:#333}.bpp-mobile-content .success-section{padding:0 5px 40px;border:none;background:transparent}.bpp-mobile-content .order-item-with-image{flex-direction:row;align-items:center;border:1px solid rgba(0,0,0,.4);border-radius:10px;margin:10px}.order-items .item-list{margin-top:25px}.order-overall-details{background-color:#fff;padding:10px;margin-top:15px;border-radius:10px;text-align:start}.total-items-calc{text-align:center;font-weight:700;border-bottom:1px rgba(0,0,0,.1) solid;padding-bottom:5px}.order-items-strong{border-bottom:1px rgba(0,0,0,.1) solid;display:flex;justify-content:center;margin-right:5px;margin-left:5px}.item-price-stage{display:flex;align-items:center;gap:20px;justify-content:space-between;text-align:center}.item-price-stage p{background-color:#fff;padding:10px;border-radius:10px;height:20px}.order-seller-details .order-name{display:block;white-space:wrap}.card-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;box-shadow:0 2px 5px #00000008;margin-bottom:20px}.card-box h4{margin:0 0 10px;font-size:.95rem;color:#555;border-bottom:1px solid #eee;padding-bottom:8px;display:flex;align-items:center;gap:8px}.detail-grid-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.detail-split-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.simple-table{width:100%;border-collapse:collapse;font-size:.9rem}.simple-table th{text-align:left;padding:8px;background:#f9f9f9;color:#666;font-weight:600}.simple-table td{padding:10px 8px;border-bottom:1px solid #eee;vertical-align:middle}.financial-box{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.financial-box .row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.9rem}.financial-box .total{font-weight:700;font-size:1.1rem;color:#28a745;margin-top:5px}@media (max-width: 768px){.detail-split-layout{grid-template-columns:1fr}}.order-list-image-wrapper{position:relative;width:50px;height:50px;border-radius:6px;overflow:hidden}.order-list-image-wrapper:hover .zoom-hint-overlay{opacity:1!important}.details-card{position:relative}.back-cancel-btn{display:none}.order-information-pane{background-color:#fff;padding:10px;border-radius:10px}.order-information-pane h3{text-align:center;margin:0;padding-bottom:10px;border-bottom:rgba(0,0,0,.1) 1px solid;font-size:.9rem}.order-information-pane p{font-size:.8rem}.agent-order-items{background-color:#fff;margin-top:12px;border-radius:10px}.agent-order-items h4{text-align:center;border-bottom:rgba(0,0,0,.1) 1px solid;font-size:.9rem;margin:5px 0 30px;padding-bottom:10px}.agent-order-items .total-price{text-align:center}.verify-area .decline-btn{border:none;border-radius:10px;cursor:pointer}.job-row{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#555;margin-bottom:4px}.route-point{display:flex;gap:12px;position:relative;z-index:2}.route-point .dot{width:12px;height:12px;border-radius:50%;margin-top:5px}.route-line{position:absolute;left:20px;top:25px;bottom:40px;width:2px;background:#ddd;z-index:1}.delivery-verification{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #eee}.pin-input{width:90%;padding:12px;text-align:center;font-size:1.2rem;letter-spacing:3px;border:1px solid #ccc;border-radius:6px}.btn-danger{background:#dc3545;color:#fff;padding:12px;border:none;border-radius:6px;font-weight:700;cursor:pointer}.agent-job-card{background:#fff;padding:12px;border-radius:8px;border:1px solid #eee;margin-bottom:10px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.agent-job-card.selected{border-color:#007bff;background-color:#f8fbff}.job-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:700;color:#333}.job-reward{color:#28a745;background:#e8f5e9;padding:2px 6px;border-radius:4px}.job-row.with-image{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.list-thumb-wrapper{width:45px;height:45px;border-radius:6px;overflow:hidden;border:1px solid #eee;flex-shrink:0;cursor:zoom-in}.job-list-thumb{width:100%;height:100%;object-fit:cover}.job-info-col{display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}.job-title{font-weight:600;font-size:.9rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-loc{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#666}.more-badge{font-size:.7rem;background:#eee;padding:1px 4px;border-radius:4px;color:#666;margin-left:5px}.job-status-badge{position:absolute;bottom:0;right:0;font-size:.7rem;padding:2px 8px;border-top-left-radius:6px;font-weight:700;text-transform:uppercase}.job-status-badge.agent-pending{background:#ffecb3;color:#856404}.job-status-badge.pickup-ready{background:#d1e7dd;color:#0f5132}.job-status-badge.shipped{background:#cfe2ff;color:#084298}.job-status-badge.delivered{background:#e2e3e5;color:#383d41}.agent-detail-header{display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:1px solid #eee;margin-bottom:20px}.header-title h2{margin:0;font-size:1.2rem}.header-status{font-size:.8rem;color:#666;background:#eee;padding:2px 6px;border-radius:4px}.route-card{background:#fcfcfc;border:1px solid #e0e0e0;padding:15px;border-radius:8px;position:relative;margin-bottom:20px}.route-point{display:flex;gap:12px;position:relative;z-index:2;margin-bottom:15px}.route-point:last-child{margin-bottom:0}.route-point .dot{width:12px;height:12px;border-radius:50%;margin-top:5px;flex-shrink:0}.dot.start{background:#333}.dot.end{background:#28a745}.route-line{position:absolute;left:20px;top:20px;bottom:35px;width:2px;background:#ddd;z-index:1}.route-point .info{flex:1}.route-point .label{display:block;font-size:.7rem;color:#999;font-weight:700;margin-bottom:2px}.pickup-pin-box{background:#fff3cd;border:2px dashed #ffc107;padding:15px;text-align:center;border-radius:8px;margin-bottom:20px}.pin-code{font-size:2rem;font-weight:700;letter-spacing:5px;margin-top:5px;background:#fff;display:inline-block;padding:5px 20px;border-radius:6px}.mini-item-row{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #f9f9f9}.mini-item-thumb{width:50px;height:50px;border-radius:6px;object-fit:cover;border:1px solid #eee;cursor:zoom-in}.qty-badge{background:#eee;padding:2px 6px;border-radius:4px;font-size:.8rem;font-weight:700}.btn-primary{width:100%;background:#28a745;color:#fff;padding:12px;border:none;border-radius:6px;font-weight:700;cursor:pointer}.btn-danger{width:100%;background:#dc3545;color:#fff;padding:12px;border:none;border-radius:6px;font-weight:700;cursor:pointer}.print-btn{margin-left:auto;background:none;border:1px solid #ccc;padding:8px;border-radius:50%;cursor:pointer}.icon-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#333}.step-box{background:#fff;border:1px solid #ddd;padding:15px;border-radius:6px;text-align:center;margin-bottom:10px;cursor:pointer}.upload-placeholder{color:#666;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.9rem}.scan-btn{width:100%;padding:10px;background:#333;color:#fff;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.or-divider{color:#999;font-size:.8rem;margin:10px 0;font-weight:700}.location-card{background:#fff;border-radius:10px;border:1px solid #eee;margin-bottom:15px;overflow:hidden;box-shadow:0 2px 5px #00000005}.location-card.pickup{border-left:4px solid #28a745}.location-card.dropoff{border-left:4px solid #333}.loc-header{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#fcfcfc;border-bottom:1px solid #f0f0f0}.icon-box{width:36px;height:36px;border-radius:50%;background:#e8f5e9;color:#28a745;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.icon-box.dark{background:#eee;color:#333}.loc-label{font-size:.65rem;color:#999;font-weight:700;display:block;letter-spacing:1px}.loc-name{margin:0;font-size:1rem;color:#333}.loc-body{padding:15px}.loc-body p{margin:0 0 10px;color:#555;font-size:.95rem;line-height:1.4;display:flex;gap:8px}.icon-inline{color:#ccc;margin-top:3px}.loc-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3cd;color:#856404;padding:5px 10px;border-radius:6px;font-size:.85rem;font-weight:500;margin-right:10px;margin-bottom:10px}.loc-note{background:#e3f2fd;color:#0d47a1;padding:10px;border-radius:6px;font-size:.85rem;display:flex;gap:8px;align-items:flex-start;margin-bottom:10px}.storefront-preview{position:relative;height:120px;width:100%;border-radius:8px;overflow:hidden;cursor:zoom-in;border:1px solid #eee;margin-top:10px}.storefront-preview img{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:.8rem;padding:5px;text-align:center}.proof-thumb{width:100%}.close-scan{background-color:#28a745;color:#fff;padding:5px 10px;margin-top:10px;border-radius:5px;border:none}:root{--primary-color: #2563eb;--bg-color: #f9fafb;--card-bg: #ffffff;--text-main: #111827;--text-muted: #6b7280;--border-color: #e5e7eb;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--radius: 12px}.agent-container{display:flex;flex-direction:column;height:100%;background-color:var(--bg-color);border-right:1px solid var(--border-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.agent-tabs-wrapper{display:flex;background:var(--card-bg);padding:0 16px;border-bottom:1px solid var(--border-color);gap:20px}.agent-tab{padding:16px 4px;background:none;border:none;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative;transition:color .2s ease}.agent-tab:hover{color:var(--text-main)}.agent-tab.active{color:var(--primary-color);font-weight:600}.agent-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-color);border-radius:2px 2px 0 0}.agent-search-wrapper{padding:12px 16px;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.agent-search-input{width:95%;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background-color:#f3f4f6;font-size:14px;color:var(--text-main);outline:none;transition:all .2s}.agent-search-input:focus{background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.agent-list-scroll-area{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.agent-list-scroll-area::-webkit-scrollbar{width:6px}.agent-list-scroll-area::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:10px}.agent-seller-group{margin-bottom:24px}.agent-seller-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px;cursor:pointer}.agent-seller-name{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.agent-job-count-badge{background:#e5e7eb;color:var(--text-muted);font-size:11px;padding:2px 6px;border-radius:99px;font-weight:600}.agent-cards-container{display:flex;flex-direction:column;gap:12px}.agent-order-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.agent-order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#d1d5db}.agent-order-card.selected{border-color:var(--primary-color);background-color:#eff6ff}@keyframes glow-pulse{0%{box-shadow:0 0 #f59e0b66;border-color:var(--warning-color)}70%{box-shadow:0 0 0 6px #f59e0b00;border-color:var(--warning-color)}to{box-shadow:0 0 #f59e0b00;border-color:var(--warning-color)}}.agent-order-card.new-assignment-glow,.agent-order-card.agent-pending{animation:glow-pulse 2s infinite;border-left:4px solid var(--warning-color)}.agent-card-main-row{display:flex;gap:12px;margin-bottom:12px}.agent-thumb-wrapper{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background-color:#f3f4f6;border:1px solid var(--border-color)}.agent-card-thumb{width:100%;height:100%;object-fit:cover}.agent-info-col{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.agent-card-top-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.agent-card-id,.agent-card-date{font-size:11px;font-family:monospace;color:var(--text-muted);background:#f3f4f6;padding:2px 4px;border-radius:4px}.agent-card-reward,.agent-history-earning{font-size:14px;font-weight:700;color:var(--success-color)}.agent-card-title{font-size:14px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.agent-more-items-badge{font-size:11px;background:#e5e7eb;padding:1px 5px;border-radius:4px;margin-left:6px;color:var(--text-muted);vertical-align:middle}.agent-card-loc{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:12px}.agent-icon-loc{color:var(--primary-color);font-size:10px;flex-shrink:0}.agent-text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-footer{display:flex;justify-content:flex-end;border-top:1px solid #f3f4f6;padding-top:8px}.agent-status-pill{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:99px;letter-spacing:.03em}.agent-card-footer .pickup-ready{background-color:#009cfd;color:#fff;border:1px solid #4d90fc}.agent-card-footer .agent-pending{background-color:#9b6706;color:#fff;border:1px solid #986904}.agent-status-pill.shipped,.agent-status-pill.transit{background-color:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.agent-status-pill.delivered{background-color:#dcfce7;color:#15803d;border:1px solid #86efac}.agent-status-pill.cancelled{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.agent-loading-state,.agent-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:14px;gap:10px}.agent-spinner{font-size:24px;color:var(--primary-color);animation:spin 1s linear infinite}.agent-order-card.history-mode{opacity:.9}.agent-order-card.history-mode:hover{opacity:1}.agent-container{height:100vh;display:flex;flex-direction:column;gap:.5rem}.agent-tabs-wrapper,.agent-search-wrapper{flex-shrink:0}.agent-list-scroll-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:6px;padding-bottom:120px}.agent-list-scroll-area::-webkit-scrollbar{width:8px}.agent-list-scroll-area::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}.agent-details-card{display:flex;flex-direction:column;height:100%;background-color:#fff;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#333}.agent-mobile-details{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}.agent-details-scroll-content{flex:1;overflow-y:auto;padding:15px;background-color:#f4f6f8;scrollbar-width:thin}.agent-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 2px 4px #00000005;z-index:10}.agent-header-title-group{flex:1;margin:0 12px}.agent-header-title-group h2{font-size:1.1rem;font-weight:700;margin:0;color:#111;letter-spacing:.5px}.agent-header-status{font-size:.75rem;color:#666;font-weight:500;background:#f0f0f0;padding:2px 8px;border-radius:4px;margin-top:4px;display:inline-block}.agent-icon-btn{background:#f5f5f5;border:1px solid #eee;padding:10px;border-radius:8px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.agent-icon-btn:hover{background:#333;color:#fff}.agent-loc-header{display:flex;align-items:center;margin-bottom:16px;gap:12px}.agent-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0}.agent-icon-green{background:#10b981;box-shadow:0 4px 10px #10b98133}.agent-icon-dark{background:#1f2937;box-shadow:0 4px 10px #1f293733}.agent-loc-label{font-size:.7rem;font-weight:700;color:#9ca3af;letter-spacing:1px;display:block;margin-bottom:2px}.agent-loc-name{font-size:1.05rem;font-weight:700;margin:0;color:#111}.agent-loc-body{padding-left:5px}.agent-loc-text{font-size:.95rem;color:#4b5563;margin:6px 0;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.agent-loc-text.emphasize{color:#111;font-weight:500}.agent-icon-inline{color:#9ca3af;font-size:.9rem;margin-top:3px}.agent-loc-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;font-size:.8rem;padding:6px 10px;border-radius:6px;margin-top:8px;font-weight:600}.agent-loc-note{margin-top:10px;background:#eff6ff;color:#1e40af;padding:10px;border-radius:8px;font-size:.85rem;display:flex;gap:8px;line-height:1.4}.agent-storefront-preview{margin-top:12px;height:120px;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;border:1px solid #eee}.agent-storefront-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.agent-storefront-preview:hover img{transform:scale(1.05)}.agent-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:.75rem;padding:6px;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.agent-pickup-pin-box{background:#fffbeb;border:2px dashed #fcd34d;border-radius:12px;padding:20px;text-align:center;margin-bottom:20px}.agent-pin-label{color:#92400e;font-size:.85rem;font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px}.agent-pin-code{font-size:2rem;font-weight:800;letter-spacing:4px;color:#111;font-family:monospace}.agent-section-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 16px;font-weight:700}.agent-items-grid{display:flex;flex-direction:column;gap:12px}.agent-mini-item-row{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #f9f9f9}.agent-mini-item-row:last-child{padding-bottom:0;border-bottom:none}.agent-item-thumb-wrapper{width:50px;height:50px;border-radius:8px;border:1px solid #eee;background:#f9f9f9;overflow:hidden;flex-shrink:0}.agent-mini-item-thumb{width:100%;height:100%;object-fit:cover}.agent-qty-badge{background:#eef2ff;color:#4f46e5;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:6px}.agent-item-name{font-size:.95rem;color:#374151;font-weight:500}.agent-actions-area{margin-top:10px;padding-bottom:40px}.agent-btn-group{display:flex;gap:12px}.agent-btn-primary{flex:1;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,box-shadow .2s}.agent-btn-primary:active{transform:scale(.98)}.agent-btn-success{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.agent-btn-danger{background:#fee2e2;color:#ef4444}.agent-btn-full{width:100%;background:#00901a;color:#fff;margin-top:16px;box-shadow:0 4px 12px #0003}.agent-btn-full:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.agent-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-step-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:120px}.agent-upload-placeholder{color:#6b7280;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.agent-proof-thumb{width:100%;height:100px;object-fit:cover;border-radius:6px}.agent-scan-btn{background:#eff6ff;color:#2563eb;border:none;padding:8px 12px;border-radius:6px;font-weight:600;font-size:.8rem;display:flex;align-items:center;gap:6px;cursor:pointer;margin-bottom:8px}.agent-pin-input{text-align:center;border:1px solid #d1d5db;border-radius:6px;padding:8px;font-size:1rem;letter-spacing:2px;text-transform:uppercase;outline:none;font-family:monospace}.agent-pin-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.agent-scanner-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.agent-close-scan{position:absolute;bottom:40px;background:#fff;color:#000;padding:12px 30px;border-radius:30px;font-weight:700;border:none}.agent-spin{animation:spin 1s linear infinite}@media (max-width: 480px){.agent-step-grid{grid-template-columns:1fr}.agent-step-box{min-height:auto;padding:16px}.agent-header-title-group h2{font-size:1rem}}.agent-details-card{height:100%;display:flex;flex-direction:column;background:#f4f6f8;overflow:hidden}.agent-details-scroll-content{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:15px}.agent-detail-header{background:#fff;padding:15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #e0e0e0}.agent-header-title-group h2{margin:0;font-size:1.1rem}.status-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;background:#eee;color:#555;font-weight:600}.status-badge.agent-pending{background:#fff3cd;color:#856404}.status-badge.pickup-ready{background:#d1e7dd;color:#0f5132}.status-badge.out-for-delivery{background:#cfe2ff;color:#084298}.agent-action-banner{background:#333;color:#fff;padding:10px;border-radius:8px;text-align:center;font-size:.9rem;font-weight:600}.agent-location-card{background:#fff;border-radius:12px;padding:15px;border:1px solid #eee;box-shadow:0 2px 4px #00000005;transition:all .2s}.agent-location-card.active-card{border:1px solid #00901a;box-shadow:0 0 0 1px #00901a}.agent-loc-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.agent-icon-box{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.agent-icon-green{background:#198754}.agent-icon-dark{background:#212529}.agent-loc-label{font-size:.65rem;color:#999;letter-spacing:1px;font-weight:700}.agent-loc-name{margin:0;font-size:1rem;font-weight:700;color:#333}.agent-loc-body{padding-left:48px}.agent-loc-text{margin:0 0 8px;color:#555;font-size:.9rem;line-height:1.4}.agent-loc-badge{background:#f8f9fa;padding:6px 10px;border-radius:6px;font-size:.8rem;color:#666;display:inline-flex;align-items:center;gap:6px;margin-top:5px}.agent-quick-actions{display:flex;gap:8px}.action-circle-btn{width:34px;height:34px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center}.action-circle-btn.map{color:#007bff;border-color:#b3d7ff}.action-circle-btn.phone{color:#28a745;border-color:#a3cfbb}.agent-storefront-preview{margin-top:10px;height:100px;border-radius:8px;overflow:hidden;position:relative;border:1px solid #eee;cursor:pointer}.agent-storefront-preview img{width:100%;height:100%;object-fit:cover}.agent-preview-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem}.agent-pickup-pin-box{background:#fff3cd;border:1px solid #ffecb5;color:#856404;padding:10px;border-radius:8px;margin-top:15px;display:flex;justify-content:space-between;align-items:center}.pin-left{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.agent-pin-code{font-family:monospace;font-size:1.2rem;font-weight:700;letter-spacing:2px}.agent-items-section{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 4px #00000005}.agent-items-grid{display:grid;grid-template-columns:1fr;gap:10px}.agent-mini-item-row{display:flex;gap:12px;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.agent-mini-item-row:last-child{border:none;padding-bottom:0}.agent-mini-item-thumb{width:50px;height:50px;border-radius:6px;object-fit:cover;border:1px solid #eee}.agent-item-info{flex:1;display:flex;flex-direction:column;justify-content:center}.agent-item-name{font-weight:600;font-size:.9rem;color:#333}.agent-item-meta{font-size:.8rem;color:#777}.agent-delivery-verification{background:#fff;padding:15px;border-radius:12px}.agent-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.agent-step-box{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#666;gap:5px;font-size:.8rem;overflow:hidden;position:relative}.agent-step-box.filled{border-style:solid;border-color:#28a745}.agent-proof-thumb{width:100%;height:100%;object-fit:cover}.agent-pin-input{width:90%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1.1rem;text-align:center;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase;justify-self:center;display:flex}.agent-btn-primary{width:100%;padding:14px;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem}.agent-btn-success{background:#28a745;color:#fff}.agent-btn-danger{background:#dc3545;color:#fff}.agent-btn-full{background:#00901a;color:#fff}.agent-btn-full:disabled{background:#ccc;cursor:not-allowed}.agent-spin{animation:spin 1s linear infinite;margin-right:8px}:root{--ump-primary: #4f46e5;--ump-success: #10b981;--ump-danger: #ef4444;--ump-text: #1f2937;--ump-text-light: #6b7280;--ump-bg: #f3f4f6;--ump-card-bg: #ffffff;--ump-border: #e5e7eb}.ump-container{padding:20px;background:var(--ump-bg);min-height:100vh;font-family:Inter,sans-serif}.ump-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.ump-header h2{font-size:1.5rem;margin:0;color:var(--ump-text)}.ump-header p{margin:5px 0 0;color:var(--ump-text-light);font-size:.9rem}.ump-search-box{background:#fff;border:1px solid var(--ump-border);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:10px;width:300px;max-width:100%}.ump-search-box input{border:none;outline:none;width:100%;font-size:.95rem}.ump-search-box .icon{color:var(--ump-text-light)}.ump-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin-bottom:20px}.ump-tab{background:#fff;border:1px solid var(--ump-border);padding:8px 16px;border-radius:20px;font-weight:500;color:var(--ump-text-light);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .2s}.ump-tab.active{background:var(--ump-primary);color:#fff;border-color:var(--ump-primary)}.ump-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.ump-table{width:100%;border-collapse:collapse;min-width:600px}.ump-table th{text-align:left;padding:15px 20px;background:#f9fafb;color:var(--ump-text-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ump-border)}.ump-table td{padding:15px 20px;border-bottom:1px solid var(--ump-border);vertical-align:middle;color:var(--ump-text)}.ump-user-cell img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e5e7eb}.ump-name{font-weight:600;font-size:.95rem}.ump-email{font-size:.8rem;color:var(--ump-text-light)}.ump-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.ump-status-dot.green{background:var(--ump-success)}.ump-status-dot.red{background:var(--ump-danger)}.ump-pill-plain{background:#f3f4f6;padding:4px 10px;border-radius:12px;font-size:.8rem;text-transform:capitalize;color:var(--ump-text)}.ump-actions{display:flex;gap:8px}.ump-icon-btn{border:none;background:#f3f4f6;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ump-text-light);transition:all .2s}.ump-icon-btn:hover{background:#e5e7eb;color:var(--ump-primary)}.ump-icon-btn.danger:hover{background:#fee2e2;color:var(--ump-danger)}.ump-icon-btn.success:hover{background:#d1fae5;color:var(--ump-success)}.ump-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.ump-detail-modal{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;overflow:hidden}.ump-modal-header{padding:20px;border-bottom:1px solid var(--ump-border);display:flex;justify-content:space-between;align-items:flex-start;background:#fafafa}.ump-user-summary{display:flex;align-items:center;gap:15px}.ump-avatar-large{width:60px;height:60px;border-radius:50%;object-fit:cover}.ump-badge-pill{display:inline-block;background:var(--ump-text);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;margin-right:5px;text-transform:uppercase}.ump-badge-pill.verified{background:#3b82f6}.ump-close-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--ump-text-light)}.ump-modal-body{padding:20px;overflow-y:auto;flex:1}.ump-grid-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.ump-card{background:#f9fafb;padding:15px;border-radius:8px;border:1px solid var(--ump-border)}.ump-card.full-width{grid-column:span 2;margin-top:15px}.ump-card h3{margin-top:0;font-size:1rem;color:var(--ump-text);border-bottom:1px solid var(--ump-border);padding-bottom:8px;margin-bottom:10px}.ump-bank-box{background:#fff;padding:10px;border-left:4px solid var(--ump-primary);border-radius:4px}.ump-bank-box .highlight{font-size:1.1rem;font-weight:700;letter-spacing:1px}.ump-doc-grid{display:flex;gap:15px;flex-wrap:wrap}.ump-doc-item img{max-width:150px;border-radius:6px;border:1px solid var(--ump-border);cursor:pointer;transition:transform .2s}.ump-doc-item img:hover{transform:scale(1.05)}.ump-logs{max-height:150px;overflow-y:auto}.ump-log-entry{font-size:.85rem;padding:5px 0;border-bottom:1px dashed var(--ump-border)}.ump-modal-footer{padding:15px 20px;border-top:1px solid var(--ump-border);background:#fafafa;display:flex;justify-content:flex-end;gap:10px}.ump-btn{border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;font-size:.9rem}.ump-btn.danger{background:var(--ump-danger);color:#fff}.ump-btn.success{background:var(--ump-success);color:#fff}.ump-btn.secondary{background:#fff;border:1px solid var(--ump-border);color:var(--ump-text)}@media (max-width: 768px){.ump-grid-section{grid-template-columns:1fr}.ump-card.full-width{grid-column:span 1}.ump-search-box{width:100%}}.ump-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ump-header-left{display:flex;align-items:center;gap:15px}.ump-back-btn{background:#fff;border:1px solid #ddd;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:all .2s}.ump-back-btn:hover{background:#f5f5f5;color:#000;transform:translate(-2px)}.ump-dashboard{padding:10px 0}.ump-section-title{font-size:1.1rem;color:#666;margin-bottom:15px;font-weight:600}.ump-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:30px}.ump-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid #f0f0f0;position:relative;overflow:hidden}.ump-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014;border-color:#e0e0e0}.ump-stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.bg-green{background:#e8f5e9;color:#2e7d32}.ump-stat-info h4{margin:0;font-size:.9rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ump-stat-count{font-size:1.5rem;font-weight:700;color:#333;line-height:1.2}.ump-stat-count span{font-size:.75rem;color:#999;font-weight:400;margin-left:5px}.ump-stat-arrow{margin-left:auto;color:#ccc;font-size:.9rem;transition:transform .2s}.ump-stat-card:hover .ump-stat-arrow{transform:translate(3px);color:#888}.fade-in{animation:fadeIn .3s ease-out forwards}.ump-container{padding:20px;background:#f8f9fa;min-height:85vh}.ump-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.ump-tabs{display:flex;gap:10px;background:#fff;padding:5px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.ump-tab{border:none;background:transparent;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;color:#666;transition:all .2s}.ump-tab.active{background:#2c3e50;color:#fff;font-weight:500}.ump-search-box{display:flex;align-items:center;background:#fff;padding:8px 15px;border-radius:25px;border:1px solid #ddd;width:300px}.ump-search-box input{border:none;outline:none;margin-left:10px;width:100%}.ump-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.ump-table{width:100%;border-collapse:collapse}.ump-table th,.ump-table td{padding:15px;text-align:left;border-bottom:1px solid #eee}.ump-table th{background:#f8f9fa;color:#444;font-weight:600}.ump-user-cell{display:flex;align-items:center;gap:12px}.ump-user-cell img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#eee}.ump-user-info{display:flex;flex-direction:column}.ump-name{font-weight:600;color:#333}.ump-email{font-size:.8rem;color:#777}.icon-frozen{font-size:.8rem;margin-left:5px}.ump-icon-btn{width:32px;height:32px;border-radius:6px;border:none;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;cursor:pointer;background:#f0f0f0;color:#555;transition:background .2s}.ump-icon-btn:hover{background:#e0e0e0}.ump-icon-btn.success{background:#e8f5e9;color:#2e7d32}.ump-icon-btn.danger{background:#ffebee;color:#c62828}.ump-status-dot{height:8px;width:8px;border-radius:50%;display:inline-block;margin-right:8px}.ump-status-dot.green{background-color:#4caf50}.ump-status-dot.red{background-color:#f44336}.ump-badges-row{display:flex;gap:8px;margin-top:5px;flex-wrap:wrap}.admin-panel{padding:20px}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.request-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #f0f0f0;transition:transform .2s}.request-card:hover{transform:translateY(-2px)}.req-header{margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.user-info{display:flex;align-items:center;gap:12px}.user-icon{background:#eef2ff;color:#4f46e5;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-type{font-size:.85rem;color:#666;text-transform:capitalize;margin-left:5px}.location-comparison{display:flex;align-items:center;gap:10px;background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:20px}.loc-box{flex:1;font-size:.9rem;line-height:1.4}.loc-box small{display:block;color:#888;font-size:.75rem;margin-bottom:4px;text-transform:uppercase;font-weight:600}.loc-box.new{color:#2ecc71;font-weight:500}.arrow{color:#ccc;font-weight:700}.req-actions{display:flex;gap:10px}.req-actions button{flex:1;padding:10px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:opacity .2s}.req-actions button:hover{opacity:.9}.btn-approve{background:#10b981;color:#fff}.btn-reject{background:#ef4444;color:#fff}.empty-state{text-align:center;color:#888;margin-top:40px}.logistics-wrapper{padding:20px;background-color:#f4f7fc;min-height:100vh}.logistics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.logistics-header h2{margin:0;color:#1a1a1a}.logistics-header p{margin:5px 0 0;color:#666;font-size:.9rem}.refresh-btn{background:#fff;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.refresh-btn:hover{background:#f0f0f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000008;display:flex;align-items:center;gap:15px}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.icon-money{background:#e0f2f1;color:#00897b}.icon-orders{background:#e3f2fd;color:#1e88e5}.icon-truck{background:#fff3e0;color:#fb8c00}.icon-alert{background:#ffebee;color:#e53935}.stat-info h3{margin:0;font-size:1.4rem;font-weight:700}.stat-info p{margin:0;color:#888;font-size:.85rem}.logistics-nav{display:flex;gap:10px;border-bottom:2px solid #e0e0e0;margin-bottom:20px}.nav-btn{background:none;border:none;padding:12px 20px;font-size:1rem;color:#666;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.nav-btn:hover{color:#333}.nav-btn.active{color:#2563eb;border-bottom:3px solid #2563eb}.fade-in{animation:fadeIn .3s ease-in-out}.search-container{display:flex;align-items:center;gap:10px;margin-bottom:20px;background:#f9fafb;padding:10px;border-radius:8px;border:1px solid #eee}.search-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#4f46e5}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-available{background:#d1fae5;color:#065f46}.status-ondelivery{background:#dbeafe;color:#1e40af}.status-suspended{background:#fee2e2;color:#991b1b}.status-offline{background:#f3f4f6;color:#374151}.btn-suspend{background-color:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:opacity .2s}.btn-suspend:hover{opacity:.9}.performance-header{margin-bottom:20px}.performance-header p{color:#666;font-size:.95rem}.score-high{color:#10b981;font-weight:700}.score-med{color:#f59e0b;font-weight:700}.score-low{color:#ef4444;font-weight:700}:root{--omp-bg: #f8f9fa;--omp-card-bg: #ffffff;--omp-text-main: #0f172a;--omp-text-muted: #64748b;--omp-border: #e2e8f0;--omp-primary: #007bff;--omp-primary-hover: #0056b3;--omp-danger: #ef4444;--omp-warning: #f59e0b;--omp-success: #10b981;--omp-purple: #8b5cf6;--omp-radius-sm: 8px;--omp-radius-md: 12px;--omp-radius-lg: 16px;--omp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--omp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--omp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--omp-transition: all .2s cubic-bezier(.4, 0, .2, 1)}.omp-wrapper{background-color:var(--omp-bg);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--omp-text-main);padding:24px}.omp-container{max-width:1400px;margin:0 auto}.omp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.omp-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--omp-text-main)}.omp-subtitle{color:var(--omp-text-muted);font-size:.875rem;margin-top:4px}.omp-btn-secondary{background:#fff;border:1px solid var(--omp-border);color:var(--omp-text-main);padding:8px 16px;border-radius:var(--omp-radius-sm);font-weight:500;cursor:pointer;transition:var(--omp-transition);box-shadow:var(--omp-shadow-sm)}.omp-btn-secondary:hover{background:var(--omp-bg);transform:translateY(-1px)}.omp-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.omp-tabs-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.omp-tabs-scroll::-webkit-scrollbar{display:none}.omp-tab{background:transparent;border:none;color:var(--omp-text-muted);padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--omp-transition)}.omp-tab:hover{background:#00000008;color:var(--omp-text-main)}.omp-tab.active{background:var(--omp-text-main);color:#fff;box-shadow:var(--omp-shadow-sm)}.omp-search-wrap{position:relative;min-width:280px}.omp-search-wrap input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--omp-border);border-radius:var(--omp-radius-md);font-size:.9rem;outline:none;transition:var(--omp-transition);background:#fff;box-shadow:var(--omp-shadow-sm)}.omp-search-wrap input:focus{border-color:var(--omp-primary);box-shadow:0 0 0 3px #007bff26}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--omp-text-muted);pointer-events:none}.omp-desktop-view{background:var(--omp-card-bg);border-radius:var(--omp-radius-lg);box-shadow:var(--omp-shadow-md);border:1px solid var(--omp-border);overflow:hidden}.omp-table{width:100%;border-collapse:collapse;text-align:left}.omp-table th{background:#f8fafc;padding:16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--omp-text-muted);font-weight:600;border-bottom:1px solid var(--omp-border)}.omp-table td{padding:16px;border-bottom:1px solid var(--omp-border);font-size:.9rem;color:var(--omp-text-main);vertical-align:middle}.omp-table tr{transition:background-color .15s ease;cursor:pointer}.omp-table tr:hover{background-color:#f1f5f9}.omp-table tr:last-child td{border-bottom:none}.omp-ref{display:flex;align-items:center;gap:8px;font-family:monospace;font-weight:600;color:var(--omp-text-main)}.copy-btn{background:none;border:none;color:var(--omp-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.copy-btn:hover{color:var(--omp-primary);background:#eff6ff}.omp-quick-stack{display:flex;flex-direction:column;gap:4px;font-size:.8rem}.omp-quick-stack span{display:flex;align-items:center;gap:6px;color:var(--omp-text-muted)}.omp-status-pill{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block;text-transform:capitalize}.status-success{background:#d1fae5;color:#065f46}.status-warning{background:#fef3c7;color:#92400e}.status-danger{background:#fee2e2;color:#991b1b}.status-info{background:#e0f2fe;color:#075985}.status-blue{background:#dbeafe;color:#1e40af}.status-purple{background:#ede9fe;color:#5b21b6}.status-orange{background:#ffedd5;color:#9a3412}.status-neutral{background:#f1f5f9;color:#475569}.omp-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;justify-content:flex-end}.omp-modal-panel{width:500px;height:100%;background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.omp-panel-header{padding:20px 24px;border-bottom:1px solid var(--omp-border);display:flex;justify-content:space-between;align-items:flex-start;background:#fff;z-index:10}.omp-panel-header h3{margin:0 0 12px;font-size:1.25rem}.omp-modal-tabs{display:flex;gap:16px;border-bottom:none}.omp-modal-tabs button{background:none;border:none;font-weight:500;color:var(--omp-text-muted);padding:0 0 8px;cursor:pointer;position:relative}.omp-modal-tabs button.active{color:var(--omp-primary)}.omp-modal-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--omp-primary)}.omp-panel-content{padding:24px;overflow-y:auto;flex:1}.omp-section-title{font-size:.75rem;text-transform:uppercase;color:var(--omp-text-muted);font-weight:700;letter-spacing:.05em;margin-bottom:12px}.omp-parties-chain{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:24px}.omp-party-card{background:#f8fafc;border:1px solid var(--omp-border);border-radius:var(--omp-radius-md);padding:12px;text-align:center;position:relative}.omp-party-icon{font-size:1.2rem;color:var(--omp-text-muted);margin-bottom:8px}.omp-party-role{font-size:.7rem;text-transform:uppercase;color:var(--omp-text-muted);font-weight:600}.omp-party-name{font-size:.9rem;font-weight:600;color:var(--omp-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omp-party-sub{font-size:.75rem;color:var(--omp-text-muted);margin-top:2px}.omp-logistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.omp-logistics-card{border:1px solid var(--omp-border);border-radius:var(--omp-radius-md);padding:16px;background:#fff;box-shadow:var(--omp-shadow-sm)}.omp-logistics-card.full-width{grid-column:1 / -1}.omp-card-label{font-size:.75rem;color:var(--omp-text-muted);margin-bottom:6px}.omp-card-value{font-size:.95rem;font-weight:600;color:var(--omp-text-main);display:flex;align-items:center}.omp-card-value.primary{color:var(--omp-primary)}.omp-card-sub{font-size:.75rem;color:var(--omp-text-muted);margin-top:4px}.omp-card-sub.highlight{color:var(--omp-purple);font-weight:600}.omp-proof-link{display:inline-flex;align-items:center;gap:6px;color:var(--omp-primary);text-decoration:none;font-size:.85rem;font-weight:500}.omp-finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.omp-finance-box{background:#f8fafc;border-radius:var(--omp-radius-md);padding:16px;border:1px dashed var(--omp-border)}.omp-finance-box h5{margin:0 0 8px;font-size:.85rem;color:var(--omp-text-muted)}.omp-amount-lg{font-size:1.5rem;font-weight:700;color:var(--omp-text-main)}.omp-finance-status{display:inline-block;font-size:.7rem;font-weight:700;color:var(--omp-success);background:#10b9811a;padding:2px 6px;border-radius:4px;margin-top:4px}.omp-kv{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px}.omp-items-list{border:1px solid var(--omp-border);border-radius:var(--omp-radius-md);overflow:hidden}.omp-item-row{display:flex;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid var(--omp-border)}.omp-item-row:last-child{border-bottom:none}.omp-item-details{display:flex;gap:8px}.omp-item-qty{font-weight:700;color:var(--omp-text-muted)}.omp-item-price{font-weight:600}.omp-timeline-wrapper{padding-left:12px;border-left:2px solid var(--omp-border);margin-left:8px}.omp-timeline-item{position:relative;margin-bottom:24px}.omp-timeline-item:before{content:"";position:absolute;left:-19px;top:4px;width:12px;height:12px;background:var(--omp-card-bg);border:2px solid var(--omp-primary);border-radius:50%}.omp-tl-header{display:flex;justify-content:space-between;margin-bottom:4px}.omp-panel-actions{display:flex;gap:12px;margin-top:32px}.omp-btn-warning,.omp-btn-success,.omp-btn-danger{flex:1;padding:12px;border-radius:var(--omp-radius-sm);border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--omp-transition)}.omp-btn-warning{background:var(--omp-warning);color:#fff}.omp-btn-success{background:var(--omp-success);color:#fff}.omp-btn-danger{background:var(--omp-danger);color:#fff}.omp-btn-warning:hover{filter:brightness(90%)}.omp-mobile-view{display:none}@media (max-width: 768px){.omp-desktop-view{display:none}.omp-mobile-view{display:flex;flex-direction:column;gap:16px}.omp-mobile-card{background:#fff;border-radius:var(--omp-radius-lg);padding:16px;border:1px solid var(--omp-border);box-shadow:var(--omp-shadow-sm);cursor:pointer;transition:transform .2s}.omp-mobile-card:active{transform:scale(.98)}.omp-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.omp-card-mid{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--omp-border)}.omp-mini-row{font-size:.85rem;color:var(--omp-text-muted);margin-bottom:4px;display:flex;justify-content:space-between}.omp-mini-row strong{color:var(--omp-text-main)}.omp-card-bot{display:flex;justify-content:space-between;align-items:center}.omp-btn-sm{background:none;border:1px solid var(--omp-border);padding:4px 10px;border-radius:12px;font-size:.75rem;color:var(--omp-text-main)}.omp-modal-backdrop{align-items:flex-end}.omp-modal-panel{width:100%;height:85vh;border-radius:20px 20px 0 0;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.omp-finance-grid{grid-template-columns:1fr}}@media (max-width: 450px){.omp-wrapper{padding:12px}.omp-header{flex-direction:column;align-items:flex-start;gap:12px}.omp-search-wrap{width:100%;min-width:auto}.omp-parties-chain{grid-template-columns:1fr}.omp-party-card:after{content:"↓";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);color:var(--omp-border);font-size:14px;z-index:1}.omp-party-card:last-child:after{content:none}.omp-party-card{margin-bottom:12px}.omp-panel-actions{position:sticky;bottom:-24px;margin:24px -24px -24px;background:#fff;padding:16px;border-top:1px solid var(--omp-border);box-shadow:0 -4px 12px #0000000d}}@media (max-width: 380px){:root{--omp-radius-lg: 12px}.omp-title{font-size:1.25rem}.omp-status-pill{padding:2px 8px;font-size:.7rem}.omp-party-name,.omp-card-value{font-size:.85rem}.omp-modal-panel{height:100vh;border-radius:0}}.omp-popup-box{background:#fff;padding:24px;border-radius:var(--omp-radius-lg);width:90%;max-width:400px;box-shadow:var(--omp-shadow-lg);text-align:center;margin:auto;animation:zoomIn .2s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.omp-popup-actions{display:flex;gap:12px;margin-top:16px}.omp-popup-actions button{flex:1}.omp-tab{display:flex;align-items:center;gap:8px}.omp-count-badge{background-color:#eee;color:#555;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px;transition:all .2s ease}.omp-tab.active .omp-count-badge{background-color:#fff;color:var(--primary-color)}:root{--af-bg: #f8f9fa;--af-card-bg: #ffffff;--af-text-main: #1e293b;--af-text-sub: #64748b;--af-border: #e2e8f0;--af-primary: #0f172a;--af-accent: #3b82f6;--af-success: #16a34a;--af-danger: #dc2626;--af-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--af-radius: 12px}.admin-finance-container{width:100%;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;color:var(--af-text-main);padding-bottom:40px}.admin-finance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-finance-title{display:flex;align-items:center;gap:12px}.admin-finance-title .icon-box{background:var(--af-primary);color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.admin-finance-title h2{margin:0;font-size:20px;font-weight:700;line-height:1.2}.admin-finance-title .sub-text{font-size:13px;color:var(--af-text-sub)}.admin-finance-privacy-btn{background:#fff;border:1px solid var(--af-border);color:var(--af-text-sub);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.admin-finance-privacy-btn:hover{border-color:var(--af-primary);color:var(--af-primary)}.admin-finance-hud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.admin-finance-card{background:var(--af-card-bg);border:1px solid var(--af-border);border-radius:var(--af-radius);padding:20px;box-shadow:var(--af-shadow);display:flex;flex-direction:column;transition:transform .2s}.admin-finance-card:hover{transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-label{font-size:13px;font-weight:600;color:var(--af-text-sub);text-transform:uppercase;letter-spacing:.5px}.card-icon-pill{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.icon-profit{background:#dcfce7;color:#16a34a}.icon-liability{background:#ffedd5;color:#ea580c}.icon-volume{background:#f1f5f9;color:var(--af-text-sub)}.card-value{font-size:24px;font-weight:700;color:var(--af-text-main);margin-bottom:4px;font-family:monospace}.card-sub{font-size:12px;color:var(--af-text-sub)}.alert-text{color:#ea580c;font-weight:500}.admin-finance-tabs-wrapper{display:flex;gap:8px;border-bottom:1px solid var(--af-border);margin-bottom:24px;padding-bottom:1px}.admin-finance-tab{background:transparent;border:none;padding:10px 20px;font-size:14px;font-weight:500;color:var(--af-text-sub);cursor:pointer;position:relative;transition:color .2s;display:flex;align-items:center;gap:8px}.admin-finance-tab:hover{color:var(--af-text-main)}.admin-finance-tab.active{color:var(--af-primary);font-weight:600}.admin-finance-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--af-primary)}.tab-badge{background:var(--af-danger);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700}@media (max-width: 768px){.admin-finance-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-finance-privacy-btn{width:100%;justify-content:center}.admin-finance-hud-grid{grid-template-columns:1fr 1fr}.volume-card{grid-column:span 2}}@media (max-width: 450px){.admin-finance-hud-grid{grid-template-columns:1fr}.volume-card{grid-column:span 1}.admin-finance-tabs-wrapper{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (max-width: 380px){.admin-finance-title h2{font-size:18px}.admin-finance-title .icon-box{width:32px;height:32px;font-size:16px}.card-value{font-size:20px}.admin-finance-tab{padding:8px 12px;font-size:13px}}:root{--ap-bg: #f8f9fa;--ap-card-bg: #ffffff;--ap-text-main: #1e293b;--ap-text-sub: #64748b;--ap-border: #e2e8f0;--ap-primary: #0f172a;--ap-success: #16a34a;--ap-danger: #dc2626;--ap-warning: #f59e0b;--ap-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05);--ap-radius: 12px;--ap-radius-sm: 6px}.admin-payout-container{width:100%;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;color:var(--ap-text-main);position:relative}.admin-payout-card{background:var(--ap-card-bg);border:1px solid var(--ap-border);border-radius:var(--ap-radius);box-shadow:var(--ap-shadow);padding:0;overflow:hidden}.admin-payout-batch-bar{background:var(--ap-primary);color:#fff;padding:12px 20px;border-radius:var(--ap-radius);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0f172a26;animation:slideDown .3s ease}.admin-payout-batch-info{display:flex;align-items:center;gap:16px}.count-badge{background:#fff3;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.total-text{font-weight:500;font-size:14px}.admin-payout-batch-btns{display:flex;gap:10px}.admin-payout-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-payout-table{width:100%;border-collapse:collapse;min-width:900px}.admin-payout-table th{text-align:left;font-size:12px;text-transform:uppercase;color:var(--ap-text-sub);font-weight:600;padding:14px 16px;border-bottom:2px solid var(--ap-border);background:#f8fafc}.admin-payout-table td{padding:14px 16px;font-size:14px;border-bottom:1px solid var(--ap-border);vertical-align:middle}.row-selected{background-color:#f1f5f9}.user-cell strong{display:block;color:var(--ap-text-main)}.user-cell small{color:var(--ap-text-sub)}.risk-icon{color:var(--ap-danger);margin-left:6px}.bank-info{display:flex;align-items:center;gap:8px;font-size:13px}.bank-icon{color:var(--ap-text-sub)}.text-success-bold{color:var(--ap-success);font-weight:700}.text-muted{color:var(--ap-text-sub)}.py-5{padding-top:3rem;padding-bottom:3rem}.admin-payout-pill{padding:4px 10px;border-radius:99px;font-size:11px;font-weight:600;text-transform:capitalize}.admin-payout-pill-pending{background:#fff7ed;color:#c2410c}.admin-payout-pill-processing{background:#fef9c3;color:#a16207}.admin-payout-pill-paid{background:#dcfce7;color:#15803d}.admin-payout-pill-flagged{background:#fee2e2;color:#b91c1c}.admin-payout-actions-group{display:flex;justify-content:flex-end;gap:8px}.admin-payout-icon-btn{background:none;border:1px solid var(--ap-border);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ap-text-sub);transition:all .2s}.admin-payout-icon-btn:hover{background:#f1f5f9;color:var(--ap-primary)}.btn-freeze-icon{border-color:#fca5a5;color:#ef4444}.btn-freeze-icon:hover{background:#fef2f2;color:#dc2626}.admin-payout-btn{padding:8px 16px;border-radius:var(--ap-radius-sm);border:none;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:opacity .2s}.admin-payout-btn.small{padding:6px 12px;font-size:13px}.btn-primary{background:#fff;color:var(--ap-primary)}.btn-secondary{background:#fff3;color:#fff}.btn-freeze{background:#fee2e2;color:#b91c1c}.btn-ghost{background:transparent;border:1px solid var(--ap-border);color:var(--ap-text-sub)}.btn-disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.admin-payout-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.admin-payout-modal{background:#fff;width:100%;max-width:550px;border-radius:16px;box-shadow:0 10px 25px #0000001a;animation:modalPop .2s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;max-height:90vh}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.admin-payout-modal-header{padding:20px 24px;border-bottom:1px solid var(--ap-border);display:flex;justify-content:space-between;align-items:flex-start}.admin-payout-modal-header h3{margin:0 0 6px;font-size:18px}.admin-payout-modal-body{padding:24px;overflow-y:auto}.admin-payout-section{margin-bottom:24px}.admin-payout-sec-title{font-size:14px;color:var(--ap-text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.admin-payout-risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8fafc;padding:16px;border-radius:var(--ap-radius-sm)}.admin-payout-risk-item label{display:block;font-size:11px;color:var(--ap-text-sub);margin-bottom:4px}.admin-payout-risk-item span{font-weight:600;font-size:14px}.admin-payout-score-bar-bg{width:100%;height:6px;background:#e2e8f0;border-radius:4px;margin-bottom:4px}.admin-payout-score-fill{height:100%;border-radius:4px}.admin-payout-mini-table{width:100%;font-size:14px}.admin-payout-mini-table td{padding:6px 0}.row-total{border-top:1px solid var(--ap-border);padding-top:8px}.text-danger{color:var(--ap-danger)}.admin-payout-warning-box{border:1px solid var(--ap-border);border-radius:var(--ap-radius-sm);padding:16px}.admin-payout-warning-box.verified{border-left:4px solid var(--ap-success);background:#f0fdf4}.admin-payout-warning-box.mismatch{border-left:4px solid var(--ap-warning);background:#fffbeb}.warning-header{font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.warning-comparison{display:flex;gap:24px;margin-bottom:12px}.warning-comparison small{color:var(--ap-text-sub);font-size:11px}.warning-comparison p{margin:0;font-weight:500;font-size:13px}.warning-alert{font-size:13px;color:#b45309;background:#ffffff80;padding:8px;border-radius:4px}.admin-payout-modal-footer{padding:16px 24px;border-top:1px solid var(--ap-border);display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-bottom-left-radius:16px;border-bottom-right-radius:16px;gap:10px}.footer-actions-right{display:flex;gap:8px}@media (max-width: 768px){.admin-payout-batch-bar{flex-direction:column;gap:12px;align-items:stretch;text-align:center}.admin-payout-batch-btns{justify-content:center;width:100%}.admin-payout-batch-btns button{flex:1;justify-content:center}}@media (max-width: 450px){.admin-payout-risk-grid{grid-template-columns:1fr}.admin-payout-modal-footer{flex-direction:column-reverse;gap:12px}.footer-actions-right{width:100%}.footer-actions-right button{flex:1}.btn-freeze{width:100%;justify-content:center}}@media (max-width: 380px){.admin-payout-batch-info{flex-direction:column;gap:4px}.admin-payout-modal{height:100vh;border-radius:0;max-height:100%}.admin-payout-modal-footer{border-radius:0;padding-bottom:24px}}:root{--al-bg: #f8f9fa;--al-card-bg: #ffffff;--al-text-main: #1e293b;--al-text-sub: #64748b;--al-border: #e2e8f0;--al-primary: #0f172a;--al-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--al-radius: 12px;--al-radius-sm: 8px}.admin-ledger-container{width:100%;max-width:1200px;margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--al-text-main)}.admin-ledger-controls{display:flex;gap:16px;margin-bottom:24px;align-items:center}.admin-ledger-search-group{position:relative;flex:1}.admin-ledger-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--al-text-sub);font-size:14px}.admin-ledger-input,.admin-ledger-select{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--al-border);border-radius:var(--al-radius-sm);font-size:14px;color:var(--al-text-main);background:var(--al-card-bg);transition:all .2s ease;outline:none}.admin-ledger-select{padding-left:16px;cursor:pointer;width:auto;min-width:180px}.admin-ledger-input:focus,.admin-ledger-select:focus{border-color:var(--al-primary);box-shadow:0 0 0 3px #0f172a1a}.admin-ledger-card{background:var(--al-card-bg);border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:var(--al-shadow);padding:24px;overflow:hidden}.admin-ledger-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--al-border)}.admin-ledger-header-row h4{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--al-primary)}.admin-ledger-date{font-size:13px;color:var(--al-text-sub);font-weight:500}.admin-ledger-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-ledger-table{width:100%;border-collapse:collapse;min-width:800px}.admin-ledger-table th{text-align:left;font-size:12px;text-transform:uppercase;color:var(--al-text-sub);font-weight:600;padding:12px 16px;border-bottom:2px solid var(--al-border);white-space:nowrap}.admin-ledger-table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.admin-ledger-table tr:last-child td{border-bottom:none}.admin-ledger-table tr:hover{background-color:#f8fafc}.admin-ledger-date-cell{color:var(--al-text-sub);font-size:13px;line-height:1.4}.admin-ledger-date-cell small{display:block;font-size:11px;opacity:.8}.admin-ledger-ref{font-family:Courier New,monospace;font-size:11px;color:var(--al-text-sub);margin-top:4px;letter-spacing:.5px}.admin-ledger-desc-cell strong{display:block;font-weight:600;color:var(--al-text-main)}.admin-ledger-desc-cell small{color:var(--al-text-sub)}.text-right{text-align:right}.text-center{text-align:center}.admin-ledger-amount{font-family:monospace;font-weight:600;font-size:13px}.admin-ledger-amount.debit{color:#dc2626}.admin-ledger-amount.credit{color:#16a34a}.admin-ledger-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-ledger-type-sale{background:#eff6ff;color:#3b82f6}.admin-ledger-type-dispatch{background:#fff7ed;color:#f97316}.admin-ledger-type-payout{background:#fef2f2;color:#ef4444}.admin-ledger-type-upgrade{background:#fdf4ff;color:#d946ef}.admin-ledger-type-fee{background:#f0fdf4;color:#22c55e}.admin-ledger-pill{padding:4px 10px;border-radius:99px;font-size:11px;font-weight:600;display:inline-block}.admin-ledger-pill-success,.admin-ledger-pill-paid,.admin-ledger-pill-completed{background:#dcfce7;color:#15803d}.admin-ledger-pill-pending,.admin-ledger-pill-processing{background:#fef9c3;color:#a16207}.admin-ledger-pill-failed,.admin-ledger-pill-cancelled{background:#fee2e2;color:#b91c1c}.admin-ledger-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--al-border);font-size:13px;color:var(--al-text-sub)}.admin-ledger-pagination-btns{display:flex;gap:8px}.admin-ledger-pagination-btns button{background:#fff;border:1px solid var(--al-border);padding:6px 12px;border-radius:6px;cursor:pointer;color:var(--al-text-main);transition:all .2s;display:flex;align-items:center;justify-content:center}.admin-ledger-pagination-btns button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.admin-ledger-pagination-btns button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.admin-ledger-controls{flex-direction:column;align-items:stretch;gap:12px}.admin-ledger-select{width:100%}.admin-ledger-card{padding:16px}}@media (max-width: 450px){.admin-ledger-card{border-radius:0;border-left:none;border-right:none;padding:12px}.admin-ledger-header-row h4{font-size:16px}.admin-ledger-table th,.admin-ledger-table td{padding:12px}.admin-ledger-badge{font-size:9px;padding:3px 6px}}@media (max-width: 380px){.admin-ledger-controls{margin-bottom:16px}.admin-ledger-date{display:none}.admin-ledger-pagination{flex-direction:column;gap:12px;align-items:center}.admin-ledger-table-wrapper{box-shadow:inset -10px 0 10px -10px #0000001a}}.text-fee{color:#6c757d;font-weight:500}.row-pending{background-color:#fff8e1!important}.text-pending{color:#f59e0b}.ledger-row{cursor:pointer;transition:background .2s}.ledger-row:hover{background-color:#f8f9fa}.toggle-cell{color:#adb5bd}.ledger-details-row td{background-color:#fcfcfc;border-top:none;padding:0!important}.ledger-details-content{padding:20px;display:flex;gap:40px;border-bottom:2px solid #eee;animation:slideDown .2s ease-out}.detail-group h6{font-size:.85rem;text-transform:uppercase;color:#888;margin-bottom:10px;letter-spacing:.5px}.detail-group p{font-size:.9rem;display:flex;justify-content:space-between;width:200px;margin-bottom:5px;color:#333}.detail-group p span{color:#666}.detail-alert{margin-left:auto;background:#fff3cd;color:#856404;padding:10px 15px;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:.9rem;height:fit-content}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.asp-container{--asp-primary: #3B82F6;--asp-success: #10B981;--asp-danger: #EF4444;--asp-bg-gray: #F9FAFB;--asp-border: #E5E7EB;--asp-text: #1F2937;--asp-text-muted: #6B7280;font-family:Inter,sans-serif;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:10px;min-height:80vh}.asp-header{margin-bottom:24px;border-bottom:1px solid var(--asp-border);padding-bottom:16px}.asp-header h2{font-size:1.5rem;color:var(--asp-text);margin:0 0 4px}.asp-header p{color:var(--asp-text-muted);font-size:.95rem;margin:0}.asp-tabs{display:flex;gap:10px;margin-bottom:24px;border-bottom:1px solid var(--asp-border);padding-bottom:1px}.asp-tab-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:10px 16px;color:var(--asp-text-muted);font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.asp-tab-btn:hover{color:var(--asp-primary)}.asp-tab-btn.active{color:var(--asp-primary);border-bottom-color:var(--asp-primary)}.asp-section{animation:fadeIn .3s ease}.asp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.asp-table-wrapper{overflow-x:auto;border:1px solid var(--asp-border);border-radius:8px;scrollbar-width:none}.asp-table{width:100%;border-collapse:collapse;min-width:600px}.asp-table th{background:var(--asp-bg-gray);padding:12px 16px;text-align:left;font-size:.85rem;color:var(--asp-text-muted);text-transform:uppercase;font-weight:600}.asp-table td{padding:12px 16px;border-top:1px solid var(--asp-border);font-size:.95rem;color:var(--asp-text);vertical-align:middle}.asp-loading-cell,.asp-empty-cell{text-align:center;padding:32px;color:var(--asp-text-muted)}.asp-mono-font{font-family:monospace;color:var(--asp-text-muted)}.asp-status{padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:capitalize}.asp-status-resolved{background:#d1fae5;color:#065f46}.asp-status-pending{background:#fef3c7;color:#92400e}.asp-status-rejected{background:#fee2e2;color:#991b1b}.asp-btn{padding:10px 20px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:filter .2s;color:#fff;width:100%}.asp-btn:hover{filter:brightness(90%)}.asp-btn:disabled{opacity:.6;cursor:not-allowed}.asp-btn-primary{background:var(--asp-primary);width:auto;margin-top:10px}.asp-btn-success{background:var(--asp-success)}.asp-btn-danger{background:var(--asp-danger)}.asp-btn-sm{padding:6px 12px;background:#fff;border:1px solid var(--asp-border);border-radius:4px;cursor:pointer;font-size:.85rem}.asp-btn-view{padding:6px 12px;background:#eef2ff;color:var(--asp-primary);border:none;border-radius:4px;font-weight:600;cursor:pointer}.asp-btn-view:hover{background:#e0e7ff}.asp-btn-icon-danger{color:var(--asp-danger);background:#fef2f2;border:1px solid #FECACA;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600}.asp-detail-view{background:#fff}.asp-back-btn{background:none;border:none;color:var(--asp-text-muted);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:0}.asp-back-btn:hover{color:var(--asp-primary)}.asp-detail-title{margin-bottom:24px;font-size:1.25rem}.asp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.asp-info-card{background:var(--asp-bg-gray);padding:16px;border-radius:8px;border:1px solid var(--asp-border)}.asp-subtext{font-size:.85rem;color:var(--asp-text-muted);margin-top:4px}.asp-reason-box{margin-bottom:24px;padding:16px;border:1px solid var(--asp-border);border-radius:8px}.asp-reason-comment{background:#fffbeb;padding:12px;margin-top:8px;border-radius:6px;color:#92400e;font-style:italic}.asp-divider{margin:32px 0;border:0;border-top:1px solid var(--asp-border)}.asp-hint{font-size:.9rem;color:var(--asp-text-muted);margin-bottom:12px}.asp-action-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.asp-card-light{background:var(--asp-bg-gray);padding:20px;border-radius:8px;border:1px solid var(--asp-border)}.asp-textarea{width:95%;padding:12px;border:1px solid var(--asp-border);border-radius:6px;font-family:inherit;resize:vertical;margin-bottom:8px}.asp-textarea:focus{outline:none;border-color:var(--asp-primary)}.asp-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--asp-border)}.asp-list-content{display:flex;flex-direction:column;gap:4px}.asp-date{font-size:.75rem;color:var(--asp-text-muted);font-weight:600;text-transform:uppercase}.asp-msg-text{font-size:1rem;color:var(--asp-text)}.asp-chat-box{height:300px;overflow-y:auto;background:var(--asp-bg-gray);padding:16px;border-radius:8px;border:1px solid var(--asp-border);margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.asp-chat-msg{max-width:80%;padding:10px 14px;border-radius:12px;font-size:.95rem;line-height:1.4}.asp-chat-msg strong{display:block;font-size:.75rem;margin-bottom:2px;opacity:.8}.asp-chat-msg p{margin:0}.asp-msg-user{align-self:flex-start;background:#e5e7eb;color:#1f2937;border-bottom-left-radius:2px}.asp-msg-admin{align-self:flex-end;background:var(--asp-primary);color:#fff;border-bottom-right-radius:2px}.asp-chat-input-area{display:flex;gap:10px}.asp-chat-input-area input{flex:1;padding:12px;border:1px solid var(--asp-border);border-radius:6px}.asp-chat-input-area button{padding:0 20px;background:var(--asp-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600}@media screen and (max-width: 768px){.asp-container{padding:10px}.asp-tabs{flex-wrap:wrap;gap:4px}.asp-tab-btn{flex:1 1 auto;justify-content:center;font-size:.85rem;padding:10px 8px}.asp-list-item{flex-direction:column;align-items:flex-start;gap:12px}.asp-btn-icon-danger{width:100%;justify-content:center}.asp-chat-input-area{flex-direction:column}.asp-chat-input-area button{padding:12px;justify-content:center}}.asp-filter-bar{display:flex;gap:12px;margin-bottom:16px;background:var(--asp-bg-gray);padding:4px;border-radius:8px;width:fit-content}.asp-filter-chip{border:none;background:transparent;padding:6px 16px;border-radius:6px;font-size:.9rem;font-weight:600;color:var(--asp-text-muted);cursor:pointer;transition:all .2s}.asp-filter-chip:hover{background:#0000000d;color:var(--asp-text)}.asp-filter-chip.active{background:#fff;color:var(--asp-primary);box-shadow:0 1px 2px #0000001a}.asp-detail-header{display:flex;justify-content:space-between;align-items:center}.asp-label{font-size:.75rem;text-transform:uppercase;color:var(--asp-text-muted);font-weight:700;margin-bottom:4px}.asp-value{font-size:1.1rem;font-weight:600;color:var(--asp-text)}.asp-evidence-section{background:#f8fafc;border:1px solid var(--asp-border);border-radius:8px;padding:16px;margin-bottom:24px}.asp-evidence-section h4{margin-top:0;margin-bottom:12px;font-size:1rem;color:var(--asp-text)}.asp-chat-log{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.asp-log-msg{padding:8px 12px;border-radius:6px;font-size:.9rem;background:#fff;border:1px solid var(--asp-border);width:fit-content;max-width:80%}.asp-log-msg strong{color:var(--asp-primary)}.asp-verdict-box{background:#ecfdf5;border:1px solid #a7f3d0;color:#064e3b;padding:16px;border-radius:8px;font-weight:500;margin-top:8px}:root{--primary: #007bff;--primary-hover: #0056b3;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--bg-subtle: #f8f9fa;--border-color: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.shipping-panel-container{max-width:1100px;margin:0 auto;padding:20px;color:var(--text-main);font-family:Inter,system-ui,sans-serif}.shipping-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.shipping-header h2{font-size:1.5rem;font-weight:700;margin:0 0 4px;display:flex;align-items:center;gap:10px}.text-muted{color:var(--text-muted);font-size:.95rem;margin:0}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.rate-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--card-shadow);transition:transform .2s ease}.rate-card:hover{transform:translateY(-2px)}.rate-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--bg-subtle)}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle)}.header-text h3{margin:0;font-size:1.1rem;font-weight:600}.header-text span{font-size:.85rem;color:var(--text-muted)}.rate-inputs{display:flex;flex-direction:column;gap:20px}.input-group label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.currency-input{display:flex;align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:10px;padding:4px 12px;transition:all .2s ease}.currency-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #007bff1a}.currency-input.locked{background:var(--bg-subtle);border-color:transparent}.currency-input span{font-weight:700;color:var(--text-muted);margin-right:8px}.currency-input input{flex:1;border:none;background:transparent;padding:10px 0;font-size:1.1rem;font-weight:600;outline:none;width:100%}.edit-toggle-btn{background:#fff;border:1px solid var(--border-color);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s}.edit-toggle-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.bulk-toggle-btn{background:#fff;border:1px solid var(--border-color);padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d}.shipping-footer-actions{position:sticky;bottom:20px;background:#fff;border:1px solid var(--border-color);border-radius:20px;padding:20px;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:100;margin-top:40px}.save-btn-large{width:100%;max-width:500px;padding:16px;border:none;border-radius:12px;background:#cbd5e1;color:#fff;font-size:1.1rem;font-weight:700;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-btn-large.active{background:var(--primary);cursor:pointer;box-shadow:0 4px 14px #007bff63}.save-btn-large.active:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width: 768px){.rates-grid{grid-template-columns:1fr}.shipping-header{flex-direction:column;align-items:flex-start}.bulk-toggle-btn{width:100%;justify-content:center}}@media (max-width: 450px){.shipping-panel-container{padding:12px}.rate-card{padding:16px;border-radius:12px}.header-text h3,.currency-input input{font-size:1rem}.shipping-footer-actions{bottom:10px;padding:16px;border-radius:16px}}@media (max-width: 380px){.rate-card-header{flex-direction:column;align-items:flex-start;gap:8px}.save-btn-large{font-size:.95rem;padding:14px}}:root{--pap-bg: #f8f9fa;--pap-card-bg: #ffffff;--pap-primary: #3b82f6;--pap-success: #10b981;--pap-danger: #ef4444;--pap-warning: #f59e0b;--pap-text: #1f2937;--pap-text-muted: #6b7280;--pap-border: #e5e7eb;--pap-shadow: 0 1px 3px rgba(0,0,0,.1);--pap-radius: 8px}.pap-container{padding:20px;background:var(--pap-bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--pap-text)}.pap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pap-title-group h2{font-size:1.5rem;margin:0}.pap-subtitle{color:var(--pap-text-muted);font-size:.9rem;margin:5px 0 0}.pap-tabs-wrapper{overflow-x:auto;white-space:nowrap;margin-bottom:20px;padding-bottom:5px}.pap-tabs{display:flex;gap:10px}.pap-tab{background:#fff;border:1px solid var(--pap-border);padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s}.pap-tab.active{background:var(--pap-text);color:#fff;border-color:var(--pap-text)}.pap-tab.danger-tab.active{background:var(--pap-danger);border-color:var(--pap-danger)}.pap-toolbar{background:#fff;padding:10px 15px;border-radius:var(--pap-radius);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--pap-shadow);gap:10px;margin-bottom:15px}.pap-search-wrapper{display:flex;align-items:center;background:var(--pap-bg);padding:5px 10px;border-radius:6px;flex:1;max-width:400px}.pap-search-wrapper input{border:none;background:transparent;outline:none;margin-left:8px;width:100%;font-size:.95rem}.pap-toolbar-actions{display:flex;align-items:center;gap:15px}.pap-view-toggle{display:flex;background:var(--pap-bg);border-radius:6px;padding:2px}.pap-view-toggle button{border:none;background:transparent;padding:5px 10px;cursor:pointer;border-radius:4px;color:var(--pap-text-muted)}.pap-view-toggle button.active{background:#fff;color:var(--pap-primary);box-shadow:0 1px 2px #0000001a}.pap-select-all{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.pap-bulk-bar{background:#fff3cd;color:#856404;padding:10px 15px;border-radius:var(--pap-radius);margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .2s ease-out}.pap-bulk-buttons{display:flex;gap:10px}.pap-layout.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.pap-layout.list{display:flex;flex-direction:column;gap:10px}.pap-layout.list .pap-card{display:flex;flex-direction:row;align-items:center;padding:10px;height:auto}.pap-layout.list .pap-media{width:80px;height:80px;flex-shrink:0}.pap-layout.list .pap-body{padding:0 15px;flex:1;display:flex;align-items:center;justify-content:space-between}.pap-layout.list .pap-title{margin:0;font-size:1rem}.pap-card{background:#fff;border-radius:var(--pap-radius);overflow:hidden;box-shadow:var(--pap-shadow);position:relative;transition:transform .2s,box-shadow .2s;cursor:pointer;border:2px solid transparent}.pap-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.pap-card.selected{border-color:var(--pap-primary);background:#f0f9ff}.pap-card-select{position:absolute;top:10px;left:10px;z-index:2;font-size:1.2rem;color:#fff;background:#0000004d;border-radius:4px;display:flex;padding:2px}.pap-card.selected .pap-card-select{background:transparent;color:var(--pap-primary)}.pap-media{height:180px;width:100%;position:relative;background:#eee}.pap-media img{width:100%;height:100%;object-fit:cover}.pap-badge{position:absolute;bottom:8px;right:8px;padding:4px 8px;border-radius:4px;color:#fff;font-size:.75rem;font-weight:700}.pap-badge.danger{background:var(--pap-danger)}.pap-badge.warning{background:var(--pap-warning)}.pap-badge.promo{background:#8b5cf6}.pap-body{padding:12px}.pap-title{margin:0 0 8px;font-size:.95rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pap-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--pap-text-muted);margin-bottom:10px}.pap-price{font-weight:700;color:var(--pap-text)}.pap-actions{display:flex;gap:8px;justify-content:flex-end}.pap-action-btn{border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.pap-action-btn.success{background:#d1fae5;color:#065f46}.pap-action-btn.success:hover{background:#34d399;color:#fff}.pap-action-btn.danger{background:#fee2e2;color:#991b1b}.pap-action-btn.danger:hover{background:#f87171;color:#fff}.pap-btn-primary{background:var(--pap-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500}.pap-btn-tiny{border:none;padding:4px 10px;border-radius:4px;font-size:.8rem;cursor:pointer}.pap-btn-tiny.success{background:var(--pap-success);color:#fff}.pap-btn-tiny.danger{background:var(--pap-danger);color:#fff}.pap-btn-block{width:100%;padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.pap-btn-block.success{background:var(--pap-success)}.pap-btn-block.danger{background:var(--pap-danger)}.pap-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.pap-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a}.pap-modal-close{position:absolute;top:15px;right:15px;background:#0000001a;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;z-index:10}.pap-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.pap-modal-img{background:#000;height:500px;display:flex;align-items:center;justify-content:center}.pap-modal-img img{max-width:100%;max-height:100%}.pap-modal-details{padding:25px;display:flex;flex-direction:column;gap:15px}.pap-report-box{background:#fff5f5;border-left:4px solid var(--pap-danger);padding:10px}.pap-modal-actions{margin-top:auto;display:flex;gap:10px}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.pap-layout.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 768px){.pap-header{flex-direction:column;align-items:flex-start;gap:10px}.pap-modal-grid{grid-template-columns:1fr}.pap-modal-img{height:300px}.pap-layout.list .pap-card{flex-direction:column;align-items:flex-start}.pap-layout.list .pap-media{width:100%;height:150px}.pap-layout.list .pap-body{width:100%;padding:10px;flex-direction:column;align-items:flex-start}.pap-layout.list .pap-actions{width:100%;justify-content:space-between;margin-top:10px}}@media (max-width: 480px){.pap-container{padding:10px}.pap-title-group h2{font-size:1.25rem}.pap-toolbar{flex-direction:column;align-items:stretch}.pap-search-wrapper{max-width:100%}.pap-toolbar-actions{justify-content:space-between;margin-top:10px}.hide-mobile{display:none}.pap-layout.grid{grid-template-columns:1fr}.pap-media{height:220px}.pap-modal{height:100vh;border-radius:0}.pap-modal-img{height:250px}}.ad-manager-container{padding:20px;background-color:#f4f6f8;min-height:80vh}.ad-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ad-header-row h2{margin:0;color:#333}.ad-header-row p{margin:0;color:#666;font-size:.9rem}.btn-create{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}.btn-create:hover{background:#218838}.kpi-strip{display:flex;gap:15px;margin-bottom:25px}.kpi-card{flex:1;background:#fff;padding:15px;border-radius:8px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 4px #0000000d}.kpi-card .icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.icon.active{background:#e8f5e9;color:#28a745}.icon.views{background:#e3f2fd;color:#007bff}.icon.clicks{background:#fff3e0;color:#ff9800}.kpi-card h3{margin:0;font-size:1.4rem}.kpi-card span{font-size:.8rem;color:#888}.ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.ad-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s}.ad-card:hover{transform:translateY(-3px)}.ad-card.paused{opacity:.7;filter:grayscale(.6)}.ad-media{height:150px;background:#eee;position:relative}.ad-media img{width:100%;height:100%;object-fit:cover}.status-pill{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:20px;font-size:.7rem;color:#fff;font-weight:700}.status-pill.active{background:#28a745}.status-pill.paused{background:#ffc107;color:#333}.ad-body{padding:15px}.ad-body h4{margin:0 0 5px;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-tag{color:#28a745;font-weight:700;font-size:.9rem;margin-bottom:10px}.ad-stats-row{display:flex;gap:15px;color:#777;font-size:.8rem;margin-bottom:15px}.ad-stats-row span{display:flex;align-items:center;gap:5px}.ad-actions-footer{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:10px}.btn-icon{background:none;border:none;cursor:pointer;font-size:1rem;color:#555}.btn-icon:hover{color:#000}.btn-icon.warn:hover{color:#ff9800}.btn-icon.success:hover{color:#28a745}.btn-icon.danger:hover{color:#dc3545}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;width:450px;max-width:90%;border-radius:10px;padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header button{background:none;border:none;font-size:1.2rem;cursor:pointer}.type-switcher{display:flex;gap:10px;margin-bottom:20px}.type-switcher button{flex:1;padding:8px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.type-switcher button.active{background:#e8f5e9;border-color:#28a745;color:#28a745;font-weight:700}.search-input-wrapper{display:flex;align-items:center;border:1px solid #ddd;padding:8px;border-radius:6px;gap:10px}.search-input-wrapper input{border:none;outline:none;width:100%}.results-list{margin-top:10px;max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:6px}.result-item{display:flex;gap:10px;padding:8px;cursor:pointer;border-bottom:1px solid #f9f9f9}.result-item:hover{background:#f9f9f9}.result-item.selected{background:#e8f5e9;border-left:3px solid #28a745}.result-item img{width:35px;height:35px;border-radius:4px;object-fit:cover}.standard-form label{display:block;font-size:.85rem;margin-top:10px;color:#555}.standard-form input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-top:4px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-save{background:#28a745;color:#fff;padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.btn-cancel{background:#eee;color:#333;padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.image-upload-container{margin-top:5px;width:100%}.upload-dropzone{display:flex;align-items:center;justify-content:center;width:100%;height:140px;border:2px dashed #ddd;border-radius:8px;background-color:#f9f9f9;cursor:pointer;transition:all .2s ease}.upload-dropzone:hover{background-color:#f0f8ff;border-color:#2196f3}.upload-content{display:flex;flex-direction:column;align-items:center;color:#666;text-align:center}.upload-icon{font-size:2rem;color:#aaa;margin-bottom:8px}.upload-content span{font-weight:500;font-size:.95rem}.upload-content small{font-size:.75rem;color:#999;margin-top:4px}.image-preview-wrapper{position:relative;width:100%;height:160px;border-radius:8px;overflow:hidden;border:1px solid #eee;background:#000}.image-preview-wrapper img{width:100%;height:100%;object-fit:cover;opacity:.9}.remove-image-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background-color:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;color:#ff4d4f;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .2s}.remove-image-btn:hover{transform:scale(1.1);background-color:#fff}.aap-container{padding:10px;animation:fadeIn .3s ease-in-out}.aap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.aap-header h2{margin:0;font-size:1.4rem;color:var(--text-main);display:flex;align-items:center;gap:10px}.aap-tabs{display:flex;gap:10px;background:var(--bg-main);padding:5px;border-radius:8px}.aap-tab{background:transparent;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px;transition:all .2s;font-size:.9rem}.aap-tab:hover{color:var(--accent-primary);background:#00000008}.aap-tab.active{background:var(--bg-panel);color:var(--accent-primary);box-shadow:0 2px 5px #0000000d}.aap-controls{display:flex;gap:15px;margin-bottom:20px}.aap-search{flex:1;display:flex;align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;padding:0 12px;color:var(--text-muted)}.aap-search input{border:none;background:transparent;width:100%;padding:10px;font-size:.95rem;color:var(--text-main)}.aap-search input:focus{outline:none}.aap-select{padding:0 15px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-main);font-size:.9rem;cursor:pointer;min-width:180px}.aap-select:focus{outline:2px solid var(--accent-glow)}.aap-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.aap-table{width:100%;border-collapse:collapse;min-width:700px}.aap-table th{background:var(--bg-hover);text-align:left;padding:12px 15px;font-size:.85rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.aap-table td{padding:15px;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-main);font-size:.95rem}.aap-table tr:last-child td{border-bottom:none}.aap-table tr:hover{background:#fafafa}.user-cell{display:flex;align-items:center;gap:12px}.avatar-circle{width:40px;height:40px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.orange{background:#fff3e0;color:#e65100;border:1px solid #ffe0b2}.status-badge.purple{background:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}.status-badge.blue{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.status-badge.pink{background:#fce4ec;color:#c2185b;border:1px solid #f8bbd0}.status-badge.gray{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.status-badge.small{font-size:.7rem;padding:2px 8px}.btn-review{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-review:hover{background:var(--accent-primary);color:#fff}.aap-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.dossier-modal{background:var(--bg-panel);width:100%;max-width:900px;height:85vh;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.dossier-header{padding:15px 25px;background:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start}.dossier-header h3{margin:0;color:var(--text-main);font-size:1.2rem}.case-id{margin:2px 0 0;font-size:.8rem;color:var(--text-muted);font-family:monospace}.close-btn{background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer}.close-btn:hover{color:var(--status-danger)}.dossier-body{display:flex;flex:1;overflow:hidden}.dossier-sidebar{width:320px;background:#fcfcfc;border-right:1px solid var(--border-color);padding:20px;overflow-y:auto}.sidebar-section{margin-bottom:25px}.sidebar-section h4{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:15px;border-bottom:2px solid #eee;padding-bottom:5px}.detail-row{display:flex;gap:12px;margin-bottom:15px;align-items:flex-start}.detail-row.highlight{background:var(--bg-hover);padding:8px;border-radius:6px;margin-left:-8px;width:calc(100% + 16px)}.detail-icon{color:var(--accent-primary);font-size:1rem;margin-top:2px}.detail-content label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:2px}.detail-content p{margin:0;font-size:.9rem;font-weight:500;color:var(--text-main);word-break:break-word}.dossier-main{flex:1;padding:25px;overflow-y:auto;display:flex;flex-direction:column}.evidence-section h4{font-size:1rem;color:var(--text-main);margin-top:0;margin-bottom:15px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.doc-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:#fff}.doc-preview{height:120px;background:#eee;display:flex;align-items:center;justify-content:center;overflow:hidden}.doc-preview img{width:100%;height:100%;object-fit:cover}.doc-info{padding:10px;display:flex;justify-content:space-between;align-items:center;background:#fafafa;border-top:1px solid #eee}.doc-info span{font-size:.8rem;font-weight:600;color:var(--text-main)}.view-link{text-decoration:none;color:var(--accent-primary);font-size:.75rem;display:flex;gap:4px;align-items:center}.bio-box{background:var(--bg-hover);padding:15px;border-radius:8px;font-size:.95rem;color:var(--text-main);line-height:1.5;border:1px solid rgba(0,143,83,.1)}.dossier-actions{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color);display:flex;gap:15px;justify-content:flex-end}.action-btn{padding:10px 20px;border-radius:6px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.95rem;transition:transform .1s}.action-btn:active{transform:scale(.98)}.action-btn.reject{background:#ffebee;color:var(--status-danger);border:1px solid #ffcdd2}.action-btn.reject:hover{background:#ffcdd2}.action-btn.approve{background:var(--accent-primary);color:#fff}.action-btn.approve:hover{background:#007041}.aap-modal-content.small{background:#fff;padding:25px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 30px #0003}.aap-textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;margin-top:10px;font-family:inherit;resize:vertical}.aap-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.aap-btn-cancel{background:#eee;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;color:#555}.aap-btn-confirm{border:none;padding:8px 16px;border-radius:6px;cursor:pointer;color:#fff;font-weight:600}.aap-btn-reject{background:var(--status-danger)}.aap-btn-approve{background:var(--accent-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.aap-controls{flex-direction:column}.aap-select{width:100%}.dossier-body{flex-direction:column;overflow-y:auto}.dossier-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);height:auto;max-height:40%;flex-shrink:0}.dossier-main{overflow-y:visible;height:auto}.dossier-modal{height:95vh}}@media (max-width: 450px){.aap-container{padding:15px 10px}.aap-header h2{font-size:1.2rem}.aap-tabs{overflow-x:auto;white-space:nowrap;max-width:100%;padding-bottom:5px}.aap-table th,.aap-table td{padding:10px;font-size:.85rem}.user-cell{flex-direction:column;align-items:flex-start;gap:5px}.avatar-circle{width:30px;height:30px;font-size:.9rem}.dossier-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}@media (max-width: 380px){.aap-header{flex-direction:column;align-items:flex-start;gap:10px}.aap-tabs{width:100%}.aap-tab{flex:1;justify-content:center;padding:6px 10px;font-size:.8rem}.btn-review{padding:4px 8px;font-size:.75rem}}.aap-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#fcfcfc;border-top:1px solid var(--border-color)}.page-info{font-size:.85rem;color:var(--text-muted)}.page-info strong{color:var(--text-main)}.page-controls{display:flex;align-items:center;gap:15px}.page-numbers{font-size:.9rem;font-weight:600;color:var(--text-main)}.page-btn{background:#fff;border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--text-main);display:flex;align-items:center;gap:5px;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-hover)}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}@media (max-width: 450px){.aap-pagination{flex-direction:column;gap:10px;align-items:flex-start}.page-controls{width:100%;justify-content:space-between}}.back-btn{background:none;border:none;font-size:1.2rem;color:#555;cursor:pointer;padding:5px;border-radius:50%;transition:background .2s}.back-btn:hover{background:#eee;color:#000}.aap-dashboard{padding:10px;animation:fadeIn .3s ease}.section-title{font-size:1.1rem;color:#444;margin-bottom:20px}.aap-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:30px}.aap-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000000d;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid #eee;position:relative;overflow:hidden}.aap-stat-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.bg-orange{background:#fff3e0;color:#f57c00}.bg-purple{background:#f3e5f5;color:#8e24aa}.bg-blue{background:#e3f2fd;color:#1e88e5}.bg-pink{background:#fce4ec;color:#d81b60}.bg-teal{background:#e0f2f1;color:#00897b}.stat-info h4{margin:0;font-size:.95rem;color:#555;font-weight:600}.stat-count{font-size:1.4rem;font-weight:700;color:#333}.stat-count span{font-size:.75rem;color:#888;font-weight:400;margin-left:5px}.stat-arrow{margin-left:auto;color:#ccc;font-size:.9rem}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-badge.orange{background:#fff3e0;color:#f57c00}.status-badge.purple{background:#f3e5f5;color:#8e24aa}.status-badge.blue{background:#e3f2fd;color:#1e88e5}.status-badge.pink{background:#fce4ec;color:#d81b60}.status-badge.teal{background:#e0f2f1;color:#00897b}.status-badge.gray{background:#f5f5f5;color:#666}.fade-in{animation:fadeIn .3s ease}.active-category-badge{padding:8px 15px;background:#eef2ff;color:#4f46e5;border-radius:8px;font-size:.9rem;border:1px solid #c7d2fe}.asm-container{--asm-primary: #4F46E5;--asm-primary-hover: #4338ca;--asm-success: #10B981;--asm-danger: #EF4444;--asm-warning: #F59E0B;--asm-gray-bg: #F3F4F6;--asm-border: #E5E7EB;--asm-text-main: #111827;--asm-text-sub: #6B7280;font-family:Inter,sans-serif;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:80vh}.asm-header{margin-bottom:24px;border-bottom:1px solid var(--asm-border);padding-bottom:16px}.asm-header h2{font-size:1.5rem;font-weight:700;color:var(--asm-text-main);margin-bottom:4px}.asm-header p{color:var(--asm-text-sub);font-size:.95rem}.asm-tabs{display:flex;gap:12px;margin-bottom:24px;background:var(--asm-gray-bg);padding:6px;border-radius:8px;width:fit-content}.asm-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--asm-text-sub);font-weight:600;font-size:.9rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.asm-tab-btn:hover{background:#ffffff80;color:var(--asm-text-main)}.asm-tab-btn.active{background:#fff;color:var(--asm-primary);box-shadow:0 1px 2px #0000000d}.asm-icon{font-size:1rem}.asm-badge{font-size:.75rem;padding:2px 6px;border-radius:99px;color:#fff;min-width:18px;text-align:center}.asm-badge-active{background-color:var(--asm-success)}.asm-badge-pending{background-color:var(--asm-danger)}.asm-content-area{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.asm-loading,.asm-empty{text-align:center;padding:40px;color:var(--asm-text-sub);font-size:1.1rem;background:var(--asm-gray-bg);border-radius:8px}.asm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.asm-card{background:#fff;border:1px solid var(--asm-border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.asm-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.asm-active-card .asm-card-header{padding:16px;display:flex;align-items:center;gap:12px;background:linear-gradient(to right,#f8fafc,#fff);border-bottom:1px solid var(--asm-border)}.asm-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--asm-primary)}.asm-user-info h4{font-weight:600;color:var(--asm-text-main);margin-bottom:2px}.asm-plan-badge{font-size:.75rem;background:#e0e7ff;color:var(--asm-primary);padding:2px 8px;border-radius:4px;font-weight:600}.asm-card-body{padding:16px;flex:1;font-size:.9rem;color:var(--asm-text-sub)}.asm-req-card .asm-img-cover{height:160px;position:relative}.asm-req-card .asm-img-cover img{width:100%;height:100%;object-fit:cover}.asm-price-tag{position:absolute;top:10px;right:10px;background:#000c;color:#fbbf24;padding:4px 10px;border-radius:6px;font-weight:700;font-size:.9rem}.asm-desc{margin-top:10px;font-size:.85rem;color:var(--asm-text-sub);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.asm-card-actions{padding:12px 16px;border-top:1px solid var(--asm-border);background:#f9fafb}.asm-card-actions.two-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.asm-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:filter .2s;width:100%}.asm-btn:hover{filter:brightness(90%)}.asm-btn-danger{background:#fee2e2;color:#b91c1c}.asm-btn-reject{background:#f3f4f6;color:#4b5563}.asm-btn-approve{background:var(--asm-success);color:#fff}.asm-btn-gift{background:#818cf8;color:#fff}.asm-table-wrapper{overflow-x:auto;border:1px solid var(--asm-border);border-radius:12px}.asm-table{width:100%;border-collapse:collapse;min-width:600px}.asm-table th{background:#f9fafb;padding:14px 20px;text-align:left;font-size:.85rem;font-weight:600;color:var(--asm-text-sub);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--asm-border)}.asm-table td{padding:14px 20px;border-bottom:1px solid var(--asm-border);color:var(--asm-text-main);vertical-align:middle}.asm-table tr:last-child td{border-bottom:none}.asm-user-cell{display:flex;align-items:center;gap:12px}.asm-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--asm-border)}.asm-username{font-weight:600}.asm-rating{display:flex;align-items:center;gap:4px;font-weight:600}@media screen and (max-width: 768px){.asm-container{padding:16px;min-height:auto}.asm-header h2{font-size:1.25rem}.asm-header p{font-size:.85rem}.asm-tabs{width:100%;flex-wrap:wrap;gap:8px}.asm-tab-btn{flex:1 1 auto;justify-content:center;font-size:.85rem;padding:10px;white-space:nowrap}.asm-grid{grid-template-columns:1fr;gap:16px}.asm-card-actions.two-btns{grid-template-columns:1fr;gap:10px}.asm-active-card .asm-card-header{padding:12px}.asm-avatar{width:40px;height:40px}.asm-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;border-radius:8px}.asm-table th,.asm-table td{padding:12px 16px;white-space:nowrap}.asm-user-cell{min-width:180px}.asm-price-tag{font-size:.8rem;padding:3px 8px}}@media screen and (max-width: 380px){.asm-tabs{flex-direction:column}.asm-tab-btn{width:100%;justify-content:flex-start}}.admin-content-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000000d;margin-top:20px}.fade-in{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid #eee;padding-bottom:16px}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{margin:0;font-size:1.25rem;color:#1a1a1a}.icon-box{background:#eef2ff;color:#4f46e5;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;color:#111827}.filters-toolbar{display:flex;gap:12px;margin-bottom:20px}.search-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.admin-search-bar{width:100%;padding:10px 12px 10px 38px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}.admin-search-bar:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.filter-wrapper{position:relative}.filter-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.admin-select{padding:10px 32px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;font-size:.95rem;cursor:pointer;appearance:none}.admin-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.admin-table{width:100%;border-collapse:collapse;min-width:800px}.admin-table th{background:#f9fafb;text-align:left;padding:12px 16px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:1px solid #e5e7eb}.admin-table td{padding:14px 16px;border-bottom:1px solid #e5e7eb;vertical-align:middle;font-size:.9rem;color:#374151}.log-row:hover{background-color:#f9fafb}.log-row.severity-critical{border-left:4px solid #ef4444}.log-row.severity-routine{border-left:4px solid #10b981}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.status-critical{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.status-routine{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.system-tag{font-style:italic;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.8rem}.details-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7280}.monospace-cell{font-family:SF Mono,Roboto Mono,monospace;font-size:.8rem;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.text-muted{color:#6b7280;font-size:.85rem}.fw-bold{font-weight:600;color:#111827}.empty-state{text-align:center;padding:40px;color:#6b7280;font-style:italic}.loading-state{text-align:center;padding:40px;color:#4f46e5;font-weight:500}.pagination-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-top:1px solid #eee}.page-info{color:#777;font-size:.9rem}.page-controls{display:flex;align-items:center;gap:10px}.btn-icon{background:#f8f9fa;border:1px solid #ddd;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon:not(:disabled):hover{background:#e9ecef}.current-page{font-weight:600;color:#333}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.critical{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.status-badge.warning{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.status-badge.routine{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.user-info-mini{display:flex;flex-direction:column;line-height:1.2}.user-info-mini small{font-size:.75rem;color:#888}.details-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#555}.info-icon{color:#1e88e5;margin-left:5px;font-size:.8rem;vertical-align:middle}.loading-state{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-content{display:flex;flex-direction:column;align-items:center;padding:30px;color:#999;gap:10px}.bp-container{padding:2rem;background-color:#f8f9fa;min-height:100vh;font-family:Inter,sans-serif}.bp-grid-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;margin-top:1.5rem;height:calc(100vh - 180px)}.bp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bp-header h2{font-size:1.5rem;color:#1a202c;display:flex;align-items:center;gap:10px;margin:0}.bp-header p{color:#718096;margin:.25rem 0 0;font-size:.9rem}.bp-icon-pulse{color:#3182ce}.bp-kpi-badge{background:#fff;padding:.5rem 1.25rem;border-radius:12px;box-shadow:0 2px 4px #0000000d;text-align:center;border:1px solid #e2e8f0}.bp-kpi-badge span{display:block;font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.5px}.bp-kpi-badge strong{display:block;font-size:1.5rem;color:#e53e3e;line-height:1.2}.bp-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;overflow:hidden;border:1px solid #edf2f7}.bp-card-header{padding:1rem 1.5rem;border-bottom:1px solid #edf2f7;background:#fff;display:flex;justify-content:space-between;align-items:center}.bp-card-header h4{margin:0;font-size:1rem;font-weight:600;color:#2d3748}.bp-tabs{display:flex;padding:0 1rem;border-bottom:1px solid #edf2f7;background:#fcfcfc}.bp-tabs button{background:none;border:none;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;color:#718096;cursor:pointer;position:relative;transition:all .2s}.bp-tabs button:hover{color:#3182ce;background:#f7fafc}.bp-tabs button.active{color:#3182ce;font-weight:600}.bp-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#3182ce}.bp-scroll-area{flex:1;overflow-y:auto;scrollbar-width:none}.bp-table{width:100%;border-collapse:collapse}.bp-table th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;text-transform:uppercase;color:#a0aec0;font-weight:600;background:#f9fafb;position:sticky;top:0}.bp-table td{padding:1rem 1.5rem;border-bottom:1px solid #edf2f7;font-size:.9rem;vertical-align:middle}.bp-row-active{background-color:#ebf8ff;border-left:4px solid #3182ce}.bp-table tr:hover:not(.bp-row-active){background-color:#f7fafc;cursor:pointer}.bp-client-cell{display:flex;align-items:center;gap:12px}.bp-avatar-initial{width:36px;height:36px;background:#edf2f7;color:#4a5568;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.bp-client-name{display:block;font-weight:600;color:#2d3748}.bp-date{font-size:.75rem;color:#a0aec0;display:flex;align-items:center;gap:4px}.bp-term-cell{display:flex;flex-direction:column}.bp-term-text{font-weight:500;color:#2d3748}.bp-loc-text{font-size:.8rem;color:#718096;margin-top:2px}.bp-btn-cancel{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;width:32px;height:32px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.bp-btn-cancel:hover{background:#c53030;color:#fff}.bp-status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.bp-status-badge.processing{background:#feebc8;color:#d69e2e}.bp-status-badge.completed{background:#c6f6d5;color:#38a169}.bp-status-badge.cancelled{background:#edf2f7;color:#a0aec0}.bp-match-content{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden}.bp-match-summary{padding:1rem 1.5rem;background:#ebf8ff;border-bottom:1px solid #bee3f8;display:flex;justify-content:space-between;align-items:center}.bp-match-info h5{margin:0;color:#2b6cb0;font-size:.95rem}.bp-match-info span{font-weight:700}.bp-match-info small{color:#4299e1}.bp-match-count{background:#2b6cb0;color:#fff;padding:2px 8px;border-radius:8px;font-size:.8rem;font-weight:600}.bp-pros-actions{padding:.5rem 1.5rem;background:#f7fafc;border-bottom:1px solid #edf2f7;display:flex;justify-content:flex-end}.bp-btn-text{background:none;border:none;color:#3182ce;font-size:.85rem;font-weight:600;cursor:pointer}.bp-btn-text:hover{text-decoration:underline}.bp-btn-text:disabled{color:#cbd5e0;cursor:not-allowed;text-decoration:none}.bp-pros-list{flex:1;overflow-y:auto;padding:1rem}.bp-pro-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;border:1px solid #edf2f7;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.bp-pro-item:hover{border-color:#cbd5e0;background:#f7fafc}.bp-pro-item.bp-selected{background:#ebf8ff;border-color:#3182ce}.bp-checkbox{width:30px;display:flex;align-items:center;justify-content:center}.bp-check-circle{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.bp-check-circle.checked{background:#3182ce;border-color:#3182ce}.bp-pro-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin:0 12px}.bp-pro-info h6{margin:0 0 4px;font-size:.9rem;color:#2d3748}.bp-cat-tag{background:#edf2f7;color:#718096;padding:2px 6px;border-radius:4px;font-size:.7rem;margin-right:8px}.bp-rating{font-size:.75rem;color:#d69e2e;font-weight:600}.bp-action-footer{padding:1rem;border-top:1px solid #edf2f7;background:#fcfcfc;display:flex;justify-content:space-between;align-items:center}.bp-selection-count{font-size:.85rem;color:#718096}.bp-btn-dispatch{background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s}.bp-btn-dispatch:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3182ce4d}.bp-btn-dispatch:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.bp-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cbd5e0;text-align:center;padding:2rem}.bp-empty-state p{margin-top:1rem;color:#a0aec0}.bp-scanning{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3182ce;gap:1rem}@media screen and (max-width: 1024px){.bp-grid-layout{grid-template-columns:1fr;height:auto;gap:2rem}.bp-card-left{height:500px}.bp-card-right{height:auto;min-height:500px}}@media screen and (max-width: 768px){.bp-container{padding:1rem}.bp-header{flex-direction:column;align-items:flex-start;gap:1rem}.bp-kpi-badge{display:flex;justify-content:space-between;align-items:center;gap:10px}.bp-kpi-badge strong{font-size:1.2rem}.bp-tabs{overflow-x:auto;white-space:nowrap}.bp-tabs button{padding:1rem;flex:1}.bp-client-cell{flex-direction:column;align-items:flex-start;gap:4px}.bp-avatar-initial{width:28px;height:28px;font-size:.8rem;display:none}.bp-date{display:none}.bp-match-summary{flex-direction:column;align-items:flex-start;gap:.5rem}.bp-match-count{align-self:flex-start}.bp-action-footer{flex-direction:column;gap:1rem}.bp-selection-count{width:100%;text-align:center;margin-bottom:.5rem}.bp-btn-dispatch{width:100%;justify-content:center;padding:1rem}}:root{--bg-main: #f4f6f8;--bg-panel: #ffffff;--bg-hover: #e8f5e9;--accent-primary: #008f53;--accent-glow: rgba(0, 143, 83, .15);--text-main: #2c3e50;--text-muted: #7f8c8d;--text-on-accent: #ffffff;--border-color: #e0e0e0;--box-shadow: 0 2px 8px rgba(0, 0, 0, .05);--status-danger: #d32f2f;--status-warning: #f57c00;--status-info: #0288d1;--status-success: #388e3c;--sidebar-width: 260px}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.admin-container{display:flex;min-height:100vh;position:relative}h2,h3,h4{color:var(--text-main);font-weight:600}.admin-sidebar{width:var(--sidebar-width);background:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--box-shadow)}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.show{transform:translate(0);box-shadow:5px 0 25px #0000001a}}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-panel)}.admin-logo{color:var(--accent-primary);font-weight:800;font-size:1.5rem;margin:0}.admin-welcome{color:var(--text-muted);font-size:.85rem;margin-top:5px}.admin-nav{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.admin-nav li{cursor:pointer;color:var(--text-main);transition:all .2s}.nav-group-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.nav-group-header:hover{background:var(--bg-hover);color:var(--accent-primary)}.sub-item{padding:12px 20px 12px 35px;font-size:.9rem;display:flex;align-items:center;gap:10px;border-left:4px solid transparent;color:var(--text-main)}.sub-item:hover{background:var(--bg-hover);color:var(--accent-primary)}.sub-item.active{background:var(--bg-hover);color:var(--accent-primary);border-left:4px solid var(--accent-primary);font-weight:600}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color)}.btn-logout{width:100%;padding:10px;border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-muted);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-logout:hover{background:#ffebee;color:var(--status-danger);border-color:var(--status-danger)}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-main-content{flex:1;margin-left:var(--sidebar-width);padding:25px;width:100%;transition:margin .3s ease}@media (max-width: 1024px){.admin-main-content{margin-left:0;padding:15px}}.admin-topbar{display:flex;align-items:center;gap:15px;margin-bottom:25px;background:var(--bg-panel);padding:12px 20px;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.menu-toggle-btn{display:none;background:none;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer}@media (max-width: 1024px){.menu-toggle-btn{display:block}}.global-search-wrapper{position:relative;flex:1;display:flex;align-items:center;background:var(--bg-main);border-radius:8px;border:1px solid var(--border-color);padding:0 15px}.search-icon{color:var(--text-muted)}.global-search-input{width:100%;background:transparent;border:none;color:var(--text-main);padding:12px;font-size:.95rem}.global-search-input:focus{outline:none}.global-search-input::placeholder{color:var(--text-muted)}.search-dropdown-results{position:absolute;top:110%;left:0;right:0;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;z-index:100;box-shadow:0 4px 15px #0000001a}.search-result-item{padding:12px;display:flex;gap:10px;border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-main)}.search-result-item:hover{background:var(--bg-hover)}.subnav{margin-bottom:20px;display:flex;gap:10px;flex-wrap:wrap}.subnav button{background:var(--bg-panel);border:1px solid var(--border-color);padding:8px 16px;border-radius:20px;cursor:pointer;color:var(--text-muted);font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.subnav button.active{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary);box-shadow:0 2px 5px var(--accent-glow)}.subnav button:hover:not(.active){background:var(--bg-hover);color:var(--accent-primary)}.panel-container{background:var(--bg-panel);padding:10px;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.dashboard-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.current-date{color:var(--text-muted);margin:5px 0 0}.mini-kpi{text-align:right;background:var(--bg-panel);padding:15px 25px;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.mini-kpi span{color:var(--text-muted);font-size:.9rem}.mini-kpi h3{margin:5px 0 0;font-size:1.8rem;color:var(--accent-primary)}.dashboard-section{margin-bottom:15px}.section-title h3{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:1.1rem}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.action-widget{background:var(--bg-panel);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;cursor:pointer;border:1px solid var(--border-color);box-shadow:var(--box-shadow);transition:transform .2s,box-shadow .2s}.action-widget:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000014}.widget-icon{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.widget-info h3{margin:0;font-size:1.4rem;font-weight:800}.widget-info p{margin:3px 0 0;color:var(--text-muted);font-size:.9rem;font-weight:500}.urgent-pulse{animation:urgentGlow 2s infinite;border-color:var(--status-danger)!important}@keyframes urgentGlow{0%{box-shadow:0 0 #d32f2f33}70%{box-shadow:0 0 0 10px #d32f2f00}to{box-shadow:0 0 #d32f2f00}}.activity-panel h3{margin-top:0}.activity-list{margin-top:20px}.activity-item{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid var(--border-color);align-items:flex-start}.activity-item:last-child{border-bottom:none}.activity-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-dot.login{background:var(--status-info)}.activity-dot.update{background:var(--status-warning)}.activity-dot.delete{background:var(--status-danger)}.activity-dot.create{background:var(--status-success)}.activity-details p{margin:0;font-size:.95rem;color:var(--text-main)}.activity-details span{font-size:.8rem;color:var(--text-muted)}@media (max-width: 768px){.admin-main-content{padding:15px}.dashboard-header-row{flex-direction:column;align-items:flex-start;gap:15px}.mini-kpi{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:15px}.mini-kpi h3{font-size:1.5rem}}@media (max-width: 450px){.admin-main-content{padding:10px}.admin-topbar{flex-wrap:wrap;gap:10px;padding:10px}.menu-toggle-btn{order:1}.admin-topbar>div:last-child{order:2;margin-left:auto}.global-search-wrapper{order:3;width:100%;min-width:100%;margin-top:5px}.action-grid{grid-template-columns:1fr}}@media (max-width: 380px){:root{--sidebar-width: 85vw}.admin-logo{font-size:1.3rem}.widget-icon{width:40px;height:40px;font-size:1.1rem}.widget-info h3{font-size:1.2rem}.widget-info p{font-size:.8rem}.subnav{overflow-x:auto;padding-bottom:5px;flex-wrap:nowrap}.subnav button{white-space:nowrap;font-size:.85rem;padding:6px 12px}}.admin-notif-wrapper{position:relative;display:inline-block}.admin-notif-dropdown{position:absolute;top:120%;right:0;width:300px;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:8px;z-index:2000;border:1px solid #eee;overflow:hidden}.notif-icon-box{cursor:pointer;position:relative;padding:8px}.bell-icon{color:#555;transition:color .2s}.bell-icon:hover{color:#007bff}.notif-badge{position:absolute;top:0;right:0;background-color:#dc3545;color:#fff;font-size:.7rem;font-weight:700;padding:2px 5px;border-radius:50%;min-width:18px;text-align:center}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0;background-color:#f8f9fa}.notif-header h4{margin:0;font-size:1rem;color:#333}.notif-refresh-btn{background:none;border:none;color:#007bff;font-size:.85rem;cursor:pointer}.admin-notif-list{max-height:350px;overflow-y:auto;scrollbar-width:none}.notif-empty{padding:20px;text-align:center;color:#999;font-size:.9rem}.notif-item{display:flex;align-items:start;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.notif-item:hover{background-color:#f8f9fa}.notif-item.unread{background-color:#eef6ff}.notif-status-indicator{margin-top:6px;margin-right:10px;width:10px;display:flex;justify-content:center}.notif-content{flex:1}.notif-text{margin:0 0 4px;font-size:.9rem;color:#333;line-height:1.4}.notif-time{font-size:.75rem;color:#888}.notif-footer{padding:10px;text-align:center;background-color:#f8f9fa;color:#007bff;font-size:.9rem;cursor:pointer;border-top:1px solid #eee}.admin-alert-toast{position:fixed;top:80px;right:20px;background:#fff;border-left:5px solid #dc3545;box-shadow:0 4px 15px #0003;padding:15px;border-radius:4px;z-index:9999;display:flex;align-items:center;justify-content:space-between;width:300px;animation:slideIn .3s ease-out;cursor:pointer}.toast-content{display:flex;flex-direction:column}.toast-content strong{font-size:.95rem;color:#dc3545;margin-bottom:4px}.toast-content span{font-size:.85rem;color:#333}.toast-close{background:none;border:none;color:#999;cursor:pointer;padding:5px;margin-left:10px;font-size:1rem}.toast-close:hover{color:#333}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.shake-animation{animation:shake .5s ease-in-out infinite;color:#dc3545}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.product-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.product-card{position:relative;width:190px;border:1px solid rgba(0,0,0,.05);border-radius:15px;padding:3px;height:250px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;background-color:#fbfbfb;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;scroll-snap-align:start}.product-card:hover{transform:scale(1.03);box-shadow:0 10px 20px #00000026;z-index:10}.product-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.product-card-image-button{position:relative;width:100%;border-radius:15px;overflow:hidden;flex:1 0 70%;transition:flex .3s ease}.product-card:not(:has(.pc-price)) .product-card-image-button{flex:1 0 80%}.product-card-image{width:100%;height:100%;object-fit:cover;border-radius:15px;transition:filter .35s ease;transition-delay:2s;filter:brightness(100%)}.product-card-image-button:hover .product-card-image{filter:brightness(60%);transition-delay:0s}.product-order-button,.product-card-star-rating,.product-message-button,.product-available-button{position:absolute;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s ease,transform .35s ease;transition-delay:.5s}.product-order-button,.product-message-button,.product-available-button{bottom:5%;left:60%;transform:translate(-50%,8px);border:none;background-color:#fff;border-radius:10px;width:70px;min-height:25px;cursor:pointer;box-shadow:0 6px 14px #0000001f;font-size:11px}.product-card-image-button:hover .product-order-button,.product-card-image-button:hover .product-message-button,.product-card-image-button:hover .product-available-button,.product-card-image-button:hover .product-card-star-rating{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:0s}.pc-title-price{padding-top:5px;padding-bottom:5px}.pc-title{margin-top:5px;line-height:1.3;margin-left:3%;font-size:12px}.pc-price{display:flex;margin-top:5px;margin-left:3%;margin-bottom:3px;justify-content:space-between}.pc-current-price{font-weight:700;font-size:11px}.pc-old-price{color:#868686;font-size:10px;text-decoration:line-through;margin-right:10%}@media (max-width: 400px){.product-card{width:160px;border-radius:12x;height:220px;margin-bottom:10px}.product-order-button,.product-message-button,.product-available-button{opacity:1}.product-order-button,.product-message-button,.product-available-button{bottom:10%;left:69%;transform:translate(-50%,8px);border:none;background-color:#fff;border-radius:10px;width:70px;min-height:25px;font-size:11px}.product-card-image-button:hover .product-order-button,.product-card-image-button:hover .product-message-button,.product-card-image-button:hover .product-available-button,.product-card-image-button:hover .product-card-star-rating{opacity:1;transform:translate(-50%,8px);pointer-events:auto;transition-delay:0s}}@media (min-width: 0px) and (max-width: 360px){.product-card{width:150px;height:210px}}@media (min-width: 361px) and (max-width: 400px){.product-card{width:165px;height:230px}}@media (min-width: 401px) and (max-width: 500px){.product-card{width:180px;height:230px}}@media (min-width: 501px) and (max-width: 600px){.product-card{width:200px;height:260px}}@media (min-width: 601px) and (max-width: 768px){.product-card{width:210px;height:280px}}@media (max-width: 768px){.product-order-button,.product-card-star-rating,.product-message-button,.product-available-button{opacity:1;transform:translateY(8px)}.product-action-area{opacity:1;pointer-events:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%);transition:opacity .3s ease}.cart-qty-controls.show-inline{background-color:#fff;border-radius:10px;box-shadow:0 6px 14px #0000001f;opacity:1;pointer-events:auto;display:flex!important}}.bookings-page-container{padding:20px;max-width:600px;margin:0 auto;min-height:100vh;background:#f9f9f9}.bookings-nav{display:flex;align-items:center;gap:15px;margin-bottom:20px}.bookings-nav h2{margin:0;font-size:1.2rem}.bookings-filters{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto}.bookings-filters button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;font-size:.9rem;transition:.2s}.bookings-filters button.active{background:#2d3436;color:#fff;border-color:#2d3436}.booking-item-wrapper{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 5px #0000000d;border:1px solid #eee}.booking-client-info{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f5f5f5}.client-avatar-placeholder{width:35px;height:35px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#555}.booking-date-meta{display:block;font-size:.75rem;color:#999}.btn-chat-link{margin-left:auto;padding:6px 12px;font-size:.8rem;border:1px solid #00b894;color:#00b894;background:#fff;border-radius:6px;cursor:pointer}.no-bookings{text-align:center;color:#888;margin-top:40px}.booking-item-wrapper .booking-bubble{width:100%;box-shadow:none;border:1px solid #f0f0f0}.pin-page-wrapper{height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa;overflow:hidden}.pin-layout-container{display:flex;flex:1;overflow:hidden;position:relative;padding-top:70px;padding-left:80px}.pin-nav-strip{width:auto;background:#fff;border-right:1px solid #eaeaea;z-index:10;display:flex;flex-direction:column}.pin-content-grid{flex:1;display:flex;position:relative;height:100%}.pin-list-panel{width:320px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto;z-index:5}.pin-heading{padding:20px 15px 15px;font-size:1.1rem;font-weight:700;color:#1a1a1a;border-bottom:1px solid #f0f0f0;margin:0;background:#fff;position:sticky;top:0;z-index:2}.pin-feed-panel{flex:1;background:#fff;overflow-y:auto;position:relative;display:flex;flex-direction:column}.pin-feed-panel>div{width:100%}@media (max-width: 768px){.pin-page-wrapper{height:100vh;height:100dvh}.pin-layout-container{flex-direction:column;height:100%;padding-left:5px}.pin-nav-strip{display:block!important;position:fixed;bottom:0;left:0;width:100%;height:auto;background:#fff;border-right:none;border-top:1px solid #eee;z-index:1000}.pin-content-grid{flex-direction:column;overflow:hidden;height:100%;padding-bottom:60px}.pin-list-panel{width:100%;height:auto;min-height:105px;border-right:none;border-bottom:1px solid #e0e0e0;flex-shrink:0;overflow-y:hidden;overflow-x:visible;background:#fff;z-index:9}.pin-heading{display:none}.pin-feed-panel{flex:1;overflow-y:auto;height:100%;padding-bottom:20px}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;gap:10px;font-size:1.2rem}.pinned-reel-container.mobile-layout{display:flex;flex-direction:row;align-items:flex-start;padding:12px 15px;gap:16px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pinned-reel-container.mobile-layout::-webkit-scrollbar{display:none}.pinned-reel-container.desktop-layout{display:flex;flex-direction:column;padding:10px;gap:4px}.pin-avatar-item{cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.desktop-layout .pin-avatar-item{display:flex;align-items:center;padding:10px;border-radius:8px;border-left:4px solid transparent}.desktop-layout .pin-avatar-item:hover{background-color:#f1f8f4}.desktop-layout .pin-avatar-item.selected{background-color:#e8f5e9;border-left:4px solid #00c853}.avatar-wrapper{position:relative;border-radius:50%;background:transparent;display:flex;justify-content:center;align-items:center;padding:3px}.mobile-layout .avatar-wrapper{width:42px;height:42px}.desktop-layout .avatar-wrapper{width:48px;height:48px;margin-right:12px;padding:2px}.pin-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid #eee;background-color:#fff}.pin-avatar-item.has-new-stock .avatar-wrapper{background:linear-gradient(45deg,#00c853,#69f0ae)}.pin-avatar-item.has-new-stock .pin-avatar-img{border:2px solid white}.mobile-layout .pin-avatar-item:not(.has-new-stock) .pin-avatar-img{border:1px solid #ddd}.mobile-pin-name{display:block;font-size:11px;text-align:center;margin-top:6px;color:#555;width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-layout .pin-avatar-item.selected .mobile-pin-name{color:#00c853;font-weight:600}.desktop-pin-info{display:flex;flex-direction:column;justify-content:center;flex:1;overflow:hidden}.pin-name-row{display:flex;justify-content:space-between;align-items:center;width:100%}.pin-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-layout .pin-avatar-item.selected .pin-name{font-weight:700;color:#000}.pin-category{font-size:12px;color:#888;margin-top:2px}.green-dot{width:8px;height:8px;background-color:#00c853;border-radius:50%;box-shadow:0 0 4px #00c85366;flex-shrink:0;margin-left:8px}.empty-pin-state{padding:20px;text-align:center;color:#999;font-size:.9rem}.avail-page-container{max-width:600px;margin:0 auto;padding-bottom:40px;background:#f8f9fa;min-height:100vh}.avail-nav{display:flex;align-items:center;padding:15px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.avail-nav h2{margin-left:15px;font-size:1.2rem}.avail-content{padding:20px}.master-toggle-card{background:#fff;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d;margin-bottom:25px}.toggle-text h4{margin:0 0 5px;font-size:1rem}.toggle-text p{margin:0;color:#666;font-size:.85rem}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translate(22px)}.schedule-grid{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.schedule-grid.disabled{opacity:.5;pointer-events:none}.grid-header{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.copy-btn{background:#e3f2fd;color:#007bff;border:none;padding:5px 10px;border-radius:5px;font-size:.8rem;cursor:pointer}.day-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.day-row:last-child{border-bottom:none}.day-label{display:flex;align-items:center;gap:10px;font-weight:500;min-width:120px}.day-label input[type=checkbox]{transform:scale(1.2);cursor:pointer}.time-inputs{display:flex;align-items:center;gap:8px}.time-inputs input[type=time]{border:1px solid #ddd;padding:5px;border-radius:6px;font-family:inherit}.to-text{font-size:.9rem;color:#888}.closed-text{color:#999;font-style:italic;font-size:.9rem}.save-schedule-btn{width:100%;margin-top:25px;padding:15px;background:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.save-schedule-btn:disabled{background:#ccc}.announcement-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(90deg,#ff9800,#ff5722);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000026;animation:slideDown .4s ease-out}.announcement-content{display:flex;align-items:center;gap:10px}.announcement-date{font-size:.75rem;opacity:.8;margin-left:10px;background:#fff3;padding:2px 6px;border-radius:4px}.close-banner{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;opacity:.8}.close-banner:hover{opacity:1}.announcement-close{border:none;background-color:transparent;color:#fff;font-size:1.1rem}.hire-page-container{max-width:1000px;margin:0 auto;padding:20px;font-family:Inter,sans-serif;color:#333}.back-btn{background:none;border:none;display:flex;align-items:center;gap:8px;font-size:1rem;color:#555;cursor:pointer;margin-bottom:20px}.hire-layout{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}.agent-summary-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 15px #0000000d;border:1px solid #f0f0f0}.agent-summary-card h3{margin-top:0;color:#777;font-size:.9rem;text-transform:uppercase}.summary-profile{display:flex;align-items:center;gap:15px;margin:20px 0;border-bottom:1px solid #eee;padding-bottom:20px}.summary-profile img{width:60px;height:60px;border-radius:50%;object-fit:cover}.summary-profile h2{margin:0;font-size:1.2rem}.summary-profile p{margin:2px 0 5px;color:#666;font-size:.9rem}.badge-verified{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.summary-info p{font-size:.9rem;color:#555;line-height:1.5}.hire-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #0000000d}.hire-form h2{margin-top:0;margin-bottom:25px;font-size:1.6rem}.form-section{margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:20px}.form-section:last-of-type{border-bottom:none}.form-section h4{display:flex;align-items:center;gap:8px;color:#0056b3;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border .2s}.form-group input:focus,.form-group textarea:focus{border-color:#0056b3;outline:none}.form-group textarea{height:80px;resize:vertical}.row-group{display:flex;gap:15px}.row-group .form-group{flex:1}.submit-request-btn{width:100%;padding:15px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}.submit-request-btn:hover{background:#219150}.submit-request-btn:disabled{background:#95a5a6;cursor:not-allowed}@media (max-width: 768px){.hire-layout{grid-template-columns:1fr}.agent-summary-card{text-align:center}.summary-profile{flex-direction:column}.row-group{flex-direction:column;gap:0}}.dashboard-container{max-width:1000px;margin:0 auto;padding:40px 20px}.dashboard-tabs{display:flex;gap:20px;border-bottom:2px solid #eee;margin-bottom:30px}.dashboard-tabs button{background:none;border:none;padding:10px 0;cursor:pointer;font-size:1rem;color:#777}.dashboard-tabs button.active-tab{color:#0056b3;border-bottom:2px solid #0056b3;font-weight:700}.orders-empty-state{text-align:center;padding:60px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d}.empty-icon{font-size:4rem;color:#ddd;margin-bottom:20px}.btn-home{display:inline-block;margin-top:20px;background:#0056b3;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none}.notif-page-container{max-width:800px;margin:0 auto;min-height:80vh}.notif-page-header{display:flex;justify-content:space-between;align-items:center;margin-left:10px;text-align:center;padding:15px 10px}.header-left{display:flex;align-items:center;gap:15px}.header-left h1{margin:0;font-size:1.5rem}.notif-back-btn{background:none;border:none;display:flex;align-items:center;gap:5px;cursor:pointer;color:#666;font-size:.9rem}.notif-toolbar{margin-bottom:20px}.notif-search-wrapper{background:#fff;border:1px solid #eee;padding:10px 15px;border-radius:8px;display:flex;align-items:center;gap:10px;margin-bottom:15px}.notif-search-wrapper input{border:none;outline:none;width:100%;font-size:.95rem}.notif-filters-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.filter-pill{border:1px solid #ddd;background:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s}.filter-pill.active{background:#333;color:#fff;border-color:#333}.notif-date-header{font-size:.9rem;color:#888;margin:20px 0 10px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.notif-page-item{display:flex;align-items:flex-start;gap:15px;background:#fff;padding:15px;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:transform .2s;box-shadow:0 2px 5px #00000008;position:relative}.notif-page-item:hover{transform:translateY(-2px)}.notif-page-item.unread{background:#f0f7ff;border-left:3px solid #007bff}.notif-icon-box{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.type-order{background:#e3f2fd;color:#1976d2}.type-rating{background:#fff3e0;color:#f57c00}.type-follow{background:#e8f5e9;color:#388e3c}.type-security{background:#ffebee;color:#d32f2f}.type-system{background:#f5f5f5;color:#616161}.notif-content-wrapper{flex:1}.notif-message{margin:0 0 5px;font-weight:500;color:#333;line-height:1.4;font-size:.95rem}.notif-meta{font-size:.8rem;color:#999}.status-dot{width:8px;height:8px;background-color:#007bff;border-radius:50%;margin-top:5px}.supplier-container{max-width:800px;margin:40px auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#666;font-weight:500;transition:color .2s}.back-btn:hover{color:#333}.header-content{text-align:center;margin-bottom:40px}.icon-badge{background:#f3e5f5;color:#6a1b9a;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem}.page-title{font-size:2rem;margin-bottom:10px;color:#333}.page-subtitle{color:#666;font-size:1rem}.application-card{background:#fff;padding:40px;border-radius:16px;border:1px solid #e0e0e0;box-shadow:0 4px 20px #0000000d}.section-title{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:15px}.section-desc{font-size:.9rem;color:#666;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:8px;color:#444;font-size:.9rem}.form-input,.form-textarea{width:100%;padding:12px 15px;border-radius:8px;border:1px solid #ccc;background:#fcfcfc;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#6a1b9a;background:#fff;box-shadow:0 0 0 3px #6a1b9a1a}.proof-grid{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.proof-card{flex:1;min-width:250px}.existing-photo-box{border:1px solid #ddd;border-radius:12px;padding:15px;background:#fafafa}.photo-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;color:#2e7d32;font-weight:600}.photo-preview{width:100%;height:160px;object-fit:cover;border-radius:8px;border:1px solid #eee}.photo-note{font-size:.8rem;color:#888;margin-top:8px;text-align:center}.upload-label{border:2px dashed #ccc;border-radius:12px;padding:20px;text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;height:160px;transition:all .2s;position:relative;overflow:hidden}.upload-label:hover{border-color:#6a1b9a;background:#f9f0fd}.upload-content p{margin:10px 0 0;color:#555;font-size:.9rem}.upload-preview-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.agreement-box{background:#fff9c4;padding:20px;border-radius:10px;border:1px solid #fff59d;margin:30px 0}.agreement-title{margin:0 0 10px;font-size:.95rem;color:#827717;font-weight:700}.agreement-list{padding-left:20px;margin:0 0 15px;color:#555;font-size:.9rem;line-height:1.5}.checkbox-wrapper{display:flex;align-items:center;gap:12px}.checkbox-label{cursor:pointer;font-size:.95rem;font-weight:600;color:#333}.submit-btn{width:100%;padding:16px;font-size:1.1rem;font-weight:700;border-radius:10px;border:none;cursor:pointer;background:#6a1b9a;color:#fff;transition:background .2s,transform .1s}.submit-btn:hover:not(:disabled){background:#561080}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.status-page{max-width:600px;margin:80px auto;text-align:center;padding:50px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d}.status-page.pending{border-top:6px solid #f57f17}.status-page.approved{border-top:6px solid #2e7d32}.status-btn{margin-top:25px;padding:12px 24px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;color:#fff;font-weight:600}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}.proof-grid{flex-direction:column}.application-card{padding:20px}}.leads-container{max-width:800px;margin:30px auto;padding:0 20px;min-height:80vh}.leads-header{text-align:center;margin-bottom:30px}.leads-header h1{font-size:1.8rem;color:#333}.leads-header p{color:#666}.leads-loading,.leads-empty{text-align:center;margin-top:50px;color:#777}.leads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.lead-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000000d;border:1px solid #eee;position:relative;transition:transform .2s}.lead-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.lead-badge{position:absolute;top:15px;right:15px;background:#e3f2fd;color:#007bff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.lead-title{font-size:1.4rem;color:#222;margin-bottom:10px;text-transform:capitalize}.lead-info{display:flex;gap:15px;font-size:.85rem;color:#888;margin-bottom:15px}.lead-info span{display:flex;align-items:center;gap:5px}.lead-message{font-size:.95rem;color:#555;margin-bottom:20px;line-height:1.4}.lead-actions{display:flex;gap:10px}.lead-actions button{flex:1;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.lead-actions button:hover{opacity:.9}.btn-reject{background-color:#ffebee;color:#d32f2f}.btn-accept{background-color:#28a745;color:#fff}.admin-page-container{background:#f8f9fa;min-height:100vh}.admin-notif-header{display:flex;justify-content:space-between;align-items:center;padding:10px}.admin-notif-header h2{font-size:1.2rem;color:#333;margin-bottom:.2rem}.btn-mark-all{background:#fff;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;color:#555;transition:all .2s}.btn-mark-all:hover{background:#f0f0f0;border-color:#bbb}.admin-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 5px #0000000d;flex-wrap:wrap}.search-box{flex:1;display:flex;align-items:center;background:#f1f3f5;padding:0 12px;border-radius:6px;min-width:200px}.admin-search-icon{color:#888;margin-right:8px}.search-box input{border:none;background:transparent;padding:10px 0;width:100%;outline:none;font-size:.95rem}.admin-filter-group{display:flex;align-items:center;gap:10px}.filter-select{padding:10px;border:1px solid #ddd;border-radius:6px;outline:none;cursor:pointer;background:#fff;font-size:.9rem}.notif-card{display:flex;background:#fff;padding:1rem;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 4px #00000008;cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:4px solid transparent}.notif-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.notif-card.unread{background:#f0f7ff;border-left:4px solid #007bff}.notif-indicator{width:20px;display:flex;align-items:center;justify-content:center}.notif-list-img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:15px}.notif-body{flex:1;display:flex;flex-direction:column;justify-content:center}.notif-message{color:#333;margin:0 0 6px;font-size:.95rem;font-weight:500;line-height:1.4}.notif-meta-row{display:flex;align-items:center;font-size:.8rem;color:#888}.admin-badge{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-right:8px}.admin-badge-application{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.admin-badge-security{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.admin-badge-dispute{background:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.admin-badge-system{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.admin-badge-security{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.meta-dot{margin-right:8px;color:#ccc}.notif-date{color:#999;font-size:.75rem}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:2rem}.pagination-controls button{background:#fff;border:1px solid #ddd;padding:8px 12px;border-radius:6px;cursor:pointer}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}:root{--bg-color: #f4f6f8;--card-bg: #ffffff;--text-dark: #2c3e50;--text-grey: #636e72;--border-color: #e2e8f0;--success-color: #27ae60;--warning-color: #f39c12;--danger-color: #e74c3c;--info-color: #3498db;--theme-color: #e67e22;--theme-gradient: linear-gradient(135deg, #e67e22 0%, #d35400 100%)}.agent-theme{--theme-color: #27ae60;--theme-gradient: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%)}.reseller-theme{--theme-color: #8e44ad;--theme-gradient: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%)}.seller-theme,.business-theme{--theme-color: #2980b9;--theme-gradient: linear-gradient(135deg, #3498db 0%, #2980b9 100%)}body{background-color:var(--bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wallet-page-container{max-width:900px;margin:0 auto;padding:20px;min-height:100vh}.wallet-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.wallet-back-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-dark);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000000d}.wallet-back-btn:hover{transform:translate(-2px);background:#f8f9fa}.wallet-title{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:10px}.frozen-banner{background:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:16px;border-radius:12px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 6px #00000005}.frozen-icon{background:#ffc107;min-width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.balance-card{background:var(--theme-gradient);border-radius:20px;padding:30px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026;margin-bottom:25px;display:flex;flex-direction:column;gap:20px}.balance-card .balance-icon{position:absolute;top:20px;right:20px;opacity:.15;transform:rotate(-15deg);font-size:8rem;pointer-events:none}.balance-info p{font-size:.95rem;opacity:.9;margin:0 0 5px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.balance-amount{font-size:2.8rem;font-weight:800;margin:10px 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.balance-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:5px}.balance-note,.stat-badge{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:6px 12px;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:6px;font-weight:500}.withdraw-group{display:flex;gap:10px;background:#ffffff26;padding:8px;border-radius:14px;margin-top:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.withdraw-input{flex:1;border:none;background:#fff;border-radius:8px;padding:12px 16px;font-size:1rem;font-weight:600;color:var(--text-dark);outline:none}.withdraw-input::placeholder{color:#a0aec0;font-weight:400}.withdraw-input::-webkit-outer-spin-button,.withdraw-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.withdraw-input[type=number]{-moz-appearance:textfield}.withdraw-btn{background:var(--text-dark);color:#fff;border:none;padding:0 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s;white-space:nowrap}.withdraw-btn:hover:not(:disabled){background:#000;transform:translateY(-1px)}.withdraw-btn:disabled{opacity:.7;cursor:not-allowed}.section-card{background:var(--card-bg);border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 4px 15px #00000008;border:1px solid rgba(0,0,0,.04)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.section-header h3{font-size:1.1rem;color:var(--text-dark);margin:0;display:flex;align-items:center;gap:10px}.bank-form,.bank-display-grid{display:grid;gap:15px}.bank-display-grid{grid-template-columns:repeat(3,1fr)}.form-group label{display:block;font-size:.85rem;color:var(--text-grey);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--theme-color);outline:none}.edit-btn{background:transparent;color:var(--theme-color);border:1px solid var(--theme-color);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600}.save-btn{width:100%;padding:14px;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;margin-top:10px}.bank-info-box{background:#f8f9fa;padding:15px;border-radius:10px;border:1px solid var(--border-color)}.bank-label{display:block;font-size:.75rem;color:#888;text-transform:uppercase;margin-bottom:4px}.bank-value{display:block;font-size:1rem;font-weight:600;color:var(--text-dark)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;border-collapse:collapse;min-width:600px}.history-table th{text-align:left;padding:12px;background:#f8f9fa;color:var(--text-grey);font-size:.85rem;font-weight:600;border-bottom:2px solid var(--border-color)}.history-table td{padding:14px 12px;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:.95rem;vertical-align:middle}.ref-cell{font-family:monospace;color:var(--text-grey);background:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:.85rem}.date-cell{font-size:.9rem;color:var(--text-grey)}.status-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:capitalize;display:inline-block}.status-completed,.status-success,.status-approved{background:#e6fffa;color:#27ae60}.status-pending,.status-processing{background:#fff8e1;color:#f39c12}.status-failed,.status-rejected,.status-declined{background:#ffebee;color:#e74c3c}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;width:100%;border-radius:16px;padding:25px;box-shadow:0 20px 50px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.spin-slow{animation:spin 3s linear infinite}@media (max-width: 768px){.wallet-page-container{padding:15px}.balance-amount{font-size:2.2rem}.bank-display-grid{grid-template-columns:1fr}}@media (max-width: 450px){.wallet-title{font-size:1.25rem}.balance-card{padding:20px}.balance-amount{font-size:2rem}.withdraw-group{flex-direction:column;padding:6px;gap:6px}.withdraw-btn{width:100%;padding:12px}.section-card{padding:15px}.history-table th,.history-table td{padding:10px 8px;font-size:.85rem}.ref-cell{font-size:.75rem}}@media (max-width: 380px){.wallet-page-container{padding:10px}.balance-amount{font-size:1.8rem}.balance-badges{flex-direction:column;align-items:flex-start}.modal-actions{flex-direction:column}.bank-value{word-break:break-all}}.balance-breakdown-row{display:flex;gap:15px;margin-bottom:15px;background:#ffffff26;padding:8px 12px;border-radius:8px;width:fit-content}.breakdown-item{display:flex;align-items:center;gap:6px;color:#fff}.dot{width:8px;height:8px;border-radius:50%}.dot.green{background-color:#2ecc71;box-shadow:0 0 5px #2ecc71}.dot.orange{background-color:#f1c40f;box-shadow:0 0 5px #f1c40f}.status-badge.processing{background-color:#e3f2fd;color:#1976d2}.status-badge.pending{background-color:#fff3e0;color:#f57c00}.status-badge.success,.status-badge.paid,.status-badge.released{background-color:#e8f5e9;color:#2e7d32}.status-badge.failed,.status-badge.rejected{background-color:#ffebee;color:#c62828}.follow-page-container{min-height:100vh;background-color:#f8f9fa;max-width:600px;margin:0 auto}.follow-tabs{display:flex;background:#fff;border-bottom:1px solid #eee;position:sticky;z-index:10}.follow-tab-btn{flex:1;padding:15px;border:none;background:none;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent}.follow-tab-btn.active{color:#1a6b3c;border-bottom:3px solid #27a45b;background-color:#eaeaea}.follow-list-content{padding:10px}.user-list-item{display:flex;align-items:center;background:#fff;padding:12px;margin-bottom:8px;border-radius:8px;cursor:pointer;box-shadow:0 1px 3px #0000000d;transition:transform .1s}.user-list-item:active{transform:scale(.98)}.user-item-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:15px;border:1px solid #eee}.user-item-info{flex:1;display:flex;flex-direction:column}.user-item-name{font-weight:700;color:#333;font-size:.95rem}.user-item-username{color:#777;font-size:.85rem}.user-item-cat{font-size:.75rem;color:#2ecc71;text-transform:capitalize}.smart-follow-btn{padding:6px 14px;border-radius:20px;border:1px solid #ddd;background:#fff;font-size:.8rem;font-weight:600;cursor:pointer}.smart-follow-btn.filled{background-color:#000;color:#fff;border:1px solid #000}.smart-follow-btn.outline{background-color:transparent;color:#000;border:1px solid #ddd}.loading-spinner{text-align:center;padding:20px;color:#666}@media (min-width: 768px){.side-hub-nav{width:100px}}.personal-hub-container{padding:10px 15px;max-width:600px;margin:0 auto}.personal-header{margin-bottom:20px}.personal-header h2{font-size:1.5rem;margin:0;color:#333}.personal-header p{color:#777;font-size:.95rem;margin-top:5px}.carousel-wrapper{position:relative;width:100%;margin-bottom:30px}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:15px;padding-bottom:10px;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 100%;scroll-snap-align:center;border-radius:20px;padding:25px;position:relative;overflow:hidden;height:320px;box-shadow:0 10px 20px #0000000d;display:flex;flex-direction:column;justify-content:center;transition:transform .3s ease}.carousel-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;height:100%}.carousel-icon-circle{background:#fff9;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.carousel-content h3{font-size:1.4rem;font-weight:800;margin:0 0 10px;line-height:1.2}.carousel-content p{font-size:.95rem;opacity:.9;margin-bottom:10px;max-width:90%}.carousel-img-wrapper{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.carousel-3d-img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.carousel-btn{background:#ffffffe6;border:none;padding:12px 24px;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000001a;transition:transform .2s}.carousel-btn:active{transform:scale(.95)}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.dot{width:8px;height:8px;border-radius:50%;background:#ddd;transition:all .3s ease}.dot.active{background:#333;width:20px;border-radius:10px}.personal-quick-links h4{margin-bottom:10px;color:#444}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-card{background:#fff;padding:15px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #eee;cursor:pointer}.q-icon{font-size:1.2rem;color:#28a745}@media (max-width: 480px){.personal-hub-container{padding:10px 15px 90px}.personal-header h2{font-size:1.3rem}.carousel-card{flex:0 0 85%;height:250px;padding:20px;margin-right:0}.carousel-track{padding-left:0;padding-right:20px;gap:10px}.carousel-content h3{font-size:1rem;margin-bottom:8px}.carousel-content p{font-size:.85rem;line-height:1.4;margin-bottom:5px;margin-top:0}.carousel-3d-img{width:60px;height:60px;margin:0}.carousel-icon-circle{width:40px;height:40px;font-size:.8rem;margin-bottom:10px}.carousel-btn{padding:10px 20px;font-size:.7rem}.quick-grid{grid-template-columns:1fr}}@media (max-width: 360px){.carousel-card{height:250px}.carousel-content h3{font-size:.8rem}}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-card{background:#fff;padding:15px;border-radius:15px;display:flex;align-items:center;gap:12px;border:1px solid #f0f0f0;cursor:pointer;transition:transform .2s,box-shadow .2s}.quick-card:active{transform:scale(.98)}.quick-icon-bg{width:40px;height:40px;border-radius:10px;background:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.quick-info{display:flex;flex-direction:column}.quick-info span{font-weight:600;color:#333;font-size:.95rem}.quick-info small{color:#888;font-size:.75rem}@media (max-width: 480px){.quick-grid{grid-template-columns:1fr}}.ph-section{margin-top:25px;padding:0 5px}.ph-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ph-section-header h4{font-size:1.1rem;font-weight:700;color:#333;margin:0}.ph-see-all{font-size:.85rem;color:#6200ea;cursor:pointer;font-weight:600}.ph-dispatch-list{display:flex;flex-direction:column;gap:12px}.ph-dispatch-card{background:#fff;padding:12px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000a;border:1px solid #f0f0f0;cursor:pointer;transition:transform .2s ease}.ph-dispatch-card:active{transform:scale(.98)}.ph-dispatch-icon{width:40px;height:40px;border-radius:50%;background:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.ph-dispatch-info{flex:1}.ph-dispatch-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ph-dispatch-id{font-weight:700;font-size:.9rem;color:#333}.ph-status-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:capitalize}.ph-status-badge.pending{background:#fff3e0;color:#ef6c00}.ph-status-badge.assigned{background:#e3f2fd;color:#1976d2}.ph-status-badge.in-transit{background:#e8f5e9;color:#2e7d32}.ph-dispatch-route{font-size:.8rem;color:#666}.ph-dispatch-arrow{color:#ccc;font-size:.9rem}.ph-header-styled{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:5px 0}.ph-header-text{display:flex;flex-direction:column}.ph-greeting{font-size:.9rem;color:#666;font-weight:500}.ph-user-name{font-size:1.5rem;font-weight:700;color:#333;margin:2px 0 6px}.ph-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600;width:fit-content}.badge-supplier{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.badge-member{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.personal-hub-avatar-wrapper{position:relative;width:55px;height:55px;border-radius:50%;border:2px solid #fff;box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:transform .2s ease}.personal-hub-avatar-wrapper:active{transform:scale(.95)}.personal-hub-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.personal-hub-avatar-wrapper .ph-avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#2ecc71;border:2px solid #fff;border-radius:50%}.quick-card{position:relative}.ph-quick-badge{position:absolute;top:10px;right:10px;background-color:#ff3b30;color:#fff;font-size:.75rem;font-weight:700;height:22px;width:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;border:2px solid white}.hub-content-area{padding-top:70px;padding-bottom:70px}:root{--bus-primary: #166534;--bus-primary-light: #dcfce7;--bus-bg: #f9fafb;--bus-card-bg: #ffffff;--bus-text-main: #1f2937;--bus-text-sub: #6b7280;--bus-border: #e5e7eb}.bus-hub-container{padding:20px;max-width:1200px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bus-bg)}@media (min-width: 768px){.bus-hub-container{padding-left:100px}}.bus-hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--bus-border)}.bus-hub-greeting{display:block;font-size:.9rem;color:var(--bus-text-sub);margin-bottom:4px}.bus-hub-store-name{font-size:1.5rem;font-weight:800;color:var(--bus-text-main);margin:0 0 8px;letter-spacing:-.5px}.bus-hub-badge{display:inline-flex;align-items:center;gap:6px;background-color:var(--bus-primary-light);color:var(--bus-primary);font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600}.bus-hub-avatar-wrapper{position:relative;flex-shrink:0}.bus-hub-avatar{width:65px;height:65px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #0000001a}.bus-hub-avatar-status{position:absolute;bottom:5px;right:5px;width:14px;height:14px;background-color:#22c55e;border:2px solid #fff;border-radius:50%}.bus-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.bus-hub-card{background:var(--bus-card-bg);border-radius:16px;padding:18px;cursor:pointer;border:1px solid var(--bus-border);box-shadow:0 2px 4px #00000005;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease;position:relative;overflow:hidden}.bus-hub-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000000f;border-color:var(--bus-primary-light)}.bus-hub-card-revenue{border-left:4px solid var(--bus-primary)}.bus-hub-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.bus-hub-icon-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.icon-green{background:#ecfdf5;color:#059669}.icon-blue{background:#eff6ff;color:#2563eb}.icon-purple{background:#f5f3ff;color:#7c3aed}.icon-orange{background:#fff7ed;color:#ea580c}.icon-teal{background:#f0fdfa;color:#0d9488}.bus-hub-arrow{color:#d1d5db;font-size:.8rem}.bus-hub-alert-pill{background-color:#ef4444;color:#fff;font-size:.7rem;padding:3px 8px;border-radius:10px;font-weight:700;box-shadow:0 2px 4px #ef44444d}.bus-hub-card-content{display:flex;flex-direction:column}.bus-hub-label{font-size:.8rem;color:var(--bus-text-sub);font-weight:500;margin-bottom:4px}.bus-hub-value{font-size:1.4rem;font-weight:800;color:var(--bus-text-main);margin:0}.bus-hub-subtext{font-size:.75rem;color:#9ca3af;margin-top:2px}.bus-hub-card-wide{grid-column:1 / -1}.bus-hub-card-row{display:flex;align-items:center;gap:15px}.bus-hub-card-text-row{flex:1}.bus-hub-value-sm{font-size:1.1rem;font-weight:700;margin:0;color:var(--bus-text-main)}@media (max-width: 768px){.bus-hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 450px){.bus-hub-container{padding:15px}.bus-hub-store-name{font-size:1.3rem}.bus-hub-avatar{width:55px;height:55px}.bus-hub-value{font-size:1.25rem}.bus-hub-card-wide{padding:15px}}@media (max-width: 380px){.bus-hub-container{padding:10px}.bus-hub-header{margin-bottom:20px}.bus-hub-store-name{font-size:1.1rem}.bus-hub-greeting{font-size:.8rem}.bus-hub-grid{grid-template-columns:1fr}.bus-hub-card{padding:14px}.bus-hub-icon-box{width:36px;height:36px;font-size:.9rem}}@keyframes pulse{0%{background-color:#e5e7eb}50%{background-color:#d1d5db}to{background-color:#e5e7eb}}.skeleton-text{height:28px;width:80%;background-color:#e5e7eb;border-radius:6px;margin-top:5px;animation:pulse 1.5s infinite ease-in-out}.bus-hub-card-content{min-height:60px;display:flex;flex-direction:column;justify-content:center}.agent-hub-container{max-width:1200px;margin:0 auto;padding:20px 15px 80px;background-color:#f8f9fa;min-height:100vh}.agent-hub-header{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.agent-hub-greeting{font-size:.9rem;color:#666;display:block;margin-bottom:4px}.agent-hub-name{font-size:1.4rem;font-weight:700;color:#333;margin:0 0 6px}.agent-hub-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.agent-hub-badge.badge-agent{background-color:#fff3e0;color:#ef6c00}.agent-hub-avatar-wrapper{position:relative;width:60px;height:60px;cursor:pointer}.agent-hub-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.agent-hub-avatar-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid #fff}.status-online{background-color:#2ecc71}.status-offline{background-color:#e74c3c}.agent-status-toggle-container{margin-bottom:20px}.agent-toggle-btn{width:100%;padding:15px;border-radius:10px;border:none;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s}.agent-toggle-btn.is-online{background-color:#2ecc71;color:#fff;box-shadow:0 4px 10px #2ecc714d}.agent-toggle-btn.is-offline{background-color:#e74c3c;color:#fff;box-shadow:0 4px 10px #e74c3c4d}.agent-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.agent-hub-card{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 5px #00000008;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between}.agent-hub-card:active{transform:scale(.98)}.agent-hub-card-wide{grid-column:span 2}.agent-hub-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.agent-hub-icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.agent-hub-alert-pill{background:#ff5252;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:700}.agent-hub-label{display:block;font-size:.85rem;color:#888;margin-bottom:4px}.agent-hub-value{font-size:1.2rem;font-weight:700;color:#333;margin:0}.agent-hub-value-sm{font-size:1rem;font-weight:600;color:#333;margin:0}.agent-hub-card-row{display:flex;align-items:center;gap:15px;width:100%}@media (min-width: 768px){.agent-hub-grid{grid-template-columns:repeat(4,1fr)}.agent-hub-card-wide{grid-column:span 4}}.reseller-hub-container{padding:20px;background-color:#f8f9fa;margin:0 auto}.reseller-hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 10px #00000008}.reseller-hub-header-text{display:flex;flex-direction:column;gap:5px}.reseller-hub-greeting{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.reseller-hub-name{font-size:1.5rem;font-weight:800;color:#333;margin:0}.reseller-hub-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;width:fit-content}.badge-reseller{background-color:#e3f2fd;color:#0d47a1}.reseller-hub-avatar-wrapper{position:relative;cursor:pointer;transition:transform .2s}.reseller-hub-avatar-wrapper:hover{transform:scale(1.05)}.reseller-hub-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 10px #0000001a}.reseller-hub-avatar-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid white}.status-active{background-color:#28a745}.reseller-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-bottom:30px}.reseller-hub-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000000a;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;position:relative;overflow:hidden}.reseller-hub-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.reseller-hub-icon-box{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:15px}.icon-green{background:#e8f5e9;color:#2e7d32}.icon-blue{background:#e3f2fd;color:#1565c0}.icon-orange{background:#fff3e0;color:#ef6c00}.icon-purple{background:#f3e5f5;color:#7b1fa2}.reseller-hub-label{font-size:.85rem;color:#888;font-weight:500}.reseller-hub-value{font-size:1.4rem;font-weight:800;color:#333;margin:5px 0 0}.reseller-hub-alert-pill{position:absolute;top:15px;right:15px;background:#ff5252;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:700}.reseller-content-area{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000a}@media (min-width: 768px){.reseller-hub-container{padding-left:100px}}.logistics-container{max-width:1100px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#334155}.logistics-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.header-text h1{font-size:1.8rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:10px;margin:0}.header-text p{color:#64748b;margin:5px 0 0}.btn-secondary-outline{border:1px solid #cbd5e1;background:#fff;color:#64748b;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .2s}.btn-secondary-outline:hover{background:#f1f5f9;color:#ef4444;border-color:#ef4444}.logistics-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}@media (max-width: 900px){.logistics-grid{grid-template-columns:1fr}}.logistics-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:24px;overflow:hidden;border:1px solid #e2e8f0}.card-header{padding:16px 20px;display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;border-bottom:1px solid #f1f5f9}.pickup-header{background:#f0fdf4;color:#16a34a}.dropoff-header{background:#eff6ff;color:#2563eb}.item-header{background:#fff7ed;color:#d97706}.card-body{padding:20px}.form-group{margin-bottom:16px}.form-row{display:flex;gap:16px}.form-group.half{flex:1}label{display:block;font-size:.85rem;font-weight:500;color:#475569;margin-bottom:6px}.size-selector{display:flex;gap:10px}.size-btn{flex:1;padding:10px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;color:#64748b;transition:all .2s}.size-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.image-upload-box{border:2px dashed #cbd5e1;border-radius:8px;padding:4px;text-align:center;background:#f8fafc;cursor:pointer;transition:.2s}.image-upload-box:hover{border-color:#94a3b8}.upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:#64748b;cursor:pointer}.preview-area{position:relative;width:100%;height:150px}.preview-area img{width:100%;height:100%;object-fit:cover;border-radius:6px}.remove-img{position:absolute;top:5px;right:5px;background:#0009;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.price-breakdown{margin-top:20px;padding-top:15px;border-top:2px dashed #e2e8f0}.price-row.total{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700;color:#0f172a}.price-row .amount{font-size:1.5rem;color:#2563eb}.pay-btn{width:100%;background:#2563eb;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;margin-top:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s}.pay-btn:hover{background:#1d4ed8}.pay-btn:disabled{background:#94a3b8;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.logistics-container{padding:15px}.logistics-grid{grid-template-columns:1fr;gap:20px}.logistics-right-col{order:2}}@media (max-width: 768px){.logistics-header-section{flex-direction:column;align-items:flex-start;gap:15px}.btn-secondary-outline{width:100%;justify-content:center;background:#f8fafc}.form-row{flex-direction:column;gap:12px}.card-body{padding:15px}}@media (max-width: 450px){.header-text h1{font-size:1.5rem}.price-row.total{flex-direction:column;align-items:flex-start;gap:5px}.price-row .amount{font-size:1.8rem;align-self:flex-end}.size-btn{padding:8px 5px;font-size:.85rem}}@media (max-width: 380px){.logistics-container{padding:10px}.header-text h1{font-size:1.3rem}.logistics-card{border-radius:8px}.size-selector{flex-wrap:wrap}.size-btn{flex:1 1 100%;text-align:center}.upload-label{padding:15px}}.smart-suggestions{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:0 0 8px 8px;box-shadow:0 10px 15px -3px #0000001a;z-index:50;max-height:200px;overflow-y:auto}.suggestions-header{font-size:.75rem;color:#94a3b8;padding:8px 12px;background:#f8fafc;display:flex;align-items:center;gap:5px}.suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column}.suggestion-item:hover{background:#eff6ff}.suggestion-item strong{font-size:.9rem;color:#334155}.suggestion-item span{font-size:.75rem;color:#64748b}.close-suggestions{text-align:center;font-size:.75rem;color:#ef4444;padding:8px;cursor:pointer;background:#fff}.route-badge{background:#ecfccb;color:#4d7c0f;padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-bottom:8px}.dispatch-activity-page{background:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}.da-header{background:#fff;padding:15px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:10}.da-tab{flex:1;padding:15px;background:none;border:none;font-weight:600;color:#888;border-bottom:3px solid transparent;cursor:pointer}.da-tab.active{color:#6200ea;border-bottom:3px solid #6200ea}.da-content{padding:15px;flex:1}.da-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;color:#888;gap:15px}.da-create-btn{background:#6200ea;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:600}.da-card{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 8px #0000000a;cursor:pointer}.da-card-top{display:flex;justify-content:space-between;margin-bottom:12px}.da-id{font-size:.85rem;color:#888;font-weight:600}.da-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:700}.status-pending{background:#fff3e0;color:#ef6c00}.status-transit{background:#e3f2fd;color:#1976d2}.status-success{background:#e8f5e9;color:#2e7d32}.da-route{margin-bottom:12px}.da-route-point{display:flex;align-items:flex-start;gap:10px}.da-route-point .text{display:flex;flex-direction:column}.da-route-point small{font-size:.7rem;color:#999;text-transform:uppercase}.da-route-point span,.da-route-point p{font-size:.9rem;color:#333;font-weight:500;line-height:1.2}.dot.start{background:#4caf50}.dot.end{background:#f44336}.da-line{width:2px;height:15px;background:#eee;margin-left:4px;margin-top:-2px;margin-bottom:-2px}.da-card-footer{border-top:1px solid #f5f5f5;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.da-date{font-size:.8rem;color:#999}.da-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:flex;justify-content:center;align-items:flex-end}.da-modal{background:#fff;width:100%;max-width:500px;border-top-left-radius:20px;border-top-right-radius:20px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease-out}.da-modal-header button{background:none;border:none;font-size:1.2rem;padding:5px}.da-modal-body{padding:20px}.da-status-banner{padding:10px;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:20px;font-weight:600}.da-status-banner.pending{background:#fff3e0;color:#ef6c00}.da-status-banner.shipped{background:#e3f2fd;color:#1976d2}.da-status-banner.agent-pending{background:#e1bee7;color:#7b1fa2}.da-agent-card{display:flex;align-items:center;gap:15px;background:#f9f9f9;padding:15px;border-radius:12px;margin-bottom:20px}.da-agent-avatar{width:50px;height:50px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666}.da-call-btn{margin-left:auto;width:40px;height:40px;border-radius:50%;background:#4caf50;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.da-detail-section h4{margin-bottom:10px;color:#888;font-size:.85rem;text-transform:uppercase}.da-summary-row{display:flex;justify-content:space-between;font-weight:700;margin-top:10px;padding-top:10px;border-top:1px dashed #ddd}.da-pin-section{text-align:center;background:#e3f2fd;padding:15px;border-radius:10px;margin-top:20px}.da-pin-section h2{margin:5px 0 0;letter-spacing:5px;color:#1565c0}.mt-3{margin-top:15px}.sub{display:block;color:#666;font-size:.8rem}.dispatch-activity-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:20px}.da-header{background:#fff;padding:15px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 5px #0000000d;position:sticky;top:0;z-index:10}.da-header h2{font-size:1.1rem;margin:0;font-weight:700}.da-back-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#333}.da-tabs{display:flex;background:#fff;padding:0 15px;border-bottom:1px solid #eee}.da-tab{flex:1;padding:15px;background:none;border:none;border-bottom:3px solid transparent;font-weight:600;color:#888;cursor:pointer}.da-tab.active{color:#007bff;border-bottom-color:#007bff}.da-content{padding:15px}.da-card{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 8px #0000000d;border:1px solid #f0f0f0;cursor:pointer;transition:transform .1s}.da-card:active{transform:scale(.98)}.da-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.da-id{font-weight:700;color:#555;font-size:.85rem}.da-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-transit{background:#cce5ff;color:#004085}.status-success{background:#d4edda;color:#155724}.status-default{background:#eee;color:#555}.da-route{display:flex;align-items:center;gap:10px;margin-bottom:12px}.da-route.vertical{flex-direction:column;align-items:flex-start;gap:0;border-left:2px solid #e0e0e0;margin-left:8px;padding-left:20px}.da-route-point{display:flex;align-items:flex-start;gap:8px;flex:1;position:relative}.da-route.vertical .da-route-point{margin-bottom:15px}.dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.da-route.vertical .dot{position:absolute;left:-26px;top:4px}.dot.start{background:#28a745}.dot.end{background:#dc3545}.da-line{flex:.5;height:2px;background:#eee}.da-route .text{display:flex;flex-direction:column;overflow:hidden}.da-route .text small{font-size:.7rem;color:#999;text-transform:uppercase}.da-route .text span,.da-route .text p{font-size:.9rem;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.da-route.vertical .text p{white-space:normal;max-width:100%}.da-card-footer{display:flex;justify-content:space-between;border-top:1px solid #f9f9f9;padding-top:10px;font-size:.85rem}.da-price{font-weight:700;color:#333}.da-date{color:#999}.da-modal-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:flex-end}@media (min-width: 768px){.da-modal-overlay{align-items:center;justify-content:center}.da-modal{width:400px;border-radius:12px;height:auto;max-height:90vh}}.da-modal{background:#fff;width:100%;height:85vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.da-modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.da-modal-body{padding:20px;overflow-y:auto;flex:1}.da-pin-card{background:#e3f2fd;border:2px dashed #2196f3;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px;margin-bottom:20px}.pulse-border{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #2196f366}70%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 #2196f300}}.da-pin-icon{font-size:1.5rem;color:#2196f3;background:#fff;padding:10px;border-radius:50%}.da-pin-content p{margin:0;font-size:.85rem;color:#555}.da-pin-content h1{margin:5px 0;color:#333;letter-spacing:3px}.da-pin-content small{font-size:.75rem;color:#777}.da-agent-card{background:#f8f9fa;padding:15px;border-radius:10px;display:flex;align-items:center;gap:15px;margin-bottom:20px}.da-agent-avatar{background:#eee;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}.da-agent-info h4{margin:0;font-size:1rem}.da-agent-info p{margin:0;font-size:.85rem;color:#666}.da-call-btn{margin-left:auto;background:#28a745;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 6px #28a7454d}.da-detail-section{margin-bottom:20px}.da-detail-section h4{font-size:.95rem;color:#333;margin-bottom:10px;display:flex;align-items:center;gap:8px}.da-summary-row{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px dashed #ddd;font-weight:600}.da-share-btn{width:100%;padding:12px;background:#fff;border:1px solid #ccc;border-radius:8px;font-weight:600;color:#555;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.da-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;color:#999}.da-create-btn{margin-top:20px;padding:12px 25px;background:#007bff;color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #007bff4d}.da-searching-agent{background:#fff3cd;color:#856404;padding:10px;border-radius:8px;text-align:center;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.da-proof-section{margin-top:15px;padding:12px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-align:center}.da-proof-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;font-weight:600;color:#0f172a;font-size:14px}.da-proof-header svg{color:#16a34a}.da-proof-img{display:block;width:100%;height:180px;object-fit:cover;border-radius:8px;border:1px solid #cbd5e1;cursor:zoom-in;transition:transform .2s ease}.da-proof-img:hover{opacity:.95}.da-proof-img:active{transform:scale(.98)}.da-proof-section small{display:block;margin-top:6px;color:#64748b;font-size:11px}.da-pin-share-actions{display:flex;gap:10px;margin-top:12px;width:100%}.share-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:50px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:opacity .2s;text-decoration:none}.share-pill:hover{opacity:.9}.share-pill:active{transform:scale(.96)}.share-pill.wa{background-color:#25d366;color:#fff}.share-pill.sms{background-color:#3b82f6;color:#fff}@keyframes pulse-red{0%{box-shadow:0 0 #dc262633}70%{box-shadow:0 0 0 6px #dc262600}to{box-shadow:0 0 #dc262600}}.pulse-border{animation:pulse-red 2s infinite}.sbpp-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;line-height:1.3;margin:0}.sbpp-price-row{display:flex;align-items:baseline;gap:12px;margin-top:8px;margin-bottom:12px}.sbpp-price-current{font-size:1.5rem;font-weight:800;color:#1a1a1a}.sbpp-price-current.promo{color:#e63946}.sbpp-price-old{font-size:1rem;text-decoration:line-through;color:#999}.sbpp-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sbpp-fade-in .2s ease-out}.sbpp-modal{display:grid;grid-template-columns:1.2fr .8fr;width:90%;max-width:1100px;height:85vh;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;position:relative}.sbpp-gallery-pane{background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.sbpp-main-image{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .3s ease}.sbpp-info-pane{padding:32px 32px 100px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;position:relative}.sbpp-close-btn-desktop{position:absolute;top:20px;right:20px;z-index:20;background:#f0f0f0cc;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:#333;transition:background .2s}.sbpp-close-btn-desktop:hover{background:#e0e0e0}.sbpp-sheet-overlay{position:fixed;inset:0;background:#0009;z-index:9998;transition:opacity .3s ease}.sbpp-sheet-container{position:fixed;bottom:0;left:0;right:0;height:90vh;background:#fff;border-radius:20px 20px 0 0;z-index:9999;display:flex;flex-direction:column;box-shadow:0 -10px 40px #0000001a}.sbpp-drag-handle-area{height:30px;display:flex;justify-content:center;align-items:center;flex-shrink:0;cursor:grab;touch-action:none}.sbpp-drag-handle{width:40px;height:5px;background:#e0e0e0;border-radius:3px}.sbpp-mobile-scroll-content{flex:1;overflow-y:auto;padding:0 20px 100px;scrollbar-width:none}.sbpp-mobile-hero{width:100%;height:350px;object-fit:cover;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 10px #0000000d}.sbpp-mobile-sticky-footer{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #f0f0f0;padding:16px 20px max(16px,env(safe-area-inset-bottom)) 20px;box-shadow:0 -4px 12px #0000000d;z-index:100;justify-content:center;display:flex}.sbpp-variants-section{margin-top:10px;margin-bottom:10px}.sbpp-variant-label{font-size:.85rem;font-weight:600;color:#555;margin-bottom:8px;display:block}.sbpp-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.sbpp-chip{padding:8px 16px;border-radius:24px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:60px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.sbpp-chip:hover:not(:disabled){border-color:#999}.sbpp-chip.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a;font-weight:600;box-shadow:0 4px 10px #00000026}.sbpp-chip:disabled{background:#f5f5f5;color:#ccc;border-color:#eee;cursor:not-allowed;text-decoration:line-through}.sbpp-seller-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:background .2s;margin-top:20px}.sbpp-seller-card:hover{background:#f9f9f9}.sbpp-seller-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #eee}.sbpp-info-pane::-webkit-scrollbar,.sbpp-mobile-scroll-content::-webkit-scrollbar{width:6px}.sbpp-info-pane::-webkit-scrollbar-track,.sbpp-mobile-scroll-content::-webkit-scrollbar-track{background:transparent}.sbpp-info-pane::-webkit-scrollbar-thumb,.sbpp-mobile-scroll-content::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}@keyframes sbpp-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.sbpp-specs-box{margin-top:10px}.sbpp-section-title{font-size:1rem;font-weight:700;color:#222;margin-bottom:12px}.sbpp-specs-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid #f0f0f0}.sbpp-spec-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.sbpp-spec-key{color:#666}.sbpp-spec-val{font-weight:600;color:#333;text-align:right;max-width:60%}.sbpp-reviews-view{animation:sbpp-fade-in .2s ease-out}.sbpp-reviews-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.sbpp-back-btn{background:none;border:none;font-size:.9rem;font-weight:600;cursor:pointer;color:#666;display:flex;align-items:center;padding:0}.sbpp-back-btn:hover{color:#000}.sbpp-reviews-list{display:flex;flex-direction:column;gap:20px}.sbpp-review-item{display:flex;gap:15px}.sbpp-review-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.sbpp-review-content{flex:1}.sbpp-review-top{display:flex;justify-content:space-between;margin-bottom:4px}.sbpp-review-name{font-weight:700;font-size:.9rem}.sbpp-review-date{font-size:.8rem;color:#999}.sbpp-review-stars{display:flex;gap:2px;margin-bottom:6px}.sbpp-review-text{font-size:.9rem;color:#444;line-height:1.5}.sbpp-no-reviews{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:12px}.sbpp-zoom-overlay{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;flex-direction:column}.sbpp-zoom-header{height:60px;display:flex;align-items:center;padding:0 20px;justify-content:space-between;color:#fff}.sbpp-zoom-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:background .2s}.sbpp-zoom-close:hover{background:#fff6}.sbpp-zoom-content{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.sbpp-zoom-img{max-width:100vw;max-height:85vh;object-fit:contain}.sbpp-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sbpp-header-actions{display:flex;align-items:center;gap:10px}.sbpp-icon-btn{background:none;border:none;color:#999;cursor:pointer;padding:5px;font-size:1rem;transition:color .2s}.sbpp-icon-btn:hover{color:#e63946}.sbpp-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:10px}.sbpp-rating-badge{display:flex;align-items:center;font-size:.9rem;color:#333;cursor:pointer;padding:4px 8px;background:#f9f9f9;border-radius:6px;transition:background .2s}.sbpp-rating-badge:hover{background:#eee}.sbpp-description-text{font-size:.95rem;line-height:1.6;color:#444;white-space:pre-line}.sbpp-seller-info{flex:1;display:flex;flex-direction:column}.sbpp-seller-name-row{display:flex;align-items:center;gap:6px}.sbpp-cta-button{width:100%;padding:14px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;margin-top:20px;transition:background .2s}.sbpp-cta-button:hover{background:#333}.sbpp-write-review-box{background:#fcfcfc;border:1px solid #f0f0f0;border-radius:12px;padding:20px;margin-top:30px}.sbpp-star-input{display:flex;gap:8px;margin-bottom:15px}.sbpp-review-textarea{width:100%;height:80px;border:1px solid #e0e0e0;border-radius:8px;padding:12px;font-family:inherit;resize:vertical;margin-bottom:12px;background:#fff}.sbpp-review-textarea:focus{outline:none;border-color:#333}.sbpp-submit-review-btn{padding:8px 16px;background:#333;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem}.sbpp-submit-review-btn:disabled{background:#eee;color:#999;cursor:not-allowed}.sbpp-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sbpp-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.sbpp-chip:hover{background:#f8f9fa;border-color:#ccc}.sbpp-chip.active{border-color:#000;background:#f0f0f0;font-weight:600;box-shadow:0 2px 4px #0000001a}.sbpp-chip:disabled{opacity:.5;cursor:not-allowed;background:#eee;text-decoration:line-through}.sbpp-variant-thumb{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid #ddd}.sbpp-variant-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.sbpp-variant-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #eee;border-radius:8px;background:#fff;transition:all .2s ease;cursor:pointer}.sbpp-variant-row.active-row{border:1px solid green;background-color:#f9fbfc;box-shadow:0 2px 4px #007bff1a}.sbpp-variant-row.out-of-stock{opacity:.6;pointer-events:none;background:#f9f9f9}.sbpp-row-info{display:flex;align-items:center;gap:10px;flex:1}.sbpp-row-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #ddd}.sbpp-row-text{display:flex;flex-direction:column}.sbpp-row-name{font-size:.9rem;font-weight:600;color:#333}.sbpp-row-price{font-size:.8rem;color:#666}.sbpp-row-actions{min-width:100px;display:flex;justify-content:flex-end}.sbpp-row-actions .product-order-button1,.sbpp-mobile-sticky-footer .product-order-button1,.sbpp-action-btn{background-color:#fff;color:#022702;font-weight:500;padding:5px 10px;border:1px solid green;border-radius:10px}.sbpp-row-actions .cart-qty-controls.show-inline,.sbpp-mobile-sticky-footer .cart-qty-controls.show-inline{background-color:#fff;border:1px solid green}.sbpp-row-actions .qty-btn,.sbpp-row-actions .qty-value,.sbpp-mobile-sticky-footer .qty-value,.sbpp-mobile-sticky-footer .qty-btn{color:#022702;font-weight:700}@media (max-width: 450px){.sbpp-mobile-hero{height:200px}.sbpp-title{font-size:1.1rem}.bpp-hl-item{font-size:.6rem}.sbpp-price-current{font-size:1.2rem}.sbpp-price-old{font-size:.8rem}}.mp-product-card{position:relative;width:210px;border:1px solid rgba(0,0,0,.05);border-radius:15px;padding:3px;height:280px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;background-color:#fbfbfb;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;scroll-snap-align:start}.mp-product-card:hover{transform:scale(1.03);box-shadow:0 10px 20px #00000026;z-index:10}.product-card:last-child{margin-right:15%}@media (max-width: 500px){.mp-product-card{width:160px;height:230px}}.pc-location-tag{font-size:11px;color:#666;margin-bottom:4px;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.pc-title{margin-top:0}.new-mark-main-board{background-color:#fff;min-height:100vh;padding-top:60px;padding-bottom:80px}.new-mark-board-container{margin:0 auto;position:relative}@media (min-width: 768px){.new-mark-board-container{padding-left:80px;padding-top:0}}.new-mark-controls-wrapper{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px #0000000a;margin-bottom:24px}.modern-board-header-wrapper{display:flex;flex-direction:column;gap:12px}.modern-board-search-sect{display:flex;gap:10px;flex-wrap:wrap}.modern-board-search{flex:1;min-width:200px;display:flex;align-items:center;background:#f1f3f5;border-radius:8px;padding:0 12px}.modern-board-search-input{border:none;background:transparent;padding:5px;outline:none}.modern-board-search-loc{flex:.8;position:relative;display:flex;align-items:center;background:#f1f3f5;border-radius:8px;padding:0 12px}.modern-board-header-wrapper input{font-size:14px;color:#333}.modern-board-header-wrapper input::placeholder{color:#999}.chip-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none;-ms-overflow-style:none}.chip-list::-webkit-scrollbar{display:none}.chip-list button{transition:all .2s ease;font-weight:500}.chip-list button:hover{background-color:#f1f3f5;transform:translateY(-1px)}.new-mark-section{margin-bottom:5px}.new-mark-section-header{display:flex;justify-content:space-between;align-items:center;padding:5px;background-color:#28a745}.new-mark-section-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.new-mark-see-all-btn{background:none;border:none;color:#28a745;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.new-mark-ads-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding-bottom:5px}.new-mark-ad-square{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px #00000014}.new-mark-ad-square img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.new-mark-ad-square:hover img{transform:scale(1.05)}.new-mark-ad-label{position:absolute;top:6px;left:6px;background:#0009;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700}.new-mark-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.product-feed-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-left:10px}.product-feed-list::-webkit-scrollbar{display:none}.product-feed-list>article,.product-feed-list>.npc-card{flex:0 0 auto;width:175px;scroll-snap-align:start}.product-feed-list .npc-card.see-more-card{width:140px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px dashed #ced4da;border-radius:8px}.new-mark-rec-wrapper{display:flex;flex-direction:row;overflow-x:auto;gap:16px;padding:10px 4px 15px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.new-mark-rec-wrapper::-webkit-scrollbar{display:none}.recommend-card{min-width:180px;max-width:180px;flex-shrink:0;scroll-snap-align:start}@media (max-width: 768px){.recommend-card{min-width:150px}}@media (max-width: 992px){.new-mark-grid-layout{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.new-mark-main-board{padding-top:60px}}@media (max-width: 450px){.new-mark-controls-wrapper{padding:12px}.new-mark-grid-layout{grid-template-columns:1fr 1fr;gap:10px}.product-feed-list>article,.product-feed-list>.npc-card{width:160px}}@media (max-width: 380px){.new-mark-grid-layout{grid-template-columns:1fr 1fr;gap:8px}.product-feed-list{gap:8px}.product-feed-list>article,.product-feed-list>.npc-card{width:44vw;min-width:0}.product-feed-list .npc-card.see-more-card{width:35vw}.modern-board-header-wrapper input{font-size:13px}.modern-board-search-sect{display:grid;grid-template-columns:1fr 1fr}}.banner-slider-container{width:100%;height:180px;margin:0 auto;overflow:hidden;position:relative;padding-left:10px;box-shadow:0 4px 10px #0000000d}.banner-slider-track{display:flex;height:100%;transition:transform .5s ease-in-out;width:100%;justify-content:flex-start}.banner-slide{height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:5px;flex-shrink:0}.new-mark-banner-item{width:100%;height:100%;margin:0}.new-mark-banner-item img{width:100%;height:100%;object-fit:cover;display:block}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .3s}.slider-btn:hover{background:#000000b3}.slider-btn.prev{left:15px}.slider-btn.next{right:15px}.slider-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.slider-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s}.slider-dot.active{background:#fff;transform:scale(1.2)}@media (max-width: 768px){.banner-slider-container{height:140px}}.see-more-btn{background:none;border:none;color:#fff;cursor:pointer;border:1px solid white;padding:5px 10px;border-radius:10px}.see-more-btn:hover{background:#fff;color:#2bac11}.market-cat-page-content{padding:20px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;font-family:inherit}.market-cat-header-wrapper{margin-bottom:25px;display:flex;flex-direction:column;gap:15px}.market-cat-top-row{display:flex;align-items:center;gap:12px}.market-cat-back-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#333;padding:8px;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.market-cat-back-btn:hover{background-color:#f0f0f0}.market-cat-title{font-size:1.6rem;font-weight:700;margin:0;text-transform:capitalize;color:#1a1a1a;letter-spacing:-.5px}.market-cat-count-badge{background:#e9ecef;color:#495057;font-size:.85rem;font-weight:600;padding:2px 10px;border-radius:12px}.market-cat-controls-row{display:flex;gap:15px;align-items:center;justify-content:space-between}.market-cat-search-bar{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #e1e1e1;border-radius:30px;padding:10px 18px;transition:all .3s ease;box-shadow:0 2px 5px #00000005}.market-cat-search-bar:focus-within{border-color:#28a745;box-shadow:0 4px 10px #28a74526}.market-cat-search-icon{color:#999;margin-right:10px;font-size:.9rem}.market-cat-search-bar input{border:none;outline:none;background:transparent;width:100%;font-size:.95rem;color:#333}.market-cat-sort-wrapper{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #e1e1e1;padding:10px 15px;border-radius:30px;cursor:pointer;white-space:nowrap}.market-cat-filter-icon{color:#666;font-size:.9rem}.market-cat-sort-wrapper select{border:none;outline:none;background:transparent;font-size:.9rem;cursor:pointer;color:#333;font-weight:500}.market-cat-grid-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;padding-bottom:40px}.market-cat-loading-state,.market-cat-empty-state,.market-cat-load-more-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;width:100%;text-align:center;color:#666;gap:15px}.market-cat-spin{animation:marketCatSpin 1s linear infinite}@keyframes marketCatSpin{to{transform:rotate(360deg)}}@media (max-width: 992px){.market-cat-grid-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.market-cat-grid-layout{grid-template-columns:repeat(2,1fr);gap:5px}.market-cat-controls-row{display:grid;grid-template-columns:2fr 1fr;align-items:stretch}.market-cat-search-bar,.market-cat-sort-wrapper{width:100%;box-sizing:border-box;justify-content:space-between}.market-cat-search-bar input,.market-cat-sort-wrapper select{width:100%}}@media (max-width: 550px){.market-cat-page-content{padding:15px}.market-cat-title{font-size:1.4rem}.market-cat-grid-layout{gap:5px}}@media (max-width: 450px){.market-cat-top-row{gap:8px}.market-cat-title{font-size:1.2rem}.market-cat-search-bar{padding:8px 12px}}@media (max-width: 415px){.market-cat-count-badge{font-size:.75rem}.market-cat-grid-layout{gap:5px}}@media (max-width: 380px){.market-cat-grid-layout{grid-template-columns:1fr 1fr;gap:5px}.market-cat-title{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}}@media (max-width: 350px){.market-cat-page-content{padding:10px}.market-cat-header-wrapper{margin-bottom:15px}.market-cat-search-bar input{font-size:.8rem}}.market-cat-sort-wrapper select option{background-color:#fff;color:#333;font-size:1rem;padding:10px}.market-cat-sort-wrapper select:focus{outline:none}