@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";html{color-scheme:light dark}html,body{background:var(--background);color:var(--foreground);margin:0;padding:0;height:100%;min-height:100vh}.ind-html{--background: #f8fafc;--foreground: #0f172a;--card: #ffffff;--card-foreground: #0f172a;--muted: #f1f5f9;--muted-foreground: #64748b;--accent: #2563eb;--border: #e2e8f0;--radius: .75rem;--header-bg: #f8fafc;--header-fg: #111827}.ind-html.dark{--background: #0f172a;--foreground: #f8fafc;--card: #1e293b;--card-foreground: #f8fafc;--muted: #1e293b;--muted-foreground: #94a3b8;--accent: #3b82f6;--border: #334155;--header-bg: #0f172a;--header-fg: #f1f5f9}.ind-body{background-color:var(--background);color:var(--foreground);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .3s ease,color .3s ease;position:relative}.ind-body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,44px);background-color:var(--header-bg);backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);opacity:.97;z-index:9999;pointer-events:none;transition:background-color .35s ease,opacity .35s ease}.ind-html.dark .ind-body:before{opacity:.999;-webkit-backdrop-filter:blur(8px) saturate(95%);backdrop-filter:blur(8px) saturate(95%)}.ind-html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}.ind-body button,.ind-body a{touch-action:manipulation}.ind-html :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;transition:outline .1s ease}.ind-html,.ind-body,.ind-root{margin:0;height:100%}:root{--gl-bg: #f8fafc;--gl-blur: blur(18px) saturate(170%);--gl-border: rgba(226, 232, 240, .55);--gl-shadow: 0 4px 12px rgba(0, 0, 0, .08);--gl-text: #111827;--gl-hover-bg: rgba(255, 255, 255, .28);--gl-radius: 14px}.dark{--gl-bg: #0f172a;--gl-blur: blur(14px) saturate(130%);--gl-border: rgba(51, 65, 85, .65);--gl-shadow: 0 6px 20px rgba(0, 0, 0, .5);--gl-text: #f1f5f9;--gl-hover-bg: rgba(241, 245, 249, .22);--gl-radius: 14px}.gl-header{position:sticky;top:0;left:0;right:0;z-index:1000;padding-top:env(safe-area-inset-top);margin-top:calc(-1*env(safe-area-inset-top));background:transparent;overflow:hidden;box-shadow:var(--gl-shadow);border-bottom:1px solid var(--gl-border);color:var(--gl-text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .25s ease}.gl-header.scrolled{box-shadow:0 6px 18px #0000001f}.gl-header-inner{background:var(--gl-bg);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur);border-bottom:1px solid var(--gl-border);box-shadow:0 3px 10px #00000014;border-bottom-left-radius:var(--gl-radius);border-bottom-right-radius:var(--gl-radius);display:flex;align-items:center;justify-content:space-between;padding:.4rem .9rem;min-height:42px;transition:all .25s ease}.gl-back-btn{background:none;border:none;padding:.45rem;border-radius:9999px;color:var(--gl-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gl-back-btn:hover,.gl-back-btn:focus-visible{background:var(--gl-hover-bg);transform:scale(1.1)}.gl-header-title{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.02em;text-align:center;flex:1 1 auto;color:var(--gl-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .6rem}.gl-header-right{flex:0 0 auto;display:flex;align-items:center;gap:.75rem}@media(max-width:640px){.gl-header-inner{padding:.4rem .8rem;--gl-radius: 12px}.gl-header-title{font-size:1.05rem}}@media(max-width:480px){.gl-header-inner{padding:.35rem .7rem;--gl-radius: 10px}.gl-header-title{font-size:1rem;padding:0 .4rem}.gl-back-btn{padding:.4rem}}@media(prefers-reduced-motion:reduce){.gl-back-btn,.gl-back-btn:hover{transition:none;transform:none}}.shop-id-container{display:flex;align-items:center;gap:6px;background:#ffffff38;padding:5px 10px;border-radius:10px;border:1px solid var(--gl-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.dark .shop-id-container{background:#f1f5f92e}.shop-id-container:hover{background:#ffffff4d;transform:translateY(-1px)}.shop-id-label{font-size:10px;font-weight:600;color:var(--gl-text);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.shop-id-value{font-size:13px;font-weight:700;color:var(--gl-text);letter-spacing:.3px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-id-copy-btn{background:#000000a6;border:none;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--gl-text)}.dark .shop-id-copy-btn{background:#f1f5f924}.shop-id-copy-btn:hover{background:#ffffff47;transform:scale(1.08)}.shop-id-copy-btn.copied{background:#22c55e4d}.shop-id-copy-btn.copied:hover{background:#22c55e66}.copy-feedback{position:absolute;bottom:-30px;right:0;background:var(--bg-feedback);color:var(--text-feedback);font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 3px 10px #00000040;animation:fadeInOut 1.8s forwards;pointer-events:none;z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translateY(6px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.empty-right-placeholder{width:30px;height:30px}.shop-id-wrapper{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;max-width:100%;background:#ffffff29;padding:5px 8px;border-radius:9999px;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shop-id-value{max-width:90px}@media(max-width:400px){.gl-header-inner{padding:.3rem .6rem}.gl-header-title{font-size:.95rem}.shop-id-wrapper{gap:4px;padding:4px 6px}.shop-id-value{max-width:80px}}: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)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1e40af;--primary-light: #3b82f6;--accent: #fcd34d;--accent-glow: #fbbf24;--bg: #f8fafc;--surface: #ffffff;--surface-glass: rgba(255, 255, 255, .75);--text: #0f172a;--text-soft: #475569;--text-muted: #64748b;--border: #e2e8f0;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .06);--shadow-md: 0 10px 30px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .15);--buyer-accent: #3b82f6;--seller-accent: #f97316;--youtube-red: #ef4444;--radius: 24px;--radius-sm: 16px;--transition: all .35s cubic-bezier(.4, 0, .2, 1)}.dark{--primary: #60a5fa;--primary-light: #93bbfc;--accent: #fde047;--accent-glow: #facc15;--bg: #0f172a;--surface: #1e293b;--surface-glass: rgba(30, 41, 59, .7);--text: #f1f5f9;--text-soft: #cbd5e1;--text-muted: #94a3b8;--border: #334155;--shadow-sm: 0 4px 20px rgba(0, 0, 0, .4);--shadow-md: 0 12px 40px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .6);--buyer-accent: #60a5fa;--seller-accent: #fb923c;--youtube-red: #f87171}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased}.loading-container{min-height:100dvh;display:grid;place-items:center;background:var(--primary);color:#fff}.loading-spinner{width:56px;height:56px;border:5px solid rgba(255,255,255,.3);border-top:5px solid white;border-radius:50%;animation:spin 1s ease-in-out infinite}.scroll-content{padding:0 12px 80px}.hero-section{position:relative;height:clamp(340px,55vh,460px);margin:16px 0 32px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform 10s ease-out}.hero-section:hover .hero-image{transform:scale(1.06)}.hero-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 50%,transparent 100%);z-index:1}.hero-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:24px;color:#fff;text-align:center}.hero-overlay .text-container{background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 32px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);margin-bottom:28px;max-width:90%}.hero-overlay h1{font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.1;margin-bottom:12px}.hero-overlay p{font-size:clamp(1rem,3.5vw,1.2rem);opacity:.95;max-width:480px}.hero-button{min-width:240px;padding:16px 36px;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:999px;cursor:pointer;box-shadow:0 12px 32px -8px #3b82f680;transition:var(--transition)}.hero-button:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px #3b82f699}section{background:var(--surface);border-radius:var(--radius);padding:40px 24px;margin-bottom:32px;box-shadow:var(--shadow-md);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}section h2{font-size:clamp(1.8rem,5vw,2.2rem);font-weight:800;text-align:center;margin-bottom:16px;background:linear-gradient(90deg,var(--primary),var(--accent-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}section>div>p{text-align:center;color:var(--text-soft);font-size:1.05rem;max-width:600px;margin:0 auto 40px}.role-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}@media(max-width:640px){.role-cards-row{grid-template-columns:1fr;gap:20px}}.role-card{position:relative;background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition);min-height:320px;display:flex;flex-direction:column}.role-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px -15px #00000040}.accent-bar{height:8px;background:linear-gradient(90deg,var(--buyer-accent),transparent)}.role-card:nth-child(2) .accent-bar{background:linear-gradient(90deg,var(--seller-accent),transparent)}.card-content{padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.icon-circle{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;margin-bottom:20px;background:linear-gradient(135deg,var(--buyer-accent),color-mix(in srgb,var(--buyer-accent) 80%,white));box-shadow:inset 0 4px 12px #00000026,var(--shadow-md)}.role-card:nth-child(2) .icon-circle{background:linear-gradient(135deg,var(--seller-accent),color-mix(in srgb,var(--seller-accent) 80%,white))}.role-card h2{font-size:1.6rem;font-weight:800;margin-bottom:12px;color:var(--text)}.role-card p{color:var(--text-soft);margin-bottom:28px;flex:1}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:999px;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--buyer-accent),color-mix(in srgb,var(--buyer-accent) 85%,black));border:none;box-shadow:var(--shadow-md);transition:var(--transition)}.role-card:nth-child(2) .cta-button{background:linear-gradient(135deg,var(--seller-accent),color-mix(in srgb,var(--seller-accent) 85%,black))}.cta-button:hover{transform:scale(1.05)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-top:32px}.feature-card{background:var(--surface);border-radius:var(--radius-sm);padding:24px 16px;text-align:center;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon-container{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent-glow));display:grid;place-items:center;margin:0 auto 16px;box-shadow:var(--shadow-md)}.feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:8px}.feature-card p{font-size:.95rem;color:var(--text-soft)}.footer-section{background:var(--surface);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);padding:60px 24px 40px;text-align:center;box-shadow:0 -10px 40px #00000014}.footer-section h2{font-size:clamp(1.8rem,5vw,2.2rem);font-weight:800;margin-bottom:16px;background:linear-gradient(90deg,var(--primary),var(--accent-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-section p{color:var(--text-soft);max-width:600px;margin:0 auto 40px;font-size:1.05rem}.footer-button{min-width:260px;padding:18px 40px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:999px;color:#fff;border:none;box-shadow:0 12px 32px -8px #3b82f680;transition:var(--transition)}.footer-button:hover{transform:translateY(-4px)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:1000}.modal-content{background:var(--surface);border-radius:var(--radius);max-width:95vw;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal-header{background:var(--primary);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.4rem;font-weight:700}.modal-close{background:#fff3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:none;color:#fff;cursor:pointer;transition:background .2s}.modal-close:hover{background:#ffffff4d}.tutorial-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;overflow-y:auto;max-height:65vh}.tutorial-item{cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;transition:transform .3s}.tutorial-item:hover{transform:scale(1.05)}.tutorial-thumb{height:140px;position:relative;overflow:hidden}.tutorial-thumb img{width:100%;height:100%;object-fit:cover}.tutorial-play-overlay{position:absolute;inset:0;background:#00000080;display:grid;place-items:center}.tutorial-item h4{padding:12px 8px;text-align:center;font-size:.95rem;font-weight:600}.video-modal{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;z-index:2000}.youtube-container{width:min(96vw,900px);aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-lg)}.video-close-button{position:absolute;top:24px;right:24px;width:60px;height:60px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.8rem;display:grid;place-items:center;cursor:pointer;transition:var(--transition)}.video-close-button:hover{background:#ef4444cc;transform:scale(1.1)}.video-loading-container{position:absolute;color:#fff;text-align:center;z-index:10}.video-loading-container p{margin-top:12px;font-size:1.1rem}.hml-header{position:sticky;top:0;left:0;right:0;z-index:1000;padding-top:env(safe-area-inset-top);margin-top:calc(-1*env(safe-area-inset-top));background:transparent;border-bottom:1px solid var(--hml-border, rgba(226, 232, 240, .55));box-shadow:0 4px 12px #00000014;color:var(--hml-text, #111827);font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .25s ease}.dark .hml-header{--hml-border: rgba(51, 65, 85, .65);--hml-text: #f1f5f9;box-shadow:0 6px 20px #00000080}.hml-header-inner{background:var(--hml-bg, #f8fafc);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom-left-radius:14px;border-bottom-right-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.1rem;min-height:48px}.dark .hml-header-inner{background:var(--hml-bg, #0f172a);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}.hml-header-left{flex:1;display:flex;align-items:center}.hml-header-brand{display:flex;align-items:center;gap:10px}.hml-header-logo{width:36px;height:36px;object-fit:contain;border-radius:8px;flex-shrink:0}.hml-header-title{margin:0;font-size:1.14rem;font-weight:600;letter-spacing:-.02em;color:currentColor;white-space:nowrap}.hml-header-right{display:flex;align-items:center;flex-shrink:0}@media(max-width:640px){.hml-header-inner{padding:.45rem 1rem;min-height:46px}.hml-header-title{font-size:1.06rem}.hml-header-logo{width:32px;height:32px}}@media(max-width:480px){.hml-header-inner{padding:.4rem .9rem}.hml-header-title{font-size:1rem}.hml-header-brand{gap:8px}}.theme-toggle-container{display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 16px #00000026}.theme-btn{background:transparent;border:none;border-radius:999px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .28s cubic-bezier(.16,1,.3,1);color:#fff}.theme-btn:hover{background:#ffffff17;transform:scale(1.12)}.theme-btn.active{background:#ffffffd9;color:#1e40af;box-shadow:0 2px 10px #0003;transform:scale(1.08)}.theme-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f666}.theme-btn-dark{background:transparent;border:none;border-radius:999px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .28s cubic-bezier(.16,1,.3,1);color:#000}.theme-btn-dark:hover{background:#ffffff17;transform:scale(1.12)}.theme-btn-dark.active{background:#ffffffd9;color:#1e40af;box-shadow:0 2px 10px #0003;transform:scale(1.08)}.theme-btn-dark:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f666}@media(prefers-reduced-motion:reduce){.theme-btn,.theme-btn:hover,.theme-btn.active{transition:none;transform:none}}:root{--bg-page: linear-gradient(145deg, #f8fafc 0%, #eef2f6 100%);--bg-card: rgba(255, 255, 255, .8);--bg-input: rgba(255, 255, 255, .4);--bg-input-focus: rgba(255, 255, 255, .58);--border-subtle: rgba(226, 232, 240, .65);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-light: #e2e8f0;--accent-start: #3b82f6;--accent-end: #7c3aed;--accent: linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-solid: #4f46e5;--accent-hover: #4338ca;--accent-glow: rgba(59, 130, 246, .3);--accent-soft: rgba(59, 130, 246, .12);--error-bg: rgba(239, 68, 68, .14);--error-text: #ef4444;--error-border: rgba(239, 68, 68, .3);--shadow-soft: 0 12px 38px -10px rgba(0,0,0,.14);--shadow-hover: 0 20px 56px -12px rgba(0,0,0,.22);--shadow-neu-light: 6px 6px 14px rgba(0,0,0,.07), -6px -6px 14px rgba(255,255,255,.7);--radius-lg: 20px;--radius-md: 14px;--transition: .34s cubic-bezier(.22, 1, .36, 1)}.dark{--bg-page: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);--bg-card: rgba(15, 23, 42, .78);--bg-input: rgba(30, 41, 59, .48);--bg-input-focus: rgba(30, 41, 59, .68);--border-subtle: rgba(51, 65, 85, .68);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-light: #f1f5f9;--accent-start: #60a5fa;--accent-end: #a78bfa;--accent: linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-solid: #8b5cf6;--accent-hover: #7c3aed;--accent-glow: rgba(96, 165, 250, .4);--accent-soft: rgba(96, 165, 250, .18);--error-bg: rgba(248, 113, 113, .22);--error-text: #f87171;--error-border: rgba(248, 113, 113, .38);--shadow-soft: 0 14px 44px -10px rgba(0,0,0,.5);--shadow-hover: 0 24px 64px -12px rgba(0,0,0,.6);--shadow-neu-light: 6px 6px 14px #0a101f, -6px -6px 14px #14233d}.login-screen{min-height:100vh;background:var(--bg-page);display:flex;align-items:center;justify-content:center;padding:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary)}.login-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.8rem 2.2rem;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);box-shadow:var(--shadow-soft),var(--shadow-neu-light);transition:transform var(--transition),box-shadow var(--transition)}.login-card:hover{transform:translateY(-6px) scale(1.014);box-shadow:var(--shadow-hover),var(--shadow-neu-light),0 0 0 1.5px color-mix(in srgb,var(--accent-start) 35%,transparent)}.dark .login-card:hover{box-shadow:var(--shadow-hover),var(--shadow-neu-light),0 0 0 1.5px color-mix(in srgb,var(--accent-start) 45%,transparent)}.login__header{text-align:center;margin-bottom:2.6rem}.login__logo{width:88px;height:auto;margin-bottom:1.4rem;filter:drop-shadow(0 8px 20px var(--accent-glow))}.login__title{font-size:2.15rem;font-weight:700;letter-spacing:-.03em;background:var(--accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .6rem}.login__subtitle{font-size:.96rem;color:var(--text-secondary);line-height:1.48}.login__error{display:flex;align-items:center;gap:.8rem;background:var(--error-bg);color:var(--error-text);padding:1rem 1.3rem;border-radius:var(--radius-md);margin-bottom:1.9rem;font-size:.94rem;border:1px solid var(--error-border)}.login__input-group{position:relative;margin-bottom:1.8rem}.login__input{width:100%;padding:1.45rem 3.2rem .65rem 1.3rem;background:var(--bg-input);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);font-size:1.04rem;color:var(--text-primary);transition:all var(--transition)}.login__input:focus{border-color:var(--accent-start);background:var(--bg-input-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-glow),transparent 45%);outline:none}.login__label{position:absolute;left:1.3rem;top:1.18rem;font-size:1.04rem;color:var(--text-muted);pointer-events:none;transition:all .32s cubic-bezier(.22,1,.36,1);transform-origin:left}.login__input:focus~.login__label,.login__input:not(:placeholder-shown)~.login__label,.login__input-group.filled .login__label{top:.62rem;font-size:.84rem;color:var(--accent-start);transform:scale(.92)}.login__visibility-toggle{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.28rem;cursor:pointer;padding:.6rem;border-radius:10px;transition:all .28s ease}.login__visibility-toggle:hover{color:var(--text-primary);background:var(--accent-soft)}.login__submit{width:100%;height:58px;background:var(--accent);color:#fff;font-size:1.07rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.72rem;box-shadow:0 10px 32px var(--accent-glow),var(--shadow-neu-light);transition:all var(--transition);position:relative;overflow:hidden}.login__submit:hover:not(.loading){transform:translateY(-4px);box-shadow:0 18px 48px var(--accent-glow)}.login__submit.loading{cursor:wait;opacity:.94}.login__spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.login__actions{display:flex;flex-direction:column;gap:1.1rem;margin-top:2.1rem}.login__link{width:100%;padding:14px 0;font-size:.98rem;font-weight:600;border-radius:999px;cursor:pointer;transition:all var(--transition);border:none;text-align:center}.login__link--register{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 6px 22px #10b98161}.login__link--forgot{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;box-shadow:0 6px 22px #f59e0b61}.login__link:hover{transform:translateY(-3px)}@media(max-width:480px){.login-card{padding:2.3rem 1.7rem;margin:1rem;border-radius:18px}}@media(prefers-reduced-motion:reduce){.login-card,.login-card:hover,.login__submit,.login__submit:hover,.login__link,.login__link:hover{transition:none!important;transform:none!important}}@supports not (backdrop-filter: blur(1px)){.login-card{background:color-mix(in srgb,var(--bg-card),var(--bg-page) 35%);border:1px solid color-mix(in srgb,var(--border-subtle),transparent 45%)}}.page-shell{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1;display:flex;flex-direction:column}.global-loader{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner.large{width:48px;height:48px;border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.global-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.error-text{font-size:1.125rem;color:var(--text-secondary)}.retry-button{padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:var(--accent-hover)}.signup-screen{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem;font-family:Inter,system-ui,sans-serif;color:var(--text)}.signup-card{width:100%;max-width:460px;background:var(--card-bg);border-radius:var(--radius);padding:2.8rem 2.2rem;border:1px solid var(--border);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);box-shadow:var(--shadow-card),var(--shadow-neu-light);transition:all var(--transition)}.dark .signup-card{box-shadow:var(--shadow-card),var(--shadow-neu-dark)}.signup-card:hover{transform:translateY(-4px)}.signup__header{text-align:center;margin-bottom:2.4rem}.signup__logo{width:90px;height:auto;margin-bottom:1.4rem;filter:drop-shadow(0 6px 14px var(--glow))}.signup__title{font-size:2.1rem;font-weight:700;letter-spacing:-.03em;background:var(--accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .6rem}.signup__subtitle{font-size:.96rem;color:var(--text-secondary);line-height:1.5}.signup__error{display:flex;align-items:center;gap:.8rem;background:var(--error-bg);color:var(--error-text);padding:1rem 1.3rem;border-radius:12px;margin-bottom:1.8rem;font-size:.93rem;border:1px solid var(--error-border)}.signup__input-group{position:relative;margin-bottom:1.8rem}.signup__input{width:100%;padding:1.45rem 1.3rem .65rem;background:#ffffff59;border:1.5px solid var(--border);border-radius:14px;font-size:1.04rem;color:var(--text);transition:all var(--transition)}.dark .signup__input{background:#1e293b61}.signup__input:focus{border-color:var(--accent-start);box-shadow:0 0 0 4px var(--glow);background:#ffffff8c}.dark .signup__input:focus{background:#1e293b94}.signup__label{position:absolute;left:1.3rem;top:1.15rem;font-size:1.04rem;color:var(--text-muted);pointer-events:none;transition:all .3s ease;transform-origin:left}.signup__input:focus~.signup__label,.signup__input:not(:placeholder-shown)~.signup__label,.signup__input-group.filled .signup__label{top:.6rem;font-size:.83rem;color:var(--accent-start);transform:scale(.92)}.signup__visibility-toggle{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.6rem;border-radius:8px;transition:all .28s ease}.signup__visibility-toggle:hover{color:var(--text);background:var(--glow)}.signup__checks{margin:1.5rem 0 2rem}.signup__check-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;font-size:.93rem}.signup__check-item svg{flex-shrink:0}.signup__check-item .valid{color:#10b981}.signup__check-item .invalid{color:#ef4444}.signup__submit{width:100%;height:56px;background:var(--accent);color:#fff;font-size:1.06rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.7rem;box-shadow:0 10px 28px var(--glow),var(--shadow-neu-light);transition:all var(--transition)}.dark .signup__submit{box-shadow:0 10px 28px var(--glow),var(--shadow-neu-dark)}.signup__submit:hover:not(.loading){transform:translateY(-3px);box-shadow:0 16px 44px var(--glow)}.signup__submit.loading{opacity:.92;cursor:wait}.signup__spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.signup__cta{width:100%;padding:1.2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all var(--transition);margin-top:1rem}.signup__cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f166}.signup__cta span{text-decoration:underline}@media(max-width:480px){.signup-card{padding:2.2rem 1.6rem;margin:1rem;border-radius:16px}}:root{--bg: linear-gradient(145deg, #f8fafc 0%, #eef2f6 100%);--card-bg: rgba(255, 255, 255, .85);--text: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-start: #3b82f6;--accent-end: #7c3aed;--accent: linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-solid: #4f46e5;--glow: rgba(59, 130, 246, .28);--border: rgba(226, 232, 240, .6);--shadow-card: 0 8px 28px -8px rgba(0,0,0,.1);--shadow-neu-light: 6px 6px 12px rgba(0,0,0,.06), -6px -6px 12px rgba(255,255,255,.8);--shadow-neu-dark: inset 4px 4px 10px rgba(0,0,0,.35), inset -4px -4px 10px rgba(255,255,255,.1);--radius: 16px;--transition: .32s cubic-bezier(.22, .61, .36, 1)}.dark{--card-bg: rgba(15, 23, 42, .78);--text: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-start: #60a5fa;--accent-end: #a78bfa;--accent: linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-solid: #8b5cf6;--glow: rgba(96, 165, 250, .38);--border: rgba(51, 65, 85, .65);--shadow-card: 0 10px 32px -10px rgba(0,0,0,.5);--shadow-neu-light: 6px 6px 12px #0a101f, -6px -6px 12px #14233d;--shadow-neu-dark: inset 4px 4px 10px rgba(0,0,0,.5), inset -4px -4px 10px rgba(255,255,255,.08)}.location-search{width:100%;display:flex;flex-direction:column;gap:1.8rem}.location-error{background:var(--error-bg);color:var(--error-text);padding:1rem 1.3rem;border-radius:12px;font-size:.94rem;text-align:center;border:1px solid var(--error-border)}.location__input-group{position:relative;width:100%}.location__select,.location__input{width:100%;padding:1.45rem 1.3rem .65rem;background:#ffffff59;border:1.5px solid var(--border);border-radius:var(--radius);font-size:1.04rem;color:var(--text);transition:all var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.825L1.175 4 2 3.175 6 7.175l4-4L10.825 4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.3rem center;background-size:12px}.dark .location__select,.dark .location__input{background:#1e293b61}.location__select:focus,.location__input:focus{border-color:var(--accent-start);box-shadow:0 0 0 4px var(--glow);background:#ffffff8c;outline:none}.dark .location__select:focus,.dark .location__input:focus{background:#1e293b94}.location__label{position:absolute;left:1.3rem;top:1.15rem;font-size:1.04rem;color:var(--text-muted);pointer-events:none;transition:all .3s ease;transform-origin:left}.location__input-group.filled .location__label,.location__select:focus~.location__label,.location__input:focus~.location__label{top:.6rem;font-size:.83rem;color:var(--accent-start);transform:scale(.92)}.location__search-group{display:flex;flex-direction:column;gap:1.2rem}.location__search-btn{height:56px;background:var(--accent);color:#fff;font-size:1.05rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;box-shadow:0 8px 24px var(--glow),var(--shadow-neu-light);transition:all var(--transition)}.dark .location__search-btn{box-shadow:0 8px 24px var(--glow),var(--shadow-neu-dark)}.location__search-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 36px var(--glow)}.location__search-btn:disabled{opacity:.9;cursor:wait}@media(max-width:480px){.location-search{gap:1.4rem}.location__select,.location__input{padding:1.3rem 1.2rem .6rem;font-size:1rem}.location__label{font-size:1rem}.location__search-btn{height:52px;font-size:1rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}:root{--bg-hero: rgba(255, 255, 255, .7);--border-hero: rgba(226, 232, 240, .42);--shadow-hero: 0 12px 36px -8px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.8);--bg-tab: rgba(255, 255, 255, .94);--bg-panel: rgba(255, 255, 255, .96);--text-primary: #0f172a;--text-secondary: #475569;--text-tab-inactive: #334155;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .2);--radius: 30px;--radius-sm: 22px;--transition: .4s cubic-bezier(.16, 1, .3, 1)}.dark{--bg-hero: rgba(15, 23, 42, .76);--border-hero: rgba(51, 65, 85, .48);--shadow-hero: 0 16px 48px -12px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05);--bg-tab: rgba(30, 41, 59, .94);--bg-panel: rgba(30, 41, 59, .94);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tab-inactive: #64748b;--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .3)}.sb-search-bar{width:100%;max-width:960px;margin:-.6rem auto 1.4rem;background:var(--bg-hero);border-radius:var(--radius);border:1px solid var(--border-hero);-webkit-backdrop-filter:blur(40px) saturate(190%);backdrop-filter:blur(40px) saturate(190%);box-shadow:var(--shadow-hero);position:relative;overflow:hidden;transition:all var(--transition)}.sb-search-bar:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#c4b5fd,#60a5fa,#34d399,#fbbf24);background-size:300% 100%;animation:flowAccent 10s linear infinite;opacity:.75;border-radius:var(--radius) var(--radius) 0 0}@keyframes flowAccent{0%{background-position:0% 50%}to{background-position:300% 50%}}.sb-tabs-container{display:flex;background:var(--bg-tab);border-radius:var(--radius-sm);padding:.35rem;margin-bottom:1.3rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-hero);box-shadow:0 6px 22px #0000000d;gap:.3rem;overflow-x:auto;scrollbar-width:none}.sb-tabs-container::-webkit-scrollbar{display:none}.sb-tab{flex:0 0 auto;min-width:110px;padding:.9rem 1.1rem;font-size:.97rem;font-weight:700;color:var(--text-tab-inactive);background:transparent;border:none;border-radius:18px;cursor:pointer;transition:all var(--transition);white-space:nowrap;position:relative;z-index:1}.sb-tab-active{color:#fff;font-weight:800}.sb-tab:after{content:"";position:absolute;inset:0;background:var(--accent);border-radius:inherit;opacity:0;transform:scale(.97);transition:all var(--transition);z-index:-1;box-shadow:0 8px 28px var(--accent-glow)}.sb-tab-active:after{opacity:1;transform:scale(1)}.sb-tab:hover:not(.sb-tab-active){color:var(--accent);background:#3b82f617}.sb-panel{background:var(--bg-panel);border-radius:var(--radius-sm);padding:1.7rem 1.9rem;border:1px solid var(--border-hero);box-shadow:0 10px 38px #00000012;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sb-location-search{display:flex;flex-direction:column;gap:1.4rem}.sb-select-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.3rem}.sb-select-group label{font-size:.94rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem;display:block}.sb-select-group select,.sb-search-input{height:60px;min-height:56px;padding:0 1.5rem;font-size:1.1rem;font-weight:500;background:#ffffffd6;border:1.5px solid var(--border-hero);border-radius:var(--radius-sm);color:var(--text-primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all var(--transition);box-shadow:inset 0 1px 4px #00000008}.dark .sb-select-group select,.dark .sb-search-input{background:#1e293be0;color:#f1f5f9;border-color:#33415594}.sb-select-group select:focus,.sb-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow),inset 0 1px 4px #00000008;transform:translateY(-1px)}.sb-input-group{display:flex;gap:1.1rem;align-items:stretch}.sb-search-input{flex:1}.sb-search-input::placeholder{color:var(--text-secondary);opacity:.75}.sb-search-btn{min-width:180px;height:60px;background:linear-gradient(to bottom,var(--accent),color-mix(in srgb,var(--accent),black 10%));color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:calc(var(--radius-sm) + 4px);cursor:pointer;box-shadow:0 8px 24px var(--accent-glow),inset 0 2px #ffffff40,inset 0 -2px #0000001a;transition:all var(--transition);white-space:nowrap}.sb-search-btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 14px 36px var(--accent-glow),inset 0 2px #ffffff40,inset 0 -2px #0000001a}.sb-search-btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.sb-error-message{color:#ef4444;font-weight:600;text-align:center;background:#fee2e2c7;padding:1rem 1.4rem;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:768px){.sb-search-bar{margin:.7rem auto 1.6rem;padding:1.5rem 1.3rem 1.9rem;border-radius:26px}.sb-tabs-container{padding:.3rem;overflow-x:auto}.sb-tab{min-width:100px;padding:.85rem 1.1rem;font-size:.94rem}.sb-input-group{flex-direction:column}.sb-search-btn{height:58px}.sb-select-group{grid-template-columns:1fr}}.sb-spinner{animation:spin 1s linear infinite;margin-right:8px}.sb-geo-hint{margin-top:.9rem;text-align:center;font-size:.92rem;color:var(--text-secondary)}.sb-geo-link{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;transition:color .2s}.sb-geo-link:hover{color:var(--accent-hover || var(--accent));text-decoration:underline}.sb-error-message{display:flex;align-items:center;justify-content:center;background:#fee2e2cc;color:#dc2626;padding:.9rem 1.3rem;border-radius:var(--radius-sm);margin-bottom:1.1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sb-info-message{text-align:center;color:var(--text-secondary);font-size:.94rem;margin-bottom:1rem;opacity:.9}:root{--bg-section: rgba(255, 255, 255, .88);--border-section: rgba(226, 232, 240, .65);--shadow-section: 0 8px 32px -10px rgba(0,0,0,.12);--bg-card: rgba(255, 255, 255, .94);--shadow-card: 0 6px 20px rgba(0,0,0,.08);--shadow-hover: 0 16px 36px rgba(0,0,0,.16);--text-title: #0f172a;--text-name: #1f2937;--accent-glow: rgba(59, 130, 246, .25);--radius: 18px;--transition: .32s cubic-bezier(.22, .61, .36, 1)}.dark{--bg-section: rgba(15, 23, 42, .82);--border-section: rgba(51, 65, 85, .68);--shadow-section: 0 10px 36px -12px rgba(0,0,0,.55);--bg-card: rgba(30, 41, 59, .9);--shadow-card: 0 6px 20px rgba(0,0,0,.4);--shadow-hover: 0 16px 36px rgba(0,0,0,.6);--text-title: #f1f5f9;--text-name: #e2e8f0;--accent-glow: rgba(96, 165, 250, .35)}.categories-section{width:100%;max-width:960px;margin:1.6rem auto;padding:1.8rem 1.4rem;background:var(--bg-section);border-radius:var(--radius);border:1px solid var(--border-section);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--shadow-section);position:relative;overflow:hidden;transition:all var(--transition)}.categories-section:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6);background-size:300% 100%;animation:lightningFlow 7s linear infinite;opacity:.9;border-radius:var(--radius) var(--radius) 0 0}.dark .categories-section:before{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6,#60a5fa);opacity:.85}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem;gap:1rem}.categories-title{font-size:2rem;font-weight:900;background:linear-gradient(90deg,var(--text-title),var(--accent) 110%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.035em;text-shadow:0 1.5px 6px rgba(0,0,0,.12)}.dark .categories-title{text-shadow:0 2px 8px rgba(0,0,0,.65)}.see-all-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.9rem;font-weight:700;padding:.62rem 1.38rem;border:none;border-radius:999px;cursor:pointer;box-shadow:0 5px 18px var(--accent-glow),inset 0 1px #ffffff47;transition:all var(--transition);letter-spacing:.01em}.see-all-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 32px var(--accent-glow),inset 0 1px #ffffff47;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.see-all-btn:active{transform:translateY(-1px) scale(.98)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1.4rem}.category-card{background:var(--bg-card);border-radius:16px;padding:1.4rem .9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;box-shadow:var(--shadow-card);transition:all var(--transition);cursor:pointer;border:1px solid var(--border-section);min-height:152px;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover),0 0 0 2px var(--accent);background:linear-gradient(145deg,var(--bg-card),rgba(255,255,255,.98))}.dark .category-card:hover{background:linear-gradient(145deg,var(--bg-card),rgba(30,41,59,.95))}.category-icon,.icon-placeholder{width:70px;height:70px;border-radius:14px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 3px 14px #0000001f;flex-shrink:0;transition:transform .3s ease}.category-card:hover .category-icon{transform:scale(1.08)}.dark .category-icon,.dark .icon-placeholder{box-shadow:0 3px 14px #00000073}.icon-placeholder{background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.dark .icon-placeholder{background:linear-gradient(135deg,#334155,#475569)}.category-name{font-size:.88rem;font-weight:600;color:var(--text-name);text-align:center;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;padding:0 6px}@media(max-width:480px){.categories-section{margin:1.2rem auto;padding:1.4rem 1rem;border-radius:16px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:1rem}.category-card{min-height:134px;padding:1.2rem .8rem}.category-icon,.icon-placeholder{width:60px;height:60px}.category-name{font-size:.82rem}.categories-title{font-size:1.65rem}.see-all-btn{font-size:.86rem;padding:.58rem 1.24rem}}@media(min-width:768px){.categories-grid{gap:1.6rem}}@media(prefers-reduced-motion:reduce){.category-card,.see-all-btn,.categories-section:before{transition:none;animation:none}}:root{--bg-surface: rgba(255, 255, 255, .92);--bg-surface-hover: rgba(255, 255, 255, .97);--bg-surface-active: rgba(248, 250, 252, .84);--border-glass: rgba(226, 232, 240, .58);--border-strong: rgba(203, 213, 225, .88);--blur-glass: blur(24px) saturate(170%);--shadow-sm: 0 8px 32px rgba(0,0,0,.1);--shadow-md: 0 16px 48px rgba(0,0,0,.16);--shadow-lg: 0 24px 72px rgba(0,0,0,.24);--radius-lg: 20px;--radius-md: 14px;--transition: .26s cubic-bezier(.26, .86, .44, .985);--transition-bounce: .38s cubic-bezier(.175, .885, .32, 1.275);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-on-accent: #ffffff;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .24);--unread-dot: #ef4444;--unread-bg: rgba(239, 68, 68, .06);--toast-bg: rgba(255, 255, 255, .94);--toast-border: rgba(226, 232, 240, .6);--toast-close: #64748b;--toast-close-hover: #ef4444}.dark{--bg-surface: rgba(30, 41, 59, .92);--bg-surface-hover: rgba(51, 65, 85, .96);--bg-surface-active: rgba(30, 41, 59, .8);--border-glass: rgba(51, 65, 85, .7);--border-strong: rgba(71, 85, 105, .9);--blur-glass: blur(22px) saturate(150%);--shadow-sm: 0 10px 40px rgba(0,0,0,.58);--shadow-md: 0 20px 60px rgba(0,0,0,.65);--shadow-lg: 0 28px 80px rgba(0,0,0,.74);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-on-accent: #ffffff;--accent: #60a5fa;--accent-hover: #3b82f6;--accent-glow: rgba(96, 165, 250, .34);--unread-bg: rgba(248, 113, 113, .12);--toast-bg: rgba(15, 23, 42, .94);--toast-border: rgba(51, 65, 85, .72);--toast-close: #94a3b8;--toast-close-hover: #f87171}.notification-bell{position:relative}.bell-btn{background:none;border:none;padding:10px;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all var(--transition)}.bell-btn:hover,.bell-btn:focus-visible{background:var(--bg-surface-hover);color:var(--accent);transform:scale(1.14);box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 16%,transparent)}.bell-icon{width:24px;height:24px;stroke:currentColor;stroke-width:2;transition:transform var(--transition-bounce)}.bell-btn:hover .bell-icon{transform:scale(1.16) rotate(14deg)}.unread-badge{position:absolute;top:5px;right:5px;min-width:18px;height:18px;background:var(--unread-dot);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;border-radius:50%;box-shadow:0 0 0 3px var(--gl-bg);transition:transform .18s ease}.bell-btn:hover .unread-badge{transform:scale(1.16)}.notification-dropdown{position:fixed;z-index:1200;width:min(380px,92vw);max-height:82vh;background:var(--bg-surface);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;color:var(--text-primary);opacity:0;transform:translateY(20px) scale(.95);transition:opacity .28s ease,transform .42s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.notification-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.notification-dropdown:before{content:"";position:absolute;top:-10px;right:24px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--bg-surface);filter:drop-shadow(0 4px 10px rgba(0,0,0,.16))}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-glass)}.dropdown-header h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.mark-read-btn{background:transparent;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);font-size:13.5px;font-weight:500;padding:6px 14px;border-radius:10px;cursor:pointer;transition:all var(--transition)}.mark-read-btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);transform:translateY(-1px)}.notifications-list{max-height:calc(82vh - 60px);overflow-y:auto;padding:6px 0;scrollbar-width:thin}.notifications-list::-webkit-scrollbar{width:5px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 65%,transparent);border-radius:10px}.notification-item{display:flex;gap:14px;padding:14px 20px;cursor:pointer;transition:background .24s ease;position:relative}.notification-item:hover{background:var(--bg-surface-hover)}.notification-item:active{background:var(--bg-surface-active);transform:scale(.995)}.notification-item.unread{background:var(--unread-bg)}.notification-item.unread:after{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--unread-dot);border-radius:50%}.avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 3px 12px color-mix(in srgb,var(--accent) 35%,transparent)}.avatar img{width:100%;height:100%;object-fit:cover;background:var(--gl-bg)}.notification-content{flex:1;min-width:0}.message{font-size:15px;line-height:1.45;color:var(--text-primary);margin:0 0 5px;font-weight:400}.unread .message{font-weight:550;color:var(--text-primary)}.timestamp{font-size:12.8px;color:var(--text-muted);margin-top:3px}.pickup-code{margin-top:8px;font-size:13.8px;color:var(--text-secondary);font-weight:500}.code{font-family:SF Mono,Menlo,Consolas,monospace;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);padding:2px 8px;border-radius:6px;font-weight:600}.empty-state{padding:90px 32px 110px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.65}.notification-toast{position:fixed;bottom:28px;right:28px;z-index:9999;max-width:420px;min-width:300px;background:var(--toast-bg);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--toast-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:16px 20px;color:var(--text-primary);font-size:15px;line-height:1.48;display:flex;align-items:flex-start;gap:14px;opacity:0;transform:translateY(32px) scale(.96);animation:toastEnter .44s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes toastEnter{to{opacity:1;transform:translateY(0) scale(1)}}.toast-content{flex:1;word-break:break-word}.toast-close{background:none;border:none;padding:6px;margin:-6px -6px -6px auto;color:var(--toast-close);font-size:24px;line-height:1;cursor:pointer;border-radius:50%;transition:all .24s ease;flex-shrink:0}.toast-close:hover,.toast-close:focus-visible{color:var(--toast-close-hover);background:color-mix(in srgb,var(--toast-close-hover) 18%,transparent);transform:scale(1.18)}@media(max-width:480px){.notification-dropdown{width:94vw;max-width:94vw;left:3vw!important;right:auto!important;border-radius:18px}.notification-dropdown:before{right:auto;left:36px}.notification-toast{bottom:20px;right:16px;left:16px;max-width:none;min-width:auto;border-radius:16px}}@media(prefers-reduced-motion:reduce){.notification-dropdown,.notification-dropdown.open,.notification-item,.bell-btn,.notification-toast{transition:none!important;transform:none!important}@keyframes toastEnter{0%,to{opacity:1;transform:none}}}:root{--gl-bg: #f8fafc;--gl-blur: blur(24px) saturate(190%);--gl-border: rgba(226, 232, 240, .45);--gl-shadow: 0 8px 32px rgba(0, 0, 0, .07);--gl-text: #111827;--gl-hover-bg: rgba(255, 255, 255, .2);--gl-radius: 24px}.dark{--gl-bg: #0f172a;--gl-blur: blur(20px) saturate(150%);--gl-border: rgba(51, 65, 85, .55);--gl-shadow: 0 12px 40px rgba(0, 0, 0, .48);--gl-text: #f1f5f9;--gl-hover-bg: rgba(241, 245, 249, .16);--gl-radius: 24px}.shop-header{position:sticky;top:0;left:0;right:0;z-index:1000;padding-top:env(safe-area-inset-top);margin-top:calc(-1*env(safe-area-inset-top));background:var(--gl-bg);overflow:visible!important;box-shadow:var(--gl-shadow);border-bottom:1px solid var(--gl-border);color:var(--gl-text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .3s ease}.shop-header-inner{background:var(--gl-bg);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur);border-bottom:1px solid var(--gl-border);box-shadow:0 8px 24px #0000001a;border-bottom-left-radius:var(--gl-radius);border-bottom-right-radius:var(--gl-radius);display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;min-height:3.5rem;transition:all .3s ease}.greeting-section{flex:1 1 auto}.greeting-main{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;color:var(--gl-text);text-shadow:0 1px 3px rgba(0,0,0,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name{font-weight:700;color:var(--gl-text)}.avatar-btn{background:none;border:none;padding:.4rem;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .28s ease}.avatar{width:38px;height:38px;border-radius:9999px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase;box-shadow:0 3px 10px #0000002e;transition:all .28s ease}.avatar-btn:hover .avatar,.avatar-btn:focus-visible .avatar{transform:scale(1.14) translateY(-1px);box-shadow:0 6px 18px #00000038}@media(max-width:640px){.shop-header-inner{padding:.65rem 1rem;min-height:3.25rem;--gl-radius: 20px}.greeting-main{font-size:1.15rem}.avatar{width:36px;height:36px;font-size:.95rem}}@media(max-width:480px){.shop-header-inner{padding:.6rem .9rem;min-height:3.1rem;--gl-radius: 16px}.greeting-main{font-size:1.05rem}.avatar{width:34px;height:34px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){.avatar-btn,.avatar-btn:hover .avatar,.avatar{transition:none;transform:none}}:root{--bg-section: rgba(255, 255, 255, .78);--border-section: rgba(226, 232, 240, .52);--shadow-section: 0 20px 60px -16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.62);--bg-card: rgba(255, 255, 255, .84);--shadow-card: 0 10px 32px rgba(0,0,0,.11);--shadow-hover: 0 24px 56px rgba(0,0,0,.22), 0 0 0 1.5px rgba(59,130,246,.18);--text-title: #0f172a;--text-primary: #1e293b;--text-muted: #64748b;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .3);--glow-soft: 0 0 22px rgba(59, 130, 246, .16);--radius: 22px;--radius-sm: 18px;--transition: .4s cubic-bezier(.16, 1, .3, 1)}.dark{--bg-section: rgba(15, 23, 42, .8);--border-section: rgba(51, 65, 85, .54);--shadow-section: 0 24px 68px -20px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.07);--bg-card: rgba(30, 41, 59, .86);--shadow-card: 0 12px 36px rgba(0,0,0,.55);--shadow-hover: 0 28px 64px rgba(0,0,0,.78), 0 0 0 2px rgba(96,165,250,.36);--text-title: #e2e8f0;--text-primary: #cbd5e1;--text-muted: #94a3b8;--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .42);--glow-soft: 0 0 26px rgba(96, 165, 250, .26)}.rv-recently-visited-section{width:100%;max-width:960px;margin:1.8rem auto;padding:2.1rem 1.7rem;background:var(--bg-section);border-radius:var(--radius);border:1px solid var(--border-section);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);box-shadow:var(--shadow-section);position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.rv-recently-visited-section:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#c084fc,var(--accent),#34d399,#fbbf24);background-size:200% 100%;animation:liquidFlow 12s linear infinite;opacity:.68;filter:blur(3px);border-radius:var(--radius) var(--radius) 0 0}.rv-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.9rem;gap:1.5rem}.rv-section-title{font-size:1.95rem;font-weight:900;background:linear-gradient(90deg,var(--text-title),var(--accent) 110%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.03em;text-shadow:0 1.5px 6px rgba(0,0,0,.12)}.dark .rv-section-title{text-shadow:0 2px 8px rgba(0,0,0,.6)}.rv-see-all-button{color:#fff;font-size:.92rem;font-weight:700;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),black 10%));border:none;padding:.58rem 1.38rem;border-radius:999px;cursor:pointer;box-shadow:0 6px 20px var(--accent-glow),inset 0 1.5px #ffffff47;transition:all var(--transition);letter-spacing:.01em}.rv-see-all-button:hover,.rv-see-all-button:focus{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 32px var(--accent-glow),inset 0 1.5px #ffffff47;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),black 6%),var(--accent))}.rv-shops-list{display:flex;flex-direction:column;gap:1.3rem}.rv-shop-card-wrapper{width:100%}.rv-shop-card{width:100%;background:var(--bg-card);border-radius:var(--radius-sm);padding:1.4rem 1.5rem;border:1px solid var(--border-section);box-shadow:var(--shadow-card);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rv-shop-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--accent);background:linear-gradient(145deg,var(--bg-card),rgba(255,255,255,.94))}.dark .rv-shop-card:hover{background:linear-gradient(145deg,var(--bg-card),rgba(30,41,59,.94))}.rv-shop-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,var(--accent) 40%,transparent);opacity:.6}.rv-image-container{flex-shrink:0;margin-right:1.3rem}.rv-shop-image,.rv-shop-image-placeholder{width:80px;height:80px;border-radius:18px;object-fit:cover;box-shadow:0 6px 18px #00000024;transition:transform .42s cubic-bezier(.34,1.56,.64,1)}.rv-shop-card:hover .rv-shop-image,.rv-shop-card:hover .rv-shop-image-placeholder{transform:scale(1.1)}.rv-shop-image-placeholder{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:900;color:#cbd5e1}.dark .rv-shop-image-placeholder{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0}.rv-shop-info{flex:1;min-width:0}.rv-shop-name{font-size:1.08rem;font-weight:800;color:var(--text-primary);margin:0 0 .4rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rv-visited-at{font-size:.9rem;font-weight:500;color:var(--text-muted);margin:0}.rv-show-more-wrapper{margin-top:1.8rem;text-align:center}.rv-show-more-button{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),black 10%));color:#fff;font-size:.94rem;font-weight:700;padding:.88rem 2.2rem;border:none;border-radius:999px;cursor:pointer;box-shadow:0 6px 20px var(--accent-glow),inset 0 1.5px #ffffff47;transition:all var(--transition)}.rv-show-more-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 36px var(--accent-glow),inset 0 1.5px #ffffff47;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),black 6%),var(--accent))}@media(max-width:480px){.rv-recently-visited-section{margin:1.4rem auto;padding:1.8rem 1.3rem;border-radius:20px}.rv-image-container{margin-right:1.1rem}.rv-shop-image,.rv-shop-image-placeholder{width:72px;height:72px}.rv-shop-name{font-size:1.02rem}.rv-section-title{font-size:1.75rem}.rv-see-all-button,.rv-show-more-button{font-size:.9rem;padding:.54rem 1.24rem}}:root{--bg-section: rgba(255, 255, 255, .76);--border-section: rgba(226, 232, 240, .5);--shadow-section: 0 22px 64px -18px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.65);--bg-card: rgba(255, 255, 255, .8);--shadow-card: 0 12px 36px rgba(0,0,0,.12);--shadow-hover: 0 28px 64px rgba(0,0,0,.24), 0 0 0 1.5px rgba(59,130,246,.2);--text-title: #0f172a;--text-name: #1e293b;--text-muted: #64748b;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .32);--glow-soft: 0 0 24px rgba(59, 130, 246, .18);--radius: 24px;--radius-sm: 18px;--transition: .42s cubic-bezier(.16, 1, .3, 1)}.dark{--bg-section: rgba(15, 23, 42, .8);--border-section: rgba(51, 65, 85, .52);--shadow-section: 0 26px 72px -22px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.07);--bg-card: rgba(30, 41, 59, .86);--shadow-card: 0 14px 40px rgba(0,0,0,.58);--shadow-hover: 0 32px 72px rgba(0,0,0,.8), 0 0 0 2px rgba(96,165,250,.38);--text-title: #e2e8f0;--text-name: #cbd5e1;--text-muted: #94a3b8;--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .45);--glow-soft: 0 0 28px rgba(96, 165, 250, .28)}.fs-followed-shops-container{width:100%;max-width:960px;margin:1.8rem auto;padding:2rem 1.8rem;background:var(--bg-section);border-radius:var(--radius);border:1px solid var(--border-section);-webkit-backdrop-filter:blur(32px) saturate(180%);backdrop-filter:blur(32px) saturate(180%);box-shadow:var(--shadow-section);position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.fs-followed-shops-container:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#c084fc,var(--accent),#34d399,#fbbf24);background-size:200% 100%;animation:liquidFlow 12s linear infinite;opacity:.7;filter:blur(3px);border-radius:var(--radius) var(--radius) 0 0}@keyframes liquidFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.fs-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem;gap:1.5rem}.fs-section-title{font-size:2rem;font-weight:900;background:linear-gradient(90deg,var(--text-title),var(--accent) 110%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.035em;text-shadow:0 1.5px 6px rgba(0,0,0,.12)}.dark .fs-section-title{text-shadow:0 2px 8px rgba(0,0,0,.6)}.fs-see-all-button{color:#fff;font-size:.92rem;font-weight:700;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),black 12%));border:none;padding:.58rem 1.32rem;border-radius:999px;cursor:pointer;box-shadow:0 6px 20px var(--accent-glow),inset 0 1.5px #ffffff4d;transition:all var(--transition);letter-spacing:.01em}.fs-see-all-button:hover,.fs-see-all-button:focus{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 32px var(--accent-glow),inset 0 1.5px #ffffff4d;background:linear-gradient(135deg,color-mix(in srgb,var(--accent),black 8%),var(--accent))}.fs-shops-horizontal-list{display:flex;gap:1.8rem;overflow-x:auto;padding-bottom:1.2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}.fs-shops-horizontal-list::-webkit-scrollbar{display:none}.fs-shop-card-wrapper{flex:0 0 168px;scroll-snap-align:start}.fs-shop-card{width:100%;background:var(--bg-card);border-radius:var(--radius-sm);padding:1.6rem 1.1rem 1.4rem;border:1px solid var(--border-section);box-shadow:var(--shadow-card);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;min-height:192px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-shop-card:hover{transform:translateY(-14px) scale(1.05);box-shadow:var(--shadow-hover);background:linear-gradient(145deg,var(--bg-card),rgba(255,255,255,.94))}.dark .fs-shop-card:hover{background:linear-gradient(145deg,var(--bg-card),rgba(30,41,59,.94))}.fs-image-container{position:relative;margin-bottom:1.3rem;width:100px;height:100px}.fs-shop-image,.fs-shop-image-placeholder{width:100%;height:100%;border-radius:22px;object-fit:cover;box-shadow:0 8px 24px #00000029;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.fs-shop-card:hover .fs-shop-image,.fs-shop-card:hover .fs-shop-image-placeholder{transform:scale(1.14) rotate(3deg)}.fs-shop-image-placeholder{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:900;color:#cbd5e1}.dark .fs-shop-image-placeholder{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0}.fs-follow-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #10b98180,inset 0 1.5px #ffffff73}.fs-follow-badge svg{width:18px;height:18px}.fs-shop-name{font-size:.98rem;font-weight:800;color:var(--text-name);text-align:center;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fs-empty-container{padding:5.5rem 2.2rem;text-align:center;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-section);box-shadow:var(--shadow-card);animation:subtlePulse 5s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:.94}50%{opacity:1}}.fs-empty-icon{color:var(--accent);opacity:.85;margin-bottom:1.6rem;animation:heartBeat 3.2s infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.fs-empty-title{font-size:1.65rem;font-weight:900;color:var(--text-title);margin:0 0 .9rem}.fs-empty-subtitle{font-size:1.02rem;color:var(--text-muted);max-width:380px;margin:0 auto}@media(max-width:480px){.fs-followed-shops-container{margin:1.3rem auto;padding:1.8rem 1.3rem;border-radius:20px}.fs-shop-card-wrapper{flex:0 0 152px}.fs-image-container{width:88px;height:88px}.fs-shop-name{font-size:.92rem}.fs-section-title{font-size:1.8rem}.fs-see-all-button{font-size:.88rem;padding:.54rem 1.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}:root{--bg-primary: #ffffff;--bg-gradient-start: #E3F2FD;--bg-gradient-end: #BBDEFB;--bg-header: #F7FAFC;--bg-loading-error: #F7FAFC;--bg-modal: #ffffff;--text-primary: #111827;--text-secondary: #6B7280;--text-light: #1F2937;--border-subtle: rgba(0, 0, 0, .08);--shadow-modal: rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .5);--progress-bg: #E5E7EB;--progress-fill: linear-gradient(90deg, #2563EB, #3B82F6);--accent: #2563EB;--accent-hover: #1D4ED8;--loader-border: #E5E7EB;--loader-accent: #2563EB}.dark{--bg-primary: #0f172a;--bg-gradient-start: #0f172a;--bg-gradient-end: #1e293b;--bg-header: #1e293b;--bg-loading-error: #0f172a;--bg-modal: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-light: #e2e8f0;--border-subtle: rgba(255, 255, 255, .08);--shadow-modal: rgba(0, 0, 0, .6);--overlay-bg: rgba(0, 0, 0, .65);--progress-bg: #334155;--progress-fill: linear-gradient(90deg, #60a5fa, #3b82f6);--accent: #60a5fa;--accent-hover: #3b82f6;--loader-border: #475569;--loader-accent: #60a5fa}.shop-homepage{min-height:100vh;background:var(--bg-gradient-end);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary)}.header-container{position:sticky;top:0;z-index:100;background:var(--bg-header);border-bottom:1px solid var(--border-subtle)}.main-container{padding:10px 0;max-width:1500px;margin:0 auto}.scroll-container{display:flex;flex-direction:column;gap:20px;padding:0 20px;overflow-y:auto;max-height:calc(100vh - 120px)}.section-item{width:100%}.footer-container{align-items:center;padding:40px 0}.ad-container{width:100%;max-width:320px;align-items:center}.loading-screen{position:fixed;inset:0;background:var(--bg-page, #f8fafc);display:flex;align-items:center;justify-content:center;z-index:9999}.dark .loading-screen{background:var(--bg-dark, #0f172a)}.loading-spinner-modern{text-align:center;position:relative}.spinner-ring{position:relative;width:80px;height:80px;margin:0 auto 24px}.spinner-ring-segment{position:absolute;inset:0;border:4px solid transparent;border-top-color:var(--accent-primary, #3b82f6);border-radius:50%;animation:spin-segment 1.4s cubic-bezier(.65,0,.55,1) infinite}.spinner-ring-segment:nth-child(2){animation-delay:-.35s;opacity:.7}.spinner-ring-segment:nth-child(3){animation-delay:-.7s;opacity:.4}.spinner-ring-segment:nth-child(4){animation-delay:-1.05s;opacity:.2}@keyframes spin-segment{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-logo{color:var(--accent-primary, #3b82f6);margin-bottom:16px}.loading-message{font-size:1.18rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.loading-subtext{font-size:.9rem;color:var(--text-secondary);margin:0}.error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-loading-error);padding:20px}.error-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px}.error-text{font-size:16px;color:var(--text-light);line-height:1.5}.reload-button{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:12px 20px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.reload-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{width:min(90vw,400px);background:var(--bg-modal);border-radius:16px;padding:24px;text-align:center;box-shadow:0 20px 60px var(--shadow-modal);color:var(--text-light)}.modal-title{font-size:20px;font-weight:700;color:var(--text-light);margin-bottom:10px}.modal-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.4}.progress-bar-container{width:100%;height:10px;background:var(--progress-bg);border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-bar{height:100%;background:var(--progress-fill);border-radius:5px;transition:width .3s ease}.progress-text{font-size:16px;font-weight:600;color:var(--text-light);margin-bottom:20px}.modal-loader{width:40px;height:40px;border:4px solid var(--loader-border);border-top:4px solid var(--loader-accent);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.scroll-container{padding:0 16px;gap:16px}.main-container{padding:5px 0}}@media(max-width:480px){.modal-container{width:95vw;margin:20px}}:root{--bg-page: linear-gradient(145deg, #f8fafc 0%, #eef2f6 100%);--card-bg: rgba(255, 255, 255, .88);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: rgba(226, 232, 240, .65);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .28);--success: #10b981;--danger: #ef4444;--shadow-card: 0 10px 32px -10px rgba(0,0,0,.12);--shadow-hover: 0 20px 48px -12px rgba(0,0,0,.18);--shadow-neu-light: 8px 8px 16px rgba(0,0,0,.06), -8px -8px 16px rgba(255,255,255,.8);--shadow-neu-dark: inset 6px 6px 12px rgba(0,0,0,.35), inset -6px -6px 12px rgba(255,255,255,.1);--radius-lg: 20px;--radius-md: 16px;--transition: .32s cubic-bezier(.22, .61, .36, 1)}.dark{--bg-page: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);--card-bg: rgba(15, 23, 42, .82);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(51, 65, 85, .68);--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .38);--shadow-card: 0 12px 36px -12px rgba(0,0,0,.55);--shadow-hover: 0 20px 48px -12px rgba(0,0,0,.65);--shadow-neu-light: 8px 8px 16px #0a101f, -8px -8px 16px #14233d;--shadow-neu-dark: inset 6px 6px 12px rgba(0,0,0,.5), inset -6px -6px 12px rgba(255,255,255,.08)}html.dark .myshp-page,.dark .myshp-page{--bg-page: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);--card-bg: rgba(15, 23, 42, .82);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(51, 65, 85, .68);--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .38);--shadow-card: 0 12px 36px -12px rgba(0,0,0,.55);--shadow-hover: 0 20px 48px -12px rgba(0,0,0,.65)}.myshp-page{min-height:100vh;background:var(--bg-page);padding:1.5rem 1rem;font-family:Inter,system-ui,sans-serif;color:var(--text-primary)}.myshp-content{width:100%;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:2.2rem}.myshp-loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;color:var(--text-secondary)}.myshp-spinner{width:56px;height:56px;border:6px solid var(--accent-glow);border-top:6px solid var(--accent);border-radius:50%;animation:spin 1.1s cubic-bezier(.55,.03,.68,.98) infinite}.myshp-error{background:#ef44441f;color:var(--danger);padding:1.4rem;border-radius:var(--radius-lg);text-align:center;border:1px solid rgba(239,68,68,.3);box-shadow:0 6px 20px #ef44441f}.dark .myshp-error{background:#f871712e;color:#f87171;border-color:#f8717159;box-shadow:0 6px 20px #f8717133}.myshp-reload-btn{margin-top:1.2rem;padding:.9rem 1.8rem;background:var(--accent);color:#fff;border:none;border-radius:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.7rem;box-shadow:0 6px 18px var(--accent-glow);transition:all var(--transition)}.myshp-reload-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--accent-glow)}.myshp-create-space-btn{width:100%;max-width:420px;margin:2rem auto;padding:1.3rem 2rem;background:linear-gradient(135deg,var(--success),#34d399);color:#fff;font-size:1.12rem;font-weight:600;border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.9rem;box-shadow:0 10px 28px #10b98159;transition:all var(--transition)}.myshp-create-space-btn:hover{transform:translateY(-4px);box-shadow:0 18px 44px #10b98180}.myshp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.8rem}.myshp-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.8rem;border:1px solid var(--border);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--shadow-card),var(--shadow-neu-light);transition:all var(--transition);position:relative;overflow:hidden}.myshp-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover),0 0 0 2px var(--accent)}.dark .myshp-card{box-shadow:var(--shadow-card),var(--shadow-neu-dark)}.dark .myshp-card:hover{border-color:var(--accent)}.myshp-shop-name{font-size:1.45rem;font-weight:700;color:var(--text-primary);margin:0 0 .9rem;letter-spacing:-.02em}.myshp-shop-info{font-size:1rem;color:var(--text-secondary);margin-bottom:1.8rem}.myshp-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.myshp-action-btn{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.1rem .9rem;background:color-mix(in srgb,var(--accent) 5%,var(--card-bg));border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:inset 0 1px 3px #0000000a}.dark .myshp-action-btn{background:color-mix(in srgb,var(--accent) 8%,var(--card-bg));box-shadow:inset 0 1px 3px #00000059}.myshp-action-btn:hover{background:var(--accent-glow);transform:translateY(-3px);border-color:var(--accent)}.myshp-admin{color:var(--accent)}.myshp-services{color:#f59e0b}.myshp-stories{color:#8b5cf6}.myshp-sales{color:var(--success)}.myshp-details{color:#06b6d4}.myshp-quit{color:var(--danger)}@media(max-width:768px){.myshp-grid{grid-template-columns:1fr}.myshp-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.myshp-page{padding:1rem .8rem}.myshp-card{padding:1.5rem}.myshp-action-btn{padding:1rem .8rem;font-size:.86rem}}@media(prefers-reduced-motion:reduce){.myshp-card,.myshp-action-btn,.myshp-create-space-btn,.myshp-reload-btn{transition:none;transform:none!important}}:root{--bg-primary: linear-gradient(145deg, #f8fafc 0%, #eef2f6 100%);--bg-header: rgba(255,255,255,.92);--bg-card: rgba(255,255,255,.78);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-start: #3b82f6;--accent-end: #6366f1;--accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--accent-solid: #4f46e5;--accent-hover: #4338ca;--accent-glow: rgba(79,70,229,.22);--border: rgba(226,232,240,.6);--shadow-neu-light: 8px 8px 16px #d1d9e6, -8px -8px 16px #ffffff;--shadow-neu-dark: inset 4px 4px 8px rgba(0,0,0,.35), inset -4px -4px 8px rgba(255,255,255,.08);--shadow-md: 0 10px 30px -8px rgba(0,0,0,.12);--radius-lg: 22px;--radius-xl: 28px;--transition: .4s cubic-bezier(.22, .61, .36, 1)}.dark{--bg-primary: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);--bg-header: rgba(15,23,42,.88);--bg-card: rgba(15,23,42,.72);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-start: #818cf8;--accent-end: #a78bfa;--accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--accent-solid: #8b5cf6;--accent-hover: #7c3aed;--accent-glow: rgba(139,92,246,.28);--border: rgba(51,65,85,.7);--shadow-neu-light: 6px 6px 12px #0a101f, -6px -6px 12px #14233d;--shadow-neu-dark: inset 4px 4px 10px rgba(0,0,0,.5), inset -4px -4px 10px rgba(255,255,255,.05);--shadow-md: 0 12px 40px -10px rgba(0,0,0,.5)}.auth-screen{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.auth-header{position:sticky;top:0;z-index:100;height:64px;background:var(--bg-header);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md)}.header-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1;text-align:center;transition:color .3s ease,text-shadow .4s ease}.header-title{text-shadow:0 1px 2px rgba(0,0,0,.08)}.dark .header-title{text-shadow:0 1px 3px rgba(0,0,0,.4)}.header-title{background:linear-gradient(90deg,var(--text-primary),var(--text-primary) 60%,var(--accent-solid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.dark .header-title{background:linear-gradient(90deg,var(--text-primary),var(--text-primary) 70%,var(--accent-start) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-inner{height:100%;max-width:460px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.back-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.35rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:all var(--transition);box-shadow:var(--shadow-neu-light)}.dark .back-btn{box-shadow:var(--shadow-neu-dark)}.back-btn:hover,.back-btn:focus-visible{color:var(--accent-solid);background:var(--accent-glow);transform:scale(1.08);box-shadow:var(--shadow-neu-dark)}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:2.75rem 2.25rem;width:100%;max-width:460px;border:1px solid var(--border);box-shadow:var(--shadow-md),var(--shadow-neu-light);-webkit-backdrop-filter:blur(36px) saturate(160%);backdrop-filter:blur(36px) saturate(160%);transition:all var(--transition);position:relative;overflow:hidden}.dark .auth-card{box-shadow:var(--shadow-md),var(--shadow-neu-dark)}.auth-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px -12px #0000002e}.card-icon{width:64px;height:64px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:50%;display:grid;place-items:center;margin:0 auto 1.75rem;font-size:1.8rem;color:var(--accent-solid);box-shadow:inset 0 2px 8px #00000014,0 4px 12px var(--accent-glow);animation:gentle-float 4s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.card-title{font-size:1.85rem;font-weight:700;text-align:center;margin:0 0 .8rem;letter-spacing:-.03em}.card-subtitle{font-size:.98rem;color:var(--text-secondary);text-align:center;line-height:1.55;margin:0 0 2.5rem}.error-message{background:#ef44441f;color:#ef4444;padding:1rem 1.4rem;border-radius:var(--radius-lg);margin-bottom:2rem;font-size:.95rem;text-align:center;border:1px solid rgba(239,68,68,.3);animation:shake .6s ease}.dark .error-message{background:#f871712e;color:#f87171;border-color:#f871714d}.input-wrapper{position:relative;margin-bottom:2rem}.email-input{width:100%;padding:1.6rem 1.6rem .8rem;background:#fff6;border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:1.06rem;color:var(--text-primary);transition:all var(--transition)}.dark .email-input{background:#1e293b66}.email-input:focus{border-color:var(--accent-solid);box-shadow:0 0 0 5px var(--accent-glow);background:#fff9}.dark .email-input:focus{background:#1e293b99}.input-label{position:absolute;left:1.6rem;top:1.1rem;font-size:1.06rem;color:var(--text-muted);pointer-events:none;transition:all .28s ease;transform-origin:left}.email-input:focus~.input-label,.email-input:not(:placeholder-shown)~.input-label,.input-wrapper.filled .input-label{top:.6rem;font-size:.82rem;color:var(--accent-solid);transform:scale(.9)}.input-focus-line{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .45s cubic-bezier(.4,0,.2,1)}.input-wrapper.focused .input-focus-line{transform:scaleX(1)}.submit-button{width:100%;height:58px;background:var(--accent);color:#fff;font-size:1.05rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 24px var(--accent-glow),var(--shadow-neu-light);transition:all var(--transition)}.dark .submit-button{box-shadow:0 8px 24px var(--accent-glow),var(--shadow-neu-dark)}.submit-button:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 16px 40px var(--accent-glow)}.submit-button.disabled{background:#9ca3af;opacity:.8;cursor:not-allowed;box-shadow:none}.submit-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .7s}.submit-button:hover:before{transform:translate(100%)}.already-have-link{width:100%;background:none;border:none;padding:1.2rem 0 0;font-size:1rem;font-weight:500;color:var(--text-secondary);text-align:center;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;display:flex;justify-content:center;align-items:center;gap:.35rem;white-space:nowrap}.already-have-link .highlight{color:var(--accent-solid);font-weight:600;transition:all .3s ease}.already-have-link:hover .highlight{color:var(--accent-hover);text-decoration:underline}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}@media(max-width:480px){.auth-card{padding:2.25rem 1.75rem;border-radius:20px}}:root{--bg: linear-gradient(145deg, #f8fafc 0%, #eef2f6 100%);--card-bg: rgba(255, 255, 255, .78);--text: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-start: #3b82f6;--accent-end: #7c3aed;--accent: linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-solid: #4f46e5;--accent-hover: #4338ca;--glow: rgba(59, 130, 246, .28);--border: rgba(226, 232, 240, .55);--shadow-card: 0 12px 38px -10px rgba(0,0,0,.14);--shadow-neu-light: 6px 6px 14px rgba(0,0,0,.08), -6px -6px 14px rgba(255,255,255,.65);--shadow-neu-dark: inset 4px 4px 10px rgba(0,0,0,.4), inset -4px -4px 10px rgba(255,255,255,.08);--error-bg: rgba(239,68,68,.14);--error-text: #ef4444;--error-border: rgba(239,68,68,.28);--radius: 20px;--transition: .34s cubic-bezier(.22, .61, .36, 1)}.dark{--bg: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);--card-bg: rgba(15, 23, 42, .72);--text: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-start: #60a5fa;--accent-end: #a78bfa;--accent: linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-solid: #8b5cf6;--accent-hover: #7c3aed;--glow: rgba(96, 165, 250, .38);--border: rgba(51, 65, 85, .65);--shadow-card: 0 14px 44px -12px rgba(0,0,0,.55);--shadow-neu-light: 6px 6px 14px #0a101f, -6px -6px 14px #14233d;--shadow-neu-dark: inset 4px 4px 10px rgba(0,0,0,.5), inset -4px -4px 10px rgba(255,255,255,.05);--error-bg: rgba(248,113,113,.2);--error-text: #f87171;--error-border: rgba(248,113,113,.35)}.verify-screen{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem;color:var(--text);font-family:Inter,system-ui,sans-serif}.verify-card{width:100%;max-width:460px;background:var(--card-bg);border-radius:var(--radius);padding:2.6rem 2rem;border:1px solid var(--border);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);box-shadow:var(--shadow-card),var(--shadow-neu-light);transition:transform var(--transition),box-shadow var(--transition)}.dark .verify-card{box-shadow:var(--shadow-card),var(--shadow-neu-dark)}.verify-card:hover{transform:translateY(-4px)}.verify-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.2rem}.verify-back-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.4rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:all var(--transition);box-shadow:var(--shadow-neu-light)}.dark .verify-back-btn{box-shadow:var(--shadow-neu-dark)}.verify-back-btn:hover,.verify-back-btn:focus-visible{color:var(--accent-solid);background:var(--glow);transform:scale(1.08);box-shadow:var(--shadow-neu-dark)}.verify-header-title{font-size:1.45rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.verify-spacer{width:48px}.verify-content{display:flex;flex-direction:column;gap:1.8rem}.verify-title{font-size:1.85rem;font-weight:700;text-align:center;letter-spacing:-.025em;color:var(--text)}.verify-subtitle{font-size:1rem;color:var(--text-secondary);text-align:center;line-height:1.5}.verify-email{color:var(--accent-solid);font-weight:600}.verify-error{background:var(--error-bg);color:var(--error-text);padding:1rem 1.3rem;border-radius:12px;font-size:.94rem;text-align:center;border:1px solid var(--error-border)}.verify-input-group{position:relative;margin-bottom:1.8rem}.verify-input{width:100%;padding:1.4rem 1.3rem .7rem;background:#ffffff59;border:1.5px solid var(--border);border-radius:14px;font-size:1.45rem;font-weight:600;letter-spacing:.8rem;text-align:center;color:var(--text);transition:all var(--transition)}.dark .verify-input{background:#1e293b61}.verify-input:focus{border-color:var(--accent-start);box-shadow:0 0 0 4px var(--glow);background:#ffffff8c;outline:none}.dark .verify-input:focus{background:#1e293b94}.verify-label{position:absolute;left:1.3rem;top:1.1rem;font-size:1.05rem;color:var(--text-muted);pointer-events:none;transition:all .3s ease;transform-origin:left}.verify-input:focus~.verify-label,.verify-input:not(:placeholder-shown)~.verify-label,.verify-input-group.filled .verify-label{top:.6rem;font-size:.84rem;color:var(--accent-start);transform:scale(.92)}.verify-submit{width:100%;height:56px;background:var(--accent);color:#fff;font-size:1.05rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px var(--glow),var(--shadow-neu-light);transition:all var(--transition)}.dark .verify-submit{box-shadow:0 10px 28px var(--glow),var(--shadow-neu-dark)}.verify-submit:hover:not(.loading){transform:translateY(-3px);box-shadow:0 16px 44px var(--glow)}.verify-submit.loading{opacity:.9;cursor:wait}.verify-spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.verify-resend{width:100%;padding:1.2rem;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;box-shadow:0 6px 18px #10b9814d;transition:all var(--transition)}.verify-resend:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 12px 32px #10b98173}.verify-resend.disabled{opacity:.75;cursor:not-allowed;background:#9ca3af;box-shadow:none}@media(max-width:480px){.verify-card{padding:2rem 1.6rem;margin:1rem;border-radius:16px}}:root{--bg-page: linear-gradient(145deg, #f9fafb 0%, #f1f5f9 100%);--card-bg: rgba(255, 255, 255, .92);--field-bg: rgba(255, 255, 255, .7);--text-primary: #0f172a;--text-secondary: #475569;--accent: #2563eb;--accent-glow: rgba(37, 99, 235, .22);--border-base: rgba(226, 232, 240, .9);--border-dark: rgba(148, 163, 184, .55);--radius-lg: 16px;--radius-md: 12px;--shadow-soft: 0 6px 20px -4px rgba(0,0,0,.08);--shadow-hover: 0 12px 32px -8px rgba(37,99,235,.18);--transition: .28s cubic-bezier(.26, .53, .44, .98)}.dark{--bg-page: linear-gradient(145deg, #0f172a 0%, #0f172a 50%, #1e293b 100%);--card-bg: rgba(15, 23, 42, .88);--field-bg: rgba(30, 41, 59, .7);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .28);--border-base: rgba(148, 163, 184, .48);--border-dark: rgba(203, 213, 225, .38);--shadow-soft: 0 8px 24px -6px rgba(0,0,0,.45);--shadow-hover: 0 14px 36px -10px rgba(96,165,250,.22)}.create-shop-screen{min-height:100vh;background:var(--bg-page);padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);line-height:1.5}.header-container{position:sticky;top:0;z-index:50;background:var(--card-bg);border-bottom:1px solid var(--border-base);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-inner{max-width:1024px;margin:0 auto;padding:1.125rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.back-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.125rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.back-btn:hover{color:var(--accent);background:var(--accent-glow)}.header-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);margin:0}.form-main{max-width:1024px;margin:2.5rem auto 4rem;padding:0 1.5rem;display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.875rem;border:1px solid var(--border-base);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);transition:box-shadow .4s ease,transform .28s ease}.form-section:hover{box-shadow:var(--shadow-hover)}.input-group{position:relative;width:100%}.form-input,.textarea{width:100%;padding:1.5rem 1.25rem .625rem;background:var(--field-bg);border:1.5px solid var(--border-base);border-radius:var(--radius-md);font-size:1.05rem;color:var(--text-primary);transition:all var(--transition)}.dark .form-input,.dark .textarea{border-color:var(--border-dark)}.form-input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-glow);background:color-mix(in srgb,var(--field-bg) 60%,white 40%);outline:none}.floating-label{position:absolute;left:1.25rem;top:1.125rem;font-size:1.05rem;color:var(--text-secondary);pointer-events:none;transition:all .28s ease;transform-origin:left}.input-group.filled .floating-label,.form-input:focus~.floating-label,.textarea:focus~.floating-label{top:.5rem;font-size:.82rem;color:var(--accent);font-weight:500}.dropdown-trigger{width:100%;padding:1.5rem 1.25rem .625rem;background:var(--field-bg);border:1.5px solid var(--border-base);border-radius:var(--radius-md);font-size:1.05rem;color:var(--text-primary);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition)}.dark .dropdown-trigger{border-color:var(--border-dark)}.dropdown-trigger:hover,.dropdown-trigger:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-glow)}.dropdown-icon{width:18px;height:18px;fill:var(--text-secondary);transition:fill var(--transition),transform var(--transition)}.dropdown-trigger:hover .dropdown-icon,.dropdown-trigger:focus .dropdown-icon{fill:var(--accent);transform:translateY(1px)}.premium-select .react-select__control{border-radius:var(--radius-md);border:1.5px solid var(--border-base);background:var(--field-bg);min-height:54px;box-shadow:none;transition:all var(--transition)}.dark .premium-select .react-select__control{border-color:var(--border-dark)}.premium-select .react-select__control--is-focused{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-glow);background:color-mix(in srgb,var(--field-bg) 60%,white 40%)}.premium-select .react-select__placeholder{color:var(--text-secondary)}.submit-btn{width:100%;height:58px;background:linear-gradient(135deg,var(--accent) 0%,#1d4ed8 100%);color:#fff;font-size:1.08rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 8px 24px var(--accent-glow);position:relative;overflow:hidden;transition:all var(--transition)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px var(--accent-glow)}.submit-btn:before{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .8s}.submit-btn:hover:before{left:120%}.detect-btn{width:100%;padding:1.1rem;background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius-md);font-size:1.04rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.detect-btn:hover:not(:disabled){background:var(--accent-glow);color:#fff;border-color:transparent}.detect-btn.loading{opacity:.7;cursor:wait}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal-container{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-soft);width:100%;max-width:540px;max-height:88vh;overflow-y:auto;animation:modalEnter .38s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.error-text{color:#dc2626;font-size:.92rem;margin-top:.6rem;font-weight:500}.helper-text{font-size:.92rem;color:var(--text-secondary);text-align:center;margin-top:1.125rem;line-height:1.45}.geo-readonly{padding:.9rem 1.125rem;background:var(--field-bg);border:1px solid var(--border-base);border-radius:var(--radius-md);font-family:ui-monospace,monospace;color:var(--text-primary);font-size:.96rem}.dark .geo-readonly{border-color:var(--border-dark)}@media(max-width:640px){.form-section{padding:1.5rem}.header-inner{padding:1rem}.form-main{margin:1.75rem auto 3rem;padding:0 1rem}}:root{--card-bg: rgba(255, 255, 255, .94);--accent: #2563eb;--accent-glow: rgba(37, 99, 235, .18);--accent-soft: #3b82f6;--border-base: rgba(226, 232, 240, .92);--text-primary: #0f172a;--text-secondary: #475569;--radius-md: 12px;--radius-lg: 16px;--shadow-hover: 0 14px 40px -10px rgba(37,99,235,.2);--blur-lg: blur(24px);--transition: .3s cubic-bezier(.23, 1, .32, 1)}.dark{--card-bg: rgba(15, 23, 42, .9);--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .26);--accent-soft: #93c5fd;--border-base: rgba(148, 163, 184, .55);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--shadow-hover: 0 16px 44px -12px rgba(96,165,250,.24)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal-container{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-base);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--shadow-hover);width:100%;max-width:560px;max-height:88vh;overflow-y:auto;animation:modalEnter .4s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-search{width:100%;padding:1.1rem 1.4rem;background:#ffffff26;border:1.5px solid var(--border-base);border-radius:var(--radius-md);font-size:1.05rem;color:var(--text-primary);margin:1.2rem 0;transition:all var(--transition)}.dark .modal-search{background:#1e293b80;border-color:#94a3b8a6}.modal-search:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);outline:none}.category-scroll{padding:.6rem 1.6rem 1.8rem}.category-option{width:100%;padding:1.15rem 1.4rem;background:transparent;border:none;text-align:left;font-size:1.05rem;color:var(--text-primary);cursor:pointer;border-radius:10px;transition:all .22s ease;display:flex;align-items:center;gap:.8rem}.category-option:hover{background:var(--accent-glow);color:var(--accent);transform:translate(4px);box-shadow:0 4px 16px #0000000f}.dark .category-option:hover{background:#60a5fa2e;color:var(--accent-soft)}.category-option:active{transform:scale(.98);opacity:.92}.no-results{text-align:center;color:var(--text-secondary);font-size:1rem;padding:3rem 1rem;font-style:italic}.premium-select .react-select__menu{background:var(--card-bg);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-base);border-radius:var(--radius-md);box-shadow:var(--shadow-hover);margin-top:8px;overflow:hidden}.premium-select .react-select__menu-list{padding:8px;max-height:360px;scrollbar-width:thin;scrollbar-color:var(--accent-glow) transparent}.premium-select .react-select__option{padding:12px 16px;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .18s ease}.premium-select .react-select__option--is-focused{background:var(--accent-glow)}.premium-select .react-select__option--is-selected{background:var(--accent);color:#fff;font-weight:500}.premium-select .react-select__multi-value{background:#2563eb1f;border-radius:999px;padding:3px 8px;margin:2px}.premium-select .react-select__multi-value__label{color:var(--accent);font-weight:500}.premium-select .react-select__multi-value__remove{color:var(--accent);cursor:pointer}.premium-select .react-select__multi-value__remove:hover{background:#2563eb40;color:#fff}:root{--bg-primary: #f8f9fa;--card-bg: #ffffff;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--border-light: #e5e7eb;--blue-primary: #3a7bd5;--blue-light: #60a5fa;--green-success: #10b981;--green-dark: #059669;--red-closed: #ef4444;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-hover: 0 10px 30px rgba(0,0,0,.14);--radius-lg: 20px;--radius-md: 16px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 28px;--content-max-width: 800px;--page-top-offset: 32px}html.dark .wrkhr-working-hours,.dark .wrkhr-working-hours{--bg-primary: #0f172a;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-light: #334155;--blue-primary: #60a5fa;--blue-light: #93c5fd;--green-success: #34d399;--shadow-sm: 0 2px 6px rgba(0,0,0,.35);--shadow-md: 0 6px 20px rgba(0,0,0,.38);--shadow-hover: 0 12px 35px rgba(0,0,0,.45)}.wrkhr-working-hours{background:var(--bg-primary);color:var(--text-primary);min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:100px}.wrkhr-content-container{max-width:var(--content-max-width);margin:0 auto;padding:var(--page-top-offset) var(--spacing-lg);padding-top:calc(var(--page-top-offset) + var(--spacing-lg))}.wrkhr-toggle-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:28px;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);border-left:6px solid var(--green-success);transition:transform .22s ease,box-shadow .22s ease}.wrkhr-toggle-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.wrkhr-toggle-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.wrkhr-toggle-content h2{font-size:22px;font-weight:700;margin:0 0 8px}.wrkhr-toggle-content p{font-size:15px;color:var(--text-muted);margin:0}.wrkhr-toggle-switch{position:relative;width:60px;height:34px;flex-shrink:0}.wrkhr-toggle-switch input{opacity:0;width:0;height:0}.wrkhr-toggle-slider{position:absolute;inset:0;background:#d1d5db;border-radius:999px;transition:background .25s ease;cursor:pointer}.wrkhr-toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;top:4px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 2px 6px #00000026}input:checked+.wrkhr-toggle-slider{background:var(--green-success)}input:checked+.wrkhr-toggle-slider:before{transform:translate(26px)}.wrkhr-toggle-switch.wrkhr-small{width:48px;height:26px}.wrkhr-toggle-switch.wrkhr-small .wrkhr-toggle-slider:before{height:20px;width:20px;left:3px;top:3px}.wrkhr-toggle-switch.wrkhr-small input:checked+.wrkhr-toggle-slider:before{transform:translate(22px)}.wrkhr-copy-monday-btn{width:100%;padding:16px 28px;background:#60a5fa14;border:2px dashed var(--blue-light);color:var(--blue-primary);border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;margin-bottom:var(--spacing-lg);text-align:center}.wrkhr-copy-monday-btn:hover{background:#60a5fa2e;border-style:solid;transform:translateY(-1px)}.wrkhr-schedule-grid{display:flex;flex-direction:column;gap:1px;margin-bottom:var(--spacing-lg);background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.wrkhr-schedule-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-light);transition:background .18s ease;cursor:pointer;min-height:58px}.wrkhr-schedule-row:hover{background:#60a5fa0f}.wrkhr-schedule-row:last-child{border-bottom:none}.wrkhr-schedule-row.wrkhr-closed{background:color-mix(in srgb,var(--red-closed) 6%,var(--card-bg));cursor:default}.wrkhr-schedule-row.wrkhr-closed:hover{background:color-mix(in srgb,var(--red-closed) 9%,var(--card-bg))}.wrkhr-day-name{font-weight:600;min-width:110px;color:var(--text-primary);font-size:16px}.wrkhr-hours-display{flex:1;text-align:center;color:var(--blue-primary);font-weight:500;font-size:15px;cursor:pointer;padding:6px 12px;border-radius:10px;transition:background .18s ease}.wrkhr-hours-display:hover{background:#3b82f61f}.wrkhr-hours-display.closed{color:var(--red-closed);font-style:italic;cursor:default}.wrkhr-hours-display.closed:hover{background:none}.wrkhr-save-hours-btn{display:block;width:100%;max-width:420px;margin:var(--spacing-lg) auto 0;padding:18px 32px;background:linear-gradient(135deg,var(--green-success),var(--green-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;box-shadow:var(--shadow-md);cursor:pointer;transition:all .25s ease}.wrkhr-save-hours-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-hover)}.wrkhr-save-hours-btn:disabled{opacity:.6;cursor:not-allowed}.wrkhr-success-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1000;padding:14px 32px;background:color-mix(in srgb,var(--green-success) 14%,transparent);color:var(--green-dark);border:1px solid var(--green-success);border-radius:16px;font-weight:600;box-shadow:var(--shadow-md);animation:fadeInScale .4s ease}.wrkhr-modal-overlay{position:fixed;inset:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wrkhr-modal-content{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px 28px;width:380px;max-width:92vw;max-height:90vh;box-shadow:var(--shadow-md);color:var(--text-primary)}.wrkhr-time-picker input[type=time]{width:100%;font-size:28px;padding:18px;letter-spacing:6px;text-align:center;border:2px solid var(--border-light);border-radius:14px;background:var(--card-bg);color:var(--text-primary);margin:24px 0}.wrkhr-modal-actions{display:flex;gap:16px;margin-top:28px}.wrkhr-btn-primary,.wrkhr-btn-secondary{flex:1;padding:14px 20px;border-radius:14px;font-weight:600;font-size:15px;cursor:pointer;transition:all .22s ease}.wrkhr-btn-primary{background:var(--green-success);color:#fff;border:none}.wrkhr-btn-secondary{background:transparent;color:var(--text-muted);border:2px solid var(--border-light)}.wrkhr-btn-primary:hover,.wrkhr-btn-secondary:hover{transform:translateY(-1px)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:480px){.wrkhr-content-container{padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--page-top-offset) + var(--spacing-md))}.wrkhr-day-name{min-width:90px;font-size:15px}.wrkhr-hours-display{font-size:14px}.wrkhr-schedule-row{padding:12px 16px}.wrkhr-modal-content{padding:28px 20px;width:90%}}.wrkhr-schedule-row{justify-content:space-between;padding:14px 20px}.wrkhr-time-range-display{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.wrkhr-time-part{color:var(--blue-primary);font-weight:500;padding:6px 10px;border-radius:10px;cursor:pointer;transition:background .18s ease;min-width:80px;text-align:center}.wrkhr-time-part:hover{background:#3b82f61f}.wrkhr-time-separator{color:var(--text-muted);font-weight:500;white-space:nowrap}.wrkhr-time-part:not(.set){color:var(--text-muted);font-style:italic}.wrkhr-schedule-row.wrkhr-closed .wrkhr-time-range-display{display:none}.pdtImgr-icon-button{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;cursor:pointer;transition:opacity .12s}.pdtImgr-icon-button:hover{opacity:.85}.pdtImgr-preview-wrapper{position:relative}.pdtImgr-tiny-preview{width:36px;height:36px;object-fit:cover;border-radius:6px;border:1px solid #ddd;background-color:#f0f0f0}.pdtImgr-tiny-overlay{position:absolute;bottom:-4px;right:-4px;background-color:#2563eb;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.pdtImgr-tiny-overlay svg{color:#fff}.pdtImgr-placeholder-icon{color:#9ca3af}.pdtImgr-hidden-input{display:none}.pdtImgr-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.pdtImgr-modal-container{width:92%;max-width:420px;background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 12px #00000040;position:relative;display:flex;flex-direction:column;align-items:center}.pdtImgr-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pdtImgr-modal-title{font-size:20px;font-weight:600;color:#222;margin:0}.pdtImgr-modal-close{background:none;border:none;padding:4px;cursor:pointer;color:#000;line-height:1}.pdtImgr-modal-close svg{display:block}.pdtImgr-preview-container{width:100%;height:260px;background-color:#f9f9f9;border-radius:12px;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center;position:relative}.pdtImgr-preview-image{width:100%;height:100%;object-fit:contain}.pdtImgr-placeholder{display:flex;flex-direction:column;align-items:center;color:#bbb}.pdtImgr-placeholder svg{margin-bottom:8px}.pdtImgr-placeholder-text{margin:0;font-size:16px;color:#999}.pdtImgr-button-row{width:100%;display:flex;gap:12px;margin-bottom:16px}.pdtImgr-action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 12px;border:none;border-radius:12px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .13s;box-shadow:0 2px 4px #0003}.pdtImgr-action-button:disabled{opacity:.6;cursor:not-allowed}.pdtImgr-camera-button{background-color:#4caf50}.pdtImgr-camera-button:hover:not(:disabled){background-color:#43a047}.pdtImgr-gallery-button{background-color:#2196f3}.pdtImgr-gallery-button:hover:not(:disabled){background-color:#1e88e5}.pdtImgr-action-button svg{flex-shrink:0}.pdtImgr-remove-button{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;background-color:#f44336;color:#fff;font-weight:600;font-size:15px;border:none;border-radius:12px;margin-bottom:12px;cursor:pointer;box-shadow:0 2px 4px #0003}.pdtImgr-remove-button:disabled{opacity:.6;cursor:not-allowed}.pdtImgr-remove-button:hover:not(:disabled){background-color:#e53935}.pdtImgr-done-button{width:100%;padding:14px;background-color:#6200ee;color:#fff;font-weight:600;font-size:16px;border:none;border-radius:12px;cursor:pointer;box-shadow:0 2px 6px #6200ee40;transition:all .13s}.pdtImgr-done-button:hover:not(.disabled){background-color:#5600d0}.pdtImgr-done-button.disabled,.pdtImgr-done-button:disabled{background-color:#aaa;cursor:not-allowed;box-shadow:none}.pdtImgr-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}:root{--bg-page: #F0F4F8;--bg-card: white;--bg-header: linear-gradient(135deg, #3A7BD5 0%, #2563EB 100%);--text-primary: #1C2526;--text-secondary: #6B7280;--text-light: #FFFFFF;--accent-blue: #2563EB;--accent-blue-dark: #1D4ED8;--accent-green: #10B981;--accent-green-dark: #059669;--accent-red: #EF4444;--accent-red-dark: #DC2626;--border-subtle: #E5E7EB;--border-input: #E5E7EB;--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--hover-bg-light: #EFF6FF;--hover-bg-medium: #F8FAFC;--focus-ring: rgba(59, 130, 246, .1);--table-header-bg: #E0F2FE}.dark{--bg-page: #0F172A;--bg-card: #1E293B;--bg-header: linear-gradient(135deg, #1E40AF 0%, #1E3A8A 100%);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-light: #FFFFFF;--accent-blue: #60A5FA;--accent-blue-dark: #3B82F6;--accent-green: #34D399;--accent-green-dark: #10B981;--accent-red: #F87171;--accent-red-dark: #EF4444;--border-subtle: #334155;--border-input: #475569;--shadow-card: 0 6px 24px rgba(0, 0, 0, .5);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .7);--hover-bg-light: rgba(96, 165, 250, .15);--hover-bg-medium: rgba(96, 165, 250, .08);--focus-ring: rgba(96, 165, 250, .25);--table-header-bg: #1E293B}.update-shop-products{min-height:100vh;background-color:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary)}.scroll-container{max-width:1000px;margin:0 auto;padding:20px 20px 100px}.shop-manager-content{display:flex;flex-direction:column;gap:24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:4px solid var(--border-subtle);border-top:4px solid var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:24px;height:24px}.loading-text{font-size:16px;color:var(--text-secondary);font-weight:500}.custom-product-container{background:var(--bg-card);border-radius:16px;padding:24px;box-shadow:var(--shadow-card)}.table-wrapper{margin-bottom:32px;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-card)}.custom-table-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:10px;border-bottom:3px solid var(--accent-blue);letter-spacing:-.01em}.product-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card)}.product-table thead th{background:var(--table-header-bg);color:var(--text-primary);padding:14px 12px;font-weight:600;font-size:14px;text-align:left;border-bottom:2px solid var(--border-subtle);position:sticky;top:0;z-index:10}.product-table tbody td{padding:16px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary)}.product-table tbody tr:last-child td{border-bottom:none}.product-table tbody tr:hover{background-color:var(--hover-bg-medium)}.editable-text{background:none;border:none;color:var(--text-primary);font-weight:500;font-size:15px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.editable-text:hover{background-color:var(--hover-bg-light);color:var(--accent-blue)}.custom-name-input{width:100%;padding:10px 12px;border:2px solid var(--border-input);border-radius:8px;font-size:15px;background:var(--bg-card);color:var(--text-primary);transition:border-color .2s ease}.custom-name-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring)}.category-display{padding:4px 0}.category-name{font-weight:600;color:var(--accent-blue);font-size:14px}.subcategory-name{font-size:12px;color:var(--text-secondary);margin-top:2px}.no-subcategory{font-size:11px;color:var(--text-secondary);font-style:italic}.checkbox-container{position:relative;display:inline-block;cursor:pointer;width:20px;height:20px}.checkbox-input{opacity:0;width:0;height:0;position:absolute}.checkbox-checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--bg-card);border:2px solid var(--border-subtle);border-radius:4px}.checkbox-input:checked+.checkbox-checkmark{background-color:var(--accent-green);border-color:var(--accent-green)}.checkbox-checkmark:after{content:"";position:absolute;display:none}.checkbox-input:checked+.checkbox-checkmark:after{display:block}.checkbox-checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid var(--text-light);border-width:0 2px 2px 0;transform:rotate(45deg)}.price-button{width:100%;padding:10px 12px;background:linear-gradient(135deg,var(--hover-bg-light) 0%,rgba(191,219,254,.6) 100%);border:2px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center}.price-button:hover{background:linear-gradient(135deg,#bfdbfe99,#bfdbfe66);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.remove-button{width:32px;height:32px;border-radius:50%;background-color:var(--accent-red);color:var(--text-light);border:none;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-button:hover{background-color:var(--accent-red-dark);transform:scale(1.05)}.custom-product-inputs{display:flex;flex-direction:column;gap:16px}.custom-card{display:flex;gap:12px;flex-wrap:wrap}.dropdown-box{flex:1;min-width:200px;padding:12px 16px;background:var(--bg-card);border:2px solid var(--border-input);border-radius:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.dropdown-box:hover:not(.disabled){border-color:var(--accent-blue);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.dropdown-box.disabled{opacity:.5;cursor:not-allowed}.dropdown-text{color:var(--text-primary)}.placeholder-text{color:var(--text-secondary)}.chevron-icon{font-size:20px;color:var(--text-secondary)}.add-button{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dark) 100%);color:var(--text-light);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:all .2s ease}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.suggestions-section{display:flex;flex-direction:column;gap:24px}.category-container{background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);cursor:pointer;border-bottom:1px solid var(--border-subtle)}.dark .category-header{background:linear-gradient(135deg,#1e293bcc,#0f172acc)}.up-category-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.category-toggle{width:32px;height:32px;border-radius:50%;background:var(--accent-blue);color:var(--text-light);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;transition:all .2s ease}.category-toggle:hover{background:var(--accent-blue-dark);transform:scale(1.05)}.subcategory-container{padding:24px;border-bottom:1px solid var(--border-subtle)}.subcategory-container:last-child{border-bottom:none}.up-subcategory-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--text-secondary)}.product-modal{max-height:400px}.product-list{max-height:300px;overflow-y:auto;margin:12px 0}.product-item{width:100%;display:flex;align-items:center;padding:12px 16px;border:none;background:var(--bg-card);cursor:pointer;border-radius:8px;margin-bottom:4px;transition:all .2s ease;font-size:14px;color:var(--text-primary)}.product-item:hover{background:var(--hover-bg-medium)}.product-item.selected{background:var(--hover-bg-light);border-left:4px solid var(--accent-blue)}.checkbox-icon{margin-right:12px;font-size:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:2px solid var(--border-subtle);background:var(--bg-card)}.checkbox-icon.checked{background:var(--accent-green);color:var(--text-light);border-color:var(--accent-green)}.product-name{color:var(--text-primary);flex:1}.done-button{width:100%;padding:12px;background:var(--bg-header);color:var(--text-light);border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:8px}.submit-button{width:100%;padding:16px;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dark) 100%);color:var(--text-light);border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #10b9814d;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.submit-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 25px #10b98166}.submit-button.disabled{opacity:.7;cursor:not-allowed;transform:none}.updp-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.updp-modal-content{background:var(--bg-card);border-radius:16px;padding:24px;max-width:90vw;max-height:90vh;box-shadow:var(--shadow-modal);animation:slideUp .3s ease;color:var(--text-primary)}.updp-modal-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.search-input{width:100%;padding:12px 16px;border:2px solid var(--border-input);border-radius:12px;font-size:16px;margin-bottom:16px;background:var(--bg-card);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring)}.dropdown-list{max-height:300px;overflow-y:auto;margin-bottom:16px}.dropdown-item{width:100%;padding:14px 16px;border:none;background:var(--bg-card);cursor:pointer;border-radius:8px;margin-bottom:8px;font-size:15px;font-weight:500;text-align:left;transition:all .2s ease;color:var(--text-primary)}.dropdown-item:hover{background:var(--hover-bg-medium)}.dropdown-item.selected{background:var(--hover-bg-light);border-left:4px solid var(--accent-blue)}.updp-modal-cancel-button{width:100%;padding:12px;background:transparent;color:var(--text-secondary);border:2px solid var(--border-input);border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.updp-modal-cancel-button:hover{background:var(--hover-bg-medium);border-color:var(--border-subtle)}.updp-modal-text{color:var(--text-secondary);font-size:15px;margin:8px 0 20px;line-height:1.5}.price-input.full-width{width:100%;padding:14px 16px;border:2px solid var(--border-input);border-radius:10px;font-size:16px;background:var(--bg-card);color:var(--text-primary);margin-bottom:24px}.price-input.full-width:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px var(--focus-ring)}.updp-modal-button-row{display:flex;gap:12px;margin-top:16px}.updp-modal-confirm-button,.updp-modal-cancel-button{flex:1;padding:14px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.updp-modal-confirm-button{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dark) 100%);color:var(--text-light);border:none}.updp-modal-confirm-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.updp-modal-cancel-button{background:transparent;border:2px solid var(--border-input);color:var(--text-secondary)}.updp-modal-cancel-button:hover{background:var(--hover-bg-medium);border-color:var(--accent-blue)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.scroll-container{padding:16px}.custom-card{flex-direction:column}.dropdown-box{min-width:unset}.product-table{font-size:14px}.product-table thead th,.product-table tbody td{padding:12px 8px}}@media(max-width:480px){.updp-modal-content{padding:20px;width:94vw}.updp-modal-button-row{flex-direction:column;gap:10px}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-gradient-start: #f7fafc;--bg-gradient-end: #e3f2fd;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--accent-blue: #3a7bd5;--accent-blue-light: #60a5fa;--accent-green: #2e7d32;--accent-green-light: #4caf50;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-hover: 0 10px 25px rgba(0,0,0,.12);--radius: 12px}html.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-gradient-start: #0f172a;--bg-gradient-end: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-blue: #60a5fa;--accent-blue-light: #93c5fd;--accent-green: #86efac;--accent-green-light: #4ade80;--border-color: #334155;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-hover: 0 10px 25px rgba(0,0,0,.6)}.sps-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));padding:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary)}.sps-search-container{position:relative;margin-bottom:16px;display:flex;align-items:center;background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:0 16px;height:48px}.sps-search-container svg{color:var(--text-muted);flex-shrink:0}.sps-search-input{flex:1;height:100%;border:none;background:transparent;font-size:16px;color:var(--text-primary);padding:0 12px}.sps-search-input::placeholder{color:var(--text-muted)}.sps-search-input:focus{outline:none}.sps-clear-search{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sps-clear-search:hover{background:#00000014;color:var(--text-primary)}.sps-update-button{width:100%;padding:14px 16px;margin-bottom:24px;background:linear-gradient(135deg,var(--accent-green),var(--accent-green-light));color:#fff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #4caf5040;transition:all .2s ease}.sps-update-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4caf5059}.sps-category-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:12px;cursor:pointer;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none}.sps-category-title-row{display:flex;align-items:center;gap:12px}.sps-category-title{font-size:20px;font-weight:700;margin:0;color:var(--text-primary)}.sps-item-count-badge{background:var(--accent-blue);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px;min-width:28px;text-align:center}.sps-chevron{color:var(--text-muted);transition:transform .25s ease}.sps-chevron.expanded{transform:rotate(180deg)}.sps-subcategory-title{font-size:17px;font-weight:600;color:var(--text-secondary);margin:20px 0 12px 16px;padding-bottom:8px;border-bottom:2px solid var(--border-color)}.sps-product-card{display:flex;background:var(--bg-secondary);border-radius:var(--radius);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:all .25s ease}.sps-product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.sps-primary-image-wrapper{width:88px;height:88px;flex-shrink:0;border-radius:calc(var(--radius) - 4px);overflow:hidden;margin-right:16px;background:#0000000a;position:relative;border:none;cursor:pointer}.sps-primary-image-container{width:100%;height:100%;position:relative}.sps-product-img{width:100%;height:100%;object-fit:cover}.sps-image-count-badge{position:absolute;bottom:6px;right:6px;background:#000000a6;color:#fff;font-size:11px;font-weight:600;padding:3px 7px;border-radius:12px}.sps-placeholder-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000000d;color:var(--text-muted)}.sps-placeholder-text{font-size:11px;margin-top:6px}.sps-text-column{flex:1;min-width:0}.sps-product-name{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text-primary);line-height:1.4}.sps-price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sps-availability{font-size:13px;font-weight:500;padding:4px 10px;border-radius:6px}.sps-availability.available{background:#dcfce7;color:#166534}.sps-availability.not-available{background:#fee2e2;color:#991b1b}.dark .sps-availability.available{background:#14532d;color:#86efac}.dark .sps-availability.not-available{background:#7f1d1d;color:#fca5a5}.sps-price-text{font-size:16px;font-weight:700;color:var(--accent-green)}.sps-list-content{display:flex;flex-direction:column;gap:4px}.sps-empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.sps-empty-state svg{opacity:.6;margin-bottom:16px}.sps-empty-state h3{font-size:20px;margin:0 0 8px;color:var(--text-primary)}.sps-empty-state p{margin:0}.sps-gallery-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center}.sps-gallery-container{position:relative;width:100vw;height:100vh;overflow:hidden}.sps-gallery-pages{display:flex;height:100%;transition:transform .3s ease}.sps-gallery-page{flex:0 0 100%;display:flex;align-items:center;justify-content:center;position:relative}.sps-gallery-image{max-width:95%;max-height:95%;object-fit:contain}.sps-gallery-count{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500}.sps-close-gallery{position:absolute;top:20px;right:20px;background:#ffffff26;border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:28px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sps-close-gallery:hover{background:#ffffff4d}@media(min-width:640px){.sps-container{padding:24px;max-width:1200px;margin:0 auto}.sps-product-card{padding:16px}.sps-primary-image-wrapper{width:100px;height:100px}}:root{--srt-bg-section: rgba(250, 252, 255, .97);--srt-border-section: rgba(226, 232, 240, .82);--srt-shadow-section: 0 16px 52px -18px rgba(0,0,0,.2);--srt-bg-card: rgba(255, 255, 255, 1);--srt-shadow-card: 0 12px 36px rgba(0,0,0,.09);--srt-shadow-hover: 0 28px 64px rgba(0,0,0,.24), 0 0 0 1px rgba(96,165,250,.2);--srt-text-title: #0f172a;--srt-text-body: #1e293b;--srt-text-secondary: #64748b;--srt-accent: #3b82f6;--srt-accent-glow: rgba(59, 130, 246, .35);--srt-radius: 24px;--srt-transition: .36s cubic-bezier(.22, .61, .36, 1)}.dark{--srt-bg-section: rgba(15, 23, 42, .92);--srt-border-section: rgba(51, 65, 85, .8);--srt-shadow-section: 0 18px 56px -20px rgba(0,0,0,.72);--srt-bg-card: rgba(30, 41, 59, .99);--srt-shadow-card: 0 12px 36px rgba(0,0,0,.58);--srt-shadow-hover: 0 28px 64px rgba(0,0,0,.82), 0 0 0 1px rgba(96,165,250,.48);--srt-text-title: #f1f5f9;--srt-text-body: #cbd5e1;--srt-text-secondary: #94a3b8;--srt-accent: #60a5fa;--srt-accent-glow: rgba(96, 165, 250, .48)}.srt-page-content{width:100%;max-width:1240px;margin:2.6rem auto;padding:2.6rem 2.2rem;background:var(--srt-bg-section);border-radius:var(--srt-radius);border:1px solid var(--srt-border-section);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:var(--srt-shadow-section);position:relative;overflow:hidden;transition:all var(--srt-transition)}.srt-page-content:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6);background-size:300% 100%;animation:lightningFlow 6.5s linear infinite;opacity:.96;border-radius:var(--srt-radius) var(--srt-radius) 0 0}@keyframes lightningFlow{0%{background-position:0% 50%}to{background-position:-300% 50%}}.dark .srt-page-content:before{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6,#60a5fa);opacity:.93}.srt-filter-trigger-wrapper{display:flex;justify-content:flex-end;margin-bottom:2.8rem}.srt-filter-trigger{display:inline-flex;align-items:center;gap:.9rem;padding:1.1rem 2.2rem;background:linear-gradient(145deg,#fffffff0,#f0f9ffcc);border:1px solid rgba(191,219,254,.7);border-radius:999px;font-size:1.05rem;font-weight:600;color:var(--srt-accent);box-shadow:0 10px 32px var(--srt-accent-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all var(--srt-transition)}.srt-filter-trigger:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 24px 60px var(--srt-accent-glow);border-color:#bfdbfe;background:linear-gradient(145deg,#f0f9ff,#dbeafe)}.dark .srt-filter-trigger{background:linear-gradient(145deg,#1e293bf0,#0f172acc);border:1px solid rgba(96,165,250,.5);color:#60a5fa}.dark .srt-filter-trigger:hover{background:linear-gradient(145deg,#1e293b,#334155);box-shadow:0 24px 60px #60a5fa99}.srt-results-list{display:flex;flex-direction:column;gap:2rem}.srt-shop-card{padding:5px;border-radius:18px;background:var(--srt-bg-card);display:flex;flex-direction:column;gap:10px}.srt-top-row{display:flex;gap:14px;align-items:flex-start}.srt-image-wrapper{width:68px;height:68px;flex-shrink:0}.srt-shop-img{width:100%;height:100%;object-fit:cover;border-radius:12px}.srt-right-stack{display:flex;flex-direction:column;gap:6px;flex:1}.srt-shop-name{font-size:17px;font-weight:600;margin:0}.srt-badge-row{display:flex;align-items:center;gap:10px}.srt-rating-pill{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#ffffff14;font-size:13px}.srt-plan-pill{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#5b4bff;font-size:12px}.srt-address-row{font-size:14px;opacity:.8;line-height:1.4}.srt-distance-row{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.75}.dark .srt-no-img-placeholder{background:linear-gradient(135deg,#334155,#475569);color:#94a3b8}.srt-badges-overlay{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:8px}.srt-badge-verified,.srt-badge-rating,.srt-badge-premium{display:flex;align-items:center;justify-content:center;min-width:46px;height:46px;border-radius:999px;box-shadow:0 4px 16px #00000038;font-size:16px;font-weight:700}.srt-badge-verified{background:#d1fae5;color:#059669;border:3px solid #ffffff;box-shadow:0 0 0 4px #10b98166}.dark .srt-badge-verified{background:#064e3b;color:#6ee7b7;border:3px solid #14532d;box-shadow:0 0 0 4px #6ee7b78c}.srt-badge-rating{background:#1f2937;color:#fbbf24;gap:6px;padding:0 16px;min-width:auto}.dark .srt-badge-rating{background:#111827;color:#fcd34d}.srt-badge-premium{background:#6d28d9;color:#fff}.dark .srt-badge-premium{background:#7c3aed;color:#f3e8ff}.srt-content-area{flex:1;padding:24px 28px;display:flex;flex-direction:column;gap:16px}.srt-shop-name{font-size:1.38rem;font-weight:700;color:var(--srt-text-title);margin:0;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.srt-address-row{font-size:1.02rem;color:var(--srt-text-body);line-height:1.52}.srt-address-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.srt-meta-row{display:flex;align-items:center;gap:14px;font-size:1rem;color:var(--srt-text-secondary)}.srt-meta-icon{color:#64748b;flex-shrink:0}.dark .srt-meta-icon{color:#94a3b8}.srt-empty-state,.srt-no-matches{padding:10rem 2.4rem;text-align:center;color:var(--srt-text-secondary);font-size:1.22rem;line-height:1.75}.srt-clear-filters-btn{margin-top:2rem;padding:1.1rem 2.4rem;background:linear-gradient(135deg,var(--srt-accent),#60a5fa);color:#fff;border:none;border-radius:999px;font-weight:600;font-size:1.05rem;box-shadow:0 10px 32px var(--srt-accent-glow);cursor:pointer;transition:all .32s}.srt-clear-filters-btn:hover{transform:translateY(-4px);box-shadow:0 24px 60px var(--srt-accent-glow)}.srt-modal-backdrop{position:fixed;inset:0;background:#00000094;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10000;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem}@media(min-width:640px){.srt-modal-backdrop{align-items:center;padding:2.5rem}}.srt-filter-modal{background:var(--srt-bg-section);border-radius:var(--srt-radius) var(--srt-radius) 0 0;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 -24px 64px #00000061;border:1px solid var(--srt-border-section);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);color:var(--srt-text-title);transition:all var(--srt-transition)}@media(min-width:640px){.srt-filter-modal{border-radius:var(--srt-radius);box-shadow:0 24px 72px #00000052}}.srt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.9rem 2.3rem;border-bottom:1px solid var(--srt-border-section);position:sticky;top:0;background:var(--srt-bg-section);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:2}.srt-modal-header h2{margin:0;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;color:var(--srt-text-title)}.srt-modal-close{background:none;border:none;padding:10px;cursor:pointer;color:var(--srt-text-secondary);border-radius:50%;transition:all .28s ease}.srt-modal-close:hover,.srt-modal-close:focus-visible{color:var(--srt-accent);background:color-mix(in srgb,var(--srt-accent) 12%,transparent);transform:scale(1.12)}.srt-modal-body{padding:2.2rem 2.3rem 1.8rem}.srt-filter-section,.srt-toggle-section{margin-bottom:2.4rem}.srt-filter-label{display:block;font-size:1.05rem;font-weight:600;color:var(--srt-text-title);margin-bottom:1.1rem}.srt-range-track{height:6px;background:var(--srt-border-section);border-radius:3px;position:relative}.srt-range-active{position:absolute;top:0;bottom:0;background:var(--srt-accent);border-radius:3px;box-shadow:0 0 12px var(--srt-accent-glow)}.srt-range-thumb{width:22px;height:22px;background:#fff;border:3px solid var(--srt-accent);border-radius:50%;box-shadow:0 4px 16px #00000038,inset 0 1px 3px #fffc;cursor:grab;outline:none;transition:all var(--srt-transition)}.srt-range-thumb:active{transform:scale(1.18);box-shadow:0 8px 24px var(--srt-accent-glow)}.dark .srt-range-thumb{background:#0f172a;border-color:#60a5fa;box-shadow:0 4px 16px #0000008c,inset 0 1px 3px #ffffff1f}.srt-distance-note{font-size:.95rem;color:var(--srt-text-secondary);line-height:1.5;margin:1.2rem 0 2rem;padding:1rem 1.4rem;background:color-mix(in srgb,var(--srt-accent) 8%,transparent);border-radius:14px;border:1px solid color-mix(in srgb,var(--srt-accent) 18%,var(--srt-border-section))}.srt-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-bottom:1px solid var(--srt-border-section)}.srt-toggle-row:last-child{border-bottom:none}.srt-toggle-row span{font-size:1.05rem;font-weight:500;color:var(--srt-text-title)}.srt-switch{position:relative;display:inline-block;width:54px;height:30px}.srt-switch input{opacity:0;width:0;height:0}.srt-slider{position:absolute;cursor:pointer;inset:0;background:var(--srt-border-section);transition:.28s;border-radius:30px}.srt-slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background:#fff;transition:.28s;border-radius:50%;box-shadow:0 2px 8px #0000002e}input:checked+.srt-slider{background:var(--srt-accent)}input:checked+.srt-slider:before{transform:translate(24px);background:#fff;box-shadow:0 2px 12px var(--srt-accent-glow)}.srt-round{border-radius:30px}.dark .srt-slider:before{background:#f1f5f9}.srt-modal-actions{display:flex;gap:1.2rem;padding:1.8rem 2.3rem;border-top:1px solid var(--srt-border-section);background:var(--srt-bg-section);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);position:sticky;bottom:0;z-index:2}.srt-btn{flex:1;padding:1.15rem;border-radius:14px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all var(--srt-transition);border:none}.srt-btn-reset{background:var(--srt-border-section);color:var(--srt-text-secondary)}.srt-btn-apply{background:var(--srt-accent);color:#fff;box-shadow:0 8px 28px var(--srt-accent-glow)}.srt-btn:hover{transform:translateY(-2px)}.srt-btn-apply:hover{background:color-mix(in srgb,var(--srt-accent) 85%,#000);box-shadow:0 16px 44px var(--srt-accent-glow)}.srt-btn-reset:hover{background:color-mix(in srgb,var(--srt-border-section) 70%,transparent)}.srt-subscription-modal{background:var(--srt-bg-section);border-radius:var(--srt-radius);width:100%;max-width:420px;padding:2.4rem 2.2rem;box-shadow:0 24px 72px #0000006b;border:1px solid var(--srt-border-section);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);position:relative;color:var(--srt-text-title)}.srt-subscription-modal h2{font-size:1.6rem;font-weight:700;margin:0 0 1.2rem;text-align:center}.srt-subscription-modal p{font-size:1.05rem;color:var(--srt-text-secondary);line-height:1.55;text-align:center;margin:0 0 2.2rem}.srt-subscription-modal .srt-modal-close{position:absolute;top:1.4rem;right:1.4rem}@media(prefers-reduced-motion:reduce){.srt-filter-modal,.srt-subscription-modal,.srt-btn,.srt-range-thumb,.srt-slider:before{transition:none!important;transform:none!important}}@media(max-width:400px){.srt-modal-body,.srt-modal-actions{padding-left:1.6rem;padding-right:1.6rem}}@media(max-width:640px){.srt-page-content{margin:2rem auto;padding:2.2rem 1.8rem;border-radius:22px}.srt-filter-trigger-wrapper{justify-content:center}.srt-filter-trigger{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}.srt-page-content:before{animation:none}}:root{--bg-page: #f9fafb;--bg-card: rgba(255, 255, 255, .95);--bg-gradient: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--bg-input: rgba(255, 255, 255, .8);--text-primary: #1e293b;--text-secondary: #374151;--text-muted: #9ca3af;--text-light: #ffffff;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-green-dark: #059669;--accent-gold: #fbbf24;--accent-red: #f87171;--border-subtle: rgba(255, 255, 255, .6);--border-input: #e5e7eb;--border-focus: #93c5fd;--shadow-card: 0 16px 40px rgba(0, 0, 0, .12);--shadow-hover: 0 20px 48px rgba(0, 0, 0, .18);--shadow-button: 0 12px 32px rgba(16, 185, 129, .4);--radius-lg: 16px;--radius-xl: 24px;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .95);--bg-gradient: linear-gradient(135deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .9) 100%);--bg-input: rgba(30, 41, 59, .85);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-light: #ffffff;--accent-blue: #60a5fa;--accent-green: #34d399;--accent-green-dark: #10b981;--accent-gold: #fcd34d;--accent-red: #f87171;--border-subtle: rgba(30, 41, 59, .6);--border-input: #475569;--border-focus: #60a5fa;--shadow-card: 0 16px 40px rgba(0, 0, 0, .5);--shadow-hover: 0 20px 48px rgba(0, 0, 0, .6);--shadow-button: 0 12px 32px rgba(52, 211, 153, .35)}.sprf-review-form-container{background:var(--bg-gradient);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:28px;margin-bottom:24px;box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);position:relative;overflow:hidden}.sprf-review-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-blue),#8b5cf6,#ec4899);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.sprf-review-form{display:flex;flex-direction:column;gap:24px}.sprf-form-group{display:flex;flex-direction:column;gap:12px}.sprf-form-label{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.25px}.sprf-text-input{width:100%;min-height:80px;max-height:160px;padding:16px 20px;border:2px solid var(--border-input);border-radius:var(--radius-lg);background:var(--bg-input);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:15px;font-family:inherit;color:var(--text-primary);line-height:1.6;resize:vertical;transition:all var(--transition-normal);box-shadow:0 4px 12px #00000014}.sprf-text-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 4px #3b82f626,0 8px 20px #0000001f;transform:translateY(-1px)}.sprf-text-input::placeholder{color:var(--text-muted)}.sprf-text-input.error{border-color:var(--accent-red);box-shadow:0 0 0 4px #f8717126}.sprf-star-rating-container{display:flex;gap:8px;justify-content:center;padding:20px 0}.sprf-star-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sprf-star-button.filled{background:linear-gradient(135deg,#fbbf2433,#fbbf241a)}.sprf-star-button svg{color:#d1d5db!important;stroke-width:1.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dark .sprf-star-button svg{color:#475569!important}.sprf-star-button.filled svg{color:var(--accent-gold)!important;filter:drop-shadow(0 2px 8px rgba(251,191,36,.4))}.sprf-error-message{display:flex;align-items:center;gap:8px;color:var(--accent-red);font-size:13px;font-weight:500;padding:8px 12px;background:#f871711a;border-radius:12px;border-left:4px solid var(--accent-red)}.sprf-error-message svg{flex-shrink:0;stroke-width:2}.sprf-submit-button{padding:18px 32px;border:none;border-radius:20px;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dark) 100%);color:var(--text-light);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:var(--shadow-button);transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.sprf-submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 20px 48px #10b98180,inset 0 1px #fff6}.sprf-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.sprf-submit-button svg{stroke-width:2}.sprf-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.sprf-review-form-container{padding:24px 20px;margin:0 12px 20px}.sprf-star-rating-container{gap:6px}.sprf-star-button svg{width:28px;height:28px}}:root{--bg-page: #f9fafb;--bg-card: rgba(255, 255, 255, .95);--bg-gradient: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--bg-count-badge: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);--text-primary: #1e293b;--text-secondary: #374151;--text-muted: #9ca3af;--text-light: #ffffff;--accent-gold: #fbbf24;--accent-green: #10b981;--accent-green-dark: #059669;--accent-blue: #3b82f6;--border-subtle: rgba(255, 255, 255, .6);--border-card: #f3f4f6;--shadow-card: 0 12px 32px rgba(0, 0, 0, .12);--shadow-hover: 0 16px 40px rgba(0, 0, 0, .18);--radius-lg: 20px;--radius-xl: 24px;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .95);--bg-gradient: linear-gradient(135deg, rgba(30, 41, 59, .95) 0%, rgba(15, 23, 42, .9) 100%);--bg-count-badge: linear-gradient(135deg, #334155 0%, #475569 100%);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-light: #ffffff;--accent-gold: #fcd34d;--accent-green: #34d399;--accent-green-dark: #10b981;--accent-blue: #60a5fa;--border-subtle: rgba(30, 41, 59, .6);--border-card: #334155;--shadow-card: 0 16px 40px rgba(0, 0, 0, .5);--shadow-hover: 0 20px 50px rgba(0, 0, 0, .6)}.sprv-shop-review-container{padding:24px 20px}.sprv-count-badge{display:flex;align-items:center;gap:10px;background:var(--bg-count-badge);padding:12px 20px;border-radius:25px;margin-bottom:24px;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-self:flex-start;color:var(--text-primary);font-weight:700}.dark .sprv-count-badge svg{color:var(--accent-gold)!important}.sprv-review-card{background:var(--bg-gradient);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);position:relative;overflow:hidden;transition:all var(--transition-normal)}.sprv-review-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.sprv-review-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-green),#34d399,var(--accent-green-dark));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.sprv-review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.sprv-reviewer-name{font-size:18px;font-weight:800;color:var(--text-primary);margin:0;flex:1;line-height:1.3}.sprv-star-rating-display{display:flex;gap:3px;flex-shrink:0}.sprv-star-display{color:#e5e7eb;font-size:20px;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .2s ease}.dark .sprv-star-display{color:#475569}.sprv-star-display.filled{color:var(--accent-gold);text-shadow:0 2px 8px rgba(251,191,36,.4)}.sprv-comment,.sprv-older-comment{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px;font-weight:400}.sprv-no-comment{font-size:15px;color:var(--text-muted);font-style:italic;margin-bottom:16px}.sprv-review-date,.sprv-older-date{font-size:14px;color:var(--text-muted);font-weight:500;margin-bottom:16px}.sprv-expand-button{background:none;border:none;cursor:pointer;padding:12px 0;display:flex;align-items:center;gap:8px;width:100%;justify-content:flex-start;transition:all .2s ease;color:var(--accent-blue);font-weight:600}.sprv-expand-button:hover{background:#3b82f614;padding-left:8px}.dark .sprv-expand-button:hover{background:#60a5fa26}.sprv-older-review{margin-top:20px;padding:20px 0 0 12px;border-top:1px solid var(--border-card)}.sprv-empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 40px;text-align:center;gap:20px}.sprv-empty-icon{color:var(--text-muted)!important;stroke-width:1.2;opacity:.7}.sprv-empty-text{font-size:22px;font-weight:800;color:var(--text-primary);margin:0}.sprv-empty-subtitle{font-size:15px;color:var(--text-muted);font-weight:400}@media(max-width:768px){.sprv-shop-review-container{padding:20px 16px}.sprv-review-card{padding:20px;margin-bottom:16px}.sprv-review-header{flex-direction:column;align-items:flex-start;gap:12px}.sprv-reviewer-name{font-size:16px}}.follow-button-wrapper{border:none;background:none;padding:0;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;min-width:110px;position:relative}.follow-button-wrapper.follow{box-shadow:0 8px 20px #3b82f64d}.follow-button-wrapper.following{box-shadow:0 8px 20px #22c55e4d}.follow-button-wrapper:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003}.follow-button-wrapper.follow:hover{box-shadow:0 12px 24px #3b82f666}.follow-button-wrapper.following:hover{box-shadow:0 12px 24px #22c55e66}.follow-button-gradient{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:20px;font-weight:700;font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:100%}.follow-button-wrapper.follow .follow-button-gradient{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:inset 0 1px #ffffff4d}.follow-button-wrapper.following .follow-button-gradient{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:inset 0 1px #ffffff4d}.follow-icon{stroke-width:2.5;stroke:#fff;flex-shrink:0}.button-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.follow-button-loading{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:20px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 4px 12px #0000001a;min-width:110px}.spinner{width:20px;height:20px;border:2px solid rgba(107,114,128,.3);border-top:2px solid #374151;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:480px){.follow-button-wrapper{min-width:100px}.follow-button-gradient{padding:10px 20px;font-size:13px}}:root{--bg-page: #f9fafb;--bg-gradient: linear-gradient(135deg, #f9fafb 0%, #f1f5f9 100%);--bg-card: rgba(255, 255, 255, .95);--bg-fallback: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #ffffff;--text-muted: #9ca3af;--accent-green: #10b981;--accent-green-dark: #059669;--accent-blue: #3b82f6;--border-subtle: rgba(255, 255, 255, .6);--border-card: #e5e7eb;--shadow-card: 0 8px 24px rgba(0, 0, 0, .08);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .15);--shadow-avatar: 0 4px 12px rgba(0, 0, 0, .15);--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}.dark{--bg-page: #0f172a;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--bg-card: rgba(30, 41, 59, .95);--bg-fallback: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-light: #ffffff;--text-muted: #cbd5e1;--accent-green: #34d399;--accent-green-dark: #10b981;--accent-blue: #60a5fa;--border-subtle: rgba(30, 41, 59, .6);--border-card: #334155;--shadow-card: 0 10px 30px rgba(0, 0, 0, .5);--shadow-hover: 0 16px 40px rgba(0, 0, 0, .6);--shadow-avatar: 0 6px 16px rgba(0, 0, 0, .4)}.followers-container{padding:24px 20px;background:var(--bg-gradient);border-radius:var(--radius-xl);margin-bottom:24px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle)}.follower-list{max-height:400px;overflow-y:auto;padding:12px 0;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.follower-list::-webkit-scrollbar{width:6px}.follower-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.follower-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.follower-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.follower-item{display:flex;align-items:center;gap:16px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:12px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.follower-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.follower-avatar-container,.follower-avatar-placeholder{position:relative;flex-shrink:0}.follower-avatar-image{width:48px!important;height:48px!important;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-subtle);box-shadow:var(--shadow-avatar);transition:transform .3s ease}.follower-avatar-image:hover{transform:scale(1.08)}.follower-avatar-placeholder{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-subtle);box-shadow:var(--shadow-avatar);font-weight:700;overflow:hidden}.follower-avatar-placeholder:before{content:"";position:absolute;inset:0;background:#ffffff26;z-index:1}.dark .follower-avatar-placeholder:before{background:#00000040}.avatar-text{font-size:20px;font-weight:800;color:#fff;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.4);position:relative}.follower-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.follower-username{font-size:16px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verified-icon-container{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dark) 100%);border-radius:12px;padding:6px;box-shadow:0 4px 12px #10b98166;flex-shrink:0}.dark .verified-icon-container{box-shadow:0 4px 12px #34d39959}.verified-icon{stroke:#fff!important;stroke-width:2.5}.no-followers{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);font-size:16px;font-style:italic;font-weight:500;text-align:center}@media(max-width:768px){.followers-container{padding:20px 16px}.follower-item{padding:14px 16px;gap:12px}.follower-avatar-image,.follower-avatar-placeholder{width:44px;height:44px;border-radius:22px}.avatar-text{font-size:18px}}@media(max-width:480px){.follower-item{padding:12px 14px}}:root{--bg-page: #f0f9ff;--bg-gradient-page: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);--bg-card: #ffffff;--bg-search: #ffffff;--bg-input: transparent;--bg-placeholder: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #ffffff;--text-muted: #94a3b8;--accent-blue: #2563eb;--accent-blue-dark: #1d4ed8;--accent-blue-light: #60a5fa;--accent-green: #10b981;--accent-red: #ef4444;--border-subtle: #e0f2fe;--border-search: #bfdbfe;--border-focus: #93c5fd;--shadow-card: 0 4px 12px rgba(0,0,0,.06), 0 0 0 1px rgba(224,242,254,.8);--shadow-hover: 0 8px 25px rgba(0,0,0,.12), 0 0 0 1px rgba(255,255,255,.9);--shadow-modal: 0 20px 60px rgba(0,0,0,.3);--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .16s;--transition-normal: .28s}.dark{--bg-page: #0f172a;--bg-gradient-page: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--bg-card: #1e293b;--bg-search: #1e293b;--bg-input: transparent;--bg-placeholder: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-light: #ffffff;--text-muted: #cbd5e1;--accent-blue: #60a5fa;--accent-blue-dark: #3b82f6;--accent-blue-light: #93c5fd;--accent-green: #34d399;--accent-red: #f87171;--border-subtle: #334155;--border-search: #475569;--border-focus: #60a5fa;--shadow-card: 0 6px 20px rgba(0,0,0,.5);--shadow-hover: 0 12px 30px rgba(0,0,0,.6);--shadow-modal: 0 25px 70px rgba(0,0,0,.7)}.spp-container{min-height:100vh;background:var(--bg-gradient-page);font-family:Inter,sans-serif;color:var(--text-primary);padding-bottom:100px}.spp-search-container{display:flex;align-items:center;background:var(--bg-search);margin:12px 16px 16px;padding:14px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1.5px solid var(--border-search);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal)}.spp-search-container:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--border-focus) inset,0 0 0 5px #2563eb1a}.spp-search-container svg{color:var(--text-secondary);font-size:20px;margin-right:12px;flex-shrink:0}.spp-search-input{flex:1;font-size:16px;color:var(--text-primary);border:none;outline:none;background:var(--bg-input);font-family:inherit}.spp-search-input::placeholder{color:var(--text-muted)}.spp-clear-search{background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;transition:all var(--transition-fast)}.spp-clear-search:hover{background:#94a3b826;color:var(--text-primary);transform:scale(1.15)}.spp-list-content{padding:0 16px 100px}.spp-category-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);padding:16px 18px;margin:0 0 8px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spp-category-header:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.spp-category-title-row{display:flex;align-items:center;flex:1}.spp-category-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0}.spp-item-count-badge{background:var(--accent-blue);color:var(--text-light);padding:4px 10px;border-radius:12px;margin-left:12px;font-size:12px;font-weight:700;box-shadow:0 2px 6px #00000026}.spp-chevron{font-size:24px;color:var(--accent-blue);transition:transform .3s ease}.spp-chevron.expanded{transform:rotate(180deg)}.spp-subcategory-title{font-size:17px;font-weight:700;color:var(--accent-blue);margin:16px 0 10px 8px}.spp-product-card{display:flex;background:var(--bg-card);border-radius:var(--radius-md);padding:12px;margin-bottom:12px;align-items:center;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.spp-product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.spp-primary-image-wrapper{margin-right:14px;cursor:pointer;flex-shrink:0}.spp-primary-image-container{position:relative}.spp-product-img{width:80px;height:80px;border-radius:12px;object-fit:cover;background:var(--bg-placeholder)}.spp-image-count-badge{position:absolute;bottom:6px;right:6px;background:#000000a6;color:#fff;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700}.spp-placeholder-container{width:80px;height:80px;background:var(--bg-placeholder);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:4px}.spp-placeholder-container svg{font-size:28px}.spp-placeholder-text{font-size:10px}.spp-text-column{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:80px}.spp-product-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.spp-price-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.spp-availability{font-size:13px;font-weight:500;padding:3px 10px;border-radius:8px}.spp-availability.available{background:#dcfce7;color:#166534}.dark .spp-availability.available{background:#10b98140;color:#34d399}.spp-availability.not-available{background:#fee2e2;color:#991b1b}.dark .spp-availability.not-available{background:#ef444440;color:#f87171}.spp-price-text{font-size:15px;color:#2e7d32;font-weight:700}.dark .spp-price-text{color:#86efac}.spp-add-to-cart-btn{display:flex;align-items:center;gap:6px;background:var(--accent-blue);color:#fff;padding:8px 14px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:600;align-self:flex-start;transition:all var(--transition-normal)}.spp-add-to-cart-btn:hover:not(.disabled){background:var(--accent-blue-dark);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.spp-add-to-cart-btn.disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.spp-empty-state{display:flex;flex-direction:column;align-items:center;margin-top:120px;padding:40px 20px;text-align:center}.spp-empty-icon{font-size:72px;color:var(--text-muted);margin-bottom:20px}.spp-empty-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.spp-empty-text{font-size:16px;color:var(--text-secondary);margin:0}.spp-gallery-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;justify-content:center;align-items:center;cursor:pointer}.spp-gallery-container{width:100vw;height:100vh;overflow:hidden;position:relative}.spp-gallery-pages{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.spp-gallery-pages::-webkit-scrollbar{display:none}.spp-gallery-page{flex:0 0 100vw;height:100vh;display:flex;justify-content:center;align-items:center;scroll-snap-align:start;position:relative}.spp-gallery-image{max-width:95%;max-height:95%;object-fit:contain}.spp-gallery-count{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#000000a6;color:#fff;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:600}.spp-close-gallery{position:absolute;top:50px;right:24px;background:#0009;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;cursor:pointer;z-index:1000;transition:all var(--transition-fast)}.spp-close-gallery:hover{background:#000000d9;transform:scale(1.12)}.spp-loader{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-page)}.spp-spinner{font-size:64px;color:var(--accent-blue);animation:spin 1.5s linear infinite}@media(max-width:768px){.spp-product-card{margin:0 12px 12px;padding:10px}.spp-product-img,.spp-placeholder-container{width:70px;height:70px}.spp-search-container{margin:12px}}@media(max-width:480px){.spp-category-title{font-size:18px}.spp-product-name{font-size:15px}}:root{--bg-page: #f9f9f9;--bg-card: #ffffff;--bg-overlay: rgba(0,0,0,.5);--bg-fallback: #eeeeee;--bg-modal: rgba(0,0,0,.9);--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #ffffff;--text-muted: #94a3b8;--accent-blue: #2563eb;--accent-blue-dark: #1d4ed8;--accent-green: #10b981;--accent-red: #ef4444;--border-subtle: #e5e7eb;--border-modal: #e8ecef;--shadow-card: 0 2px 8px rgba(0,0,0,.1);--shadow-hover: 0 8px 25px rgba(0,0,0,.15);--shadow-modal: 0 20px 60px rgba(0,0,0,.4);--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .16s;--transition-normal: .3s}.dark{--bg-page: #0f172a;--bg-card: #1e293b;--bg-overlay: rgba(0,0,0,.75);--bg-fallback: #334155;--bg-modal: rgba(15,23,42,.95);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-light: #ffffff;--text-muted: #cbd5e1;--accent-blue: #60a5fa;--accent-blue-dark: #3b82f6;--accent-green: #34d399;--accent-red: #f87171;--border-subtle: #334155;--border-modal: #475569;--shadow-card: 0 4px 16px rgba(0,0,0,.5);--shadow-hover: 0 12px 35px rgba(0,0,0,.6);--shadow-modal: 0 25px 70px rgba(0,0,0,.7)}.spp-shop-posts-container{background:var(--bg-page);padding:0;min-height:100vh;font-family:Inter,sans-serif;color:var(--text-primary)}.spp-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:5px}.spp-posts-grid.scrollable{overflow-y:auto;max-height:100vh}.spp-post-item{width:100%;aspect-ratio:1;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all var(--transition-normal);box-shadow:var(--shadow-card)}.spp-post-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.spp-thumbnail-container{width:100%;height:100%;position:relative;border-radius:var(--radius-md);overflow:hidden}.spp-thumbnail-container.loading .spp-thumbnail{opacity:.4;filter:blur(2px)}.spp-thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .4s ease}.spp-thumbnail:hover{transform:scale(1.05)}.spp-loading-overlay,.spp-fallback-container{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-overlay);border-radius:var(--radius-md);color:var(--text-light);font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spp-loading-overlay svg,.spp-fallback-container svg{font-size:32px;margin-bottom:8px;animation:spin 1.2s linear infinite}.spp-play-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:var(--text-light);opacity:.9;text-shadow:0 3px 12px rgba(0,0,0,.6);pointer-events:none}.spp-modal-overlay{position:fixed;inset:0;background:var(--bg-modal);z-index:10000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spp-modal-overlay.fullscreen{padding:0}.spp-modal-container{width:95vw;max-width:900px;height:85vh;max-height:95vh;border-radius:var(--radius-xl);overflow:hidden;position:relative;background:var(--bg-modal);display:flex;flex-direction:column;box-shadow:var(--shadow-modal)}.spp-modal-container.fullscreen{width:100vw;height:100vh;border-radius:0}.spp-modal-header{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:1001;pointer-events:none}.spp-modal-header button{pointer-events:all;background:#000000a6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:22px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-fast)}.spp-modal-header button:hover{background:#000000d9;transform:scale(1.12)}.spp-media-container,.spp-image-viewer-container{flex:1;position:relative;overflow:hidden}.spp-video-player,.spp-modal-image{width:100%;height:100%;object-fit:contain}.spp-modal-controls{position:absolute;bottom:20px;left:20px;right:20px;z-index:1001;pointer-events:none}.spp-post-description{pointer-events:all;color:var(--text-light);font-size:16px;text-align:center;padding:12px 20px;margin-bottom:12px;background:#0000008c;border-radius:var(--radius-md);font-weight:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:1.5}.spp-slide-controls{pointer-events:all;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:999px;padding:10px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0 auto;width:fit-content}.spp-nav-button{background:none;border:none;color:var(--text-light);font-size:28px;cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.spp-nav-button:hover{background:#ffffff26;transform:scale(1.15)}.spp-slide-indicator{color:var(--text-light);font-size:16px;font-weight:600;margin:0 16px}.spp-no-posts{text-align:center;font-size:18px;color:var(--text-muted);padding:60px 20px;font-weight:500}.spp-fallback-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-fallback);border-radius:var(--radius-md);color:var(--text-muted);height:100%}.spp-fallback-container svg{font-size:48px;margin-bottom:8px}.spp-fallback-container span{font-size:14px}@media(max-width:768px){.spp-posts-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.spp-modal-container{width:100vw;height:100vh;border-radius:0}.spp-modal-header{top:12px;left:12px;right:12px}}@media(max-width:480px){.spp-thumbnail-container{aspect-ratio:1}}.subscription-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.subscription-modal{width:90%;max-width:420px;max-height:90vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;box-shadow:0 32px 64px #00000040,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.6);position:relative;overflow:hidden}.subscription-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);border-radius:24px 24px 0 0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:24px;font-weight:800;color:#1e293b;margin:0;line-height:1.2}.close-button{background:none;border:none;padding:8px;border-radius:12px;cursor:pointer;color:#64748b;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#64748b1a;color:#1e293b}.modal-description{font-size:16px;color:#475569;line-height:1.6;margin-bottom:32px;font-weight:400}.plan-highlight{font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-row{display:flex;justify-content:flex-end;gap:16px}.cancel-button{padding:14px 28px;border:2px solid #e5e7eb;background:transparent;border-radius:16px;color:#64748b;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-button:hover{background:#f8fafc;border-color:#d1d5db;transform:translateY(-1px)}.upgrade-button{padding:14px 28px;border:none;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #3b82f666;transition:all .3s cubic-bezier(.4,0,.2,1)}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #3b82f680}.loading-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.spinner{width:24px;height:24px;border:2px solid rgba(107,114,128,.3);border-top:2px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.subscription-modal{width:95%;padding:24px 20px;margin:20px}.modal-title{font-size:20px}.button-row{flex-direction:column}.cancel-button,.upgrade-button{width:100%}}:root{--bg-page: #f9fafb;--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(255, 255, 255, .94);--bg-card-active: rgba(248, 250, 252, .7);--border-subtle: rgba(226, 232, 240, .55);--border-strong: rgba(203, 213, 225, .85);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-on-accent: #ffffff;--accent: #3b82f6;--accent-hover: #2563eb;--accent-active: #1d4ed8;--accent-glow: rgba(59, 130, 246, .24);--success: #10b981;--warning: #f59e0b;--shadow-sm: 0 4px 16px rgba(0,0,0,.07);--shadow-md: 0 10px 32px rgba(0,0,0,.11);--shadow-hover: 0 18px 48px rgba(0,0,0,.18);--radius-md: 16px;--radius-lg: 20px;--radius-pill: 9999px;--transition: .28s cubic-bezier(.22, 1, .36, 1);--transition-bounce: .36s cubic-bezier(.175, .885, .32, 1.275)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .84);--bg-card-hover: rgba(51, 65, 85, .92);--bg-card-active: rgba(30, 41, 59, .74);--border-subtle: rgba(51, 65, 85, .62);--border-strong: rgba(71, 85, 105, .88);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--accent-glow: rgba(96, 165, 250, .34);--shadow-sm: 0 6px 24px rgba(0,0,0,.5);--shadow-md: 0 12px 40px rgba(0,0,0,.58);--shadow-hover: 0 22px 64px rgba(0,0,0,.68)}.location-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;margin:1rem auto;padding:1.1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-primary);font-size:1.02rem;font-weight:600;cursor:pointer;transition:all var(--transition);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);overflow:hidden}.location-button:hover{background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-subtle))}.location-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.location-button.disabled,.location-button:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.button-content{display:flex;align-items:center;gap:.9rem;z-index:2}.button-content svg{width:24px;height:24px;stroke-width:2.2;transition:transform var(--transition-bounce)}.location-button:hover .button-content svg{transform:scale(1.12)}.location-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);opacity:0;transition:opacity .8s ease;pointer-events:none;transform:translate(-100%)}.location-button:hover:before{opacity:1;transform:translate(100%)}.direct-map-button{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.4rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.96rem;font-weight:500;cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:.75rem auto 0;max-width:320px}.direct-map-button:hover{background:var(--bg-card-hover);color:var(--accent);transform:translateY(-2px)}.direct-map-button svg{width:18px;height:18px}@media(max-width:480px){.location-button{padding:1rem 1.25rem;font-size:.98rem}.button-content svg{width:22px;height:22px}}@media(prefers-reduced-motion:reduce){.location-button,.location-button:hover,.location-button:active,.location-button:before,.direct-map-button,.direct-map-button:hover{transition:none!important;transform:none!important}}:root{--primary: #1e3a8a;--primary-dark: #172554;--primary-light: #3b82f6;--header-bg: #3a7bd5;--gradient-start: #4b6cb7;--gradient-end: #8b5cf6;--accent-gold: #d4a017;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--bg-page: #f9fafb;--bg-card: #ffffff;--bg-gradient-light: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 50%, #c7d2fe 100%);--bg-gradient-header: linear-gradient(135deg, #3a7bd5 0%, #2563eb 100%);--bg-gradient-button: linear-gradient(90deg, #1e40af, #1e3a8a);--text-primary: #111827;--text-secondary: #6b7280;--text-light: #ffffff;--border-subtle: #e5e7eb;--border-card: rgba(255,255,255,.6);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.12);--shadow-xl: 0 20px 40px rgba(0,0,0,.14);--shadow-glow: 0 0 20px rgba(59,130,246,.25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .16s;--transition-normal: .28s;--transition-smooth: .4s;--hover-bg-light: #eff6ff;--hover-bg-medium: #f8fafc;--focus-ring: rgba(59,130,246,.1)}.dark{--primary: #60a5fa;--primary-dark: #3b82f6;--primary-light: #93c5fd;--header-bg: #1e40af;--gradient-start: #1e3a8a;--gradient-end: #3b82f6;--accent-gold: #fbbf24;--success: #34d399;--danger: #f87171;--warning: #fbbf24;--bg-page: #0f172a;--bg-card: #1e293b;--bg-gradient-light: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--bg-gradient-header: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);--bg-gradient-button: linear-gradient(90deg, #3b82f6, #60a5fa);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-light: #ffffff;--border-subtle: #334155;--border-card: rgba(30,41,59,.6);--shadow-sm: 0 2px 8px rgba(0,0,0,.5);--shadow-md: 0 6px 20px rgba(0,0,0,.6);--shadow-lg: 0 12px 30px rgba(0,0,0,.65);--shadow-xl: 0 20px 50px rgba(0,0,0,.7);--shadow-glow: 0 0 25px rgba(96,165,250,.35);--hover-bg-light: rgba(96,165,250,.15);--hover-bg-medium: rgba(96,165,250,.08);--focus-ring: rgba(96,165,250,.25)}.shop-page-container{position:relative;min-height:100vh;background:var(--bg-page);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary)}.gradient-background{position:fixed;inset:0;background:var(--bg-gradient-light);z-index:-2;pointer-events:none}.content-wrapper{position:relative;z-index:1;padding:0 16px 80px;max-width:720px;margin:0 auto}.shop-hero-card{background:var(--bg-card);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);margin:16px 0 24px;border:1px solid var(--border-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shop-image-section{position:relative;height:180px;background:linear-gradient(to bottom,var(--gray-200),var(--gray-300))}.background-blur-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) brightness(.85);opacity:.75;transform:scale(1.05)}.image-dark-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000059,#000000a6);z-index:1}.main-image-button{position:absolute;inset:16px;background:none;border:none;padding:0;cursor:pointer;z-index:2;transition:transform var(--transition-normal)}.main-image-button:hover{transform:scale(1.015)}.foreground-shop-image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-xl);background:#ffffffeb;box-shadow:0 8px 30px #00000059;border:4px solid rgba(255,255,255,.5)}.top-left-badges,.top-right-badges{position:absolute;top:16px;z-index:10}.top-left-badges{left:16px}.top-right-badges{right:16px}.rating-pill,.verified-pill,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3)}.rating-pill{background:#000000d1;color:var(--accent-gold)}.rating-pill svg{fill:currentColor}.verified-pill{background:#10b981eb;color:#fff}.status-pill{position:absolute;bottom:16px;right:16px;background:#fffffff5;border:1px solid rgba(0,0,0,.08)}.dark .status-pill{background:#1e293bf5;border:1px solid rgba(255,255,255,.15);color:var(--text-primary)}.shop-info-section{padding:24px 20px 28px}.shop-title{font-size:28px;font-weight:800;color:var(--primary);margin:0 0 14px;letter-spacing:-.4px;line-height:1.15}.info-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;color:var(--text-secondary);font-size:15px;line-height:1.5}.info-row svg{flex-shrink:0;margin-top:2px;color:var(--success)}.map-wrapper{margin:20px 0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.followers-text{color:var(--text-secondary);font-weight:600;margin:16px 0 24px;font-size:15px}.action-buttons-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.message-button-wrapper{border:none;background:none;padding:0;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;min-width:110px;position:relative}.message-button-wrapper:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003}.message-button-gradient{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:20px;font-weight:700;font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:100%;background:linear-gradient(135deg,#64748b,#475569);box-shadow:inset 0 1px #ffffff2e}.message-icon{stroke-width:2.5;stroke:#fff;flex-shrink:0}.message-button-wrapper:hover .message-button-gradient{background:linear-gradient(135deg,#475569,#334155);box-shadow:inset 0 1px #ffffff40}.message-button-wrapper:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.message-button-wrapper{min-width:100px}.message-button-gradient{padding:10px 20px;font-size:13px}}.image-modal-backdrop{position:fixed;inset:0;background:#000000f0;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-modal-content{position:relative;width:94vw;max-width:1100px;max-height:92vh;overflow:hidden}.modal-image{width:100%;height:auto;max-height:92vh;object-fit:contain;border-radius:var(--radius-xl)}.modal-close-btn{position:absolute;top:16px;right:16px;background:#000000a6;color:var(--text-light);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all var(--transition-fast)}.modal-close-btn:hover{background:#000000d9;transform:scale(1.1)}.card{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:28px 24px;margin-bottom:28px;border:1px solid var(--border-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sp-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sp-card-header svg{color:var(--primary-light);flex-shrink:0}.sp-card-header h2{font-size:24px;font-weight:800;color:var(--text-primary);margin:0}.description{font-size:15.5px;line-height:1.65;color:var(--text-secondary);overflow:hidden;transition:all var(--transition-smooth)}.created-at-pill{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 16px;background:var(--gray-200);border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text-secondary)}.dark .created-at-pill{background:#334155;color:var(--text-primary)}.read-more-btn{margin-top:20px;background:linear-gradient(90deg,var(--primary-light),var(--primary));color:var(--text-light);border:none;padding:12px 28px;border-radius:var(--radius-xl);font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px 14px #3b82f64d;transition:all var(--transition-normal)}.read-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f673}.sp-categories-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.sp-category-chip{position:relative;overflow:hidden;border-radius:var(--radius-full);border:none;background:none;padding:0;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.sp-category-chip:hover{transform:translateY(-2px) scale(1.04)}.sp-category-chip span{position:relative;z-index:2;display:block;padding:10px 20px;background:#00000012;border-radius:var(--radius-full);font-weight:700;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-chip-bg{position:absolute;inset:0;z-index:1;opacity:.92}.category-tooltip{margin-top:20px;padding:18px 22px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);font-size:15px;color:var(--text-secondary);line-height:1.5}.category-tooltip button{margin-top:12px;background:var(--primary-light);color:#fff;border:none;padding:8px 18px;border-radius:var(--radius-lg);font-weight:700;cursor:pointer}.tabs-container{display:flex;background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);margin:28px 0 20px;border:1px solid var(--border-subtle)}.tab-button{flex:1;padding:16px 0;background:none;border:none;font-weight:700;font-size:15px;color:var(--text-secondary);position:relative;transition:all var(--transition-normal)}.tab-button:hover{color:var(--primary)}.tab-button.active{color:var(--primary);font-weight:800}.tab-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:55%;height:3.5px;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:2px}.tab-content-card{background:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:24px;min-height:320px;border:1px solid var(--border-card)}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:16px;font-weight:500}.reviews-wrapper{display:flex;flex-direction:column;gap:40px}.rating-badge-container{position:absolute;top:12px;left:12px;z-index:10}.rating-badge{display:flex;align-items:center;background:#222;padding:5px 10px;border-radius:var(--radius-full);box-shadow:0 2px 6px #0006;color:var(--accent-gold);font-size:12px;font-weight:700}.rating-badge svg{margin-right:4px}.rating-text{margin-left:4px}.verified-container{position:absolute;top:12px;right:12px;z-index:10}.owner-verified-badge{display:flex;align-items:center;background:#e3fcef;padding:5px 10px;border-radius:10px;border:1px solid #0fa958;box-shadow:0 1px 4px #00000026;color:#0fa958;font-size:13px;font-weight:600}.dark .owner-verified-badge{background:#10b98140;border-color:#34d399;color:#34d399}.verified-icon-overlay{position:relative;margin-left:-6px;margin-bottom:6px;background:#e3fcef;border-radius:50%;padding:1px;line-height:0}.dark .verified-icon-overlay{background:#10b9814d}.shop-status-overlay{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;background:#fffffff2;padding:6px 14px;border-radius:var(--radius-full);box-shadow:0 1px 5px #0003;font-size:13px;font-weight:700;color:var(--text-primary);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark .shop-status-overlay{background:#1e293bf2;border:1px solid rgba(255,255,255,.12)}.shop-status-text{margin-left:4px}.shop-post-form{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#f1f5f9);padding:clamp(16px,4vw,24px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hidden-file-input{display:none}.form-scroll{max-width:600px;margin:0 auto}.form-title{font-size:clamp(24px,6vw,32px);font-weight:800;text-align:center;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;margin-bottom:clamp(16px,4vw,24px);letter-spacing:-.02em}.form-subtitle{font-size:clamp(14px,3vw,16px);color:#64748b;margin-bottom:clamp(12px,3vw,16px);text-align:center}.option-card{display:flex;align-items:center;gap:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:clamp(16px,4vw,20px) clamp(24px,6vw,32px);border:2px dashed #cbd5e1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;margin-bottom:20px}.option-card:hover{border-color:#3b82f6;background:#fff;transform:translateY(-2px);box-shadow:0 12px 24px #3b82f626}.option-card svg{color:#f59e0b!important;stroke-width:2}.option-card span{font-size:clamp(16px,3.5vw,18px);font-weight:600;color:#374151}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-bottom:clamp(20px,5vw,32px);padding:8px 0}.media-preview-wrapper{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.media-preview-wrapper:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.media-preview,.media-preview-wrapper.video .media-preview{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;padding:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.media-preview-wrapper:hover .play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.media-placeholder{width:100%;height:100%;background:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8}.remove-media-btn{position:absolute;top:-6px;right:-6px;background:#ef4444e6;border:2px solid white;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.media-preview-wrapper:hover .remove-media-btn{opacity:1;transform:scale(1)}.description-input{width:100%;min-height:120px;max-height:200px;border:2px solid #e2e8f0;border-radius:16px;padding:20px;font-size:clamp(16px,3vw,18px);line-height:1.6;resize:vertical;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;font-family:inherit}.description-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a,0 8px 24px #0000001f;transform:translateY(-1px)}.description-input::placeholder{color:#94a3b8}.progress-container{margin:20px 0;background:#ffffffe6;border-radius:12px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}.progress-bar-bg{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease;box-shadow:0 2px 8px #10b98166}.progress-text{font-size:14px;font-weight:600;text-align:center;color:#374151}.submit-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;padding:clamp(16px,4vw,20px);font-size:clamp(16px,3.5vw,18px);font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 12px 32px #10b98166;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:20px}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 20px 48px #10b98180}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.loading-icon{animation:spin 1s linear infinite}.subscription-modal-overlay{position:fixed;inset:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalFade .3s ease}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.subscription-modal{background:#fff;border-radius:24px;padding:clamp(32px,8vw,48px);max-width:420px;width:100%;text-align:center;box-shadow:0 32px 64px #0000004d;position:relative;animation:modalSlide .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlide{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#f1f5f9;color:#374151;transform:scale(1.1)}.modal-icon{color:#f59e0b;margin:0 auto 20px}.subscription-modal h2{font-size:clamp(24px,6vw,32px);font-weight:800;margin:0 0 12px;color:#1e293b}.subscription-modal p{font-size:clamp(16px,3.5vw,18px);color:#64748b;margin:0 0 32px;line-height:1.6}.upgrade-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 12px 32px #3b82f666;transition:all .3s ease;width:100%}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 20px 48px #3b82f680}@media(max-width:768px){.shop-post-form{padding:16px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}}@media(max-width:480px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}:root{--bg-primary: #f8fafc;--bg-secondary: rgba(255, 255, 255, .92);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--accent: #3b82f6;--accent-dark: #2563eb;--success: #10b981;--danger: #ef4444;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 10px 30px rgba(0,0,0,.12);--shadow-glass: 0 4px 30px rgba(0,0,0,.1);--radius-lg: 24px;--radius-md: 16px;--transition: all .25s ease}html.dark .edp-profile-page,.dark .edp-profile-page{--bg-primary: #0f172a;--bg-secondary: rgba(30, 41, 59, .92);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #334155;--accent: #60a5fa;--accent-dark: #3b82f6;--shadow-sm: 0 4px 16px rgba(0,0,0,.4);--shadow-md: 0 12px 40px rgba(0,0,0,.45);--shadow-glass: 0 8px 32px rgba(0,0,0,.35)}.edp-profile-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary),color-mix(in srgb,var(--bg-primary) 80%,#000));color:var(--text-primary);padding-bottom:80px}.edp-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;position:sticky;top:0;z-index:100;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edp-back-button{background:#ffffff40;border:none;border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:var(--transition)}.edp-back-button:hover{background:#fff6;transform:scale(1.08)}.edp-header-title{font-size:24px;font-weight:700;flex:1;text-align:center;margin:0;letter-spacing:.5px}.edp-header-spacer{width:56px}.edp-profile-content{padding:32px 20px;max-width:540px;margin:0 auto}.edp-error-banner{background:color-mix(in srgb,var(--danger) 10%,var(--bg-secondary));color:var(--danger);padding:16px 20px;border-radius:var(--radius-md);border-left:5px solid var(--danger);margin-bottom:32px;font-weight:600}.edp-profile-card{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:40px 32px;border:1px solid var(--border);box-shadow:var(--shadow-glass);transition:var(--transition)}.edp-image-section{text-align:center;margin-bottom:40px}.edp-section-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:24px;letter-spacing:.5px}.edp-image-container{position:relative;display:inline-block;margin-bottom:16px}.edp-profile-image{width:180px;height:180px;border-radius:50%;border:6px solid var(--accent);object-fit:cover;box-shadow:var(--shadow-md);transition:var(--transition)}.edp-image-container:hover .edp-profile-image{transform:scale(1.03)}.edp-upload-button{position:absolute;bottom:20px;right:20px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:4px solid var(--bg-secondary);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition)}.edp-upload-button:hover{transform:scale(1.12);box-shadow:0 12px 35px #3b82f666}.edp-upload-hint{color:var(--text-muted);font-size:15px;font-weight:500;margin:0}.edp-profile-id-section{display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--accent) 5%,var(--bg-secondary));padding:16px 24px;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:40px}.edp-profile-id{font-size:18px;font-weight:600;margin:0}.edp-copy-button{background:#3b82f61a;border:none;border-radius:12px;padding:12px;cursor:pointer;transition:var(--transition)}.edp-copy-button:hover{background:#3b82f633;transform:scale(1.1)}.edp-info-grid{display:grid;gap:20px;margin-bottom:48px}.edp-info-item{display:flex;align-items:center;gap:16px;padding:20px;background:color-mix(in srgb,var(--accent) 3%,var(--bg-secondary));border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition)}.edp-info-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.edp-info-item svg{color:var(--accent);flex-shrink:0}.edp-info-item label{display:block;color:var(--text-secondary);font-weight:600;font-size:15px;margin-bottom:6px}.edp-info-item p,.edp-info-item input{margin:0;font-size:18px;color:var(--text-primary);font-weight:500}.edp-info-item input{background:transparent;border:none;outline:none;width:100%;padding:4px 0;font-size:17px}.edp-update-button{width:100%;padding:20px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:18px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);letter-spacing:.5px;transition:var(--transition)}.edp-update-button:hover{transform:translateY(-3px);box-shadow:0 16px 40px #3b82f659}.edp-update-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.edp-loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);gap:24px}.edp-spinner{width:56px;height:56px;border:5px solid var(--border);border-top:5px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:480px){.edp-profile-content{padding:24px 16px}.edp-profile-card{padding:32px 24px}.edp-profile-image{width:150px;height:150px}.edp-upload-button{width:52px;height:52px;bottom:15px;right:15px}}:root{--bg-page: #f8fafc;--bg-card: rgba(255, 255, 255, .82);--bg-card-hover: rgba(255, 255, 255, .96);--border-subtle: rgba(226, 232, 240, .68);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .22);--accent-soft: rgba(59, 130, 246, .1);--success: #10b981;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-soft: 0 10px 32px rgba(0,0,0,.09);--shadow-hover: 0 20px 56px rgba(0,0,0,.16);--transition: .32s cubic-bezier(.22, 1, .36, 1);--blur-md: blur(16px)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .86);--bg-card-hover: rgba(51, 65, 85, .94);--border-subtle: rgba(51, 65, 85, .7);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #94a3b8;--accent-soft: rgba(96, 165, 250, .18);--shadow-soft: 0 12px 40px rgba(0,0,0,.52);--shadow-hover: 0 24px 68px rgba(0,0,0,.64)}.account-wrapper{min-height:100vh;background:var(--bg-page);padding:1.5rem 1rem 3rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary)}.account-content{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.wallet-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--shadow-soft);transition:all var(--transition)}.wallet-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.wallet-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.wallet-header svg{color:var(--accent)}.wallet-header h2{font-size:1.38rem;font-weight:700;margin:0;color:var(--text-primary)}.balance-block{text-align:center;margin-bottom:1.75rem;padding:1.25rem;background:var(--accent-soft);border-radius:var(--radius-md)}.balance-label{font-size:.92rem;color:var(--text-secondary);margin-bottom:.4rem}.balance-value{font-size:2.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.account-info-grid{display:flex;flex-direction:column;gap:1.25rem}.info-row{display:flex;align-items:flex-start;gap:1rem}.info-row svg{color:var(--text-tertiary);margin-top:.3rem;flex-shrink:0}.info-content{flex:1}.info-label{font-size:.88rem;color:var(--text-tertiary);margin-bottom:.35rem}.info-value-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.info-value{font-size:1.02rem;font-weight:500;color:var(--text-primary);word-break:break-all}.copy-icon-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.4rem;border-radius:6px;transition:all .2s}.copy-icon-btn:hover,.copy-icon-btn:focus-visible{color:var(--accent);background:var(--accent-soft)}.topup-hint{margin-top:1.5rem;font-size:.9rem;color:var(--text-tertiary);text-align:center;font-style:italic}.no-wallet{text-align:center;padding:2.5rem 1rem}.no-wallet-icon{color:var(--text-muted);margin-bottom:1.2rem}.no-wallet h3{font-size:1.28rem;margin:0 0 .8rem;color:var(--text-primary)}.verify-cta{margin-top:1.5rem;padding:.85rem 1.8rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition)}.verify-cta:hover{background:var(--accent-hover);transform:translateY(-2px)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1.4rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--shadow-soft);transition:all var(--transition);cursor:pointer;color:var(--text-primary);text-align:center}.action-card:hover,.action-card:focus-visible{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.action-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-hover)}.action-card svg{color:var(--accent)}.action-card span{font-size:.96rem;font-weight:600}@media(max-width:480px){.account-wrapper{padding:1.25rem .9rem 3rem}.balance-value{font-size:2.1rem}.quick-actions-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;transform:none!important}}.logout-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:#fff;border:1px solid #ef4444;border-radius:8px;color:#dc2626;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:#fef2f2;border-color:#dc2626}.logout-button:disabled{opacity:.6;cursor:not-allowed}.loader-icon{animation:spin 1s linear infinite}.logout-button-wrapper button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444459!important}.logout-button-wrapper button:active{transform:translateY(0)}:root{--bg-page: linear-gradient(145deg, #f8fafc 0%, #eef2f6 100%);--bg-card: rgba(255, 255, 255, .92);--bg-overlay: rgba(255, 255, 255, .75);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: rgba(226, 232, 240, .7);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .25);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .25);--success: #10b981;--shadow-glass: 0 8px 32px rgba(0,0,0,.1);--shadow-hover: 0 16px 48px rgba(0,0,0,.15);--radius-lg: 20px;--radius-md: 16px;--transition: .28s cubic-bezier(.34, 1.56, .64, 1)}.dark,html.dark .ppl-profile-wrapper,.dark .ppl-profile-wrapper{--bg-page: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);--bg-card: rgba(30, 41, 59, .88);--bg-overlay: rgba(30, 41, 59, .75);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: rgba(51, 65, 85, .65);--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .35);--danger: #f87171;--danger-glow: rgba(248, 113, 113, .35);--shadow-glass: 0 12px 40px rgba(0,0,0,.45);--shadow-hover: 0 20px 60px rgba(0,0,0,.55)}.ppl-profile-wrapper{min-height:100vh;background:var(--bg-page);font-family:Inter,system-ui,sans-serif;color:var(--text-primary);position:relative;overflow-x:hidden}.ppl-profile-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,#000) 100%);opacity:.06;z-index:-2}.ppl-scroll-container{padding:100px 20px 40px;max-width:520px;margin:0 auto}.ppl-profile-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px;margin-bottom:32px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);border:1px solid var(--border);transition:var(--transition)}.ppl-profile-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.ppl-profile-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px;text-align:center;letter-spacing:.3px}.ppl-profile-row{display:flex;align-items:center;background:color-mix(in srgb,var(--accent) 6%,var(--bg-overlay));padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;transition:var(--transition)}.ppl-profile-row:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg-overlay))}.ppl-profile-id-text{font-size:18px;font-weight:600;color:var(--text-primary);word-break:break-all;max-width:70%}.ppl-copy-button{padding:10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:none;cursor:pointer;transition:var(--transition);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.ppl-copy-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(-2px)}.ppl-copy-button.ppl-copied{background:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.ppl-copy-button:disabled{opacity:.5;cursor:not-allowed}.ppl-menu-container{background:var(--bg-card);-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);border:1px solid var(--border);overflow:hidden}.ppl-menu-item{display:flex;align-items:center;padding:18px 24px;border:none;background:transparent;width:100%;cursor:pointer;border-bottom:1px solid var(--border);transition:var(--transition);color:var(--text-primary)}.ppl-menu-item:last-child{border-bottom:none}.ppl-menu-item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translate(6px)}.ppl-menu-item.ppl-danger{--icon-color: var(--danger);--text-color: var(--danger)}.ppl-menu-item.ppl-danger:hover{background:color-mix(in srgb,var(--danger) 15%,transparent)}.ppl-menu-icon{font-size:24px;color:var(--icon-color, var(--text-secondary));flex-shrink:0;margin-right:16px;transition:var(--transition)}.ppl-menu-text{flex:1;font-size:17px;font-weight:500;color:var(--text-color, var(--text-primary))}.ppl-menu-arrow{font-size:20px;color:var(--text-muted);opacity:.7;transition:var(--transition)}.ppl-menu-item:hover .ppl-menu-arrow{opacity:1;transform:translate(6px);color:var(--accent)}.ppl-copy-toast{position:fixed;top:24px;right:24px;background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:14px 28px;border-radius:16px;font-weight:600;font-size:15px;box-shadow:var(--shadow-hover);transform:translate(120%);opacity:0;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.ppl-copy-toast.ppl-show{transform:translate(0);opacity:1}@media(max-width:480px){.ppl-scroll-container{padding:80px 16px 32px}.ppl-profile-card{padding:24px}.ppl-profile-id-text{font-size:16px}.ppl-menu-item{padding:16px 20px}.ppl-menu-text{font-size:16px}.ppl-copy-toast{right:16px;left:16px;top:16px;font-size:14px;padding:12px 20px}}.ppl-scroll-container::-webkit-scrollbar{display:none}.ppl-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.ppl-menu-container>[style*="color: var(--danger)"],.ppl-menu-container>[style*="--text-color: var(--danger)"]{--text-color: var(--danger);--icon-color: var(--danger)}.ppl-menu-container>[style*="color: var(--danger)"]:hover,.ppl-menu-container>[style*="--text-color: var(--danger)"]:hover{background:color-mix(in srgb,var(--danger) 15%,transparent)!important;transform:translate(6px)}.view-receipt-container{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:400px}.button-container{display:flex;gap:12px;flex-wrap:wrap}.view-button,.pdf-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #2563EB;background:#fff;color:#2563eb;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.pdf-button{border-color:#10b981;color:#10b981}.view-button:hover:not(.disabled),.pdf-button:hover{background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb4d}.pdf-button:hover{background:#10b981;color:#fff;box-shadow:0 8px 25px #10b9814d}.view-button.disabled{opacity:.5;cursor:not-allowed;border-color:#d1d5db;color:#6b7280}.image-viewer-modal{position:fixed;inset:0;width:100vw;height:100vh;margin:0;padding:0;background:#000000f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;overflow:hidden}.viewer-content{width:100vw;height:100vh;margin:0;padding:0;background:#000;position:relative;overflow:hidden}.viewer-header{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#000000b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:50px;box-sizing:border-box}.header-title{color:#fff;font-size:15px;font-weight:600;flex:1;text-align:center;margin:0 52px}.header-button{background:#ffffff1f;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.header-button:hover:not(.saving){background:#ffffff3d}.header-button.saving{opacity:.6;cursor:not-allowed}.image-container{position:absolute;inset:50px 0 0;width:100%;height:calc(100% - 50px);margin:0;padding:0;background:#000;overflow:hidden}.main-image{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;margin:0;padding:0;background:#000}.nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:40;width:54px;height:54px;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:24px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-button:hover{background:#ffffff2e}.nav-button.prev{left:16px}.nav-button.next{right:16px}.thumbnails{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:40;display:flex;gap:10px;padding:8px 12px;background:#000000b8;border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:96vw;overflow-x:auto;scrollbar-width:none}.thumbnails::-webkit-scrollbar{display:none}.thumbnail{width:62px;height:94px;border-radius:8px;overflow:hidden;border:2.5px solid transparent;transition:all .18s}.thumbnail.active,.thumbnail:hover{border-color:#60a5fa;transform:scale(1.05)}.thumbnail img{width:100%;height:100%;object-fit:cover}.error-content{position:absolute;inset:50px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#000;padding:40px;text-align:center}.error-icon-large{color:#f87171;width:80px;height:80px}.error-message{font-size:1.25rem;max-width:480px}.close-error-button{padding:14px 40px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer}@media(max-width:640px){.viewer-header{height:48px;padding:8px 14px}.image-container{inset:48px 0 0}.nav-button{width:48px;height:48px;font-size:20px}.thumbnail{width:56px;height:84px}}.dark,html.dark .crcp-receipts-container,.dark .crcp-receipts-container{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .92);--bg-overlay: rgba(30, 41, 59, .95);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: rgba(51, 65, 85, .5);--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .35);--success: #34d399;--danger: #f87171;--shadow-sm: 0 4px 16px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.45);--shadow-glass: 0 12px 40px rgba(0,0,0,.5)}.crcp-centered,.crcp-empty-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:400px;color:var(--text-muted)}.crcp-loading-spinner{font-size:32px;color:var(--accent);animation:spin 1s linear infinite;margin-bottom:16px}.crcp-loading-text{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.crcp-content{padding:10px}.crcp-spending-card{background:var(--bg-card);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.crcp-spending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.crcp-spending-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.crcp-month-button{padding:8px;border-radius:8px;background:var(--accent);border:none;color:#fff;cursor:pointer;transition:var(--transition)}.crcp-month-button:hover{opacity:.9;transform:scale(1.05)}.crcp-spending-amount{font-size:24px;font-weight:700;color:var(--accent);margin:0}.crcp-nav-bar{background:var(--bg-card);border-radius:var(--radius-md);padding:4px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;border:1px solid var(--border)}.crcp-nav-bar-inner{display:flex;flex:1}.crcp-nav-button{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;border-radius:8px;display:flex;flex-direction:column;align-items:center;position:relative;color:var(--text-secondary);font-weight:600;transition:var(--transition)}.crcp-nav-button:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.crcp-nav-button.crcp-active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.crcp-nav-button span{font-size:14px}.crcp-underline-gradient{height:3px;width:80%;margin-top:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--success))}.crcp-filter-container{display:flex;align-items:center;margin-bottom:16px;gap:12px}.crcp-filter-button{padding:8px;border-radius:8px;background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition)}.crcp-filter-button:hover{opacity:.9;transform:scale(1.05)}.crcp-filter-info-text{font-size:14px;font-weight:500;color:var(--text-secondary);flex:1;text-align:right}.crcp-date-header{padding:8px 12px;margin:16px 0 8px}.crcp-date-header span{font-size:14px;font-weight:600;color:var(--text-primary);margin-right:8px}.crcp-date-header-underline{height:2px;flex:1;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:1px}.crcp-receipt-card{margin-bottom:24px;border-radius:var(--radius-lg);overflow:hidden;background:transparent}.crcp-card-touchable{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--border);box-shadow:var(--shadow-glass);transition:all var(--transition)}.crcp-card-touchable:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.dark .crcp-card-touchable{border-color:color-mix(in srgb,var(--text-muted) 60%,var(--border));box-shadow:0 14px 40px #00000080}.dark .crcp-card-touchable:hover{border-color:var(--accent);box-shadow:0 24px 72px #000000a6}.crcp-card-background{padding:16px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--card-overlay) 98%,var(--bg-page));transition:background var(--transition)}.dark .crcp-card-background{background:color-mix(in srgb,var(--card-overlay) 96%,#000)}.crcp-receipt-card:not(:last-child):after{content:"";display:block;height:1px;background:var(--border);margin:20px auto 0;width:85%;opacity:.4}.dark .crcp-receipt-card:not(:last-child):after{background:color-mix(in srgb,var(--border) 80%,var(--text-muted));opacity:.6}@media(max-width:480px){.crcp-receipt-card{margin-bottom:20px}.crcp-card-background{padding:14px}}@media(prefers-reduced-motion:reduce){.crcp-card-touchable,.crcp-receipt-card{transition:none;transform:none!important}}.crcp-card-main{flex:1;min-width:0}.crcp-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.crcp-receipt-id{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.crcp-status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;box-shadow:0 2px 8px #0000002e;flex-shrink:0}.crcp-bottom-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.crcp-receipt-amount{font-weight:700;color:var(--text-primary)}.crcp-receipt-date{color:var(--text-muted)}.crcp-button-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crcp-shop-image{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;border:2.5px solid var(--accent);box-shadow:0 4px 12px var(--accent-glow);flex-shrink:0}.crcp-card-divider{height:1px;background:var(--border);margin:12px 0}.crcp-pending-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.crcp-action-button{min-width:100px;height:38px;border:none;border-radius:10px;overflow:hidden;cursor:pointer;font-size:13px;font-weight:600;color:#fff;box-shadow:0 3px 10px #0000001f;transition:all .28s cubic-bezier(.34,1.56,.64,1)}.crcp-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.crcp-button-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;transition:all .28s}.crcp-accept-inner{background:linear-gradient(135deg,#22c55e,#16a34a)}.crcp-accept-inner:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.crcp-reject-inner{background:linear-gradient(135deg,#ef4444,#dc2626)}.crcp-reject-inner:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media(max-width:480px){.crcp-action-button{min-width:44px;width:44px;height:38px}.crcp-button-inner span{display:none}.crcp-button-inner{padding:0}.crcp-pending-actions{gap:8px}.crcp-card-background{padding:14px}.crcp-shop-image{width:42px;height:42px}}.crcp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;padding:16px;z-index:1000}.crcp-modal-content{background:var(--bg-card);border-radius:12px;padding:24px;width:100%;max-width:400px;box-shadow:var(--shadow-glass);border:1px solid var(--border);color:var(--text-primary)}.crcp-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:20px}.crcp-date-input,.crcp-picker{width:100%;padding:14px;border-radius:8px;background:color-mix(in srgb,var(--bg-card) 95%,var(--bg-page));border:2px solid transparent;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;margin-bottom:12px;transition:all .2s}.crcp-date-input:hover,.crcp-picker:hover{background:color-mix(in srgb,var(--accent) 5%,var(--bg-card));border-color:var(--accent)}.crcp-date-picker{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-card);padding:20px;border-radius:12px;box-shadow:var(--shadow-glass);z-index:1001;border:1px solid var(--border)}.crcp-modal-buttons{display:flex;gap:12px;margin-top:20px}.crcp-apply-button,.crcp-clear-button{flex:1;border-radius:10px;overflow:hidden;border:none;cursor:pointer}.crcp-apply-button .crcp-button-gradient{background:linear-gradient(135deg,var(--accent),#10B981);padding:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600}.crcp-clear-button{background:color-mix(in srgb,var(--bg-card) 90%,var(--bg-page));padding:14px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:15px;font-weight:600;border:1px solid var(--border)}.crcp-empty-container svg{color:var(--text-muted);margin-bottom:12px}.crcp-empty-text{font-size:18px;font-weight:600;color:var(--text-muted);margin:0}.crcp-receipts-list{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.crcp-nav-bar-inner{gap:4px}.crcp-nav-button span{font-size:13px}}@media(max-width:480px){.crcp-receipt-card{margin-bottom:12px}.crcp-card-background{padding:12px}}.subscription-wrapper{background:var(--bg-page);min-height:100vh;padding:24px 16px;display:flex;flex-direction:column;gap:32px;font-family:system-ui,-apple-system,sans-serif}.current-plan-card{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.plan-info-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.plan-info-row:last-child{border-bottom:none}.plan-label{font-size:14px;color:var(--text-secondary);flex:1}.plan-value{font-size:16px;font-weight:600;color:var(--text-primary)}.section-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.section-subtitle{font-size:15px;color:var(--text-secondary);margin:0 0 24px;line-height:1.4}.carousel-container{position:relative}.plans-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:20px;padding:0 20px 24px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.plans-carousel::-webkit-scrollbar{display:none}.plan-card{flex:0 0 86%;max-width:340px;background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);position:relative;scroll-snap-align:center;transition:all .28s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.plan-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f;border-color:var(--accent-blue)}.plan-card.selected{border:2px solid var(--accent-blue);box-shadow:0 12px 36px #2563eb38}.popular{border:2px solid var(--accent-blue);background:linear-gradient(to bottom,rgba(37,99,235,.04),transparent 40%)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--accent-blue);color:#fff;font-size:13px;font-weight:700;padding:6px 18px;border-radius:999px;box-shadow:0 4px 14px #2563eb59;letter-spacing:.3px}.plan-name{font-size:22px;font-weight:800;color:var(--text-primary);padding:28px 24px 12px;margin:0}.pricing{padding:0 24px 12px}.price{font-size:38px;font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:-1px}.price-discount{padding:0 24px 20px;display:flex;align-items:center;gap:12px;font-size:15px}.original{color:var(--text-secondary);text-decoration:line-through;font-weight:500}.discount{background:var(--accent-green);color:#fff;font-weight:700;font-size:13px;padding:4px 10px;border-radius:999px;line-height:1}.features{padding:0 24px 28px;margin:0;list-style:none}.features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;color:var(--text-primary);line-height:1.45}.check-icon{color:var(--accent-green);flex-shrink:0;margin-top:3px}.selected-overlay{position:absolute;inset:0;background:#2563eb0f;display:flex;align-items:center;justify-content:center;pointer-events:none}.selected-overlay svg{color:var(--accent-blue);opacity:.85}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:16px}.dot{width:10px;height:10px;background:var(--border-subtle);border-radius:50%;transition:all .3s ease;cursor:pointer}.dot.active{background:var(--accent-blue);transform:scale(1.4)}.plan-selector{display:flex;background:var(--hover-bg-medium);border-radius:12px;padding:6px;margin:28px 0 32px;box-shadow:inset 0 1px 3px #0000000f}.segment{flex:1;padding:14px 0;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .22s ease}.segment.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 10px #00000014}.subscribe-btn{width:100%;padding:18px;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #2563eb47;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.subscribe-btn:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 14px 36px #2563eb61}.subscribe-btn.disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:var(--bg-card);border-radius:24px;padding:32px 28px;max-width:90%;width:380px;text-align:center;box-shadow:var(--shadow-modal)}.modal-box h3{font-size:22px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.modal-box p{font-size:15.5px;color:var(--text-secondary);margin:0 0 28px;line-height:1.5}.modal-close-btn{width:100%;padding:16px;background:var(--accent-blue);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:var(--accent-blue-dark);transform:translateY(-2px)}@media(min-width:640px){.plans-carousel{gap:32px;padding:0 48px 32px}.plan-card{flex:0 0 380px;max-width:380px}.price{font-size:42px}}:root{--bg-page: #f9fafb;--bg-card: rgba(255, 255, 255, .82);--bg-card-hover: rgba(255, 255, 255, .94);--bg-card-active: rgba(248, 250, 252, .72);--border-subtle: rgba(226, 232, 240, .58);--border-strong: rgba(203, 213, 225, .88);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-on-accent: #ffffff;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--success-hover: rgba(16, 185, 129, .18);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--warning-hover: rgba(245, 158, 11, .18);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-hover: rgba(239, 68, 68, .18);--neutral: #6b7280;--neutral-bg: rgba(107, 114, 128, .08);--neutral-hover: rgba(107, 114, 128, .14);--locked-bg: rgba(148, 163, 184, .08);--shadow-sm: 0 6px 20px rgba(0,0,0,.08);--shadow-md: 0 12px 36px rgba(0,0,0,.12);--shadow-hover: 0 20px 60px rgba(0,0,0,.18);--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--transition: .32s cubic-bezier(.22, 1, .36, 1)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .86);--bg-card-hover: rgba(51, 65, 85, .94);--bg-card-active: rgba(30, 41, 59, .76);--border-subtle: rgba(51, 65, 85, .64);--border-strong: rgba(71, 85, 105, .9);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--success-bg: rgba(16, 185, 129, .16);--success-hover: rgba(16, 185, 129, .26);--warning-bg: rgba(245, 158, 11, .16);--warning-hover: rgba(245, 158, 11, .26);--danger-bg: rgba(239, 68, 68, .16);--danger-hover: rgba(239, 68, 68, .26);--neutral-bg: rgba(107, 114, 128, .14);--neutral-hover: rgba(107, 114, 128, .22);--locked-bg: rgba(148, 163, 184, .12);--shadow-sm: 0 8px 28px rgba(0,0,0,.5);--shadow-md: 0 16px 48px rgba(0,0,0,.58);--shadow-hover: 0 24px 72px rgba(0,0,0,.68)}.verification-page{min-height:100vh;background:var(--bg-page);padding:2rem 1.25rem 4rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary)}.content-wrapper{max-width:540px;margin:0 auto}.page-subtitle{text-align:center;font-size:1.05rem;font-weight:400;color:var(--text-secondary);margin:0 0 2.5rem;line-height:1.5;letter-spacing:-.01em}.verification-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);overflow:hidden;padding:1.75rem 1.5rem;gap:1rem;display:flex;flex-direction:column}.verification-step{position:relative;display:flex;align-items:center;gap:1.25rem;padding:1.375rem 1.5rem;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition);text-align:left;width:100%;overflow:hidden}.verification-step:disabled{cursor:not-allowed;opacity:.68}.verification-step:hover:not(:disabled){background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.verification-step:active:not(:disabled){transform:translateY(-1px)}.step-gradient{position:absolute;inset:0;border-radius:var(--radius-md);opacity:.35;transition:opacity var(--transition);pointer-events:none;z-index:-1}.verification-step:hover .step-gradient{opacity:.55}.step-icon-container{flex-shrink:0;width:68px;height:68px;display:flex;align-items:center;justify-content:center;background:#ffffff59;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 2px 2px 6px #fff9,inset -2px -2px 6px #00000014;position:relative}.dark .step-icon-container{background:#28324673;box-shadow:inset 2px 2px 8px #00000080,inset -2px -2px 8px #ffffff14}.step-icon{width:40px;height:40px;transition:transform var(--transition)}.step-icon.success{color:var(--success)}.step-icon.danger{color:var(--danger)}.step-icon.spinner{color:var(--warning);animation:spin 1.1s linear infinite}.step-icon.locked{color:var(--text-tertiary)}.step-content{flex:1;display:flex;align-items:center;gap:1.25rem;min-width:0}.step-text{flex:1}.step-text h3{margin:0 0 .4rem;font-size:1.16rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.step-text p{margin:0;font-size:.96rem;color:var(--text-secondary);line-height:1.4}.status-check{color:var(--success);opacity:.92;flex-shrink:0}.verification-step.locked{cursor:not-allowed;background:var(--locked-bg)}.verification-step.locked .step-icon-container{background:#94a3b82e}.verification-step.locked .step-text h3,.verification-step.locked .step-text p{color:var(--text-tertiary)}.verification-step.completed,.dark .verification-step.completed{background:var(--success-bg)}@media(max-width:480px){.verification-card{padding:1.5rem 1.25rem}.verification-step{padding:1.25rem 1.375rem;gap:1rem}.step-icon-container{width:60px;height:60px}.step-icon{width:36px;height:36px}.step-text h3{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.verification-step,.verification-step:hover,.verification-step:active,.step-gradient,.step-icon.spinner{transition:none!important;transform:none!important}}.verification-container{min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden}.verification-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:1}.header-main,.header-pending,.header-success{display:flex;align-items:center;padding:16px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-main{background:#3a7bd5f2}.header-pending{background:#f8fafcf2}.header-success{background:linear-gradient(135deg,#064e3bf2,#065f46f2)}.back-btn-main,.back-btn-pending{padding:8px;border-radius:12px;background:#ffffff40;border:none;cursor:pointer;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn-pending{background:#00000014;color:#1e293b}.header-title-main{flex:1;font-size:20px;font-weight:700;color:#fff;text-align:center;letter-spacing:.2px;margin:0}.header-title-pending{flex:1;font-size:20px;font-weight:700;color:#1e293b;text-align:center;margin:0}.header-title-success{flex:1;font-size:21px;font-weight:700;color:#fff;text-align:center;margin:0}.header-spacer{width:40px}.card-pending{margin:32px 24px;background:#fff;border-radius:24px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;box-shadow:0 10px 30px #0000001a,0 0 0 1px #fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pulse-ring-pending{position:absolute;width:120px;height:120px;border-radius:60px;background:#6366f133}.spinner-pending{font-size:32px;color:#6366f1;margin-bottom:24px;animation:spin 1s linear infinite}.title-pending{font-size:28px;font-weight:700;color:#1e293b;text-align:center;margin:0 0 16px}.subtitle-pending{font-size:17px;color:#475569;text-align:center;margin:0 0 32px;line-height:1.5}.info-pending{font-size:15px;color:#64748b;text-align:center;margin:0 0 48px;line-height:1.5}.action-button-pending{width:100%;border-radius:16px;overflow:hidden;cursor:pointer}.gradient-button-pending{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:18px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;font-size:18px;font-weight:600;transition:all .3s}.gradient-button-pending:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.card-success{margin:40px 24px;background:#ffffff1f;border-radius:28px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.checkmark-circle{width:140px;height:140px;border-radius:70px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff80}.checkmark-circle svg{font-size:80px;color:#10b981}.success-title{font-size:32px;font-weight:800;color:#fff;text-align:center;margin:0 0 16px}.success-msg{font-size:18px;color:#d1fae5;text-align:center;line-height:1.6;margin:0 0 48px}.action-button-success{width:100%;border-radius:16px;overflow:hidden;cursor:pointer}.gradient-button-success{background:linear-gradient(135deg,#10b981,#34d399);padding:18px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;color:#fff;font-size:18px;font-weight:600;transition:all .3s}.gradient-button-success:hover{transform:translateY(-2px);box-shadow:0 10px 30px #10b98166}.main-card{margin:24px 20px 20px;background:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;box-shadow:0 6px 20px #0000001f,0 0 0 1px #fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.security-icon{font-size:90px;color:#3b82f6;margin-bottom:24px}.main-title{font-size:28px;font-weight:800;color:#1e293b;text-align:center;margin:0 0 12px}.main-subtitle{font-size:17px;color:#475569;text-align:center;margin:0 0 40px}.start-button{width:100%;border-radius:16px;overflow:hidden;cursor:pointer;margin-bottom:40px}.gradient-button-main{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:18px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;color:#fff;font-size:18px;font-weight:600;transition:all .3s}.gradient-button-main:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4f46e566}.main-info{font-size:15px;color:#64748b;text-align:center;line-height:1.5;margin:0}.webview-container{flex:1;position:relative;background:#fff}.secure-iframe{width:100%;height:100%;border:none;border-radius:0}.advanced-overlay{position:absolute;inset:0;background:#0f172af7;display:flex;justify-content:center;align-items:center;z-index:20}.overlay-card{background:#1e293b;padding:48px;border-radius:32px;display:flex;flex-direction:column;align-items:center;max-width:88%;box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pulse-ring-overlay{position:absolute;width:100px;height:100px;border-radius:50px;background:#60a5fa33}.overlay-spinner{font-size:32px;color:#60a5fa;margin-bottom:28px;animation:spin 1s linear infinite}.overlay-title{color:#fff;font-size:23px;font-weight:700;margin:0 0 12px;text-align:center}.overlay-subtitle{color:#94a3b8;font-size:16px;margin:0;text-align:center;line-height:1.5}.verification-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;box-shadow:0 8px 32px #3b82f666;transform:translate(400px);opacity:0;z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);max-width:300px}.verification-toast.show{transform:translate(0);opacity:1}@media(max-width:768px){.verification-container.main,.verification-container.pending,.verification-container.success{padding-top:60px}.card-pending,.card-success,.main-card{margin:24px 16px;padding:24px}.security-icon{font-size:70px}}.notification-settings-wrapper{background:var(--bg-page);min-height:100vh;padding:24px 16px;display:flex;flex-direction:column;gap:32px}.settings-list{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-subtle);transition:background .2s ease}.setting-row:last-child{border-bottom:none}.setting-row:hover{background:var(--hover-bg-medium)}.setting-left{display:flex;align-items:center;gap:16px;flex:1}.setting-icon-wrapper{width:44px;height:44px;background:var(--hover-bg-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.setting-label{font-size:16px;font-weight:500;color:var(--text-primary)}.switch{position:relative;display:inline-block;width:54px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-input);transition:.3s;border-radius:28px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 4px #0000001f}input:checked+.slider{background-color:var(--accent-green)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.save-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 100%);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 6px 20px #2563eb47;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.save-btn:hover:not(.loading){transform:translateY(-3px);box-shadow:0 12px 32px #2563eb61}.save-btn.loading{opacity:.8;cursor:wait;transform:none}.success-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--accent-green);color:#fff;padding:14px 28px;border-radius:999px;display:flex;align-items:center;gap:12px;font-weight:600;box-shadow:0 8px 24px #10b98159;z-index:1000}@media(min-width:640px){.notification-settings-wrapper{max-width:600px;margin:0 auto}.setting-row{padding:20px 32px}}.feedback-wrapper{min-height:100vh;background:var(--bg-page);padding:24px 16px;display:flex;flex-direction:column;align-items:center}.feedback-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:40px 28px;width:100%;max-width:520px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-modal);position:relative;overflow:hidden}.feedback-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--accent-blue),#8b5cf6,#ec4899)}.form-subtitle{font-size:15.5px;color:var(--text-secondary);text-align:center;margin:0 0 40px;line-height:1.5}.stars-row{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.star-btn{background:none;border:none;padding:8px;cursor:pointer;transition:all .25s}.star-btn:disabled{cursor:not-allowed;opacity:.6}.rating-display{font-size:16px;font-weight:600;color:var(--text-primary);text-align:center;margin:0 0 32px}.textarea-group{margin-bottom:32px}.textarea-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px;display:block}.feedback-textarea{width:100%;padding:16px 20px;background:var(--hover-bg-medium);border:2px solid var(--border-input);border-radius:16px;font-size:16px;color:var(--text-primary);resize:vertical;min-height:120px;transition:all .3s}.feedback-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px var(--focus-ring);transform:translateY(-2px)}.feedback-textarea::placeholder{color:var(--text-secondary);opacity:.7}.feedback-textarea:disabled{opacity:.6;cursor:not-allowed}.submit-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 50%,#8b5cf6 100%);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 10px 30px #2563eb59;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .7s}.submit-btn:hover:not(.loading):before{left:100%}.submit-btn:hover:not(.loading){transform:translateY(-4px);box-shadow:0 18px 45px #2563eb80}.submit-btn.loading{opacity:.7;cursor:wait;transform:none}@media(max-width:480px){.feedback-card{padding:32px 20px;margin:24px 16px;border-radius:24px}.form-title{font-size:24px}.stars-row{gap:8px}.star-btn svg{width:36px;height:36px}}.change-password-wrapper{min-height:100vh;background:var(--bg-page);padding:0;position:relative;overflow-x:hidden}.header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-header);color:var(--text-light);border-radius:0 0 36px 36px;box-shadow:0 12px 40px #00000040;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{background:#ffffff2e;border:none;border-radius:16px;padding:14px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.back-button:hover{background:#ffffff47;transform:scale(1.08);box-shadow:0 8px 24px #0003}.back-button svg{color:#fff}.header-title{font-size:24px;font-weight:800;flex:1;text-align:center;margin:0;letter-spacing:-.5px}.header-spacer{width:54px}.form-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;padding:40px 28px;margin:40px auto;max-width:480px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-modal);position:relative;overflow:hidden}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-blue-dark),#a78bfa)}.form-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 12px;text-align:center;letter-spacing:-.6px}.form-subtitle{font-size:15.5px;color:var(--text-secondary);text-align:center;margin:0 0 36px;line-height:1.5}.input-group{margin-bottom:28px}.input-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px;display:block}.password-field{position:relative;display:flex;align-items:center;background:var(--hover-bg-medium);border:2px solid var(--border-input);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.password-field:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 4px var(--focus-ring);transform:translateY(-2px)}.field-icon{color:var(--text-secondary);margin-left:18px;flex-shrink:0}.password-input{flex:1;padding:16px 18px;border:none;background:transparent;font-size:16px;font-weight:500;color:var(--text-primary);outline:none}.password-input::placeholder{color:var(--text-secondary);opacity:.7}.toggle-btn{background:none;border:none;color:var(--text-secondary);padding:0 20px;cursor:pointer;transition:all .25s}.toggle-btn:hover{color:var(--accent-blue);transform:scale(1.15)}.error-border{border-color:var(--accent-red)!important}.input-hint{font-size:13px;margin-top:8px;display:block;padding-left:4px}.input-hint.error{color:var(--accent-red)}.error-message{background:#ef44441f;color:var(--accent-red);padding:14px 18px;border-radius:14px;display:flex;align-items:center;gap:12px;margin:20px 0 28px;font-size:14.5px;font-weight:500}.submit-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-dark) 50%,#8b5cf6 100%);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 10px 30px #2563eb59;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .7s}.submit-btn:hover:not(.disabled):before{left:100%}.submit-btn:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 18px 45px #2563eb80}.submit-btn.disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.spinner{animation:spin 1s linear infinite}.success-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--accent-green);color:#fff;padding:16px 36px;border-radius:999px;display:flex;align-items:center;gap:14px;font-weight:600;font-size:15.5px;box-shadow:0 10px 30px #10b98166;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:480px){.form-card{padding:32px 20px;margin:24px 16px;border-radius:20px}.form-title{font-size:24px}.submit-btn{padding:16px;font-size:16px}}:root{--btmt-bg: rgba(255, 255, 255, .96);--btmt-border: rgba(226, 232, 240, .7);--btmt-shadow: 0 -8px 32px -12px rgba(0, 0, 0, .14);--btmt-text-primary: #0f172a;--btmt-text-secondary: #64748b;--btmt-accent: #3b82f6;--btmt-accent-glow: rgba(59, 130, 246, .4);--btmt-active-bg: rgba(59, 130, 246, .1);--btmt-radius: 20px;--btmt-transition: .32s cubic-bezier(.22, 1, .36, 1);--btmt-blur: blur(20px);--btmt-saturate: saturate(140%)}.dark{--btmt-bg: rgba(15, 23, 42, .92);--btmt-border: rgba(51, 65, 85, .78);--btmt-shadow: 0 -12px 40px -16px rgba(0, 0, 0, .7);--btmt-text-primary: #e2e8f0;--btmt-text-secondary: #94a3b8;--btmt-accent: #60a5fa;--btmt-accent-glow: rgba(96, 165, 250, .5);--btmt-active-bg: rgba(96, 165, 250, .2);--btmt-blur: blur(22px);--btmt-saturate: saturate(150%)}.btmt-bottom-tab-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:var(--btmt-bg);border-top:1px solid var(--btmt-border);border-top-left-radius:var(--btmt-radius);border-top-right-radius:var(--btmt-radius);-webkit-backdrop-filter:var(--btmt-blur) var(--btmt-saturate);backdrop-filter:var(--btmt-blur) var(--btmt-saturate);box-shadow:var(--btmt-shadow);padding-bottom:env(safe-area-inset-bottom,0px);height:74px;overflow:hidden;transform:translateZ(0);will-change:transform,backdrop-filter}.btmt-bottom-tab-container{display:flex;align-items:center;justify-content:space-around;height:100%;max-width:520px;margin:0 auto;padding:0 12px}.btmt-tab-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:transparent;border:none;padding:8px 4px 6px;cursor:pointer;transition:all var(--btmt-transition);-webkit-tap-highlight-color:transparent;transform:translateZ(0);backface-visibility:hidden}.btmt-tab-item:active{transform:scale(.96) translateZ(0)}.btmt-icon-wrapper{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all var(--btmt-transition);will-change:transform,filter;transform:translateZ(0)}.btmt-tab-icon{color:var(--btmt-text-secondary);transition:all var(--btmt-transition);image-rendering:-webkit-optimize-contrast;shape-rendering:geometricPrecision}.btmt-tab-item.btmt-active .btmt-tab-icon,.btmt-tab-item:hover .btmt-tab-icon{color:var(--btmt-accent)}.btmt-tab-item.btmt-active .btmt-icon-wrapper{transform:translateY(-4px) translateZ(0);filter:drop-shadow(0 6px 16px var(--btmt-accent-glow))}.btmt-badge{position:absolute;top:2px;right:-2px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px #ef444466;border:1.5px solid var(--btmt-bg);transform:scale(.92) translateZ(0)}.btmt-tab-label{font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;color:var(--btmt-text-secondary);line-height:1.1;letter-spacing:-.01em;transition:all var(--btmt-transition);transform:translateZ(0);-webkit-font-smoothing:antialiased}.btmt-tab-item.btmt-active .btmt-tab-label,.btmt-tab-item:hover .btmt-tab-label{color:var(--btmt-accent);font-weight:700}.btmt-active-indicator{position:absolute;bottom:6px;left:50%;transform:translate(-50%) translateZ(0);width:32px;height:3px;background:linear-gradient(90deg,transparent 10%,var(--btmt-accent) 50%,transparent 90%);border-radius:999px;box-shadow:0 2px 12px var(--btmt-accent-glow);opacity:.92}.dark .btmt-badge{background:#f87171;box-shadow:0 2px 10px #f8717180}@media(prefers-reduced-motion:reduce){.btmt-tab-item,.btmt-icon-wrapper,.btmt-tab-icon,.btmt-tab-label,.btmt-active-indicator{transition:none!important;transform:none!important}}@media(min-width:768px){.btmt-bottom-tab-nav{display:none}}.shpslt-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.shpslt-modal-container{width:100%;max-width:420px;max-height:90vh;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.shpslt-modal-card{display:flex;flex-direction:column;height:100%}.shpslt-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.shpslt-title-container{flex:1}.shpslt-title{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.shpslt-subtitle{margin:4px 0 0;font-size:.95rem;color:#6b7280}.shpslt-close-x-button{background:none;border:none;padding:8px;cursor:pointer;border-radius:50%;transition:background .2s}.shpslt-close-x-button:hover{background:#00000014}.shpslt-scroll-container{flex:1;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch}.shpslt-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#6b7280}.shpslt-spinner{animation:spin 1s linear infinite}.shpslt-loader-text{margin-top:12px;font-size:1rem}.shpslt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#9ca3af;text-align:center}.shpslt-empty-title{margin:16px 0 8px;font-size:1.4rem;font-weight:600;color:#4b5563}.shpslt-empty-subtitle{font-size:1rem;color:#9ca3af}.shpslt-shop-card{background:#fff;border-radius:16px;margin-bottom:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.shpslt-shop-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001f}.shpslt-card-content{padding:20px}.shpslt-shop-name{margin:0 0 12px;font-size:1.25rem;font-weight:700;color:#111827}.shpslt-badge-container{margin-bottom:12px}.shpslt-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;font-size:.875rem;font-weight:600;color:#fff}.shpslt-badge-text{white-space:nowrap}.shpslt-card-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.shpslt-item-count{font-size:1rem;color:#4b5563}.shpslt-price{font-size:1.25rem;font-weight:700;color:#111827}.shpslt-pickup-box{display:flex;align-items:center;gap:10px;padding:12px;background:#10b9811a;border-radius:12px;margin-top:12px;font-weight:500;color:#065f46}.shpslt-pickup-label{font-weight:600}.shpslt-pickup-code{font-weight:700;font-size:1.1rem;letter-spacing:1px}.shpslt-status-hint{margin:12px 0 0;font-size:.9rem;color:#6b7280;line-height:1.4}.shpslt-bottom-close-button{width:100%;padding:16px;background:#f3f4f6;border:none;font-size:1.1rem;font-weight:600;color:#374151;cursor:pointer;transition:background .2s}.shpslt-bottom-close-button:hover{background:#e5e7eb}@media screen and (max-width:768px){html,body{height:100vh!important;overflow-x:hidden!important;position:relative;-webkit-overflow-scrolling:touch}}:root{--orb-size: clamp(54px, 5.5vw, 64px);--badge-size: clamp(32px, 3.2vw, 38px);--badge-offset: -12px;--snap-margin: 20px;--safe-bottom: 120px;--primary-gradient: linear-gradient(145deg, #3B82F6 0%, #2563EB 50%, #1D4ED8 100%);--accent-red: #F43F5E;--shadow-soft: 0 16px 32px rgba(59, 130, 246, .28);--shadow-hard: 0 8px 20px rgba(0, 0, 0, .18);--glow-blue: 0 0 20px rgba(59, 130, 246, .45);--text-shadow: 0 1.5px 3px rgba(0,0,0,.65)}.floating-orb{position:fixed!important;right:var(--snap-margin)!important;bottom:var(--safe-bottom)!important;width:var(--orb-size);height:var(--orb-size);z-index:9999!important;pointer-events:auto;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transform:translateZ(0);contain:layout style paint;filter:drop-shadow(var(--shadow-soft));transition:filter .3s ease}.floating-orb:hover,.floating-orb:active{filter:drop-shadow(var(--glow-blue)) brightness(1.08)}.orb-inner{width:100%;height:100%;background:var(--primary-gradient);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.orb-inner:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.92}.orb-icon{color:#fff;font-size:clamp(26px,3vw,32px);z-index:3;filter:drop-shadow(var(--text-shadow))}.badge{position:absolute;top:var(--badge-offset);right:var(--badge-offset);z-index:10;background:var(--accent-red);border-radius:50%;min-width:var(--badge-size);height:var(--badge-size);display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 8px 24px #f43f5e80,0 4px 12px #00000059,inset 0 2px 6px #ffffff80;transform:translate(6px,-6px);padding:0 6px;font-variant-numeric:tabular-nums;animation:badgeAppear .6s ease-out}.badge span{color:#fff;font-size:clamp(13.5px,1.6vw,16.5px);font-weight:900;line-height:1;text-shadow:0 1.5px 4px rgba(0,0,0,.7),0 0 10px rgba(0,0,0,.4);letter-spacing:-.3px}@keyframes badgeAppear{0%{transform:translate(6px,-6px) scale(.6);opacity:0}60%{transform:translate(6px,-6px) scale(1.15)}to{transform:translate(6px,-6px) scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.015)}}.floating-orb{animation:float 4.5s ease-in-out infinite}@media(max-width:768px){:root{--orb-size: clamp(52px, 14vw, 60px);--badge-size: clamp(28px, 8vw, 34px);--badge-offset: -10px;--snap-margin: 16px;--safe-bottom: 100px}.badge{transform:translate(5px,-5px);border-width:3.5px}.badge span{font-size:clamp(12px,3.2vw,14.5px)}}@media(prefers-contrast:high){.badge{background:#dc2626;border:5px solid #ffffff;box-shadow:0 0 0 3px #000}}:root{--seller-orb-size: clamp(54px, 5.5vw, 65px);--seller-badge-size: clamp(32px, 3.2vw, 38px);--seller-badge-offset: -12px;--snap-margin: 20px;--safe-top: 120px;--safe-bottom: 120px;--seller-gradient: linear-gradient(145deg, #DC2626 0%, #B91C1C 50%, #991B1B 100%);--accent-orange: #F97316;--seller-shadow-soft: 0 16px 32px rgba(220, 38, 38, .28);--seller-shadow-hard: 0 8px 20px rgba(0, 0, 0, .18);--glow-red: 0 0 20px rgba(220, 38, 38, .45);--text-shadow: 0 1.5px 3px rgba(0,0,0,.65)}.seller-floating-orb{position:fixed!important;left:var(--snap-margin)!important;top:var(--safe-top)!important;width:var(--seller-orb-size);height:var(--seller-orb-size);z-index:99999!important;pointer-events:auto;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transform:translateZ(0);contain:layout style paint;filter:drop-shadow(var(--seller-shadow-soft));transition:filter .3s ease}.seller-floating-orb:hover,.seller-floating-orb:active{filter:drop-shadow(var(--glow-red)) brightness(1.08)}.seller-orb-inner{width:100%;height:100%;background:var(--seller-gradient);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;transition:all .22s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(255,255,255,.3)}.seller-orb-inner:before{content:"";position:absolute;inset:0;background:transparent!important;pointer-events:none;z-index:1;opacity:.92}.seller-orb-icon{color:#fff;font-size:clamp(26px,3vw,34px);z-index:3;filter:drop-shadow(var(--text-shadow))}.seller-badge{position:absolute;top:var(--seller-badge-offset);right:var(--seller-badge-offset);z-index:10;background:var(--accent-orange);border-radius:50%;min-width:var(--seller-badge-size);height:var(--seller-badge-size);display:flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 8px 24px #f9731680,0 4px 12px #00000059,inset 0 2px 6px #ffffff80;transform:translate(6px,-6px);padding:0 6px;font-variant-numeric:tabular-nums;animation:seller-badgeAppear .6s ease-out}.seller-badge span{color:#fff;font-size:clamp(13.5px,1.6vw,16.5px);font-weight:900;line-height:1;text-shadow:0 1.5px 4px rgba(0,0,0,.7),0 0 10px rgba(0,0,0,.4);letter-spacing:-.3px}@keyframes seller-badgeAppear{0%{transform:translate(6px,-6px) scale(.6);opacity:0}60%{transform:translate(6px,-6px) scale(1.15)}to{transform:translate(6px,-6px) scale(1);opacity:1}}@keyframes sellerFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.seller-floating-orb{animation:sellerFloat 4s ease-in-out infinite}@media(max-width:768px){:root{--seller-orb-size: clamp(52px, 14vw, 62px);--seller-badge-size: clamp(28px, 8vw, 36px);--seller-badge-offset: -10px;--snap-margin: 16px;--safe-top: 500px}.seller-badge{transform:translate(5px,-5px);border-width:3.5px}.seller-badge span{font-size:clamp(12px,3.2vw,15px)}}@media(prefers-contrast:high){.seller-badge{background:#ea580c;border:5px solid #ffffff;box-shadow:0 0 0 3px #000}}:root{--bg-page: #f8fafc;--bg-card: rgba(255, 255, 255, .82);--bg-card-hover: rgba(255, 255, 255, .94);--border-subtle: rgba(226, 232, 240, .68);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-light: #e2e8f0;--text-muted-dark: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .28);--accent-soft: rgba(59, 130, 246, .1);--shadow-soft: 0 10px 32px rgba(0,0,0,.09);--shadow-hover: 0 20px 56px rgba(0,0,0,.16);--radius-lg: 18px;--radius-md: 14px;--transition: .32s cubic-bezier(.22, 1, .36, 1)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .84);--bg-card-hover: rgba(51, 65, 85, .92);--border-subtle: rgba(51, 65, 85, .7);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-light: #f1f5f9;--text-muted-dark: #94a3b8;--accent-soft: rgba(96, 165, 250, .16);--shadow-soft: 0 12px 40px rgba(0,0,0,.5);--shadow-hover: 0 24px 64px rgba(0,0,0,.6)}.details-container{min-height:100vh;background:var(--bg-page);padding:1.5rem 1rem 2rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary)}.options-container{display:flex;flex-direction:column;gap:1.125rem;max-width:580px;margin:0 auto}.option-card{position:relative;display:flex;align-items:center;gap:1.25rem;padding:1.375rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition);overflow:hidden}.option-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,var(--accent-soft));opacity:0;transition:opacity var(--transition);pointer-events:none}.option-card:hover:after,.option-card:focus-visible:after{opacity:1}.option-card:hover,.option-card:focus-visible{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-subtle))}.option-card:active{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.icon-wrapper{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:var(--radius-md);font-size:1.9rem;color:var(--accent);transition:all var(--transition)}.option-card:hover .icon-wrapper,.option-card:focus-visible .icon-wrapper{background:var(--accent);color:#fff;transform:scale(1.1);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 22%,transparent)}.option-text{flex:1;font-size:1.08rem;font-weight:600;color:var(--text-primary)!important;margin:0;letter-spacing:-.01em}.chevron-icon{width:22px;height:22px;color:var(--text-tertiary);flex-shrink:0;transition:all var(--transition);opacity:.75}.option-card:hover .chevron-icon,.option-card:focus-visible .chevron-icon{color:var(--accent);opacity:1;transform:translate(6px)}.option-card:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent),var(--shadow-hover)}@media(max-width:480px){.details-container{padding:1.125rem .875rem 1.75rem}.option-card{padding:1.25rem 1.375rem;gap:1rem}.icon-wrapper{width:52px;height:52px;font-size:1.75rem}.option-text{font-size:1.02rem}.chevron-icon{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.option-card,.option-card:hover,.option-card:focus-visible,.icon-wrapper,.chevron-icon{transition:none!important;transform:none!important}}:root{--scon-bg-page: #efeae2;--scon-bg-chat: #e5ddd5;--scon-bg-user-msg: #d9fdd3;--scon-bg-other-msg: #ffffff;--scon-bg-header: #ededed;--scon-bg-input: #f0f2f5;--scon-text-primary: #111b21;--scon-text-secondary: #3b4a54;--scon-text-time: #667781;--scon-text-meta: #8696a0;--scon-border-subtle: #d1d7db;--scon-accent-green: #25d366;--scon-accent-green-dark: #1da851;--scon-read-check: #53bdeb;--scon-unread-check: #92a1ad;--scon-shadow-bubble: 0 1px .5px rgba(11,20,26,.13);--scon-shadow-soft: 0 2px 6px rgba(0,0,0,.12);--scon-backdrop: rgba(0,0,0,.58);--scon-hover-bg: rgba(0,0,0,.04);--scon-focus-ring: rgba(37,211,102,.2)}.dark{--scon-bg-page: #0b141a;--scon-bg-chat: #0b141a;--scon-bg-user-msg: #005c4b;--scon-bg-other-msg: #202c33;--scon-bg-header: #111b21;--scon-bg-input: #1e2c34;--scon-text-primary: #e9edef;--scon-text-secondary: #8696a0;--scon-text-time: #8696a0;--scon-text-meta: #8696a0;--scon-border-subtle: #2a3942;--scon-accent-green: #25d366;--scon-accent-green-dark: #1da851;--scon-read-check: #53bdeb;--scon-unread-check: #5d6d74;--scon-shadow-bubble: 0 1px 2px rgba(0,0,0,.45);--scon-shadow-soft: 0 4px 12px rgba(0,0,0,.5);--scon-backdrop: rgba(0,0,0,.75);--scon-hover-bg: rgba(255,255,255,.06);--scon-focus-ring: rgba(37,211,102,.3)}*{box-sizing:border-box}.scon-chat-wrapper{min-height:100vh;background:var(--scon-bg-page);color:var(--scon-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.scon-chat-header{height:60px;background:var(--scon-bg-header);border-bottom:1px solid var(--scon-border-subtle);display:flex;align-items:center;padding:0 16px;gap:16px;flex-shrink:0;position:relative;z-index:10}.scon-chat-header h1{font-size:19px;font-weight:600;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scon-back-btn{background:none;border:none;color:var(--scon-text-primary);padding:10px;border-radius:50%;cursor:pointer;transition:background .18s}.scon-back-btn:hover{background:var(--scon-hover-bg)}.scon-retry-btn{background:#ef4444;color:#fff;border:none;padding:6px 14px;border-radius:18px;font-size:14px;cursor:pointer}.scon-messages-container{flex:1;overflow-y:auto;padding:16px 8px 100px;background:var(--scon-bg-chat);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="%23c9d1d9" fill-opacity="0.04" d="M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 0c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-42-8c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3z"/></svg>');background-size:240px;display:flex;flex-direction:column}.scon-messages-list{display:flex;flex-direction:column;gap:2px}.scon-message{display:flex;flex-direction:column;max-width:78%;margin:4px 12px;word-wrap:break-word;overflow-wrap:break-word}.scon-user-message{align-self:flex-end;align-items:flex-end}.scon-shop-message{align-self:flex-start;align-items:flex-start}.scon-message-content{position:relative;padding:7px 13px 5px;border-radius:7.5px;background:var(--scon-bg-other-msg);box-shadow:var(--scon-shadow-bubble);font-size:15.1px;line-height:1.38;color:var(--scon-text-primary);word-break:break-word;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.scon-user-message .scon-message-content{background:var(--scon-bg-user-msg);border-bottom-right-radius:1.8px}.scon-shop-message .scon-message-content{border-bottom-left-radius:1.8px}.scon-user-message .scon-message-content{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.scon-shop-message .scon-message-content{clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px))}.scon-message-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--scon-text-time);margin-top:2px;opacity:.92}.scon-message-time{margin-left:auto}.scon-input-section{min-height:60px;background:var(--scon-bg-header);border-top:1px solid var(--scon-border-subtle);display:flex;align-items:center;padding:8px 12px;gap:8px;flex-shrink:0}.scon-attach-btn,.scon-send-btn{background:none;border:none;color:var(--scon-text-secondary);padding:12px;border-radius:50%;cursor:pointer;transition:all .18s}.scon-attach-btn:hover,.scon-send-btn:hover:not(:disabled){background:var(--scon-hover-bg);color:var(--scon-text-primary)}.scon-send-btn:disabled{opacity:.45;cursor:not-allowed}.scon-message-input{flex:1;min-height:42px;max-height:140px;padding:10px 16px;border-radius:22px;border:none;background:var(--scon-bg-input);font-size:15.5px;color:var(--scon-text-primary);outline:none;resize:vertical;line-height:1.35}.scon-message-input::placeholder{color:var(--scon-text-secondary);opacity:.7}.scon-message-input:focus{box-shadow:0 0 0 3px var(--scon-focus-ring)}.scon-empty-chat,.scon-loading-messages,.scon-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--scon-text-secondary);text-align:center;gap:16px}.scon-error-banner{background:#fee2e2;color:#991b1b;padding:12px 16px;margin:16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px}.scon-media-modal{position:fixed;inset:0;background:var(--scon-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.scon-modal-content{background:var(--scon-bg-other-msg);border-radius:16px;padding:24px;width:88%;max-width:380px;display:flex;flex-direction:column;gap:16px;color:var(--scon-text-primary);box-shadow:var(--scon-shadow-soft)}.scon-modal-content h3{margin:0;font-size:18px;font-weight:600}.scon-modal-content button{background:none;border:none;text-align:left;padding:12px 16px;font-size:16px;display:flex;align-items:center;gap:16px;border-radius:12px;cursor:pointer;color:var(--scon-text-primary);transition:background .18s}.scon-modal-content button:hover{background:var(--scon-hover-bg)}.scon-modal-content button:disabled{opacity:.5;cursor:not-allowed}@keyframes scon-spin{to{transform:rotate(360deg)}}.scon-spin{animation:scon-spin 1.3s linear infinite}@media(max-width:480px){.scon-message{max-width:84%}.scon-chat-header{padding:0 12px}.scon-input-section{padding:8px 10px}}.scon-inactive-banner{background:#fef3c7;color:#92400e;padding:12px 16px;margin:8px 16px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.scon-attachment-placeholder{padding:8px 12px;background:#0000000f;border-radius:6px;font-size:14px;text-align:center;color:var(--scon-text-secondary)}.scon-spin.small{animation:scon-spin 1s linear infinite}:root{--bg-page: #f8fafc;--bg-card: #ffffff;--bg-surface: #f1f5f9;--bg-muted: #e2e8f0;--border-subtle: rgba(226, 232, 240, .8);--border-strong: rgba(148, 163, 184, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--accent-primary: #3b82f6;--accent-primary-dark: #2563eb;--accent-danger: #ef4444;--shadow-soft: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-card: 0 4px 12px rgba(0,0,0,.08);--shadow-hover: 0 12px 32px rgba(0,0,0,.14);--radius-lg: 1.25rem;--radius-md: .875rem;--radius-sm: .625rem}.dark{--bg-page: #0f172a;--bg-card: #1e293b;--bg-surface: #334155;--bg-muted: #475569;--border-subtle: rgba(59, 68, 85, .9);--border-strong: rgba(100, 116, 139, .5);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--shadow-soft: 0 1px 3px rgba(0,0,0,.4);--shadow-card: 0 6px 16px rgba(0,0,0,.35);--shadow-hover: 0 16px 40px rgba(0,0,0,.5)}.msl-message-list-container{height:100%;display:flex;flex-direction:column;background:var(--bg-page);color:var(--text-primary);padding:1.25rem 1rem}.msl-tabs-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin-bottom:1.25rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.msl-tab-item{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.125rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:all .24s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.msl-tab-item:before{content:"";position:absolute;inset:0;background:var(--accent-primary);opacity:0;transition:opacity .28s ease;z-index:-1;border-radius:inherit}.msl-tab-item:hover:before{opacity:.08}.msl-tab-item.msl-active{background:var(--accent-primary);color:#fff;font-weight:600;box-shadow:0 4px 14px #3b82f647}.msl-tab-item.msl-active:before{opacity:.18}.msl-refresh-btn-tab{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all .22s ease}.msl-refresh-btn-tab:hover{background:#3b82f617;color:var(--accent-primary);border-color:var(--accent-primary)}.msl-message-item{display:flex;align-items:flex-start;gap:1.125rem;padding:1.25rem 1.375rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);transition:all .26s cubic-bezier(.165,.84,.44,1);cursor:pointer;position:relative;overflow:hidden;min-height:92px}.msl-message-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent-primary) 30%,transparent)}.msl-message-item:active{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.msl-message-item.msl-unread{border-left:5px solid var(--accent-primary);background:linear-gradient(to right,color-mix(in srgb,var(--accent-primary) 8%,transparent) 0%,var(--bg-card) 40%)}.msl-message-item.msl-unread .msl-name,.msl-message-item.msl-unread .msl-last-message{font-weight:600;color:var(--accent-primary-dark)}.msl-message-item.msl-deleted{opacity:.65;filter:grayscale(.35) brightness(.92)}.msl-message-item.msl-deleted .msl-name{color:var(--accent-danger);font-style:italic}.msl-message-item.msl-deleted:hover{opacity:.82;filter:grayscale(.2) brightness(1)}.msl-avatar-btn{flex-shrink:0;padding:0;background:none;border:none;cursor:pointer}.msl-profile-image-container{width:68px;height:68px;border-radius:50%;overflow:hidden;border:3.5px solid transparent;background:var(--bg-muted);box-shadow:0 2px 10px #00000014;transition:all .3s ease}.msl-message-item.msl-unread .msl-profile-image-container{border-color:var(--accent-primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.msl-profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.msl-profile-placeholder{width:100%;height:100%;border-radius:50%;background:var(--bg-muted);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.msl-content-side{flex:1;min-width:0;padding:.25rem 0;display:flex;flex-direction:column;gap:.5rem}.msl-header-row{display:flex;justify-content:space-between;align-items:baseline;gap:.875rem}.msl-name{font-size:1.07rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.msl-date{font-size:.82rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.msl-preview-row{display:flex;align-items:center;gap:.625rem}.msl-last-message{font-size:.925rem;color:var(--text-secondary);line-height:1.42;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msl-media-indicator{display:flex;align-items:center;gap:.5rem;font-size:.925rem}.msl-media-label{font-weight:500}.msl-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:4rem 1.5rem;color:var(--text-tertiary);text-align:center;min-height:50vh}.msl-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin:.5rem 0 .25rem}.msl-retry-button,.msl-refresh-button{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.96rem;cursor:pointer;transition:all .24s ease;box-shadow:0 3px 12px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.msl-retry-button:hover,.msl-refresh-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-primary) 45%,transparent)}.msl-messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:.25rem 0 5rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 40%,transparent) transparent}.msl-messages-list::-webkit-scrollbar{width:5px}.msl-messages-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 50%,transparent);border-radius:10px}.animate-spin{animation:spin 1.1s linear infinite}@media(max-width:640px){.msl-message-list-container{padding:1rem .75rem}.msl-tabs-header{padding:.4rem;margin-bottom:1rem}.msl-tab-item{padding:.7rem .9rem;font-size:.92rem}.msl-message-item{padding:1.125rem 1.25rem;gap:1rem;min-height:84px}.msl-profile-image-container{width:60px;height:60px}.msl-name{font-size:1.03rem}.msl-last-message{font-size:.9rem}.msl-content-side{gap:.425rem}}.status-ring-container{position:relative;width:70px;height:70px;display:flex;justify-content:center;align-items:center}.status-ring-svg{position:absolute;width:70px;height:70px;transform:rotate(-90deg)}.status-ring-segment{transition:stroke .3s cubic-bezier(.4,0,.2,1);stroke:#25d366}.status-ring-segment.viewed{stroke:#a9a9a9}.profile-image-container{position:absolute;width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transition:all .2s ease}.profile-image-container:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003,0 4px 8px #00000026}.profile-image{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.profile-image:not([src]){background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.status-viewer{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;font-family:Inter,system-ui,-apple-system,sans-serif}.status-viewer.visible{display:flex}.stv-backdrop{position:absolute;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stv-viewer-container{position:relative;width:100%;max-width:520px;height:100vh;background:#000;overflow:hidden;display:flex;flex-direction:column}.stv-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}.stv-shop-info{display:flex;flex-direction:column;gap:2px}.stv-shop-name{font-size:15.5px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.stv-created-at{font-size:13px;color:#ffffffbf;font-weight:500}.stv-close-btn{width:36px;height:36px;border:none;background:#ffffff26;color:#fff;font-size:24px;font-weight:300;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.stv-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.stv-progress-container{position:absolute;top:58px;left:12px;right:12px;z-index:11;display:flex;gap:4px;padding:6px 0}.stv-progress-background{flex:1;height:3.8px;background:#ffffff4d;border-radius:9999px;overflow:hidden;position:relative}.stv-progress-bar{position:absolute;top:0;left:0;height:100%;border-radius:9999px;will-change:width;transform:translateZ(0);backface-visibility:hidden}.stv-progress-bar.current.blue{background:linear-gradient(90deg,#4f46e5,#3b82f6,#1d4ed8);box-shadow:0 0 12px #3b82f6b3,0 0 20px #3b82f666,inset 0 0 4px #fff6}.stv-progress-bar.finished.white{background:#fffffff2;box-shadow:inset 0 0 3px #fff9,0 2px 4px #0000004d}.stv-progress-bar.inactive{display:none}.stv-content-wrapper{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.stv-media{width:100%;height:100%;object-fit:contain;max-height:100vh}.stv-text-status{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 30px;background:linear-gradient(135deg,#1e3a8a,#312e81);color:#fff;text-align:center}.stv-text-status p{font-size:28px;font-weight:600;line-height:1.35;text-shadow:0 2px 12px rgba(0,0,0,.6)}.stv-loading-container,.stv-error-container{color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.stv-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.stv-caption-container{position:absolute;bottom:80px;left:16px;right:16px;z-index:10}.stv-caption-bubble{background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:12px 18px;border-radius:18px;font-size:15.5px;line-height:1.4;max-width:85%;box-shadow:0 4px 15px #0006}.stv-tap-zone{position:absolute;top:0;bottom:0;z-index:20;border:none;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.stv-tap-zone.left{left:0;width:35%}.stv-tap-zone.center{left:35%;right:35%}.stv-tap-zone.right{right:0;width:35%}.stv-viewer-container.paused:after{content:"⏸";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:68px;color:#ffffffd9;z-index:30;pointer-events:none;animation:pausePulse 2s infinite}@keyframes pausePulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:480px){.stv-progress-background{height:3.2px}.stv-shop-name{font-size:15px}.stv-text-status p{font-size:24px}}@media(prefers-reduced-motion:reduce){.stv-progress-bar{transition:none!important}}.shop-posts-feed{--card-bg: #FFFFFF;--card-shadow: 0 4px 12px rgba(0, 0, 0, .08);--text-primary: #1F2937;--text-secondary: #6B7280;--accent-new: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--border-light: #E5E7EB}.dark .shop-posts-feed{--card-bg: #1F2937;--card-shadow: 0 8px 24px rgba(0, 0, 0, .4);--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--border-light: #374151}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding-bottom:12px}.post-item{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light)}.post-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f}.thumbnail-wrapper{width:100%;aspect-ratio:1;border:none;background:none;cursor:pointer;position:relative;overflow:hidden}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;color:#fff;gap:8px}.spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.new-badge{position:absolute;top:12px;left:12px;background:var(--accent-new);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #f59e0b66}.play-icon-overlay,.multi-media-indicator{position:absolute;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-icon-overlay{top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;color:#fff}.multi-media-indicator{top:12px;right:12px;width:32px;height:32px;font-size:16px}.fallback-thumbnail{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:14px}.shop-info-container{padding:12px}.shop-info{display:flex;flex-direction:column;gap:4px;border:none;background:none;cursor:pointer;text-align:left;width:100%}.shop-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.created-at,.distance{font-size:12px;color:var(--text-secondary)}.description{margin-top:8px;font-size:13px;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease}.modal-backdrop{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{position:absolute;inset:20px;display:flex;flex-direction:column;max-width:95vw;max-height:95vh;pointer-events:all}.modal-overlay.fullscreen .modal-content{inset:0;max-width:none;max-height:none}.modal-header{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:all}.modal-close,.fullscreen-toggle{width:48px;height:48px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s ease}.modal-close:hover,.fullscreen-toggle:hover{background:#000c;transform:scale(1.1)}.media-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px}.video-wrapper,.image-viewer{width:100%;height:100%;border-radius:16px;overflow:hidden;background:#000}.post-video,.fullscreen-image{width:100%;height:100%;object-fit:cover}.error-overlay{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:16px}.modal-footer{position:absolute;bottom:80px;left:20px;right:20px;z-index:10;pointer-events:none}.post-description{background:#000000b3;color:#fff;padding:12px 20px;border-radius:16px;font-size:16px;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:all}.slide-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;pointer-events:all}.nav-btn{width:44px;height:44px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.slide-indicator{color:#fff;font-size:16px;font-weight:600;min-width:48px;text-align:center}@media(max-width:768px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.modal-content{inset:10px}}:root{--bg-primary: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);--bg-surface: #FFFFFF;--bg-card: rgba(255, 255, 255, .95);--text-primary: #1A1A1A;--text-secondary: #6B7280;--accent-primary: #25D366;--accent-blue: #3A7BD5;--border-light: #E5E7EB;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-md: 12px;--radius-lg: 24px}.dark{--bg-primary: linear-gradient(135deg, #1E293B 0%, #334155 100%);--bg-surface: #1E293B;--bg-card: rgba(30, 41, 59, .95);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--accent-primary: #4ADE80;--accent-blue: #60A5FA;--border-light: #475569;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6)}.status-feed-container{min-height:100vh;background:var(--bg-primary);padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.feed-scroll{display:flex;flex-direction:column;gap:32px;padding-bottom:120px}.loader-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:24px}.spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner.large{width:64px;height:64px;border-width:5px}.error-container p{font-size:16px;color:#ef4444;text-align:center;max-width:320px;line-height:1.5}.retry-button{padding:12px 24px;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.retry-button:hover{background:color-mix(in srgb,var(--accent-blue) 90%,black);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.stories-section{animation:fadeInUp .6s ease-out}.stories-section h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 20px;letter-spacing:.3px}.status-wrapper{position:relative;margin-bottom:24px}.status-list{display:flex;gap:16px;padding:12px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.status-list::-webkit-scrollbar{display:none}.status-item{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:12px;width:90px;height:140px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-light);scroll-snap-align:start}.status-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.status-item:active{transform:translateY(-2px) scale(.98)}.status-text{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:8px;gap:2px}.status-name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-time{font-size:11px;color:var(--text-secondary);font-weight:500;text-align:center}.fade-effect{position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(90deg,transparent 0%,var(--bg-primary) 100%);z-index:5;pointer-events:none}.posts-section{animation:fadeInUp .6s ease-out .1s both}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.3px}.see-more-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-primary) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);white-space:nowrap}.see-more-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.empty-state{text-align:center;padding:64px 32px;color:var(--text-secondary);font-style:italic;font-weight:500;font-size:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.status-feed-container{padding:12px}.status-item{width:80px;height:130px}.status-name{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shop-posts-screen{--bg-primary: linear-gradient(135deg, #F5F7FA 0%, #D6E4FF 100%);--header-bg: linear-gradient(135deg, #3A7BD5 0%, #1E40AF 100%);--card-bg: #FFFFFF;--card-shadow: 0 8px 24px rgba(0, 0, 0, .08);--text-primary: #1F2937;--text-secondary: #6B7280;--border-light: #E5E7EB;--accent-new: linear-gradient(135deg, #F59E0B 0%, #D97706 100%)}.dark .shop-posts-screen{--card-bg: #1F2937;--card-shadow: 0 12px 32px rgba(0, 0, 0, .4);--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--border-light: #374151}.shop-posts-screen{min-height:100vh;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header{display:flex;align-items:center;padding:20px 16px;background:var(--header-bg);border-bottom-left-radius:35px;border-bottom-right-radius:35px;box-shadow:0 8px 24px #3a7bd54d;color:#fff;position:sticky;top:0;z-index:100}.back-button,.header-spacer{width:48px;height:48px;border-radius:24px;background:#ffffff26;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.back-button:hover{background:#ffffff40;transform:scale(1.05)}.header-title{font-size:22px;font-weight:700;color:#fff;text-align:center;flex:1;margin:0;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:24px 16px;max-width:1200px;margin:0 auto;scroll-behavior:smooth}.post-item{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.post-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 48px #00000026}.thumbnail-wrapper{width:100%;aspect-ratio:1;border:none;background:none;position:relative;overflow:hidden}.thumbnail-container{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.thumbnail.loading{opacity:0}.loading-overlay,.error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.new-badge{position:absolute;top:12px;left:12px;background:var(--accent-new);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #f59e0b66;text-transform:uppercase;letter-spacing:.5px}.play-icon-overlay,.multi-media-indicator{position:absolute;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s ease}.play-icon-overlay{top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;color:#fff;font-size:24px}.play-icon-overlay:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.multi-media-indicator{top:12px;right:12px;width:36px;height:36px;color:#fff;font-size:18px}.fallback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:8px;padding:20px}.fallback-icon{width:48px;height:48px;opacity:.6}.shop-info-container{padding:16px}.shop-info{display:flex;flex-direction:column;gap:6px;border:none;background:none;cursor:pointer;text-align:left;width:100%;padding:0}.shop-info:hover .shop-name{color:#3b82f6}.shop-name{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.created-at,.distance{font-size:13px;color:var(--text-secondary);font-weight:500}.description{margin-top:12px;font-size:14px;color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.6}.loading-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:var(--text-secondary)}.refresh-overlay{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;padding:20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.modal-overlay.fullscreen{pointer-events:all;opacity:1}.modal-backdrop{position:absolute;inset:0;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal-content{position:absolute;inset:40px;display:flex;flex-direction:column;max-width:90vw;max-height:90vh;border-radius:24px;overflow:hidden;background:#000;pointer-events:all;box-shadow:0 32px 64px #00000080}.modal-overlay.fullscreen .modal-content{inset:0;max-width:none;max-height:none;border-radius:0}.modal-header{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:all}.modal-close,.fullscreen-toggle{width:56px;height:56px;border-radius:28px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close:hover,.fullscreen-toggle:hover{background:#ffffff40;transform:scale(1.1);box-shadow:0 8px 24px #fff3}.media-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.video-wrapper,.image-viewer{width:100%;height:100%;position:relative}.post-video,.fullscreen-image{width:100%;height:100%;object-fit:cover;background:#000}.modal-footer{position:absolute;bottom:80px;left:24px;right:24px;z-index:10;pointer-events:none}.post-description{background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;padding:20px 24px;border-radius:20px;font-size:18px;font-weight:500;text-align:center;line-height:1.5;pointer-events:all;box-shadow:0 8px 32px #0006;max-width:600px;margin:0 auto}.slide-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px;pointer-events:all}.nav-btn{width:52px;height:52px;border-radius:26px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s ease}.nav-btn:hover{background:#ffffff4d;transform:scale(1.1)}.slide-indicator{color:#fff;font-size:18px;font-weight:700;min-width:60px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8)}@media(max-width:768px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:16px 12px}.header{padding:16px 12px}.header-title{font-size:20px}.modal-content{inset:20px}}@media(max-width:480px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}:root{--alctries-bg-page: #f9fafb;--alctries-bg-surface: rgba(255, 255, 255, .82);--alctries-bg-card: rgba(255, 255, 255, .94);--alctries-bg-card-hover: rgba(255, 255, 255, 1);--alctries-border-card: rgba(226, 232, 240, .88);--alctries-border-subtle: rgba(226, 232, 240, .6);--alctries-text-primary: #111827;--alctries-text-secondary: #4b5563;--alctries-text-tertiary: #6b7280;--alctries-accent: #6366f1;--alctries-accent-dark: #4f46e5;--alctries-accent-light: #818cf8;--alctries-accent-glow: rgba(99, 102, 241, .28);--alctries-shadow-sm: 0 4px 16px -4px rgba(0,0,0,.06);--alctries-shadow-md: 0 10px 32px -8px rgba(0,0,0,.1);--alctries-shadow-hover: 0 20px 50px -12px rgba(0,0,0,.16);--alctries-overlay-gradient: linear-gradient(135deg, rgba(99,102,241,.06) 0%, rgba(139,92,246,.04) 100%)}[data-theme=dark],.dark{--alctries-bg-page: #0f172a;--alctries-bg-surface: rgba(15, 23, 42, .78);--alctries-bg-card: rgba(30, 41, 59, .92);--alctries-bg-card-hover: rgba(51, 65, 85, .98);--alctries-border-card: rgba(59, 69, 90, .58);--alctries-border-subtle: rgba(59, 69, 90, .38);--alctries-text-primary: #f1f5f9;--alctries-text-secondary: #94a3b8;--alctries-text-tertiary: #64748b;--alctries-accent: #a5b4fc;--alctries-accent-dark: #818cf8;--alctries-accent-light: #c7d2fe;--alctries-accent-glow: rgba(165, 180, 252, .24);--alctries-shadow-sm: 0 4px 16px -4px rgba(0,0,0,.5);--alctries-shadow-md: 0 10px 32px -8px rgba(0,0,0,.65);--alctries-shadow-hover: 0 20px 50px -12px rgba(0,0,0,.85);--alctries-overlay-gradient: linear-gradient(135deg, rgba(99,102,241,.12) 0%, rgba(139,92,246,.08) 100%)}.alctries-categories-container{min-height:calc(100vh - var(--header-height, 80px));padding:24px 12px 80px;background:linear-gradient(to bottom,var(--alctries-bg-page),color-mix(in srgb,var(--alctries-bg-page) 70%,var(--alctries-accent) 100%));position:relative}.alctries-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1480px;margin:0 auto;padding:0 4px}@media(max-width:359px){.alctries-grid{grid-template-columns:1fr;gap:16px}}@media(min-width:640px){.alctries-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:0 12px}}@media(min-width:1024px){.alctries-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;padding:0 24px}}@media(min-width:1440px){.alctries-grid{gap:36px;max-width:1600px}.alctries-card-image-wrapper{height:220px}.alctries-category-title{font-size:1.32rem}}.alctries-category-card{position:relative;background:var(--alctries-bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--alctries-border-card);box-shadow:var(--alctries-shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .42s ease,border-color .3s ease;cursor:pointer;isolation:isolate}.alctries-category-card:hover{transform:translateY(-12px);box-shadow:var(--alctries-shadow-hover),0 0 0 1.5px var(--alctries-accent-glow);border-color:color-mix(in srgb,var(--alctries-accent) 60%,transparent)}.alctries-category-card:before{content:"";position:absolute;inset:0;background:var(--alctries-overlay-gradient);opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}.alctries-category-card:hover:before{opacity:1}.alctries-card-image-wrapper{position:relative;height:180px;overflow:hidden}.alctries-card-image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 4%,transparent 55%);opacity:.75;transition:opacity .48s ease;z-index:2}.alctries-category-card:hover .alctries-card-image-wrapper:after{opacity:.88}.alctries-category-image{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.03);transition:transform .8s cubic-bezier(.34,1.56,.64,1);will-change:transform}.alctries-category-card:hover .alctries-category-image{transform:scale(1.16)}.alctries-card-content{padding:20px 16px 24px;position:relative;z-index:3;background:linear-gradient(to top,var(--alctries-bg-card) 50%,transparent)}.alctries-category-title{font-size:1.1rem;font-weight:700;line-height:1.36;letter-spacing:-.3px;color:var(--alctries-text-primary);margin:0;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.1);transition:color .35s ease,transform .35s ease}.alctries-category-card:hover .alctries-category-title{color:var(--alctries-accent);transform:translateY(-2px)}.alctries-loading-container,.alctries-error-container{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--alctries-text-secondary);text-align:center;padding:40px 24px}.alctries-spinner{color:var(--alctries-accent);animation:spin 1.1s linear infinite;margin-bottom:20px}.alctries-loading-text,.alctries-error-text{font-size:1.18rem;font-weight:500;margin-bottom:28px}.alctries-retry-button{background:linear-gradient(135deg,var(--alctries-accent) 0%,var(--alctries-accent-dark) 100%);color:#fff;border:none;padding:14px 40px;font-size:1.05rem;font-weight:600;border-radius:999px;box-shadow:0 10px 30px color-mix(in srgb,var(--alctries-accent) 45%,transparent);cursor:pointer;transition:all .38s cubic-bezier(.34,1.56,.64,1)}.alctries-retry-button:hover{transform:translateY(-4px);box-shadow:0 18px 45px color-mix(in srgb,var(--alctries-accent) 60%,transparent);scale:1.04}:root{--chcat-bg-page: #f8f9fc;--chcat-bg-surface: rgba(255, 255, 255, .78);--chcat-bg-card: rgba(255, 255, 255, .92);--chcat-bg-card-hover: rgba(255, 255, 255, .98);--chcat-border-card: rgba(226, 232, 240, .9);--chcat-text-primary: #111827;--chcat-text-secondary: #4b5563;--chcat-text-tertiary: #6b7280;--chcat-accent: #6366f1;--chcat-accent-dark: #4f46e5;--chcat-accent-glow: rgba(99, 102, 241, .22);--chcat-shadow-sm: 0 4px 16px -4px rgba(0,0,0,.07);--chcat-shadow-md: 0 10px 28px -8px rgba(0,0,0,.12);--chcat-shadow-hover: 0 16px 40px -12px rgba(0,0,0,.18)}[data-theme=dark],.dark{--chcat-bg-page: #0f172a;--chcat-bg-surface: rgba(15, 23, 42, .82);--chcat-bg-card: rgba(30, 41, 59, .94);--chcat-bg-card-hover: rgba(51, 65, 85, .98);--chcat-border-card: rgba(59, 69, 90, .62);--chcat-text-primary: #f1f5f9;--chcat-text-secondary: #94a3b8;--chcat-text-tertiary: #64748b;--chcat-accent: #a5b4fc;--chcat-accent-dark: #818cf8;--chcat-accent-glow: rgba(165, 180, 252, .26);--chcat-shadow-sm: 0 6px 20px -6px rgba(0,0,0,.55);--chcat-shadow-md: 0 12px 36px -10px rgba(0,0,0,.7);--chcat-shadow-hover: 0 20px 52px -14px rgba(0,0,0,.85)}.chcat-categories-container{min-height:calc(100vh - var(--header-height, 80px));padding:24px 16px 80px;background:var(--chcat-bg-page);background:linear-gradient(to bottom,var(--chcat-bg-page),color-mix(in srgb,var(--chcat-bg-page) 75%,var(--chcat-accent) 100%))}.chcat-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:720px;margin:0 auto}@media(min-width:640px){.chcat-grid{gap:24px;padding:0 12px}.chcat-category-card{max-width:680px;margin:0 auto}}.chcat-category-card{position:relative;background:var(--chcat-bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--chcat-border-card);box-shadow:var(--chcat-shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .38s cubic-bezier(.34,1.56,.64,1),box-shadow .38s ease,border-color .28s ease;cursor:pointer;isolation:isolate}.chcat-category-card:hover{transform:translateY(-6px);box-shadow:var(--chcat-shadow-hover),0 0 0 1.5px var(--chcat-accent-glow);border-color:color-mix(in srgb,var(--chcat-accent) 55%,transparent)}.chcat-category-card:active{transform:translateY(-2px) scale(.985)}.chcat-category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f114,#8b5cf60a);opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}.chcat-category-card:hover:before{opacity:1}.chcat-card-content{position:relative;z-index:2;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}.chcat-category-title{font-size:1.18rem;font-weight:600;line-height:1.4;color:var(--chcat-text-primary);margin:0;flex:1;transition:color .3s ease}.chcat-category-card:hover .chcat-category-title{color:var(--chcat-accent)}.chcat-chevron{color:var(--chcat-text-secondary);flex-shrink:0;transition:color .3s ease,transform .3s ease}.chcat-category-card:hover .chcat-chevron{color:var(--chcat-accent);transform:translate(4px)}.chcat-loading-container,.chcat-error-container,.chcat-empty-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;color:var(--chcat-text-secondary)}.chcat-spinner{color:var(--chcat-accent);animation:spin 1.2s linear infinite;margin-bottom:20px}.chcat-loading-text{font-size:1.15rem;font-weight:500}.chcat-error-text{font-size:1.15rem;margin-bottom:24px}.chcat-retry-button{background:linear-gradient(135deg,var(--chcat-accent) 0%,var(--chcat-accent-dark) 100%);color:#fff;border:none;padding:14px 40px;font-size:1.05rem;font-weight:600;border-radius:999px;box-shadow:0 10px 30px color-mix(in srgb,var(--chcat-accent) 40%,transparent);cursor:pointer;transition:all .36s cubic-bezier(.34,1.56,.64,1)}.chcat-retry-button:hover{transform:translateY(-3px);box-shadow:0 16px 40px color-mix(in srgb,var(--chcat-accent) 55%,transparent);scale:1.03}.chcat-empty-icon{font-size:4.5rem;margin-bottom:16px;opacity:.7}.chcat-empty-state h2{font-size:1.4rem;font-weight:600;color:var(--chcat-text-primary);margin-bottom:8px}.chcat-empty-state p{font-size:1.05rem;max-width:360px}@media(min-width:1024px){.chcat-categories-container{padding:32px 24px 100px}.chcat-grid{gap:28px}.chcat-card-content{padding:24px 32px}.chcat-category-title{font-size:1.28rem}}:root{--sbcat-bg-page: #f9fafb;--sbcat-bg-surface: rgba(255, 255, 255, .82);--sbcat-bg-card: rgba(255, 255, 255, .94);--sbcat-bg-card-hover: rgba(255, 255, 255, 1);--sbcat-border-card: rgba(226, 232, 240, .88);--sbcat-border-subtle: rgba(226, 232, 240, .55);--sbcat-text-primary: #111827;--sbcat-text-secondary: #4b5563;--sbcat-text-tertiary: #6b7280;--sbcat-accent: #6366f1;--sbcat-accent-dark: #4f46e5;--sbcat-accent-light: #818cf8;--sbcat-accent-glow: rgba(99, 102, 241, .26);--sbcat-shadow-sm: 0 4px 16px -4px rgba(0,0,0,.07);--sbcat-shadow-md: 0 10px 32px -8px rgba(0,0,0,.12);--sbcat-shadow-hover: 0 18px 48px -12px rgba(0,0,0,.18);--sbcat-overlay-gradient: linear-gradient(135deg, rgba(99,102,241,.07) 0%, rgba(139,92,246,.04) 100%)}[data-theme=dark],.dark{--sbcat-bg-page: #0f172a;--sbcat-bg-surface: rgba(15, 23, 42, .82);--sbcat-bg-card: rgba(30, 41, 59, .94);--sbcat-bg-card-hover: rgba(51, 65, 85, .98);--sbcat-border-card: rgba(59, 69, 90, .62);--sbcat-border-subtle: rgba(59, 69, 90, .38);--sbcat-text-primary: #f1f5f9;--sbcat-text-secondary: #94a3b8;--sbcat-text-tertiary: #64748b;--sbcat-accent: #a5b4fc;--sbcat-accent-dark: #818cf8;--sbcat-accent-light: #c7d2fe;--sbcat-accent-glow: rgba(165, 180, 252, .28);--sbcat-shadow-sm: 0 6px 20px -6px rgba(0,0,0,.55);--sbcat-shadow-md: 0 12px 36px -10px rgba(0,0,0,.7);--sbcat-shadow-hover: 0 22px 56px -14px rgba(0,0,0,.88);--sbcat-overlay-gradient: linear-gradient(135deg, rgba(99,102,241,.14) 0%, rgba(139,92,246,.09) 100%)}.sbcat-container{min-height:calc(100vh - var(--header-height, 80px));padding:28px 16px 96px;background:var(--sbcat-bg-page);background:linear-gradient(to bottom,var(--sbcat-bg-page),color-mix(in srgb,var(--sbcat-bg-page) 70%,var(--sbcat-accent) 100%));position:relative}.sbcat-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:760px;margin:0 auto}@media(min-width:640px){.sbcat-grid{gap:24px;padding:0 12px}.sbcat-card{max-width:720px;margin:0 auto}}.sbcat-card{position:relative;background:var(--sbcat-bg-card);border-radius:20px;overflow:hidden;border:1px solid var(--sbcat-border-card);box-shadow:var(--sbcat-shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .42s ease,border-color .3s ease;cursor:pointer;isolation:isolate}.sbcat-card:hover{transform:translateY(-8px);box-shadow:var(--sbcat-shadow-hover),0 0 0 2px var(--sbcat-accent-glow);border-color:color-mix(in srgb,var(--sbcat-accent) 60%,transparent)}.sbcat-card:active{transform:translateY(-3px) scale(.985)}.sbcat-card:before{content:"";position:absolute;inset:0;background:var(--sbcat-overlay-gradient);opacity:0;transition:opacity .48s ease;z-index:1;pointer-events:none}.sbcat-card:hover:before{opacity:1}.sbcat-card-content{position:relative;z-index:2;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px}.sbcat-title{font-size:1.18rem;font-weight:600;line-height:1.38;letter-spacing:-.2px;color:var(--sbcat-text-primary);margin:0;flex:1;transition:color .32s ease}.sbcat-card:hover .sbcat-title{color:var(--sbcat-accent)}.sbcat-chevron{color:var(--sbcat-text-secondary);flex-shrink:0;transition:color .32s ease,transform .32s ease}.sbcat-card:hover .sbcat-chevron{color:var(--sbcat-accent);transform:translate(6px)}.sbcat-selected .sbcat-card-content{opacity:.78}.sbcat-loading-container,.sbcat-error-container,.sbcat-empty-state{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--sbcat-text-secondary)}.sbcat-spinner{color:var(--sbcat-accent);animation:spin 1.15s linear infinite;margin-bottom:24px}.sbcat-loading-text{font-size:1.16rem;font-weight:500}.sbcat-error-text{font-size:1.16rem;margin-bottom:28px}.sbcat-retry-button{background:linear-gradient(135deg,var(--sbcat-accent) 0%,var(--sbcat-accent-dark) 100%);color:#fff;border:none;padding:14px 44px;font-size:1.06rem;font-weight:600;border-radius:999px;box-shadow:0 12px 32px color-mix(in srgb,var(--sbcat-accent) 42%,transparent);cursor:pointer;transition:all .38s cubic-bezier(.34,1.56,.64,1)}.sbcat-retry-button:hover{transform:translateY(-4px);box-shadow:0 18px 48px color-mix(in srgb,var(--sbcat-accent) 58%,transparent);scale:1.035}.sbcat-empty-icon{font-size:5rem;margin-bottom:20px;opacity:.65}.sbcat-empty-state h2{font-size:1.42rem;font-weight:600;color:var(--sbcat-text-primary);margin-bottom:12px}.sbcat-empty-state p{font-size:1.06rem;max-width:380px}@media(min-width:1024px){.sbcat-container{padding:36px 32px 120px}.sbcat-grid{gap:28px}.sbcat-card-content{padding:26px 36px}.sbcat-title{font-size:1.26rem}}.sbcat-loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.sbcat-modern-spinner{position:relative;width:80px;height:80px}.sbcat-spinner-ring{position:absolute;inset:0;border:6px solid transparent;border-top-color:var(--accent-blue, #3b82f6);border-radius:50%;animation:spin 1.2s linear infinite}.sbcat-spinner-core{position:absolute;inset:12px;background:linear-gradient(135deg,var(--accent-blue, #3b82f6),var(--accent-purple, #8b5cf6));border-radius:50%;box-shadow:0 0 20px #3b82f680;animation:pulse-core 2s ease-in-out infinite}.sbcat-spinner-pulse{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);border-radius:50%;animation:pulse-ring 2.5s ease-in-out infinite}.sbcat-loading-text{font-size:1.1rem;font-weight:500;color:var(--text-secondary)}@keyframes pulse-core{0%,to{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes pulse-ring{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.4);opacity:.6}}.sbcat-card-processing{opacity:.75;cursor:wait!important}.sbcat-card-spinner-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0;min-height:60px}.sbcat-card-spinner{animation:spin 1s linear infinite;color:var(--accent-primary, #6366f1)}.sbcat-card-loading-text{font-size:.95rem;font-weight:500;color:var(--text-secondary)}:root{--shpst-bg-page: #f8fafc;--shpst-bg-card: rgba(255, 255, 255, .88);--shpst-bg-card-hover: rgba(255, 255, 255, .96);--shpst-border-subtle: rgba(226, 232, 240, .72);--shpst-text-primary: #0f172a;--shpst-text-secondary: #475569;--shpst-text-tertiary: #64748b;--shpst-accent: #3b82f6;--shpst-accent-hover: #2563eb;--shpst-accent-glow: rgba(59, 130, 246, .3);--shpst-accent-soft: rgba(59, 130, 246, .14);--shpst-danger: #ef4444;--shpst-shadow-soft: 0 10px 32px rgba(0,0,0,.09);--shpst-shadow-hover: 0 20px 56px rgba(0,0,0,.16);--shpst-radius-lg: 20px;--shpst-radius-md: 16px;--shpst-transition: .28s cubic-bezier(.22, 1, .36, 1)}.dark{--shpst-bg-page: #0f172a;--shpst-bg-card: rgba(30, 41, 59, .88);--shpst-bg-card-hover: rgba(51, 65, 85, .94);--shpst-border-subtle: rgba(51, 65, 85, .65);--shpst-text-primary: #f1f5f9;--shpst-text-secondary: #cbd5e1;--shpst-text-tertiary: #94a3b8;--shpst-accent-soft: rgba(96, 165, 250, .2);--shpst-shadow-soft: 0 12px 40px rgba(0,0,0,.55);--shpst-shadow-hover: 0 24px 64px rgba(0,0,0,.65)}.shpst-status-screen{min-height:100vh;background:var(--shpst-bg-page);padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--shpst-text-primary)}.shpst-status-main{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:1.75rem}.shpst-my-status-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--shpst-bg-card);border:1px solid var(--shpst-border-subtle);border-radius:var(--shpst-radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shpst-shadow-soft);cursor:pointer;transition:all var(--shpst-transition)}.shpst-my-status-card:hover{transform:translateY(-4px);box-shadow:var(--shpst-shadow-hover);border-color:color-mix(in srgb,var(--shpst-accent) 40%,var(--shpst-border-subtle))}.shpst-status-avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid var(--shpst-accent-soft);flex-shrink:0}.shpst-status-avatar img{width:100%;height:100%;object-fit:cover}.shpst-status-count{position:absolute;bottom:-4px;right:-4px;background:var(--shpst-accent);color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--shpst-bg-page)}.shpst-my-status-info h3{margin:0;font-size:1.15rem;font-weight:600}.shpst-my-status-info p{margin:4px 0 0;font-size:.9rem;color:var(--shpst-text-secondary)}.shpst-post-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.shpst-post-btn{flex:1 1 160px;min-width:160px;max-width:260px;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.1rem 1.6rem;border-radius:var(--shpst-radius-md);font-weight:600;font-size:1.02rem;cursor:pointer;transition:all var(--shpst-transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--shpst-border-subtle);box-shadow:var(--shpst-shadow-soft);position:relative;overflow:hidden}.shpst-post-btn:hover{transform:translateY(-3px);box-shadow:var(--shpst-shadow-hover)}.shpst-post-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.shpst-btn-icon{font-size:1.5rem}.shpst-text-post{background:linear-gradient(145deg,var(--shpst-accent-soft),rgba(59,130,246,.04));color:var(--shpst-text-primary)}.shpst-text-post:hover{background:linear-gradient(145deg,#3b82f63d,#3b82f61a);border-color:var(--shpst-accent)}.shpst-media-post{background:linear-gradient(135deg,var(--shpst-accent) 0%,var(--shpst-accent-hover) 100%);color:#fff;border:none;box-shadow:0 6px 20px var(--shpst-accent-glow)}.shpst-media-post:hover{background:linear-gradient(135deg,#60a5fa 0%,var(--shpst-accent) 100%);box-shadow:0 12px 32px var(--shpst-accent-glow);transform:translateY(-4px)}.shpst-media-post:disabled{background:#94a3b8;box-shadow:none}.shpst-premium-lock{font-size:.78rem;background:#eab308f2;color:#1e293b;padding:3px 10px;border-radius:999px;margin-left:auto;font-weight:700;box-shadow:0 2px 8px #00000026}.shpst-section-title{font-size:1.25rem;font-weight:700;color:var(--shpst-text-primary);margin:0 0 1rem}.shpst-statuses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:1.25rem}.shpst-status-item{position:relative;background:var(--shpst-bg-card);border-radius:var(--shpst-radius-lg);overflow:hidden;border:1px solid var(--shpst-border-subtle);box-shadow:var(--shpst-shadow-soft);cursor:pointer;transition:all var(--shpst-transition)}.shpst-status-item.shpst-unread{border-color:var(--shpst-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--shpst-accent) 30%,transparent)}.shpst-status-item:hover{transform:translateY(-6px);box-shadow:var(--shpst-shadow-hover)}.shpst-status-media{aspect-ratio:1 / 1.35;overflow:hidden}.shpst-status-media img,.shpst-video-thumb,.shpst-text-placeholder{width:100%;height:100%;object-fit:cover}.shpst-play-overlay,.shpst-text-placeholder{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.shpst-play-overlay svg{width:48px;height:48px}.shpst-text-placeholder p{padding:1rem;font-size:.95rem;color:#fff;text-align:center;background:#0000008c}.shpst-status-info{padding:.75rem 1rem}.shpst-shop-name{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.shpst-status-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--shpst-text-tertiary)}.shpst-views{font-weight:500}.shpst-delete-btn{position:absolute;top:10px;right:10px;background:#000000a6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:.85;transition:all .2s}.shpst-delete-btn:hover{background:var(--shpst-danger);opacity:1;transform:scale(1.12)}.shpst-delete-btn svg{width:18px;height:18px}.shpst-empty-state,.shpst-loading{text-align:center;padding:4rem 1rem;color:var(--shpst-text-secondary)}.shpst-empty-icon{font-size:4.2rem;margin-bottom:1rem}.shpst-empty-state h3{font-size:1.3rem;margin:.5rem 0}.shpst-loading{font-size:1.1rem;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-card{background:#fff;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006;pointer-events:auto;cursor:default}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid var(--shpst-border-subtle);position:sticky;top:0;background:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;z-index:2}.modal-header h3{margin:0;font-size:1.38rem;font-weight:700;letter-spacing:-.02em;color:var(--shpst-text-primary)}.close-btn{background:#0000000f;border:none;width:36px;height:36px;border-radius:50%;font-size:1.4rem;color:var(--shpst-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.close-btn:hover{background:#00000024;transform:rotate(90deg)}.dark .close-btn{background:#ffffff14;color:var(--shpst-text-tertiary)}.dark .close-btn:hover{background:#ffffff29}.modal-card textarea{width:100%;min-height:110px;padding:16px 20px;border:none;background:#f0f0f580;border-radius:16px;font-size:1.05rem;line-height:1.48;resize:vertical;margin:16px 20px 12px;font-family:inherit;transition:all .2s ease;color:var(--shpst-text-primary)}.modal-card textarea:focus{outline:none;background:#fff;box-shadow:0 0 0 3px var(--shpst-accent-glow)}.dark .modal-card textarea{background:#28283299;color:#eee}.dark .modal-card textarea:focus{background:#32323ce6}.media-preview{padding:0 20px 12px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.media-item{position:relative;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#f0f0f0;box-shadow:0 4px 12px #00000014}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.remove-media{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000a6;color:#fff;border:none;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}.remove-media:hover{background:var(--shpst-danger);transform:scale(1.1)}.video-thumb{position:relative}.play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;font-size:2.8rem;opacity:.8}.modal-actions{display:flex;gap:12px;padding:16px 20px 20px;border-top:1px solid var(--shpst-border-subtle);position:sticky;bottom:0;background:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;z-index:2;flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;min-width:110px;padding:14px 24px;border-radius:14px;font-weight:600;font-size:1.03rem;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--shpst-accent) 0%,var(--shpst-accent-hover) 100%);color:#fff;box-shadow:0 4px 14px var(--shpst-accent-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px var(--shpst-accent-glow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#00000012;color:var(--shpst-text-primary)}.dark .btn-secondary{background:#ffffff14;color:#ddd}.progress-bar{height:6px;background:#00000014;border-radius:3px;margin:12px 20px;overflow:hidden}.progress-fill{height:100%;background:var(--shpst-accent);width:0%;transition:width .3s ease}.subscription-wall{text-align:center;padding:32px 24px}.lock-icon{font-size:4.2rem;margin-bottom:16px}.subscription-wall h3{margin:8px 0 12px;font-size:1.6rem}.plan-buttons{display:flex;gap:12px;justify-content:center;margin:24px 0 32px}.plan-btn{padding:14px 32px;border-radius:14px;font-weight:600;border:none;cursor:pointer}.plan-btn.standard{background:#10b981;color:#fff}.plan-btn.premium{background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff}@media(max-width:480px){.shpst-post-actions{gap:.9rem;padding:0 .5rem}.shpst-post-btn{padding:1rem 1.2rem;font-size:.98rem;min-width:48%;flex:1 1 48%}.shpst-statuses-grid{grid-template-columns:1fr 1fr;gap:1rem}}@media(max-width:360px){.shpst-post-btn{min-width:100%;flex:1 1 100%}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--accent: #3b82f6;--accent-dark: #2563eb;--success: #10b981;--danger: #ef4444;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--radius-md: 12px;--radius-lg: 20px;--transition: all .2s ease}html.dark .shpp-profile-container,.dark .shpp-profile-container{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: #334155;--accent: #60a5fa;--accent-dark: #3b82f6;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.35)}.shpp-profile-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:24px 16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shpp-image-wrapper{display:flex;justify-content:center;margin:32px 0 40px}.shpp-image-preview{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition)}.shpp-image-preview:hover{transform:scale(1.04)}.shpp-profile-img{width:100%;height:100%;object-fit:cover}.shpp-upload-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);color:#fff;font-size:14px;font-weight:600}.shpp-image-preview:hover .shpp-upload-overlay{opacity:1}.shpp-form{max-width:560px;margin:0 auto;display:grid;gap:24px}.shpp-field{display:flex;flex-direction:column;gap:8px}.shpp-field label{font-size:14px;font-weight:600;color:var(--text-secondary)}.shpp-input,.shpp-textarea,.shpp-select{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;transition:var(--transition)}.shpp-input:focus,.shpp-textarea:focus,.shpp-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.shpp-textarea{min-height:110px;resize:vertical}.shpp-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px}.shpp-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.shpp-tag{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent);color:#fff;border-radius:999px;font-size:14px;font-weight:500;box-shadow:var(--shadow-sm);transition:var(--transition)}.shpp-tag button{background:none;border:none;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:0 4px}.shpp-tag button:hover{transform:scale(1.2)}.shpp-multi-trigger{width:100%;padding:14px;background:#3b82f614;border:1px dashed var(--accent);border-radius:var(--radius-md);color:var(--accent);font-weight:600;cursor:pointer;transition:var(--transition);text-align:center}.shpp-multi-trigger:hover{background:#3b82f626;border-style:solid}.shpp-save-btn{width:100%;max-width:400px;margin:32px auto 0;padding:16px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition)}.shpp-save-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.shpp-save-btn.disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.shpp-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.shpp-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-md);overflow:hidden;color:var(--text-primary)}.shpp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.shpp-modal-header h3{margin:0;font-size:20px;font-weight:700}.shpp-modal-header button{background:none;border:none;font-size:28px;color:var(--text-muted);cursor:pointer}.shpp-modal-search{padding:16px 24px}.shpp-modal-search input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:16px}.shpp-modal-list{max-height:50vh;overflow-y:auto;padding:8px 0}.shpp-modal-item{display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer;transition:var(--transition)}.shpp-modal-item:hover{background:#3b82f614}.shpp-modal-item input{accent-color:var(--accent)}.shpp-modal-item.selected{background:#3b82f61f}.shpp-modal-done{width:100%;padding:16px;margin:16px 0 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer}.shpp-no-results{text-align:center;padding:40px 20px;color:var(--text-muted);font-style:italic}@media(max-width:480px){.shpp-profile-container{padding:16px 12px}.shpp-image-preview{width:120px;height:120px}}:root{--bg-page: #F9FAFB;--bg-card: #FFFFFF;--bg-overlay: rgba(255, 255, 255, .95);--text-primary: #1F2A44;--text-secondary: #374151;--text-muted: #6B7280;--border: rgba(203, 213, 225, .3);--accent: #2563EB;--accent-glow: rgba(37, 99, 235, .25);--success: #22C55E;--danger: #EF4444;--shadow-sm: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-glass: 0 10px 30px rgba(0,0,0,.15);--radius-md: 12px;--radius-lg: 16px;--transition: .2s ease}.dark,html.dark .srcp-receipts-container,.dark .srcp-receipts-container{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .92);--bg-overlay: rgba(30, 41, 59, .95);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: rgba(51, 65, 85, .5);--accent: #60a5fa;--accent-glow: rgba(96, 165, 250, .35);--success: #34d399;--danger: #f87171;--shadow-sm: 0 4px 16px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.45);--shadow-glass: 0 12px 40px rgba(0,0,0,.5)}.srcp-centered,.srcp-empty-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:400px;color:var(--text-muted)}.srcp-loading-spinner{font-size:32px;color:var(--accent);animation:spin 1s linear infinite;margin-bottom:16px}.srcp-loading-text{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.srcp-content{padding:10px}.srcp-spending-card{background:var(--bg-card);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.srcp-spending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.srcp-spending-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.srcp-month-button{padding:8px;border-radius:8px;background:var(--accent);border:none;color:#fff;cursor:pointer;transition:var(--transition)}.srcp-month-button:hover{opacity:.9;transform:scale(1.05)}.srcp-spending-amount{font-size:24px;font-weight:700;color:var(--accent);margin:0}.srcp-nav-bar{background:var(--bg-card);border-radius:var(--radius-md);padding:4px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;border:1px solid var(--border)}.srcp-nav-bar-inner{display:flex;flex:1}.srcp-nav-button{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;border-radius:8px;display:flex;flex-direction:column;align-items:center;position:relative;color:var(--text-secondary);font-weight:600;transition:var(--transition)}.srcp-nav-button:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.srcp-nav-button.srcp-active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.srcp-nav-button span{font-size:14px}.srcp-underline-gradient{height:3px;width:80%;margin-top:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--success))}.srcp-filter-container{display:flex;align-items:center;margin-bottom:16px;gap:12px}.srcp-filter-button{padding:8px;border-radius:8px;background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition)}.srcp-filter-button:hover{opacity:.9;transform:scale(1.05)}.srcp-filter-info-text{font-size:14px;font-weight:500;color:var(--text-secondary);flex:1;text-align:right}.srcp-date-header{padding:8px 12px;margin:16px 0 8px}.srcp-date-header span{font-size:14px;font-weight:600;color:var(--text-primary);margin-right:8px}.srcp-date-header-underline{height:2px;flex:1;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:1px}.srcp-receipt-card{margin-bottom:24px;border-radius:var(--radius-lg);overflow:hidden;background:transparent}.srcp-card-touchable{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--border);box-shadow:var(--shadow-glass);transition:all var(--transition)}.srcp-card-touchable:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.dark .srcp-card-touchable{border-color:color-mix(in srgb,var(--text-muted) 60%,var(--border));box-shadow:0 14px 40px #00000080}.dark .srcp-card-touchable:hover{border-color:var(--accent);box-shadow:0 24px 72px #000000a6}.srcp-card-background{padding:16px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--card-overlay) 98%,var(--bg-page));transition:background var(--transition)}.dark .srcp-card-background{background:color-mix(in srgb,var(--card-overlay) 96%,#000)}.srcp-receipt-card:not(:last-child):after{content:"";display:block;height:1px;background:var(--border);margin:20px auto 0;width:85%;opacity:.4}.dark .srcp-receipt-card:not(:last-child):after{background:color-mix(in srgb,var(--border) 80%,var(--text-muted));opacity:.6}@media(max-width:480px){.srcp-receipt-card{margin-bottom:20px}.srcp-card-background{padding:14px}}@media(prefers-reduced-motion:reduce){.srcp-card-touchable,.srcp-receipt-card{transition:none;transform:none!important}}.srcp-card-main{flex:1;min-width:0}.srcp-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.srcp-receipt-id{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.srcp-status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;box-shadow:0 2px 8px #0000002e;flex-shrink:0}.srcp-bottom-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.srcp-receipt-amount{font-weight:700;color:var(--text-primary)}.srcp-receipt-date{color:var(--text-muted)}.srcp-button-container{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.srcp-shop-image{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;border:2.5px solid var(--accent);box-shadow:0 4px 12px var(--accent-glow);flex-shrink:0}.srcp-card-divider{height:1px;background:var(--border);margin:12px 0}.srcp-pending-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.srcp-action-button{min-width:100px;height:38px;border:none;border-radius:10px;overflow:hidden;cursor:pointer;font-size:13px;font-weight:600;color:#fff;box-shadow:0 3px 10px #0000001f;transition:all .28s cubic-bezier(.34,1.56,.64,1)}.srcp-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.srcp-button-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;transition:all .28s}.srcp-pending-actions{display:flex;justify-content:flex-end;margin-top:10px}.srcp-action-button.srcp-void{min-width:110px;height:38px;border:none;border-radius:10px;overflow:hidden;cursor:pointer;font-size:13px;font-weight:600;color:#fff;box-shadow:0 3px 10px #0000001f;transition:all .28s cubic-bezier(.34,1.56,.64,1)}.srcp-action-button.srcp-void:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6b72804d}.srcp-void-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:linear-gradient(135deg,#6b7280,#4b5563);transition:all .28s}.srcp-void-inner:hover{background:linear-gradient(135deg,#4b5563,#374151)}@media(max-width:480px){.srcp-action-button.srcp-void{min-width:44px;width:44px;height:38px}.srcp-void-inner span{display:none}.srcp-void-inner{padding:0}}@media(max-width:480px){.srcp-action-button{min-width:44px;width:44px;height:38px}.srcp-button-inner span{display:none}.srcp-button-inner{padding:0}.srcp-pending-actions{gap:8px}.srcp-card-background{padding:14px}.srcp-shop-image{width:42px;height:42px}}.srcp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;padding:16px;z-index:1000}.srcp-modal-content{background:var(--bg-card);border-radius:12px;padding:24px;width:100%;max-width:400px;box-shadow:var(--shadow-glass);border:1px solid var(--border);color:var(--text-primary)}.srcp-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:20px}.srcp-date-input,.srcp-picker{width:100%;padding:14px;border-radius:8px;background:color-mix(in srgb,var(--bg-card) 95%,var(--bg-page));border:2px solid transparent;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;margin-bottom:12px;transition:all .2s}.srcp-date-input:hover,.srcp-picker:hover{background:color-mix(in srgb,var(--accent) 5%,var(--bg-card));border-color:var(--accent)}.srcp-date-picker{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-card);padding:20px;border-radius:12px;box-shadow:var(--shadow-glass);z-index:1001;border:1px solid var(--border)}.srcp-modal-buttons{display:flex;gap:12px;margin-top:20px}.srcp-apply-button,.srcp-clear-button{flex:1;border-radius:10px;overflow:hidden;border:none;cursor:pointer}.srcp-apply-button .srcp-button-gradient{background:linear-gradient(135deg,var(--accent),#10B981);padding:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600}.srcp-clear-button{background:color-mix(in srgb,var(--bg-card) 90%,var(--bg-page));padding:14px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:15px;font-weight:600;border:1px solid var(--border)}.srcp-empty-container svg{color:var(--text-muted);margin-bottom:12px}.srcp-empty-text{font-size:18px;font-weight:600;color:var(--text-muted);margin:0}.srcp-receipts-list{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.srcp-nav-bar-inner{gap:4px}.srcp-nav-button span{font-size:13px}}@media(max-width:480px){.srcp-receipt-card{margin-bottom:12px}.srcp-card-background{padding:12px}}.srcp-date-field-wrapper{margin-bottom:20px}.srcp-date-label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.srcp-date-input-native{width:100%;padding:14px 16px;font-size:16px;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);appearance:none;-webkit-appearance:none;cursor:pointer;transition:all .2s ease}.srcp-date-input-native::-webkit-calendar-picker-indicator{opacity:.6;filter:invert(.5) brightness(1.4);cursor:pointer}.dark .srcp-date-input-native::-webkit-calendar-picker-indicator{filter:invert(.8) brightness(.9)}.srcp-date-input-native:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.srcp-date-input-native:not(:placeholder-shown){color:var(--text-primary)}.srcp-date-input-native::placeholder{color:var(--text-muted)}:root{--bg-page: #f8fafc;--bg-card: rgba(255, 255, 255, .78);--bg-card-hover: rgba(255, 255, 255, .92);--border-subtle: rgba(226, 232, 240, .65);--text-primary: #0f172a;--text-secondary: #475569;--text-light: #e2e8f0;--shadow-soft: 0 10px 32px rgba(0,0,0,.1);--shadow-hover: 0 20px 56px rgba(0,0,0,.18);--radius-xl: 22px;--radius-lg: 18px;--transition: .36s cubic-bezier(.22, 1, .36, 1);--glow-opacity: .24}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .82);--bg-card-hover: rgba(51, 65, 85, .9);--border-subtle: rgba(51, 65, 85, .68);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-light: #f1f5f9;--shadow-soft: 0 12px 40px rgba(0,0,0,.52);--shadow-hover: 0 24px 68px rgba(0,0,0,.64);--glow-opacity: .36}.slact-receipt-actions{min-height:100vh;background:var(--bg-page);padding:1.5rem 1rem 3rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary)}.slact-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1100px;margin:2rem auto 0}.slact-action-btn{position:relative;appearance:none;border:none;background:none;padding:0;cursor:pointer;border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition);isolation:isolate}.slact-action-btn:focus-visible{outline:none}.slact-action-gradient{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2.2rem 1.5rem;min-height:180px;background:inherit;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);color:#fff;overflow:hidden;transition:all var(--transition)}.slact-action-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);opacity:0;transition:opacity var(--transition);pointer-events:none;transform:translate(-100%)}.slact-action-btn:hover .slact-action-gradient:after,.slact-action-btn:focus-visible .slact-action-gradient:after{opacity:1;transform:translate(100%);transition:all 1.2s ease}.slact-action-btn:hover .slact-action-gradient,.slact-action-btn:focus-visible .slact-action-gradient{transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-hover);border-color:#ffffff2e}.slact-action-btn:active .slact-action-gradient{transform:translateY(-2px) scale(1.01)}.slact-action-icon{font-size:3.6rem;line-height:1;opacity:.95;transition:all var(--transition);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.slact-action-btn:hover .slact-action-icon{transform:scale(1.14) rotate(8deg);opacity:1}.slact-action-label{font-size:1.18rem;font-weight:600;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.4);transition:all var(--transition)}.slact-action-btn:hover .slact-action-label{text-shadow:0 3px 12px rgba(0,0,0,.5)}@media(max-width:640px){.slact-actions-grid{grid-template-columns:1fr;gap:1.25rem}.slact-action-gradient{padding:1.8rem 1.25rem;min-height:160px}.slact-action-icon{font-size:3.2rem}.slact-action-label{font-size:1.08rem}}@media(prefers-reduced-motion:reduce){.slact-action-btn,.slact-action-btn:hover,.slact-action-btn:focus-visible,.slact-action-gradient,.slact-action-icon,.slact-action-label{transition:none!important;transform:none!important}.slact-action-gradient:after{opacity:0!important}}:root{--bg-page: #F8FAFC;--bg-card: white;--bg-header: linear-gradient(135deg, #3A7BD5 0%, #2563EB 100%);--text-primary: #1E293B;--text-secondary: #6B7280;--text-light: #FFFFFF;--accent-blue: #007BFF;--accent-green: #28A745;--accent-teal: #17A2B8;--accent-yellow: #FFC107;--accent-red: #DC3545;--border-subtle: #E5E7EB;--border-input: #D1D5DB;--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-input: 0 2px 8px rgba(0, 0, 0, .1);--shadow-table: 0 2px 6px rgba(0, 0, 0, .05);--hover-bg-light: #F1F5F9;--focus-ring: rgba(59, 130, 246, .2)}.dark{--bg-page: #0F172A;--bg-card: #1E293B;--bg-header: linear-gradient(135deg, #1E40AF 0%, #1E3A8A 100%);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-light: #FFFFFF;--accent-blue: #60A5FA;--accent-green: #4ADE80;--accent-teal: #2DD4BF;--accent-yellow: #FCD34D;--accent-red: #F87171;--border-subtle: #334155;--border-input: #475569;--shadow-card: 0 6px 24px rgba(0, 0, 0, .5);--shadow-input: 0 4px 12px rgba(0, 0, 0, .6);--shadow-table: 0 4px 12px rgba(0, 0, 0, .4);--hover-bg-light: rgba(241, 245, 249, .2);--focus-ring: rgba(96, 165, 250, .3)}.generate-receipt{min-height:100vh;background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px 20px 100px;max-width:800px;margin:0 auto}.input-card,.content-card{background:var(--bg-card);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);margin-bottom:24px}.input-section{display:flex;flex-direction:column;gap:16px}.input-field{position:relative;display:flex;align-items:center}.input{width:100%;height:50px;padding:12px 16px;border:2px solid var(--border-input);border-radius:12px;font-size:16px;background:var(--bg-card);color:var(--text-primary);transition:all .2s ease}.input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring)}.disabled-input{background:var(--hover-bg-light);color:var(--text-secondary);cursor:not-allowed}.item-input-row{display:flex;gap:12px}.item-name-input{flex:1.4}.qty-input{flex:.6}.price-input{flex:.9}.add-button,.secondary-button{width:100%;padding:14px;background:var(--accent-blue);color:var(--text-light);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #007bff4d}.add-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.name-suggestion-wrapper{position:relative;flex:1.4;min-width:0}.suggestion-container{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:4px;background:var(--bg-card);border:2px solid var(--border-input);border-radius:12px;box-shadow:var(--shadow-input);max-height:220px;overflow-y:auto}.suggestions-list{display:flex;flex-direction:column}.suggestion{padding:12px 16px;text-align:left;background:none;border:none;cursor:pointer;font-size:15px;color:var(--text-primary);transition:background .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion:hover,.suggestion:focus{background:var(--hover-bg-light);outline:none}.suggestion+.suggestion{border-top:1px solid var(--border-subtle)}.suggestion-container:empty{display:none}@media(max-width:640px){.suggestion-container{max-height:260px;box-shadow:0 10px 25px #00000047}}.table-container{margin:24px 0;overflow-x:auto}.table-header{display:grid;grid-template-columns:2fr .8fr 1.2fr 1.2fr .8fr;gap:12px;background:var(--accent-teal);padding:12px 16px;border-radius:12px 12px 0 0;color:var(--text-light);font-weight:600;font-size:14px}.table-body{display:flex;flex-direction:column;gap:8px}.table-row{display:grid;grid-template-columns:2fr .8fr 1.2fr 1.2fr .8fr;gap:12px;background:var(--bg-card);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-table);align-items:center}.table-cell{font-size:14px;color:var(--text-primary)}.item{font-weight:500}.qty{text-align:center;font-weight:600}.price,.total{font-weight:600}.action-button{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.action-button.edit{background:#007bff1a;color:var(--accent-blue)}.action-button.edit:hover{background:#007bff33;transform:scale(1.1)}.action-button.delete{background:#dc35451a;color:var(--accent-red)}.action-button.delete:hover{background:#dc354533;transform:scale(1.1)}.total-container{margin:24px 0;padding:20px;background:linear-gradient(135deg,var(--accent-yellow) 0%,#F59E0B 100%);border-radius:16px;text-align:center;box-shadow:0 8px 24px #ffc1074d}.total-text{font-size:24px;font-weight:700;color:var(--text-primary)}.generate-button{width:100%;padding:18px;background:linear-gradient(135deg,var(--accent-green) 0%,#218838 100%);color:var(--text-light);border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:12px}.generate-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 12px 32px #28a74566}.generate-button.disabled{opacity:.7;cursor:not-allowed;transform:none;background:var(--text-secondary)}.image-container{margin-top:24px;padding:20px;background:var(--hover-bg-light);border-radius:16px;border:2px solid var(--border-subtle)}.image-label{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.images-preview{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.image-preview{flex-shrink:0;border:none;background:none;cursor:pointer;padding:8px;border-radius:12px;transition:all .2s ease}.image-preview:hover{background:var(--hover-bg-light);transform:scale(1.05)}.receipt-image{width:100px;height:150px;object-fit:cover;border-radius:12px;border:2px solid var(--border-subtle)}.spinner.small{width:20px;height:20px;border:2px solid var(--border-subtle);border-top:2px solid var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.full-screen-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.close-fullscreen{position:absolute;top:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#fff3;border:none;color:var(--text-light);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-fullscreen:hover{background:#ffffff4d}.full-screen-image{max-width:95%;max-height:95%;object-fit:contain}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.generate-receipt{padding:16px}.item-input-row{flex-direction:column;gap:12px}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr .8fr;gap:8px;font-size:13px}.table-row{padding:12px}}@media(max-width:480px){.input-card,.content-card{padding:16px}.table-header,.table-row{grid-template-columns:1.5fr .8fr 1fr 1fr .6fr}}:root{--bg-page: #f8fafc;--bg-card: rgba(255, 255, 255, .78);--bg-card-hover: rgba(255, 255, 255, .92);--border-subtle: rgba(226, 232, 240, .65);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .2);--accent-soft: rgba(59, 130, 246, .1);--shadow-soft: 0 6px 20px rgba(0,0,0,.08);--shadow-hover: 0 14px 40px rgba(0,0,0,.15);--radius-lg: 16px;--radius-md: 12px;--transition: .26s cubic-bezier(.22, 1, .36, 1);--blur-sm: blur(12px)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .82);--bg-card-hover: rgba(51, 65, 85, .92);--border-subtle: rgba(51, 65, 85, .65);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #94a3b8;--accent-soft: rgba(96, 165, 250, .16);--shadow-soft: 0 8px 28px rgba(0,0,0,.48);--shadow-hover: 0 16px 48px rgba(0,0,0,.6)}.alrt-recently-visited-page .alrt-content-wrapper{min-height:100vh;background:var(--bg-page);padding:1.25rem 1rem 3.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);transition:background .4s ease}.alrt-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:1.4rem;max-width:640px;margin-left:auto;margin-right:auto}.alrt-filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;font-size:.94rem;cursor:pointer;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);box-shadow:var(--shadow-soft);transition:all var(--transition)}.alrt-filter-toggle-btn:hover,.alrt-filter-toggle-btn:focus-visible{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.alrt-filter-toggle-btn .alrt-icon{font-size:1.2rem;opacity:.9}.alrt-active-filter-pill{display:flex;align-items:center;gap:.7rem;padding:.5rem 1rem;background:var(--accent-soft);border-radius:999px;font-size:.9rem;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alrt-clear-filter-btn{background:transparent;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s}.alrt-clear-filter-btn:hover{background:#3b82f614;color:var(--accent-hover)}.alrt-date-filter-panel{display:none;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;margin:0 auto 1.8rem;max-width:640px;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);box-shadow:var(--shadow-soft)}.alrt-date-filter-panel.visible{display:block}.alrt-date-input-group{margin-bottom:1.1rem}.alrt-date-input-group label{display:block;margin-bottom:.45rem;font-weight:500;color:var(--text-secondary);font-size:.92rem}.alrt-date-input-group input[type=date]{width:100%;padding:.8rem 1rem;background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.98rem;transition:all var(--transition)}.alrt-date-input-group input[type=date]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.alrt-filter-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.3rem}.alrt-apply-filter-btn,.alrt-cancel-filter-btn{padding:.7rem 1.4rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition)}.alrt-apply-filter-btn{background:var(--accent);color:#fff;border:none}.alrt-apply-filter-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.alrt-cancel-filter-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary)}.alrt-cancel-filter-btn:hover{background:var(--bg-card-hover)}.alrt-date-separator{display:flex;align-items:center;gap:.9rem;margin:1rem 0 .8rem}.alrt-date-title{font-size:1.12rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.alrt-date-line{flex:1;height:1px;background:var(--border-subtle)}.alrt-visit-card{display:flex;height:116px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:all var(--transition);cursor:pointer}.alrt-visit-card:hover,.alrt-visit-card:focus-visible{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.alrt-visit-card:focus-visible{outline:none;box-shadow:0 0 0 3.5px var(--accent-glow),var(--shadow-hover)}.alrt-visit-image-wrapper{width:116px;flex-shrink:0;overflow:hidden}.alrt-visit-image{width:100%;height:100%;object-fit:cover;transition:transform .42s ease}.alrt-visit-card:hover .alrt-visit-image{transform:scale(1.07)}.alrt-visit-info{flex:1;padding:.9rem 1.1rem;display:flex;flex-direction:column;justify-content:center;gap:.38rem}.alrt-shop-title{font-size:1.06rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.28}.alrt-shop-address{font-size:.88rem;color:var(--text-secondary);margin:0;line-height:1.32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alrt-visit-meta{font-size:.85rem;color:var(--text-tertiary);margin:0}.alrt-visit-meta strong{color:var(--text-primary);font-weight:600}.alrt-card-arrow{align-self:center;font-size:1.95rem;color:var(--text-tertiary);margin-right:1.1rem;opacity:.7;transition:all var(--transition)}.alrt-visit-card:hover .alrt-card-arrow,.alrt-visit-card:focus-visible .alrt-card-arrow{color:var(--accent);opacity:1;transform:translate(6px)}.alrt-loading-state,.alrt-error-state,.alrt-empty-state{text-align:center;padding:4.5rem 1.5rem;color:var(--text-secondary)}.alrt-spinner{width:48px;height:48px;border:4px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.4rem}.alrt-empty-icon{font-size:5rem;margin-bottom:1.2rem;opacity:.7}.alrt-empty-state h3{margin:0 0 .8rem;color:var(--text-primary);font-size:1.32rem}.alrt-empty-state p{max-width:360px;margin:0 auto}@media(max-width:480px){.alrt-content-wrapper{padding:1rem .8rem 3rem}.alrt-visit-card{height:108px}.alrt-visit-image-wrapper{width:108px}.alrt-visit-info{padding:.8rem 1rem}.alrt-shop-title{font-size:1.02rem}.alrt-card-arrow{font-size:1.8rem;margin-right:.9rem}}:root{--bg-page: #f9fafb;--bg-card: rgba(255, 255, 255, .82);--bg-card-hover: rgba(255, 255, 255, .96);--border-subtle: rgba(226, 232, 240, .7);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .22);--accent-soft: rgba(59, 130, 246, .1);--shadow-soft: 0 10px 30px -4px rgba(0,0,0,.1);--shadow-hover: 0 20px 50px -8px rgba(0,0,0,.18);--inner-shadow: inset 0 2px 8px rgba(0,0,0,.06);--radius-xl: 22px;--radius-lg: 18px;--transition: .32s cubic-bezier(.22, 1, .36, 1);--blur-lg: blur(18px)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .88);--bg-card-hover: rgba(51, 65, 85, .94);--border-subtle: rgba(51, 65, 85, .72);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--accent-soft: rgba(96, 165, 250, .18);--shadow-soft: 0 12px 40px -6px rgba(0,0,0,.55);--shadow-hover: 0 24px 64px -10px rgba(0,0,0,.68);--inner-shadow: inset 0 2px 10px rgba(0,0,0,.35)}.alfs-followed-shops-page .alfs-content-wrapper{min-height:100vh;background:var(--bg-page);padding:1.5rem 1.25rem 4rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary)}.alfs-search-bar-container{margin:0 auto 2rem;max-width:720px;padding:0 .5rem}.alfs-search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:.85rem 1.25rem;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);box-shadow:var(--shadow-soft),var(--inner-shadow);transition:all var(--transition)}.alfs-search-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow),var(--shadow-hover),var(--inner-shadow);transform:translateY(-1px)}.alfs-search-icon{font-size:1.32rem;color:var(--text-tertiary);margin-right:1rem;flex-shrink:0}.alfs-search-input{flex:1;background:transparent;border:none;outline:none;font-size:1.05rem;color:var(--text-primary);caret-color:var(--accent)}.alfs-search-input::placeholder{color:var(--text-tertiary);opacity:.7}.alfs-clear-search-btn{background:var(--accent-soft);border:none;color:var(--accent);font-size:1.45rem;line-height:1;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.alfs-clear-search-btn:hover,.alfs-clear-search-btn:focus-visible{background:var(--accent);color:#fff;transform:scale(1.1)}.alfs-shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem 1.25rem;max-width:1200px;margin:0 auto;padding:0 .5rem}.alfs-shop-card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft),var(--inner-shadow);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);transition:all var(--transition);cursor:pointer}.alfs-shop-card:hover,.alfs-shop-card:focus-visible{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover),0 0 0 3px var(--accent-glow);border-color:transparent}.alfs-shop-card:focus-visible{outline:none}.alfs-shop-image-container{width:100%;aspect-ratio:4 / 3;overflow:hidden;position:relative}.alfs-shop-image{width:100%;height:100%;object-fit:cover;transition:transform .48s ease}.alfs-shop-card:hover .alfs-shop-image{transform:scale(1.12)}.alfs-shop-info{padding:1.2rem 1.25rem 1.4rem;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.alfs-shop-name{font-size:1.08rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alfs-shop-image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.35));opacity:0;transition:opacity var(--transition);pointer-events:none}.alfs-shop-card:hover .alfs-shop-image-container:after{opacity:1}.alfs-loading-state,.alfs-error-state,.alfs-empty-state{text-align:center;padding:6rem 1.5rem 8rem;color:var(--text-secondary)}.alfs-spinner{width:56px;height:56px;border:5px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin 1.1s linear infinite;margin:0 auto 1.8rem}.alfs-error-text,.alfs-empty-text{font-size:1.12rem;line-height:1.6;max-width:480px;margin:0 auto}@media(max-width:520px){.alfs-shops-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem 1rem}.alfs-shop-name{font-size:1.02rem}.alfs-content-wrapper{padding-left:1rem;padding-right:1rem}}@media(max-width:380px){.alfs-shops-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;transform:none!important;animation:none!important}}:root{--custitm-bg-backdrop: rgba(0, 0, 0, .55);--custitm-bg-modal: #ffffff;--custitm-bg-input: #f8fafc;--custitm-bg-btn-cancel: #f1f5f9;--custitm-bg-btn-primary: #2563eb;--custitm-bg-btn-primary-hover: #1d4ed8;--custitm-border: #e2e8f0;--custitm-border-input: #cbd5e1;--custitm-text-primary: #0f172a;--custitm-text-secondary: #475569;--custitm-text-muted: #64748b;--custitm-text-light: #f1f5f9;--custitm-accent: #3b82f6;--custitm-radius: 16px;--custitm-radius-sm: 12px;--custitm-shadow-modal: 0 -8px 32px rgba(0,0,0,.18);--custitm-shadow-btn: 0 2px 8px rgba(0,0,0,.08);--custitm-transition: .24s cubic-bezier(.22, 1, .36, 1)}.dark{--custitm-bg-backdrop: rgba(0, 0, 0, .7);--custitm-bg-modal: #0f172a;--custitm-bg-input: #1e293b;--custitm-bg-btn-cancel: #334155;--custitm-bg-btn-primary: #3b82f6;--custitm-bg-btn-primary-hover: #2563eb;--custitm-border: #334155;--custitm-border-input: #475569;--custitm-text-primary: #f1f5f9;--custitm-text-secondary: #cbd5e1;--custitm-text-muted: #94a3b8;--custitm-text-light: #e2e8f0;--custitm-shadow-modal: 0 -12px 40px rgba(0,0,0,.55);--custitm-shadow-btn: 0 4px 12px rgba(0,0,0,.4)}.custitm-backdrop{position:fixed;inset:0;background-color:var(--custitm-bg-backdrop);display:flex;align-items:flex-end;justify-content:center;z-index:9999;transition:opacity .3s ease}.custitm-modal{background:var(--custitm-bg-modal);border-top-left-radius:var(--custitm-radius);border-top-right-radius:var(--custitm-radius);width:100%;max-width:520px;max-height:92vh;box-shadow:var(--custitm-shadow-modal);overflow:hidden;display:flex;flex-direction:column;color:var(--custitm-text-primary);font-family:Inter,system-ui,sans-serif}.custitm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--custitm-border)}.custitm-title{font-size:1.375rem;font-weight:700;margin:0;letter-spacing:-.01em}.custitm-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--custitm-text-muted);border-radius:50%;transition:all var(--custitm-transition)}.custitm-close-btn:hover,.custitm-close-btn:focus-visible{background:color-mix(in srgb,var(--custitm-accent) 12%,transparent);color:var(--custitm-accent);transform:scale(1.1)}.custitm-body{padding:24px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.custitm-form-group{margin-bottom:24px}.custitm-label{font-size:.875rem;font-weight:600;color:var(--custitm-text-secondary);display:block;margin-bottom:8px}.custitm-input,.custitm-textarea{width:100%;padding:14px 16px;font-size:1rem;background:var(--custitm-bg-input);border:1px solid var(--custitm-border-input);border-radius:var(--custitm-radius-sm);color:var(--custitm-text-primary);transition:all var(--custitm-transition)}.custitm-input:focus,.custitm-textarea:focus{outline:none;border-color:var(--custitm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--custitm-accent) 20%,transparent)}.custitm-textarea{min-height:92px;resize:vertical}.custitm-image-buttons{display:flex;gap:12px;margin-bottom:16px}.custitm-image-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:var(--custitm-radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--custitm-transition);color:#fff}.custitm-camera-btn{background:#10b981}.custitm-gallery-btn{background:var(--custitm-accent)}.custitm-image-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.custitm-image-preview-wrapper{position:relative;border-radius:var(--custitm-radius-sm);overflow:hidden;border:1px solid var(--custitm-border-input);margin-top:8px}.custitm-image-preview{width:100%;height:140px;object-fit:cover;display:block}.custitm-remove-image-btn{position:absolute;top:12px;right:12px;background:#ffffffeb;border:none;border-radius:50%;padding:6px;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all var(--custitm-transition)}.custitm-remove-image-btn:hover{background:#fff;transform:scale(1.15)}.dark .custitm-remove-image-btn{background:#0f172aeb;color:#f87171}.custitm-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--custitm-border);background:var(--custitm-bg-modal)}.custitm-btn{flex:1;padding:14px 20px;border-radius:var(--custitm-radius-sm);border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--custitm-transition)}.custitm-btn-cancel{background:var(--custitm-bg-btn-cancel);color:var(--custitm-text-muted)}.custitm-btn-add,.custitm-btn-primary{background:var(--custitm-bg-btn-primary);color:#fff;font-weight:700}.custitm-btn:disabled{opacity:.6;cursor:not-allowed}.custitm-btn:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px)}.custitm-btn-add:not(:disabled):hover,.custitm-btn-primary:not(:disabled):hover{background:var(--custitm-bg-btn-primary-hover)}.custitm-subscription-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000}.custitm-subscription-modal{background:var(--custitm-bg-modal);border-radius:20px;padding:28px 24px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #0006}.custitm-subscription-modal h3{font-size:1.4rem;font-weight:700;margin:0 0 16px;color:var(--custitm-text-primary)}.custitm-subscription-modal p{font-size:1rem;color:var(--custitm-text-secondary);margin:0 0 24px;line-height:1.5}@media(max-width:480px){.custitm-body{padding:20px}.custitm-header,.custitm-footer{padding:18px 20px}}:root{--cartitrw-bg: #ffffff;--cartitrw-bg-hover: #f8fafc;--cartitrw-border: #e2e8f0;--cartitrw-placeholder-bg: #f8fafc;--cartitrw-text-primary: #0f172a;--cartitrw-text-secondary: #475569;--cartitrw-text-muted: #64748b;--cartitrw-price-original: #16a34a;--cartitrw-price-edited: #dc2626;--cartitrw-accent: #2563eb;--cartitrw-accent-hover: #1d4ed8;--cartitrw-radius: 16px;--cartitrw-radius-sm: 12px;--cartitrw-shadow: 0 1px 6px rgba(0,0,0,.08);--cartitrw-transition: .18s ease}.dark{--cartitrw-bg: #0f172a;--cartitrw-bg-hover: #1e293b;--cartitrw-border: #334155;--cartitrw-placeholder-bg: #1e293b;--cartitrw-text-primary: #f1f5f9;--cartitrw-text-secondary: #cbd5e1;--cartitrw-text-muted: #94a3b8;--cartitrw-price-original: #4ade80;--cartitrw-price-edited: #f87171;--cartitrw-shadow: 0 2px 10px rgba(0,0,0,.35)}.CartItrw-row{display:flex;align-items:center;background:var(--cartitrw-bg);border-radius:var(--cartitrw-radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--cartitrw-shadow);transition:var(--cartitrw-transition);color:var(--cartitrw-text-primary);font-family:Inter,system-ui,sans-serif}.CartItrw-row:hover{background:var(--cartitrw-bg-hover)}.CartItrw-image-btn{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.CartItrw-image{width:64px;height:64px;border-radius:var(--cartitrw-radius-sm);object-fit:cover;opacity:.92;transition:opacity .2s ease}.CartItrw-image-btn:hover .CartItrw-image{opacity:1}.CartItrw-placeholder{width:64px;height:64px;background:var(--cartitrw-placeholder-bg);border-radius:var(--cartitrw-radius-sm);border:1px dashed var(--cartitrw-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cartitrw-text-muted)}.CartItrw-content{flex:1;margin-left:14px;min-width:0}.CartItrw-name{font-size:1rem;font-weight:600;color:var(--cartitrw-text-primary);margin-bottom:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.CartItrw-price-btn{background:none;border:none;padding:0;cursor:pointer;text-align:left}.CartItrw-price-text{font-size:.9375rem;font-weight:600}.CartItrw-price-original{color:var(--cartitrw-price-original)}.CartItrw-price-edited{color:var(--cartitrw-price-edited)}.CartItrw-price-edit{display:flex;align-items:center;gap:8px;margin-bottom:8px}.CartItrw-price-input{border:none;border-bottom:1.5px solid var(--cartitrw-accent);width:90px;font-size:.9375rem;font-weight:600;padding:2px 0;background:transparent;color:var(--cartitrw-text-primary);outline:none}.CartItrw-check-btn{background:none;border:none;padding:4px;cursor:pointer;color:#10b981;border-radius:4px;transition:background .2s}.CartItrw-check-btn:hover{background:#10b9811f}.CartItrw-quantity{display:flex;align-items:center;gap:14px;margin-top:8px}.CartItrw-qty-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;transition:all var(--cartitrw-transition);color:var(--cartitrw-text-muted)}.dark .CartItrw-qty-btn{color:var(--cartitrw-text-secondary)}.CartItrw-qty-btn:disabled{cursor:not-allowed;opacity:.45}.CartItrw-qty-btn:hover:not(:disabled){background:color-mix(in srgb,var(--cartitrw-accent) 12%,transparent);color:var(--cartitrw-accent)}.CartItrw-qty-decrease:disabled{color:var(--cartitrw-border)}.CartItrw-qty-value{font-size:1rem;font-weight:700;min-width:28px;text-align:center;color:var(--cartitrw-text-primary)}.CartItrw-remove-btn{background:none;border:none;padding:6px;cursor:pointer;color:#ef4444;border-radius:6px;transition:all var(--cartitrw-transition);flex-shrink:0}.CartItrw-remove-btn:hover{background:#ef44441f;transform:scale(1.1)}@media(prefers-reduced-motion:reduce){.CartItrw-row,.CartItrw-row:hover,.CartItrw-image-btn:hover .CartItrw-image,.CartItrw-remove-btn:hover{transition:none;transform:none}}@media(max-width:480px){.CartItrw-row{padding:12px 14px}.CartItrw-image,.CartItrw-placeholder{width:56px;height:56px}.CartItrw-content{margin-left:12px}}:root{--bg-page: #f8fafc;--bg-header: linear-gradient(135deg, #3a7bd5 0%, #1e40af 100%);--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(255, 255, 255, .98);--bg-empty: #fef7ff;--bg-message: #f8fafc;--border-subtle: rgba(226, 232, 240, .7);--border-focus: rgba(59, 130, 246, .3);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 50%, #1e40af 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--shadow-soft: 0 10px 32px rgba(0,0,0,.08);--shadow-hover: 0 20px 56px rgba(0,0,0,.14);--shadow-header: 0 8px 32px rgba(58, 123, 213, .3);--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--transition: .34s cubic-bezier(.22, 1, .36, 1)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .88);--bg-card-hover: rgba(51, 65, 85, .95);--bg-empty: #1e1b4b;--bg-message: rgba(51, 65, 85, .6);--border-subtle: rgba(71, 85, 105, .6);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--shadow-soft: 0 12px 40px rgba(0,0,0,.55);--shadow-hover: 0 25px 64px rgba(0,0,0,.65)}.nworder-page{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;color:var(--text-primary);overflow:hidden}.nworder-header{background:var(--bg-header);padding:1.25rem 1rem;border-bottom-left-radius:35px;border-bottom-right-radius:35px;box-shadow:var(--shadow-header);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.nworder-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:.7}.nworder-back-btn{background:#ffffff38;border:none;border-radius:var(--radius-md);padding:.75rem;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition);flex-shrink:0}.nworder-back-btn:hover{background:#ffffff4d;transform:scale(1.05)}.nworder-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0;flex:1;text-align:center;letter-spacing:-.02em}.nworder-header-spacer{width:3rem;height:3rem}.nworder-empty-state{min-height:100vh;background:var(--bg-empty);display:flex;align-items:center;justify-content:center;padding:1.5rem}.nworder-empty-content{text-align:center;max-width:28rem}.nworder-empty-icon{color:var(--text-secondary);margin-bottom:1.25rem;opacity:.7}.nworder-empty-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.nworder-empty-text{color:var(--text-secondary);margin-bottom:1.75rem;font-size:1.05rem}.nworder-empty-btn{background:var(--accent-gradient);color:#fff;padding:.875rem 1.75rem;border-radius:var(--radius-lg);border:none;cursor:pointer;font-weight:700;font-size:1rem;transition:all var(--transition);box-shadow:var(--shadow-soft)}.nworder-empty-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.nworder-shop-card{display:flex;align-items:center;background:var(--bg-card);margin:1.25rem;padding:1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-subtle);gap:.875rem;transition:all var(--transition)}.nworder-shop-icon{width:3rem;height:3rem;border-radius:50%;background:color-mix(in srgb,var(--accent-primary) 20%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0;font-size:1.25rem}.nworder-shop-info{flex:1;min-width:0}.nworder-shop-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.nworder-shop-items{font-size:.95rem;color:var(--text-secondary)}.nworder-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.nworder-content{padding:0 1.25rem 10rem}.nworder-item-wrapper{margin-top:.875rem}.nworder-item-spacer{margin-top:.75rem!important}.nworder-add-custom-btn{display:flex;align-items:center;justify-content:center;width:100%;background:color-mix(in srgb,var(--accent-primary) 8%,transparent);padding:1.25rem;border-radius:var(--radius-lg);margin-top:1.5rem;border:2px dashed currentColor;gap:.75rem;cursor:pointer;color:var(--accent-primary);font-weight:700;font-size:1.05rem;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nworder-add-custom-btn:hover{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.nworder-message-section{background:var(--bg-card);margin:1.5rem 1rem 0;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nworder-message-label{font-size:.95rem;font-weight:700;color:var(--text-primary);display:block;margin-bottom:.625rem}.nworder-message-input{width:100%;min-height:5.5rem;background:var(--bg-message);border-radius:var(--radius-md);padding:1rem;font-size:.95rem;color:var(--text-primary);border:1px solid var(--border-subtle);resize:vertical;transition:all var(--transition);font-family:inherit}.nworder-message-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--border-focus),var(--shadow-soft)}.nworder-message-counter{font-size:.8rem;color:var(--text-muted);text-align:right;margin-top:.5rem}.nworder-footer{background:var(--bg-card);padding:1.25rem;margin:1.75rem 0 -1rem;border-top:1px solid var(--border-subtle);box-shadow:0 -4px 20px #0000001a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nworder-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nworder-total-label{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.nworder-total-amount{font-size:1.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nworder-send-btn{width:100%;background:var(--accent-gradient);color:#fff;padding:1.125rem;border-radius:var(--radius-lg);border:none;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.625rem;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.nworder-send-btn:before{content:"";position:absolute;inset:0;background:#fff3;opacity:0;transition:opacity var(--transition)}.nworder-send-btn:hover:before{opacity:1}.nworder-send-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.nworder-send-loading{background:var(--text-muted)!important;cursor:not-allowed!important;transform:none!important}.nworder-limit-modal{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:nworder-modalSlideIn .3s cubic-bezier(.22,1,.36,1)}@keyframes nworder-modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.nworder-limit-content{background:var(--bg-card);border-radius:28px;padding:2.5rem;max-width:24rem;width:90%;text-align:center;box-shadow:var(--shadow-hover);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-subtle);animation:nworder-contentSlideIn .4s cubic-bezier(.22,1,.36,1) .1s both}@keyframes nworder-contentSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nworder-limit-icon{color:#f59e0b;margin:0 auto 1.25rem}.nworder-limit-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .75rem}.nworder-limit-text{font-size:1.05rem;color:var(--text-secondary);margin:.75rem 0 1rem}.nworder-upgrade-text{font-size:1.125rem;font-weight:800;background:linear-gradient(135deg,var(--accent-secondary),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem}.nworder-limit-actions{display:flex;gap:1rem}.nworder-limit-close{flex:1;background:var(--bg-message);padding:1.125rem;border-radius:var(--radius-lg);border:none;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.nworder-upgrade-btn{flex:2;background:linear-gradient(135deg,var(--accent-secondary),#c084fc);color:#fff;padding:1.125rem;border-radius:var(--radius-lg);border:none;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-soft)}.nworder-upgrade-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.nworder-image-viewer{position:fixed;inset:0;background:#000000eb;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}@media(max-width:480px){.nworder-header{padding:1rem .875rem}.nworder-content{padding:0 1rem 9rem}.nworder-shop-card{margin:1rem .875rem;padding:1rem}.nworder-message-section{margin:1.25rem .875rem 0;padding:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nworder-back-btn:focus-visible,.nworder-send-btn:focus-visible,.nworder-add-custom-btn:focus-visible,.nworder-message-input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--border-focus),var(--shadow-hover)}:root{--bg-page: #fef7ff;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(255, 255, 255, .98);--bg-pickup: #f0fdf4;--bg-message-seller: #eff6ff;--bg-message-buyer: #f0fdf4;--border-subtle: rgba(226, 232, 240, .7);--border-focus: rgba(59, 130, 246, .3);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-primary: #3b82f6;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--shadow-soft: 0 10px 32px rgba(0,0,0,.08);--shadow-hover: 0 20px 56px rgba(0,0,0,.14);--radius-lg: 24px;--radius-md: 20px;--radius-sm: 16px;--transition: .34s cubic-bezier(.22, 1, .36, 1)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .88);--bg-card-hover: rgba(51, 65, 85, .95);--bg-pickup: rgba(16, 185, 129, .15);--bg-message-seller: rgba(59, 130, 246, .15);--bg-message-buyer: rgba(16, 185, 129, .15);--border-subtle: rgba(71, 85, 105, .55);--border-focus: rgba(96, 165, 250, .35);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-primary: #60a5fa;--accent-success: #34d399;--accent-warning: #fbbf24;--accent-danger: #f87171;--accent-gradient: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--success-gradient: linear-gradient(135deg, #34d399 0%, #10b981 100%);--shadow-soft: 0 12px 40px rgba(0,0,0,.55);--shadow-hover: 0 25px 64px rgba(0,0,0,.65)}.buyeditr-version-dropdown{position:absolute;top:100px;right:20px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);min-width:340px;max-height:480px;overflow:hidden;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1000;animation:buyeditr-slideDown .3s cubic-bezier(.22,1,.36,1)}@keyframes buyeditr-slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.buyeditr-version-list{max-height:480px;overflow-y:auto}.buyeditr-version-item{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;width:100%;text-align:left;border:none;background:none;cursor:pointer;transition:all var(--transition)}.buyeditr-version-item:hover{background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.buyeditr-current-version{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);position:relative}.buyeditr-current-version:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-primary)}.buyeditr-version-label{font-size:1rem;font-weight:800;color:var(--text-primary)}.buyeditr-version-sub{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.buyeditr-checkmark{color:var(--accent-primary);margin-left:auto}.buyeditr-old-version-banner{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--accent-warning) 10%,transparent);padding:.875rem 1.25rem;margin:1rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--accent-warning) 30%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.buyeditr-message-bubble{margin:1rem;padding:1.25rem;border-radius:var(--radius-lg);max-width:86%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition)}.buyeditr-message-seller{background:var(--bg-message-seller);margin-left:auto;border-bottom-right-radius:8px;border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent)}.buyeditr-message-buyer{background:var(--bg-message-buyer);margin-right:auto;border-bottom-left-radius:8px;border-color:color-mix(in srgb,var(--accent-success) 40%,transparent)}.buyeditr-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.buyeditr-message-sender{font-size:.95rem;font-weight:800;color:var(--accent-primary)}.buyeditr-message-version{font-size:.8rem;color:var(--text-muted)}.buyeditr-message-text{font-size:1.1rem;color:var(--text-primary);line-height:1.6}.buyeditr-pickup-card{margin:1.25rem;background:var(--bg-pickup);border-radius:var(--radius-lg);padding:1.5rem;border:2px solid var(--accent-success);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.buyeditr-pickup-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.buyeditr-success-icon{color:var(--accent-success)}.buyeditr-pickup-title{font-size:1.4rem;font-weight:900;color:var(--accent-success);margin:0}.buyeditr-pickup-code-row{display:flex;align-items:center;gap:12px;margin-top:1rem}.buyeditr-code-label{font-size:1rem;font-weight:700;color:var(--accent-success)}.buyeditr-pickup-code{font-size:2.25rem;font-weight:900;color:var(--accent-success);letter-spacing:4px}.buyeditr-timer-row,.buyeditr-address-row{display:flex;align-items:center;gap:10px;margin-top:.75rem}.buyeditr-timer-text{font-size:1.125rem;font-weight:800;color:var(--accent-success)}.buyeditr-address-text{font-size:.95rem;color:var(--text-secondary);font-weight:600;flex:1}.buyeditr-view-items-btn,.buyeditr-map-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:1rem 1.25rem;border-radius:var(--radius-md);font-weight:800;font-size:1rem;cursor:pointer;border:none;transition:all var(--transition);margin-top:1rem}.buyeditr-view-items-btn,.buyeditr-map-btn{background:var(--accent-success);color:#fff;box-shadow:var(--shadow-soft)}.buyeditr-view-items-btn:hover,.buyeditr-map-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.buyeditr-items-container{padding-bottom:8rem;padding:0 1rem}.buyeditr-compact-card{display:flex;gap:14px;background:var(--bg-card);margin:.5rem 0;border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-soft);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:all var(--transition)}.buyeditr-compact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.buyeditr-compact-image-wrapper{flex-shrink:0}.buyeditr-image-btn{border:none;background:none;cursor:pointer}.buyeditr-compact-image{width:68px;height:68px;border-radius:var(--radius-sm);object-fit:cover}.buyeditr-compact-placeholder{width:68px;height:68px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text-muted) 10%,transparent);display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-subtle)}.buyeditr-compact-content{flex:1;min-width:0}.buyeditr-compact-name{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3}.buyeditr-note{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0;font-style:italic}.buyeditr-compact-price-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:.5rem}.buyeditr-compact-old-price{font-size:.85rem;color:var(--text-muted);text-decoration:line-through}.buyeditr-compact-new-price{font-size:1.1rem;font-weight:900;color:var(--accent-primary)}.buyeditr-compact-quantity{font-size:.9rem;color:var(--text-secondary);font-weight:700}.buyeditr-compact-badge{margin-top:.75rem;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--accent-primary);padding:.25rem .75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);font-size:.75rem;font-weight:800;align-self:flex-start}.buyeditr-compact-total-card{background:var(--bg-card);margin:1.75rem 1rem;padding:2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-hover);border:3px solid var(--accent-primary);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.buyeditr-compact-total-label{font-size:1.2rem;font-weight:900;color:color-mix(in srgb,var(--accent-primary) 80%,transparent)}.buyeditr-compact-total-price{font-size:2.75rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-top:.5rem}.buyeditr-modern-actions{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-card);border-top:2px solid var(--border-subtle);box-shadow:0 -8px 32px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.buyeditr-action-btn{flex:1;padding:1.25rem;border-radius:var(--radius-lg);border:none;font-size:1.1rem;font-weight:900;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-soft)}.buyeditr-action-cancel{background:var(--accent-danger);color:#fff}.buyeditr-action-edit{background:var(--accent-warning);color:#fff}.buyeditr-action-accept{background:var(--accent-success);color:#fff}.buyeditr-action-disabled{background:var(--text-muted)!important;cursor:not-allowed!important;opacity:.7}.buyeditr-action-btn:hover:not(.buyeditr-action-disabled){transform:translateY(-3px);box-shadow:var(--shadow-hover)}.buyeditr-empty-items{padding:4rem 2rem;text-align:center}.buyeditr-empty-icon{color:var(--text-muted);opacity:.5}.buyeditr-empty-text{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem;font-weight:600}.buyeditr-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.buyeditr-loader-spinner{width:48px;height:48px;border:4px solid var(--border-subtle);border-top:4px solid var(--accent-primary);border-radius:50%;animation:buyeditr-spin 1s linear infinite}@keyframes buyeditr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.buyeditr-loader-text{font-size:1.2rem;color:var(--text-secondary);font-weight:700}@media(max-width:480px){.buyeditr-version-dropdown{right:10px;left:10px;min-width:auto}.buyeditr-items-container{padding:0 .75rem}.buyeditr-modern-actions{padding:1rem;gap:.75rem}}.buyeditr-version-btn{display:flex;align-items:center;gap:8px;background:#ffffff4d;padding:.625rem 1rem;border-radius:28px;border:none;cursor:pointer;color:#fff;font-weight:900;font-size:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition)}.buyeditr-version-btn:hover{background:#fff6;transform:scale(1.05)}.buyeditr-version-text{color:#fff}.buyeditr-page-container{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column}.buyeditr-main-content{flex:1;padding:8px 16px 16px}.buyeditr-full-page-loader{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-page)}.buyeditr-loader-spinner{width:48px;height:48px;border:5px solid var(--border-subtle);border-top:5px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.buy-po-header{position:sticky;top:0;left:0;right:0;z-index:1000;padding-top:env(safe-area-inset-top);margin-top:calc(-1*env(safe-area-inset-top));background:transparent;overflow:hidden;box-shadow:var(--gl-shadow);border-bottom:1px solid var(--gl-border);color:var(--gl-text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .25s ease}.buy-po-header-inner{background:var(--gl-bg);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur);border-bottom:1px solid var(--gl-border);box-shadow:0 3px 10px #00000014;border-bottom-left-radius:var(--gl-radius);border-bottom-right-radius:var(--gl-radius);display:flex;align-items:center;justify-content:space-between;padding:.4rem .9rem;min-height:42px;transition:all .25s ease}.buy-po-back-btn{background:none;border:none;padding:.45rem;border-radius:9999px;color:var(--gl-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.buy-po-back-btn:hover,.buy-po-back-btn:focus-visible{background:var(--gl-hover-bg);transform:scale(1.1)}.buy-po-header-center{flex:1;text-align:center;display:flex;justify-content:center;align-items:center}.buy-po-shop-name{background:none!important;border:none!important;margin:0;padding:.4rem .8rem;font-size:1.1rem;font-weight:600;letter-spacing:-.02em;color:var(--gl-text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw;border-radius:12px;transition:all .2s ease}.buy-po-shop-name:hover{background:var(--gl-hover-bg)!important}.buy-po-version-toggle{display:flex;align-items:center;gap:6px;background:var(--gl-hover-bg);border:none;border-radius:9999px;padding:.5rem 1rem;color:var(--gl-text);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.buy-po-version-toggle:hover,.buy-po-version-toggle.active{background:color-mix(in srgb,var(--gl-hover-bg) 70%,var(--gl-text) 30%);transform:scale(1.05)}.buy-po-version-label{font-weight:900;letter-spacing:-.4px}.buy-po-version-dropdown{position:absolute;top:calc(100% + 8px);right:12px;background:var(--gl-bg);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur);border-radius:20px;box-shadow:var(--gl-shadow);min-width:300px;max-height:420px;overflow:hidden;z-index:999;border:1px solid var(--gl-border);color:var(--gl-text)}.buy-po-dropdown-scroll{max-height:420px;overflow-y:auto;padding:8px 0}.buy-po-version-item{width:100%;padding:14px 20px;border:none;background:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .18s ease;color:var(--gl-text)}.buy-po-version-item:hover,.buy-po-version-item.active{background:var(--gl-hover-bg)}.buy-po-version-title{font-weight:800;font-size:15px}.buy-po-version-meta{font-size:13px;color:#64748b;margin-top:3px}.dark .buy-po-version-meta{color:#94a3b8}.buy-po-selected-icon{color:#3b82f6}@media(max-width:640px){.buy-po-header-inner{padding:.4rem .8rem}.buy-po-shop-name{font-size:1.05rem}}@media(max-width:480px){.buy-po-header-inner{padding:.35rem .7rem}.buy-po-shop-name{font-size:1rem;max-width:55vw}}@media(prefers-reduced-motion:reduce){.buy-po-back-btn,.buy-po-back-btn:hover,.buy-po-version-toggle,.buy-po-version-toggle:hover{transition:none;transform:none}}:root{--bg-page: #fef7ff;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(255, 255, 255, .98);--bg-pickup: #fff7ed;--bg-message-seller: #fff7ed;--bg-message-buyer: #f0fdf4;--pr-card: #f97316;--border-subtle: rgba(226, 232, 240, .7);--border-focus: rgba(249, 115, 22, .3);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-primary: #f97316;--accent-success: #10b981;--accent-warning: #f97316;--accent-danger: #dc2626;--accent-gradient: linear-gradient(135deg, #f97316 0%, #fb923c 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--shadow-soft: 0 10px 32px rgba(0,0,0,.08);--shadow-hover: 0 20px 56px rgba(0,0,0,.14);--radius-lg: 24px;--radius-md: 20px;--radius-sm: 16px;--transition: .34s cubic-bezier(.22, 1, .36, 1)}.dark{--bg-page: #0f172a;--bg-card: rgba(30, 41, 59, .88);--bg-card-hover: rgba(51, 65, 85, .95);--bg-pickup: rgba(251, 146, 60, .18);--bg-message-seller: rgba(251, 146, 60, .18);--bg-message-buyer: rgba(16, 185, 129, .15);--border-subtle: rgba(71, 85, 105, .55);--border-focus: rgba(251, 146, 60, .35);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-primary: #fb923c;--accent-success: #34d399;--accent-warning: #fb923c;--accent-danger: #f87171;--accent-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 100%);--success-gradient: linear-gradient(135deg, #34d399 0%, #10b981 100%);--shadow-soft: 0 12px 40px rgba(0,0,0,.55);--shadow-hover: 0 25px 64px rgba(0,0,0,.65)}.selleditr-version-dropdown{position:absolute;top:100px;right:20px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);min-width:340px;max-height:480px;overflow:hidden;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1000;animation:selleditr-slideDown .3s cubic-bezier(.22,1,.36,1)}@keyframes selleditr-slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.selleditr-version-list{max-height:480px;overflow-y:auto}.selleditr-version-item{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;width:100%;text-align:left;border:none;background:none;cursor:pointer;transition:all var(--transition)}.selleditr-version-item:hover{background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.selleditr-current-version{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);position:relative}.selleditr-current-version:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-primary)}.selleditr-version-label{font-size:1rem;font-weight:800;color:var(--text-primary)}.selleditr-version-sub{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.selleditr-checkmark{color:var(--accent-primary);margin-left:auto}.selleditr-old-version-banner{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--accent-warning) 10%,transparent);padding:.875rem 1.25rem;margin:1rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--accent-warning) 30%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.selleditr-message-bubble{margin:1rem;padding:1.25rem;border-radius:var(--radius-lg);max-width:86%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition)}.selleditr-message-seller{background:var(--bg-message-seller);margin-left:auto;border-bottom-right-radius:8px;border-color:color-mix(in srgb,var(--accent-primary) 40%,transparent)}.selleditr-message-buyer{background:var(--bg-message-buyer);margin-right:auto;border-bottom-left-radius:8px;border-color:color-mix(in srgb,var(--accent-success) 40%,transparent)}.selleditr-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.selleditr-message-sender{font-size:.95rem;font-weight:800;color:var(--accent-primary)}.selleditr-message-version{font-size:.8rem;color:var(--text-muted)}.selleditr-message-text{font-size:1.1rem;color:var(--text-primary);line-height:1.6}.selleditr-pickup-card{margin:1.25rem;background:var(--bg-pickup);border-radius:var(--radius-lg);padding:1.5rem;border:2px solid var(--accent-primary);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.selleditr-pickup-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.selleditr-success-icon{color:var(--accent-primary)}.selleditr-pickup-title{font-size:1.4rem;font-weight:900;color:var(--accent-primary);margin:0}.selleditr-pickup-code-input-row{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.selleditr-code-label{font-size:1rem;font-weight:700;color:var(--accent-primary)}.selleditr-pickup-code-input{font-size:2rem;font-weight:900;letter-spacing:.5em;text-align:center;padding:1rem;border:2px solid var(--accent-primary);border-radius:var(--radius-md);background:transparent;color:var(--text-primary)}.selleditr-timer-row,.selleditr-address-row{display:flex;align-items:center;gap:10px;margin-top:.75rem}.selleditr-timer-text{font-size:1.125rem;font-weight:800;color:var(--accent-primary)}.selleditr-address-text{font-size:.95rem;color:var(--text-secondary);font-weight:600;flex:1}.selleditr-view-items-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:1rem 1.25rem;border-radius:var(--radius-md);font-weight:800;font-size:1rem;cursor:pointer;border:none;background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-soft);transition:all var(--transition);margin-top:1rem}.selleditr-view-items-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.selleditr-pickup-actions{display:flex;gap:1rem;margin-top:1.25rem}.selleditr-cancel-pickup-btn,.selleditr-confirm-pickup-btn{flex:1;padding:1rem;border-radius:var(--radius-md);font-weight:800;font-size:1rem;cursor:pointer;transition:all var(--transition);border:none}.selleditr-cancel-pickup-btn{background:var(--accent-danger);color:#fff}.selleditr-confirm-pickup-btn{background:var(--accent-primary);color:#fff}.selleditr-cancel-pickup-btn:hover,.selleditr-confirm-pickup-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.selleditr-confirm-pickup-btn:disabled{opacity:.6;cursor:not-allowed}.selleditr-items-container{padding-bottom:8rem;padding:0 1rem}.selleditr-compact-card{display:flex;gap:14px;background:var(--bg-card);margin:.5rem 0;border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-soft);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:all var(--transition)}.selleditr-compact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent-primary) 50%,var(--border-subtle))}.selleditr-compact-image-wrapper{flex-shrink:0}.selleditr-image-btn{border:none;background:none;cursor:pointer}.selleditr-compact-image{width:68px;height:68px;border-radius:var(--radius-sm);object-fit:cover}.selleditr-compact-placeholder{width:68px;height:68px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text-muted) 10%,transparent);display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-subtle)}.selleditr-compact-content{flex:1;min-width:0}.selleditr-compact-name{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3}.selleditr-note{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0;font-style:italic}.selleditr-compact-price-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:.5rem}.selleditr-compact-old-price{font-size:.85rem;color:var(--text-muted);text-decoration:line-through}.selleditr-compact-new-price{font-size:1.1rem;font-weight:900;color:var(--accent-primary)}.selleditr-compact-quantity{font-size:.9rem;color:var(--text-secondary);font-weight:700}.selleditr-compact-badge{margin-top:.75rem;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--accent-primary);padding:.25rem .75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-primary) 20%,transparent);font-size:.75rem;font-weight:800;align-self:flex-start}.selleditr-compact-total-card{background:var(--bg-card);margin:1.75rem 1rem;padding:2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-hover);border:3px solid orange;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.selleditr-compact-total-label{font-size:1.2rem;font-weight:900;color:orange}.selleditr-compact-total-price{font-size:2.75rem;font-weight:900;background:var(--pr-card);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-top:.5rem}.selleditr-modern-actions{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-card);border-top:2px solid var(--border-subtle);box-shadow:0 -8px 32px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.selleditr-action-btn{flex:1;padding:1.25rem;border-radius:var(--radius-lg);border:none;font-size:1.1rem;font-weight:900;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-soft)}.selleditr-action-reject{background:var(--accent-danger);color:#fff}.selleditr-action-counter{background:var(--accent-primary);color:#fff}.selleditr-action-accept{background:var(--accent-success);color:#fff}.selleditr-action-disabled{background:var(--text-muted)!important;cursor:not-allowed!important;opacity:.7}.selleditr-action-btn:hover:not(.selleditr-action-disabled){transform:translateY(-3px);box-shadow:var(--shadow-hover)}.selleditr-empty-items{padding:4rem 2rem;text-align:center}.selleditr-empty-icon{color:var(--text-muted);opacity:.5}.selleditr-empty-text{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem;font-weight:600}.selleditr-full-page-loader{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-page)}.selleditr-loader-spinner{width:48px;height:48px;border:5px solid var(--border-subtle);border-top:5px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.selleditr-loader-text{font-size:1.2rem;color:var(--text-secondary);font-weight:700}@media(max-width:480px){.selleditr-version-dropdown{right:10px;left:10px;min-width:auto}.selleditr-items-container{padding:0 .75rem}.selleditr-modern-actions{padding:1rem;gap:.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.selleditr-page-container{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column}.selleditr-main-content{flex:1;padding:8px 16px 16px}.sell-po-header{position:sticky;top:0;left:0;right:0;z-index:1000;padding-top:env(safe-area-inset-top);margin-top:calc(-1*env(safe-area-inset-top));background:transparent;overflow:hidden;box-shadow:var(--gl-shadow);border-bottom:1px solid var(--gl-border);color:var(--gl-text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .25s ease}.sell-po-header-inner{background:var(--gl-bg);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur);border-bottom:1px solid var(--gl-border);box-shadow:0 3px 10px #00000014;border-bottom-left-radius:var(--gl-radius);border-bottom-right-radius:var(--gl-radius);display:flex;align-items:center;justify-content:space-between;padding:.4rem .9rem;min-height:42px;transition:all .25s ease}.sell-po-back-btn{background:none;border:none;padding:.45rem;border-radius:9999px;color:var(--gl-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sell-po-back-btn:hover,.sell-po-back-btn:focus-visible{background:var(--gl-hover-bg);transform:scale(1.1)}.sell-po-header-center{flex:1;text-align:center;display:flex;justify-content:center;align-items:center}.sell-po-buyer-name{background:none!important;border:none!important;margin:0;padding:.4rem .8rem;font-size:1.1rem;font-weight:600;letter-spacing:-.02em;color:var(--gl-text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw;border-radius:12px;transition:all .2s ease}.sell-po-buyer-name:hover{background:var(--gl-hover-bg)!important}.sell-po-buyer-name:disabled{cursor:default;opacity:.7}.sell-po-version-toggle{display:flex;align-items:center;gap:6px;background:var(--gl-hover-bg);border:none;border-radius:9999px;padding:.5rem 1rem;color:var(--gl-text);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.sell-po-version-toggle:hover,.sell-po-version-toggle.active{background:color-mix(in srgb,var(--gl-hover-bg) 70%,var(--gl-text) 30%);transform:scale(1.05)}.sell-po-version-label{font-weight:900;letter-spacing:-.4px}.sell-po-version-dropdown{position:absolute;top:calc(100% + 8px);right:12px;background:var(--gl-bg);backdrop-filter:var(--gl-blur);-webkit-backdrop-filter:var(--gl-blur);border-radius:20px;box-shadow:var(--gl-shadow);min-width:300px;max-height:420px;overflow:hidden;z-index:999;border:1px solid var(--gl-border);color:var(--gl-text)}.sell-po-dropdown-scroll{max-height:420px;overflow-y:auto;padding:8px 0}.sell-po-version-item{width:100%;padding:14px 20px;border:none;background:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .18s ease;color:var(--gl-text)}.sell-po-version-item:hover,.sell-po-version-item.active{background:var(--gl-hover-bg)}.sell-po-version-title{font-weight:800;font-size:15px}.latest-badge,.fake-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;margin-left:8px}.latest-badge{background:#dcfce7;color:#166534}.fake-badge{background:#fef3c7;color:#92400e}.sell-po-version-meta{font-size:13px;color:#64748b;margin-top:3px}.dark .sell-po-version-meta{color:#94a3b8}.sell-po-selected-icon{color:#3b82f6}@media(max-width:640px){.sell-po-header-inner{padding:.4rem .8rem}.sell-po-buyer-name{font-size:1.05rem}}@media(max-width:480px){.sell-po-header-inner{padding:.35rem .7rem}.sell-po-buyer-name{font-size:1rem;max-width:55vw}}@media(prefers-reduced-motion:reduce){.sell-po-back-btn,.sell-po-back-btn:hover,.sell-po-version-toggle,.sell-po-version-toggle:hover{transition:none;transform:none}}:root{--bg-page: #f9faff;--bg-surface: rgba(255, 255, 255, .84);--bg-surface-hover: rgba(255, 255, 255, .96);--bg-glass: rgba(255, 255, 255, .7);--border-glass: rgba(226, 232, 240, .48);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #6366f1;--accent-success: #10b981;--accent-warning: #f97316;--accent-danger: #dc2626;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #7c3aed 100%);--warning-gradient: linear-gradient(135deg, #f97316 0%, #fb923c 100%);--shadow-soft: 0 8px 24px rgba(0,0,0,.07);--shadow-medium: 0 16px 40px rgba(0,0,0,.11);--shadow-hover: 0 24px 56px rgba(0,0,0,.15);--radius-lg: 22px;--radius-md: 16px;--radius-pill: 9999px;--transition: .34s cubic-bezier(.22, 1, .36, 1);--max-content-width: 860px}.selldshb-page-container{min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;padding:1rem}.selldshb-scroll-content{max-width:var(--max-content-width);margin:0 auto;padding:1.5rem 1rem 6rem}.selldshb-action-orb-container{position:fixed;top:80px;right:1.5rem;z-index:100}.selldshb-action-orb{width:56px;height:56px;border-radius:50%;background:var(--accent-warning);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-medium);animation:pulse 2s infinite ease-in-out}.selldshb-action-orb-number{font-size:1.5rem;font-weight:900;color:#fff}.selldshb-tab-bar{display:flex;background:var(--bg-surface);border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.75rem 1rem;gap:.5rem;overflow-x:auto;white-space:nowrap;position:sticky;top:0;z-index:90}.selldshb-tab{flex:1 0 auto;padding:.75rem 1.25rem;font-weight:600;font-size:.95rem;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition)}.selldshb-tab:hover{background:var(--bg-glass);color:var(--text-primary)}.selldshb-active-tab{background:var(--accent-warning);color:#fff;font-weight:800;box-shadow:var(--shadow-soft)}.selldshb-date-header{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:1.5rem 0 1rem;padding-left:1rem}.selldshb-card-wrapper{margin-bottom:1rem;position:relative}.selldshb-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);padding:1.25rem;transition:all var(--transition);cursor:pointer}.selldshb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent-warning) 40%,var(--border-glass))}.selldshb-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.selldshb-buyer-row{display:flex;align-items:center;flex:1;gap:1rem}.selldshb-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-glass);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--accent-warning) 30%,transparent)}.selldshb-avatar-image{width:100%;height:100%;object-fit:cover}.selldshb-buyer-info{flex:1}.selldshb-buyer-name{font-size:1.15rem;font-weight:800;margin:0;color:var(--text-primary)}.selldshb-meta{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.selldshb-version-btn{display:flex;align-items:center;gap:.5rem;background:var(--accent-warning);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-pill);border:none;font-weight:700;font-size:.9rem;cursor:pointer;transition:all var(--transition)}.selldshb-version-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-soft)}.selldshb-price{font-size:1.6rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem}.selldshb-status-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.selldshb-status-box{display:flex;align-items:center;gap:.5rem}.selldshb-status-dot{width:10px;height:10px;border-radius:50%}.selldshb-status-text{font-weight:700;font-size:.95rem}.selldshb-timer-pill{display:flex;align-items:center;gap:.5rem;background:var(--bg-glass);padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--border-glass);font-size:.9rem;font-weight:600}.selldshb-timer-expired{background:var(--accent-danger);color:#fff;border:none}.selldshb-action-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-warning);color:#fff;padding:.35rem .9rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:800;box-shadow:var(--shadow-soft)}.selldshb-version-dropdown{margin-top:.75rem;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.selldshb-version-item{padding:1rem 1.25rem;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:all var(--transition);display:flex;justify-content:space-between;align-items:center}.selldshb-version-item:hover,.selldshb-current-version{background:color-mix(in srgb,var(--accent-warning) 12%,transparent)}.selldshb-version-label{font-weight:800;font-size:1rem}.selldshb-latest-badge{font-size:.8rem;padding:.25rem .6rem;border-radius:12px;margin-left:.75rem;background:#dcfce7;color:#166534}.selldshb-version-message{font-size:.9rem;color:var(--accent-warning);font-style:italic;margin-top:.25rem}.selldshb-empty{padding:6rem 2rem;text-align:center}.selldshb-empty-icon{color:var(--text-muted);opacity:.6}.selldshb-empty-text{font-size:1.3rem;font-weight:700;color:var(--text-secondary);margin-top:1.5rem}.selldshb-full-page-loader{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--bg-page)}.selldshb-loader-spinner{width:56px;height:56px;border:5px solid var(--border-glass);border-top:5px solid var(--accent-warning);border-radius:50%;animation:spin 1.1s linear infinite}.selldshb-loader-text{font-size:1.2rem;color:var(--text-secondary);font-weight:600}@media(max-width:640px){.selldshb-tab-bar{padding:.5rem;gap:.25rem}.selldshb-card{padding:1rem}.selldshb-action-orb-container{top:70px;right:1rem}}:root{--bg-page: #f9faff;--bg-surface: rgba(255, 255, 255, .84);--bg-surface-hover: rgba(255, 255, 255, .96);--bg-glass: rgba(255, 255, 255, .7);--border-glass: rgba(226, 232, 240, .48);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-success: #10b981;--accent-warning: #f97316;--accent-danger: #dc2626;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--shadow-soft: 0 8px 24px rgba(0,0,0,.07);--shadow-medium: 0 16px 40px rgba(0,0,0,.11);--shadow-hover: 0 24px 56px rgba(0,0,0,.15);--radius-lg: 22px;--radius-md: 16px;--radius-pill: 9999px;--transition: .34s cubic-bezier(.22, 1, .36, 1);--max-content-width: 860px}.dark{--bg-page: #0a0f1a;--bg-surface: rgba(30, 41, 59, .8);--bg-surface-hover: rgba(51, 65, 85, .92);--bg-glass: rgba(30, 41, 59, .65);--border-glass: rgba(71, 85, 105, .42);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--shadow-soft: 0 10px 32px rgba(0,0,0,.5);--shadow-medium: 0 20px 48px rgba(0,0,0,.58);--shadow-hover: 0 28px 64px rgba(0,0,0,.65)}.buydshb-page-container{min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;padding:1rem}.buydshb-scroll-content{max-width:var(--max-content-width);margin:0 auto;padding:1.5rem 1rem 6rem}.buydshb-action-orb-container{position:fixed;top:80px;right:1.5rem;z-index:100}.buydshb-action-orb{width:56px;height:56px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-medium);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.buydshb-action-orb-number{font-size:1.5rem;font-weight:900;color:#fff}.buydshb-tab-bar{display:flex;background:var(--bg-surface);border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.75rem 1rem;gap:.5rem;overflow-x:auto;white-space:nowrap;position:sticky;top:0;z-index:90}.buydshb-tab{flex:1 0 auto;padding:.75rem 1.25rem;font-weight:600;font-size:.95rem;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition)}.buydshb-tab:hover{background:var(--bg-glass);color:var(--text-primary)}.buydshb-active-tab{background:var(--accent-primary)!important;color:#fff!important;font-weight:800;box-shadow:var(--shadow-soft)}.buydshb-date-header{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:1.5rem 0 1rem;padding-left:1rem}.buydshb-card-wrapper{margin-bottom:1rem;position:relative}.buydshb-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);padding:1.25rem;transition:all var(--transition);cursor:pointer}.buydshb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent-primary) 40%,var(--border-glass))}.buydshb-top-row{display:flex;align-items:center;margin-bottom:1rem}.buydshb-shop-row{display:flex;align-items:center;flex:1;gap:1rem}.buydshb-shop-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-glass);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--accent-primary) 30%,transparent)}.buydshb-shop-image{width:100%;height:100%;object-fit:cover}.buydshb-shop-info{flex:1}.buydshb-shop-name{font-size:1.15rem;font-weight:800;margin:0;color:var(--text-primary)}.buydshb-meta{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.buydshb-price-row{margin:1rem 0;text-align:left}.buydshb-price{font-size:1.8rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.buydshb-middle-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.buydshb-status-box{display:flex;align-items:center;gap:.5rem}.buydshb-status-dot{width:10px;height:10px;border-radius:50%}.buydshb-status-text{font-weight:700;font-size:.95rem}.buydshb-timer-pill{display:flex;align-items:center;gap:.5rem;background:var(--bg-glass);padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--border-glass);font-size:.9rem;font-weight:600}.buydshb-timer-expired{background:var(--accent-danger);color:#fff;border:none}.buydshb-pickup-badge{margin-top:1rem;display:flex;align-items:center;gap:.75rem;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);font-weight:700;color:var(--accent-primary);align-self:flex-start}.buydshb-pickup-code{font-size:1.3rem;letter-spacing:.3em;font-weight:900}.buydshb-action-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-primary);color:#fff;padding:.35rem .9rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:800;box-shadow:var(--shadow-soft)}.buydshb-empty{padding:6rem 2rem;text-align:center}.buydshb-empty-icon{color:var(--text-muted);opacity:.6}.buydshb-empty-text{font-size:1.3rem;font-weight:700;color:var(--text-secondary);margin-top:1.5rem}.buydshb-full-page-loader{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--bg-page)}.buydshb-loader-spinner{width:56px;height:56px;border:5px solid var(--border-glass);border-top:5px solid var(--accent-primary);border-radius:50%;animation:spin 1.1s linear infinite}.buydshb-loader-text{font-size:1.2rem;color:var(--text-secondary);font-weight:600}@media(max-width:640px){.buydshb-tab-bar{padding:.5rem;gap:.25rem}.buydshb-card{padding:1rem}.buydshb-action-orb-container{top:70px;right:1rem}.buydshb-price{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;transform:none!important}}:root{--bg-page: #f9fafb;--bg-glass: rgba(255, 255, 255, .72);--bg-glass-hover: rgba(255, 255, 255, .92);--bg-glass-active: rgba(255, 255, 255, .98);--bg-input: rgba(250, 250, 255, .58);--bg-input-focus: rgba(255, 255, 255, .86);--border-glass: rgba(226, 232, 240, .45);--border-highlight: rgba(255, 255, 255, .28);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-on-accent: #ffffff;--accent: #f97316;--accent-dark: #ea580c;--accent-glow: rgba(249, 115, 22, .35);--accent-glow-strong:rgba(249, 115, 22, .55);--accent-soft: rgba(249, 115, 22, .15);--accent-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 100%);--red-glow: rgba(239, 68, 68, .32);--red-soft: rgba(239, 68, 68, .14);--success-glow: rgba(16, 185, 129, .35);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-glass: 0 10px 30px -4px rgba(0,0,0,.1), inset 0 1px 2px rgba(255,255,255,.5);--shadow-glass-hover:0 18px 44px -8px rgba(0,0,0,.15), inset 0 1px 3px rgba(255,255,255,.6);--shadow-inner: inset 0 2px 6px rgba(0,0,0,.06);--shadow-image: inset 0 2px 8px rgba(0,0,0,.12);--transition-fast: .18s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .36s cubic-bezier(.22, 1, .36, 1)}.dark{--bg-page: #0a0f1d;--bg-glass: rgba(20, 28, 48, .8);--bg-glass-hover: rgba(30, 41, 68, .9);--bg-glass-active: rgba(40, 55, 90, .96);--bg-input: rgba(20, 28, 48, .7);--bg-input-focus: rgba(30, 41, 68, .88);--border-glass: rgba(71, 85, 105, .48);--border-highlight: rgba(251, 146, 60, .2);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--accent-glow: rgba(251, 146, 60, .5);--accent-glow-strong:rgba(251, 146, 60, .7);--accent-soft: rgba(251, 146, 60, .22);--shadow-glass: 0 14px 38px -6px rgba(0,0,0,.5), inset 0 -1px 2px rgba(255,255,255,.1);--shadow-glass-hover:0 26px 58px -10px rgba(0,0,0,.6), inset 0 -1px 4px rgba(255,255,255,.12)}.sellcntr-page-container{min-height:100vh;background:var(--bg-page);padding:1rem 1rem 6rem;font-family:Inter,system-ui,sans-serif;color:var(--text-primary);position:relative}.sellcntr-message-card{margin:0 0 1.5rem;padding:1.125rem 1.375rem;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-glass);font-size:.96rem;line-height:1.5;position:relative;overflow:hidden}.sellcntr-message-card:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:.07;pointer-events:none}.sellcntr-item-card{position:relative;display:flex;gap:1.125rem;padding:1.125rem 1.25rem;margin-bottom:1.125rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);transition:all var(--transition-smooth);isolation:isolate}.sellcntr-item-card:hover,.sellcntr-item-card:focus-within{transform:translateY(-5px) scale(1.012);box-shadow:var(--shadow-glass-hover);border-color:color-mix(in srgb,var(--accent) 50%,var(--border-glass))}.sellcntr-item-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,transparent 30%,var(--accent-soft) 70%,transparent);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:-1}.sellcntr-item-card:hover:before{opacity:1}.sellcntr-item-preview{flex-shrink:0;width:90px;height:90px;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.08));border:1px solid var(--border-glass);box-shadow:var(--shadow-image);position:relative;transition:all var(--transition-fast)}.sellcntr-item-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.sellcntr-item-card:hover .sellcntr-item-image{transform:scale(1.08)}.sellcntr-item-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--accent) 70%,var(--text-tertiary));background:linear-gradient(135deg,var(--accent-soft),transparent);font-size:1.8rem;transition:all var(--transition-fast)}.sellcntr-item-card:hover .sellcntr-item-placeholder{transform:scale(1.08);color:var(--accent)}.sellcntr-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.625rem}.sellcntr-item-name{margin:0 0 .25rem;font-size:1.08rem;font-weight:600;line-height:1.38;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sellcntr-item-note{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--text-secondary)}.sellcntr-item-controls{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.375rem}.sellcntr-price-field{flex:1 1 160px;min-width:140px}.sellcntr-price-display-container{display:flex;align-items:center;gap:.75rem;width:100%}.sellcntr-price-display{display:flex;align-items:center;gap:.75rem;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left}.sellcntr-old-price{font-size:.88rem;color:var(--text-tertiary);text-decoration:line-through;opacity:.75}.sellcntr-current-price{font-size:1.14rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.sellcntr-price-edit{display:flex;align-items:center;gap:.75rem;width:100%}.sellcntr-price-input{flex:1;padding:.62rem 1rem;font-size:1.12rem;font-weight:600;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-inner);transition:all var(--transition-fast)}.sellcntr-price-input:focus{outline:none;border-color:var(--accent);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--accent-glow),inset 0 1px 3px #00000014;transform:scale(1.015)}.sellcntr-save-btn{padding:.5rem;background:var(--accent-soft);border:none;border-radius:50%;color:var(--success-glow);cursor:pointer;transition:all var(--transition-fast)}.sellcntr-save-btn:hover{background:var(--accent);color:#fff;transform:scale(1.2) rotate(8deg)}.sellcntr-status-pill{padding:.25rem .65rem;font-size:.78rem;font-weight:600;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:inset 0 1px 2px #0000000f}.sellcntr-price-status{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.28rem .68rem;font-size:.78rem;font-weight:600;line-height:1;border-radius:999px;white-space:nowrap;box-shadow:0 1px 3px #00000014,inset 0 1px 2px #ffffff80;transition:all .18s ease}.sellcntr-price-display-container:hover .sellcntr-price-status,.sellcntr-price-display-container:focus-within .sellcntr-price-status{transform:scale(1.05);box-shadow:0 2px 6px #0000001f,inset 0 1px 2px #fff9}.dark .sellcntr-price-status{box-shadow:0 1px 4px #0006,inset 0 1px 2px #ffffff1f}.sellcntr-quantity-field{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-inner)}.sellcntr-qty-btn{padding:.62rem .9rem;background:transparent;border:none;color:var(--accent);font-size:1.1rem;cursor:pointer;transition:all var(--transition-fast)}.sellcntr-qty-btn:hover:not(:disabled){background:var(--accent-soft)}.sellcntr-qty-btn:disabled{color:var(--text-tertiary);opacity:.5}.sellcntr-qty-value{min-width:44px;text-align:center;font-weight:700;color:var(--text-primary)}.sellcntr-remove-btn{padding:.6rem;background:var(--red-soft);border:none;border-radius:50%;color:#ef4444;cursor:pointer;transition:all var(--transition-fast)}.sellcntr-remove-btn:hover{background:var(--red-glow);transform:scale(1.15)}.sellcntr-add-custom-btn{display:flex;align-items:center;justify-content:center;gap:.875rem;width:100%;padding:1.125rem;margin:1.75rem 0;font-size:1.08rem;font-weight:600;color:var(--text-on-accent);background:var(--accent-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 10px 30px var(--accent-glow);cursor:pointer;transition:all var(--transition-smooth)}.sellcntr-add-custom-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 48px var(--accent-glow-strong)}.sellcntr-message-section{margin:2rem 0 1.5rem}.sellcntr-message-label{font-size:.94rem;font-weight:500;color:var(--text-secondary);margin-bottom:.6rem;display:block}.sellcntr-message-input{width:100%;min-height:92px;padding:1rem 1.125rem;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.98rem;color:var(--text-primary);resize:vertical;box-shadow:var(--shadow-inner);transition:all var(--transition-fast)}.sellcntr-message-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.sellcntr-char-count{font-size:.82rem;color:var(--text-tertiary);text-align:right;margin-top:.35rem}.sellcntr-total-card{display:flex;justify-content:space-between;align-items:center;padding:1.375rem 1.5rem;background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);margin:1.75rem 0 2.5rem}.sellcntr-total-label{font-size:1.08rem;color:var(--text-secondary)}.sellcntr-total-price{font-size:1.48rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.sellcntr-footer{position:sticky;bottom:0;left:0;right:0;padding:1.25rem 1rem;background:linear-gradient(to top,var(--bg-page) 40%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.sellcntr-send-btn{display:flex;align-items:center;justify-content:center;gap:.875rem;width:100%;padding:1.25rem;font-size:1.12rem;font-weight:700;color:#fff;background:var(--accent-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 12px 36px var(--accent-glow);cursor:pointer;transition:all var(--transition-smooth)}.sellcntr-send-btn:hover:not(.sellcntr-send-btn-disabled){transform:translateY(-4px);box-shadow:0 24px 56px var(--accent-glow-strong)}.sellcntr-send-btn-disabled{background:var(--text-tertiary);box-shadow:none;cursor:not-allowed}.sellcntr-loader-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.sellcntr-empty-state,.sellcntr-full-page-loader{text-align:center;padding:5rem 1.5rem;color:var(--text-tertiary)}.sellcntr-empty-icon{width:96px;height:96px;color:var(--accent-soft);margin-bottom:1.5rem;opacity:.7}.sellcntr-loader-spinner{width:48px;height:48px;border:4px solid var(--accent-soft);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.sellcntr-loader-text{font-size:1.05rem;margin-top:.8rem}@media(max-width:480px){.sellcntr-item-card{padding:1rem 1.125rem}.sellcntr-item-preview{width:80px;height:80px}.sellcntr-item-name{font-size:1.02rem}.sellcntr-price-status{font-size:.75rem;padding:.24rem .6rem}}:root{--bg-page: #f8f9fc;--bg-glass: rgba(255, 255, 255, .72);--bg-glass-hover: rgba(255, 255, 255, .92);--bg-glass-active: rgba(255, 255, 255, .98);--bg-input: rgba(250, 250, 255, .58);--bg-input-focus: rgba(255, 255, 255, .86);--border-glass: rgba(226, 232, 240, .45);--border-highlight: rgba(255, 255, 255, .28);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-on-accent: #ffffff;--accent: #3b82f6;--accent-dark: #2563eb;--accent-glow: rgba(59, 130, 246, .35);--accent-glow-strong:rgba(59, 130, 246, .55);--accent-soft: rgba(59, 130, 246, .15);--accent-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--red-glow: rgba(239, 68, 68, .32);--red-soft: rgba(239, 68, 68, .14);--success-glow: rgba(16, 185, 129, .35);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow-glass: 0 10px 30px -4px rgba(0,0,0,.1), inset 0 1px 2px rgba(255,255,255,.5);--shadow-glass-hover:0 18px 44px -8px rgba(0,0,0,.15), inset 0 1px 3px rgba(255,255,255,.6);--shadow-inner: inset 0 2px 6px rgba(0,0,0,.06);--shadow-image: inset 0 2px 8px rgba(0,0,0,.12);--transition-fast: .18s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .36s cubic-bezier(.22, 1, .36, 1)}.dark{--bg-page: #0a0f1d;--bg-glass: rgba(20, 28, 48, .8);--bg-glass-hover: rgba(30, 41, 68, .9);--bg-glass-active: rgba(40, 55, 90, .96);--bg-input: rgba(20, 28, 48, .7);--bg-input-focus: rgba(30, 41, 68, .88);--border-glass: rgba(71, 85, 105, .48);--border-highlight: rgba(165, 180, 252, .2);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--accent-glow: rgba(93, 158, 255, .5);--accent-glow-strong:rgba(93, 158, 255, .7);--accent-soft: rgba(93, 158, 255, .22);--shadow-glass: 0 14px 38px -6px rgba(0,0,0,.5), inset 0 -1px 2px rgba(255,255,255,.1);--shadow-glass-hover:0 26px 58px -10px rgba(0,0,0,.6), inset 0 -1px 4px rgba(255,255,255,.12)}.buycntr-page-container{min-height:100vh;background:var(--bg-page);padding:1rem 1rem 6rem;font-family:Inter,system-ui,sans-serif;color:var(--text-primary);position:relative}.buycntr-seller-message-card{margin:0 0 1.5rem;padding:1.125rem 1.375rem;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-glass);font-size:.96rem;line-height:1.5;position:relative;overflow:hidden}.buycntr-seller-message-card:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:.07;pointer-events:none}.buycntr-item-card{position:relative;display:flex;gap:1.125rem;padding:1.125rem 1.25rem;margin-bottom:1.125rem;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);transition:all var(--transition-smooth);isolation:isolate}.buycntr-item-card:hover,.buycntr-item-card:focus-within{transform:translateY(-5px) scale(1.012);box-shadow:var(--shadow-glass-hover);border-color:color-mix(in srgb,var(--accent) 50%,var(--border-glass))}.buycntr-item-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,transparent 30%,var(--accent-soft) 70%,transparent);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:-1}.buycntr-item-card:hover:before{opacity:1}.buycntr-item-preview{flex-shrink:0;width:90px;height:90px;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.08));border:1px solid var(--border-glass);box-shadow:var(--shadow-image);position:relative;transition:all var(--transition-fast)}.buycntr-item-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.buycntr-item-card:hover .buycntr-item-image{transform:scale(1.08)}.buycntr-item-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--accent) 70%,var(--text-tertiary));background:linear-gradient(135deg,var(--accent-soft),transparent);font-size:1.8rem;transition:all var(--transition-fast)}.buycntr-item-card:hover .buycntr-item-placeholder{transform:scale(1.08);color:var(--accent)}.buycntr-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.625rem}.buycntr-item-name{margin:0 0 .25rem;font-size:1.08rem;font-weight:600;line-height:1.38;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.buycntr-item-note{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--text-secondary)}.buycntr-item-controls{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.375rem}.buycntr-price-field{flex:1 1 160px;min-width:140px}.buycntr-price-display-container{display:flex;align-items:center;gap:.75rem;width:100%}.buycntr-price-display{display:flex;align-items:center;gap:.75rem;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left}.buycntr-old-price{font-size:.88rem;color:var(--text-tertiary);text-decoration:line-through;opacity:.75}.buycntr-current-price{font-size:1.14rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.buycntr-price-edit{display:flex;align-items:center;gap:.75rem;width:100%}.buycntr-price-input{flex:1;padding:.62rem 1rem;font-size:1.12rem;font-weight:600;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-inner);transition:all var(--transition-fast)}.buycntr-price-input:focus{outline:none;border-color:var(--accent);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--accent-glow),inset 0 1px 3px #00000014;transform:scale(1.015)}.buycntr-save-price-btn{padding:.5rem;background:var(--accent-soft);border:none;border-radius:50%;color:var(--success-glow);cursor:pointer;transition:all var(--transition-fast)}.buycntr-save-price-btn:hover{background:var(--accent);color:#fff;transform:scale(1.2) rotate(8deg)}.buycntr-status-pill{padding:.25rem .65rem;font-size:.78rem;font-weight:600;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:inset 0 1px 2px #0000000f}.buycntr-price-status{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.28rem .68rem;font-size:.78rem;font-weight:600;line-height:1;border-radius:999px;white-space:nowrap;box-shadow:0 1px 3px #00000014,inset 0 1px 2px #ffffff80;transition:all .18s ease}.buycntr-price-display-container:hover .buycntr-price-status,.buycntr-price-display-container:focus-within .buycntr-price-status{transform:scale(1.05);box-shadow:0 2px 6px #0000001f,inset 0 1px 2px #fff9}.dark .buycntr-price-status{box-shadow:0 1px 4px #0006,inset 0 1px 2px #ffffff1f}.buycntr-quantity-field{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-inner)}.buycntr-qty-btn{padding:.62rem .9rem;background:transparent;border:none;color:var(--accent);font-size:1.1rem;cursor:pointer;transition:all var(--transition-fast)}.buycntr-qty-btn:hover:not(:disabled){background:var(--accent-soft)}.buycntr-qty-btn:disabled{color:var(--text-tertiary);opacity:.5}.buycntr-qty-value{min-width:44px;text-align:center;font-weight:700;color:var(--text-primary)}.buycntr-remove-item-btn{padding:.6rem;background:var(--red-soft);border:none;border-radius:50%;color:#ef4444;cursor:pointer;transition:all var(--transition-fast)}.buycntr-remove-item-btn:hover{background:var(--red-glow);transform:scale(1.15)}.buycntr-add-custom-item-btn{display:flex;align-items:center;justify-content:center;gap:.875rem;width:100%;padding:1.125rem;margin:1.75rem 0;font-size:1.08rem;font-weight:600;color:var(--text-on-accent);background:var(--accent-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 10px 30px var(--accent-glow);cursor:pointer;transition:all var(--transition-smooth)}.buycntr-add-custom-item-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 48px var(--accent-glow-strong)}.buycntr-message-section{margin:2rem 0 1.5rem}.buycntr-message-label{font-size:.94rem;font-weight:500;color:var(--text-secondary);margin-bottom:.6rem;display:block}.buycntr-message-textarea{width:100%;min-height:92px;padding:1rem 1.125rem;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.98rem;color:var(--text-primary);resize:vertical;box-shadow:var(--shadow-inner);transition:all var(--transition-fast)}.buycntr-message-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.buycntr-char-counter{font-size:.82rem;color:var(--text-tertiary);text-align:right;margin-top:.35rem}.buycntr-total-summary-card{display:flex;justify-content:space-between;align-items:center;padding:1.375rem 1.5rem;background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);margin:1.75rem 0 2.5rem}.buycntr-total-label{font-size:1.08rem;color:var(--text-secondary)}.buycntr-total-amount{font-size:1.48rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.buycntr-action-footer{position:sticky;bottom:0;left:0;right:0;padding:1.25rem 1rem;background:linear-gradient(to top,var(--bg-page) 40%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.buycntr-send-counter-btn{display:flex;align-items:center;justify-content:center;gap:.875rem;width:100%;padding:1.25rem;font-size:1.12rem;font-weight:700;color:#fff;background:var(--accent-gradient);border:none;border-radius:var(--radius-lg);box-shadow:0 12px 36px var(--accent-glow);cursor:pointer;transition:all var(--transition-smooth)}.buycntr-send-counter-btn:hover:not(.buycntr-send-counter-btn-disabled){transform:translateY(-4px);box-shadow:0 24px 56px var(--accent-glow-strong)}.buycntr-send-counter-btn-disabled{background:var(--text-tertiary);box-shadow:none;cursor:not-allowed}.buycntr-small-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.buycntr-empty-state,.buycntr-full-page-loader{text-align:center;padding:5rem 1.5rem;color:var(--text-tertiary)}.buycntr-empty-icon{width:96px;height:96px;color:var(--accent-soft);margin-bottom:1.5rem;opacity:.7}.buycntr-loader-spinner{width:48px;height:48px;border:4px solid var(--accent-soft);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.buycntr-loader-text{font-size:1.05rem;margin-top:.8rem}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important}}@media(max-width:480px){.buycntr-item-card{padding:1rem 1.125rem}.buycntr-item-preview{width:80px;height:80px}.buycntr-item-name{font-size:1.02rem}.buycntr-price-status{font-size:.75rem;padding:.24rem .6rem}}