html{-webkit-text-size-adjust:100%}body,html{max-width:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;background:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;position:relative;text-rendering:optimizeLegibility}#root{max-width:100%;overflow-x:hidden;width:100%}:root{--ios-blue:#007aff;--ios-blue-dark:#0056cc;--ios-blue-light:#4da3ff;--ios-green:#34c759;--ios-green-dark:#248a3d;--ios-indigo:#5856d6;--ios-orange:#ff9500;--ios-pink:#ff2d55;--ios-purple:#af52de;--ios-red:#ff3b30;--ios-teal:#5ac8fa;--ios-yellow:#fc0;--primary:#007aff;--primary-dark:#0056cc;--primary-light:#4da3ff;--primary-50:#e5f2ff;--primary-100:#cce5ff;--primary-200:#99cbff;--accent:#ff9500;--accent-dark:#c70;--accent-light:#fa3;--accent-50:#fff5e5;--secondary:#ff2d55;--secondary-dark:#cc2444;--secondary-light:#ff5c7c;--secondary-50:#ffe5ea;--tertiary:#5ac8fa;--tertiary-dark:#32a0d6;--tertiary-light:#7dd4fb;--tertiary-50:#e8f7fe;--primary-red:#007aff;--primary-red-dark:#0056cc;--primary-red-light:#4da3ff;--gray-50:#f9f9f9;--gray-100:#f2f2f7;--gray-200:#e5e5ea;--gray-300:#d1d1d6;--gray-400:#c7c7cc;--gray-500:#8e8e93;--gray-600:#636366;--gray-700:#48484a;--gray-800:#3a3a3c;--gray-900:#1c1c1e;--text-dark:#000;--text-gray:#8e8e93;--text-light:#aeaeb2;--white:#fff;--bg-light:#fff;--bg-soft:#f2f2f7;--border-gray:#c6c6c8;--success-green:#34c759;--success-light:#d4f5dc;--warning-yellow:#ff9500;--warning-light:#fff0d6;--error-red:#ff3b30;--error-light:#ffe5e4;--info-blue:#007aff;--info-light:#e5f2ff;--shadow-xs:0 0 1px #0000000a;--shadow-sm:0 1px 2px #0000000a,0 1px 3px #00000014;--shadow-md:0 2px 8px #00000014,0 4px 12px #0000000a;--shadow-lg:0 4px 16px #0000001f,0 8px 24px #00000014;--shadow-xl:0 8px 32px #00000024,0 16px 48px #00000014;--shadow-2xl:0 16px 64px #0000002e;--shadow-primary:0 4px 16px #007aff40;--shadow-accent:0 4px 16px #ff950040;--shadow-card:0 1px 3px #0000000f,0 2px 8px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-3xl:38px;--radius-full:9999px;--transition-fast:180ms cubic-bezier(0.25,0.1,0.25,1);--transition-base:280ms cubic-bezier(0.25,0.1,0.25,1);--transition-slow:400ms cubic-bezier(0.25,0.1,0.25,1);--transition-bounce:500ms cubic-bezier(0.175,0.885,0.32,1.275);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--gradient-primary:linear-gradient(180deg,#007aff,#0056cc);--gradient-secondary:linear-gradient(180deg,#ff2d55,#cc2444);--gradient-accent:linear-gradient(180deg,#ff9500,#c70);--gradient-ocean:linear-gradient(180deg,#5ac8fa,#007aff);--gradient-dark:linear-gradient(180deg,#1c1c1e,#2c2c2e);--gradient-soft:linear-gradient(180deg,#fff,#f2f2f7);--gradient-card:linear-gradient(180deg,#fff,#fafafa);--glass-bg:#ffffffb8;--glass-bg-dark:#1c1c1eb8;--glass-border:#ffffff2e;--glass-blur:blur(20px);--glass-saturate:saturate(180%);--z-dropdown:50;--z-sticky:80;--z-toast:9999}html{font-size:16px;scroll-behavior:smooth}@media (max-width:375px){html{font-size:15px}}img{height:auto;max-width:100%}button{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0003;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#0000004d}::selection{background:#007aff33;color:#007aff}a:active,button:active{opacity:.7;transition:opacity .1s ease}:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.toast-container{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none;position:fixed;right:16px;top:16px;width:auto;z-index:9999}.toast-container.bottom-right{bottom:16px;top:auto}.toast-container.bottom-center,.toast-container.top-center{right:50%;transform:translateX(50%)}.toast-container.bottom-center{bottom:16px;top:auto}.toast{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border-radius:14px;box-shadow:0 4px 24px #00000026;max-width:100%;overflow:hidden;pointer-events:auto;position:relative}.toast,.toast-content{box-sizing:border-box;width:100%}.toast-content{align-items:flex-start;display:flex;gap:12px;padding:14px 16px}.toast-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.toast-body{flex:1 1;min-width:0;overflow:hidden;padding-top:2px;word-break:break-word}.toast-title{color:#000;font-size:15px;font-weight:600;letter-spacing:-.3px;line-height:1.3;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-message{word-wrap:break-word;color:#8e8e93;font-size:14px;letter-spacing:-.2px;line-height:1.4;overflow-wrap:break-word;word-break:break-word}.toast-action{background:#f1f5f9;border:none;border-radius:8px;color:#1f2937;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:10px;padding:8px 16px;transition:all .2s ease}.toast-action:hover{background:#e2e8f0}.toast-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.toast-close:hover{background:#f1f5f9;color:#1f2937}.toast-progress{background:#0000000d;height:4px;overflow:hidden}.toast-progress-bar{border-radius:0 2px 2px 0;height:100%;transition:width .05s linear}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.toast-success .toast-progress-bar{background:linear-gradient(90deg,#10b981,#34d399)}.toast-success .toast-action{background:#d1fae5;color:#059669}.toast-success .toast-action:hover{background:#a7f3d0}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.toast-error .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.toast-error .toast-action{background:#fee2e2;color:#dc2626}.toast-error .toast-action:hover{background:#fecaca}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.toast-warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#f97316)}.toast-warning .toast-action{background:#fef3c7;color:#d97706}.toast-warning .toast-action:hover{background:#fde68a}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.toast-info .toast-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.toast-info .toast-action{background:#dbeafe;color:#2563eb}.toast-info .toast-action:hover{background:#bfdbfe}.toast-loading{border-left:4px solid #818cf8}.toast-loading .toast-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#4f46e5}.toast-spin{animation:toast-spin 1s linear infinite}@keyframes toast-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast-review{border-left:4px solid #eab308}.toast-review .toast-icon{background:linear-gradient(135deg,#fef9c3,#fef08a);color:#ca8a04}.toast-review .toast-progress-bar{background:linear-gradient(90deg,#eab308,#facc15)}.toast-payment{border-left:4px solid #6366f1}.toast-payment .toast-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#6366f1}.toast-payment .toast-progress-bar{background:linear-gradient(90deg,#6366f1,#f97316)}.toast-enter{animation:toastSlideIn .4s cubic-bezier(.21,1.02,.73,1) forwards}.toast-exit{animation:toastSlideOut .3s cubic-bezier(.06,.71,.55,1) forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.9)}}.toast-container.bottom-center .toast-enter,.toast-container.top-center .toast-enter{animation:toastSlideInCenter .4s cubic-bezier(.21,1.02,.73,1) forwards}.toast-container.bottom-center .toast-exit,.toast-container.top-center .toast-exit{animation:toastSlideOutCenter .3s cubic-bezier(.06,.71,.55,1) forwards}@keyframes toastSlideInCenter{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOutCenter{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}@media (min-width:1440px){.toast-container{gap:14px;max-width:420px;right:32px;top:24px}.toast-content{gap:16px;padding:18px 20px}.toast-icon{border-radius:14px;height:48px;width:48px}.toast-icon svg{height:26px;width:26px}.toast-title{font-size:1rem}.toast-message{font-size:.9rem}.confirm-dialog{max-width:440px}.confirm-content{padding:32px 28px}.confirm-icon{height:72px;width:72px}}@media (min-width:1024px) and (max-width:1439px){.toast-container{max-width:380px;right:24px;top:20px}}@media (min-width:768px) and (max-width:1023px){.toast-container{gap:10px;max-width:360px;right:20px;top:20px}.toast-container.bottom-center,.toast-container.top-center{max-width:400px}.toast-content{gap:12px;padding:14px 16px}.toast-icon{border-radius:11px;height:42px;width:42px}.toast-icon svg{height:22px;width:22px}.toast-title{font-size:.92rem}.toast-message{font-size:.82rem}.confirm-dialog{max-width:380px}.confirm-content{padding:24px 20px}.confirm-icon{height:60px;width:60px}.confirm-title{font-size:1.15rem}.confirm-message{font-size:.88rem}}@media (min-width:600px) and (max-width:767px){.toast-container{gap:10px;max-width:340px;right:16px;top:16px}.toast-container.bottom-center,.toast-container.top-center{left:auto;max-width:380px;right:50%;transform:translateX(50%)}.toast-container.bottom-center,.toast-container.bottom-right{bottom:16px}.toast{border-radius:14px}.toast-content{gap:12px;padding:14px 16px}.toast-icon{border-radius:10px;height:40px;width:40px}.toast-icon svg{height:20px;width:20px}.toast-title{font-size:.9rem}.toast-message{font-size:.8rem}.toast-close{height:26px;width:26px}.confirm-dialog{max-width:360px}.confirm-content{padding:22px 18px}}@media screen and (max-width:599px){.toast-container{gap:8px!important;position:fixed!important;top:12px!important;z-index:9999!important}.toast-container,.toast-container.bottom-center,.toast-container.bottom-right,.toast-container.top-center{left:12px!important;max-width:calc(100vw - 24px)!important;right:12px!important;transform:none!important;width:calc(100vw - 24px)!important}.toast-container.bottom-center,.toast-container.bottom-right{bottom:12px!important;top:auto!important}.toast{border-radius:12px!important;min-width:0!important}.toast,.toast-content{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.toast-content{gap:10px!important;padding:12px!important}.toast-icon{border-radius:10px!important;flex-shrink:0!important;height:36px!important;min-width:36px!important;width:36px!important}.toast-icon svg{height:18px!important;width:18px!important}.toast-body{flex:1 1!important;min-width:0!important;word-break:break-word!important}.toast-body,.toast-title{overflow:hidden!important}.toast-title{font-size:.85rem!important;margin-bottom:2px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.toast-message{font-size:.78rem!important;line-height:1.4!important;word-break:break-word!important}.toast-close{flex-shrink:0!important;height:24px!important;min-width:24px!important;width:24px!important}.toast-close svg{height:14px!important;width:14px!important}.toast-action{font-size:.75rem!important;padding:6px 12px!important}.toast-progress{height:3px!important}}@media screen and (max-width:374px){.toast-container,.toast-container.bottom-center,.toast-container.bottom-right,.toast-container.top-center{gap:6px!important;left:8px!important;max-width:calc(100vw - 16px)!important;right:8px!important;top:8px!important;width:calc(100vw - 16px)!important}.toast-container.bottom-center,.toast-container.bottom-right{bottom:8px!important;top:auto!important}.toast{border-radius:10px!important}.toast-content{gap:8px!important;padding:10px!important}.toast-icon{border-radius:8px!important;height:32px!important;min-width:32px!important;width:32px!important}.toast-icon svg{height:16px!important;width:16px!important}.toast-title{font-size:.8rem!important}.toast-message{font-size:.72rem!important;line-height:1.35!important}.toast-close{height:22px!important;min-width:22px!important;width:22px!important}.toast-close svg{height:12px!important;width:12px!important}.toast-progress{height:2px!important}}@media screen and (max-width:599px){.confirm-overlay{align-items:flex-end;padding:12px}.confirm-dialog{border-radius:16px 16px 12px 12px;margin-bottom:env(safe-area-inset-bottom,0);max-width:100%}.confirm-content{padding:18px 16px}.confirm-icon{height:48px;margin-bottom:12px;width:48px}.confirm-icon svg{height:24px;width:24px}.confirm-title{font-size:1rem;margin-bottom:6px}.confirm-message{font-size:.82rem;line-height:1.5}.confirm-actions{gap:10px;padding:14px 16px}.confirm-btn{border-radius:10px;font-size:.85rem;padding:12px 18px}}@media screen and (max-width:374px){.confirm-overlay{padding:8px}.confirm-dialog{border-radius:14px 14px 10px 10px}.confirm-content{padding:16px 14px}.confirm-icon{height:44px;margin-bottom:10px;width:44px}.confirm-icon svg{height:22px;width:22px}.confirm-title{font-size:.95rem}.confirm-message{font-size:.78rem}.confirm-actions{flex-direction:column;gap:8px;padding:12px 14px}.confirm-btn{font-size:.82rem;justify-content:center;padding:11px 16px;width:100%}}@media screen and (max-width:899px) and (orientation:landscape){.toast-container,.toast-container.bottom-center,.toast-container.bottom-right,.toast-container.top-center{left:auto!important;max-width:300px!important;right:16px!important;transform:none!important;width:auto!important}.toast-container{gap:6px;top:10px!important}.toast-container.bottom-center,.toast-container.bottom-right{bottom:10px!important;top:auto!important}.toast{border-radius:10px!important}.toast-content{gap:8px!important;padding:10px 12px!important}.toast-icon{border-radius:7px!important;height:28px!important;min-width:28px!important;width:28px!important}.toast-icon svg{height:14px!important;width:14px!important}.toast-title{font-size:.75rem!important}.toast-message{font-size:.68rem!important;line-height:1.3}.toast-close{height:20px!important;min-width:20px!important;width:20px!important}.toast-close svg{height:10px!important;width:10px!important}.confirm-overlay{align-items:center;padding:12px}.confirm-dialog{border-radius:12px;max-height:85vh;max-width:380px;overflow-y:auto}.confirm-content{padding:14px}.confirm-icon{height:40px;margin-bottom:8px;width:40px}.confirm-title{font-size:.9rem}.confirm-message{font-size:.75rem}.confirm-actions{padding:10px 14px}.confirm-btn{font-size:.78rem;padding:9px 14px}}@supports (padding:max(0px)){@media (min-width:600px){.toast-container{right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top))}.toast-container.bottom-center,.toast-container.bottom-right{bottom:max(20px,env(safe-area-inset-bottom))}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.toast{box-shadow:0 2px 12px #00000014,0 4px 24px #0000000f}.confirm-dialog{box-shadow:0 12px 40px #00000026}}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .1s ease!important}.toast,.toast-exit{animation:none!important}.toast-exit{opacity:0}.confirm-dialog,.confirm-overlay{animation:none!important}.toast-progress-bar{transition:none!important}}@media (prefers-color-scheme:dark){.toast{background:#1f2937;box-shadow:0 4px 20px #0000004d,0 8px 40px #0003}.toast-title{color:#f9fafb}.toast-message{color:#9ca3af}.toast-close{color:#6b7280}.toast-action,.toast-close:hover{background:#374151;color:#f9fafb}.toast-action:hover{background:#4b5563}.toast-progress{background:#ffffff1a}.confirm-dialog{background:#1f2937}.confirm-title{color:#f9fafb}.confirm-message{color:#9ca3af}.confirm-actions{background:#111827;border-top-color:#374151}.confirm-btn.cancel{background:#374151;color:#f9fafb}.confirm-btn.cancel:hover{background:#4b5563}}.confirm-overlay{align-items:center;animation:confirmFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:confirmSlideIn .3s cubic-bezier(.21,1.02,.73,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:400px;overflow:hidden;width:100%}@keyframes confirmSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-content{padding:28px 24px;text-align:center}.confirm-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.confirm-icon.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.confirm-icon.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.confirm-icon.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.confirm-icon.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.confirm-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:8px}.confirm-message{color:#64748b;font-size:.95rem;line-height:1.6}.confirm-actions{border-top:1px solid #e5e7eb;display:flex}.confirm-btn{border:none;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:16px;transition:all .2s ease}.confirm-btn.cancel{background:#fff;color:#64748b}.confirm-btn.cancel:hover{background:#f8fafc;color:#1f2937}.confirm-btn.confirm{background:#fff;border-left:1px solid #e5e7eb;color:#6366f1}.confirm-btn.confirm:hover{background:#fdf2f8}.confirm-btn.danger{color:#dc2626}.confirm-btn.danger:hover{background:#fef2f2}.inline-notification{align-items:flex-start;animation:inlineSlideIn .3s ease;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}@keyframes inlineSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inline-notification.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.inline-notification.success .inline-icon{color:#059669}.inline-notification.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.inline-notification.error .inline-icon{color:#dc2626}.inline-notification.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.inline-notification.warning .inline-icon{color:#d97706}.inline-notification.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.inline-notification.info .inline-icon{color:#2563eb}.inline-icon{flex-shrink:0;margin-top:1px}.inline-content{flex:1 1}.inline-title{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:2px}.inline-message{color:#64748b;font-size:.85rem;line-height:1.5}.inline-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.inline-close:hover{background:#0000000d;color:#1f2937}.status-badge{gap:6px;padding:6px 12px}.status-badge.success{background:#d1fae5;color:#059669}.status-badge.processing{background:#dbeafe;color:#2563eb}.status-badge.error{background:#fee2e2;color:#dc2626}.status-badge svg{height:14px;width:14px}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:10000}.loading-spinner{animation:loadingSpin .8s linear infinite;border:4px solid #e5e7eb;border-top-color:#6366f1;height:48px;width:48px}@keyframes loadingSpin{to{transform:rotate(1turn)}}.loading-text{color:#64748b;font-size:1rem;font-weight:500}.header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffeb;border-bottom:.5px solid #00000014;box-sizing:border-box;left:0;max-width:100%;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));position:fixed;right:0;top:0;width:100%;z-index:100}.header-container{box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;margin:0 auto;max-width:480px;padding:0;width:100%}.header-container,.logo{align-items:center;display:flex;gap:10px}.logo{flex-shrink:0}.logo,.logo:hover{text-decoration:none!important}.logo:hover .logo-icon{transform:scale(1.03)}.logo-icon{background:linear-gradient(145deg,#5b9ee8,#4a8ad8);border-radius:10px;box-shadow:0 2px 8px #4a8ad84d;height:38px;min-width:38px;overflow:hidden;position:relative;transition:transform .2s ease;width:38px}.logo-icon,.logo-wd{align-items:center;display:flex;justify-content:center}.logo-wd{gap:1px}.wd-letter{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.5px;text-shadow:0 1px 2px #0000001a}.wd-letter:first-child{color:#fff}.wd-letter:last-child{color:#ffffffe6;font-weight:700}.logo-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logo:hover .logo-shine{left:100%}.logo-text-group{display:flex;flex-direction:column;line-height:1.2}.logo-text{color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.logo-highlight{color:#4a90d9;font-weight:700}.logo-tagline{color:#8e8e93;font-size:8px;font-weight:600;letter-spacing:1px;margin-top:1px;text-transform:uppercase}.header-actions{align-items:center;flex-direction:row!important;flex-shrink:0;flex-wrap:nowrap;gap:8px;justify-content:flex-end}.search-btn,.track-icon-btn{align-items:center;background:#7878801f;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:38px;justify-content:center;min-width:38px;transition:all .2s ease;width:38px}.search-btn svg,.track-icon-btn svg{stroke-width:1.8;height:20px;width:20px}.search-btn:hover,.track-icon-btn:hover{background:#4a90d926;color:#4a90d9}.search-btn:active,.track-icon-btn:active{transform:scale(.95)}.member-icon-btn{align-items:center;background:linear-gradient(135deg,#007aff,#0056cc);border:none;border-radius:50%;box-shadow:0 2px 8px #007aff4d;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;min-width:38px;transition:all .2s ease;width:38px}.member-icon-btn svg{stroke-width:2;height:20px;width:20px}.member-icon-btn:hover{background:linear-gradient(135deg,#06c,#004aad);box-shadow:0 4px 12px #007aff66;transform:scale(1.05)}.member-icon-btn:active{transform:scale(.95)}.member-btn{align-items:center;background:linear-gradient(135deg,#007aff,#0056cc);border:none;border-radius:50%;box-shadow:0 2px 8px #007aff4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;height:38px;justify-content:center;min-width:38px;transition:all .2s ease;width:38px}.member-btn svg{stroke-width:2;flex-shrink:0;height:18px;width:18px}.member-btn:hover{background:linear-gradient(135deg,#06c,#004aad);box-shadow:0 4px 12px #007aff66;transform:scale(1.02)}.member-btn:active{transform:scale(.97)}.member-btn.logged-in{background:linear-gradient(135deg,#007aff,#0056cc);box-shadow:0 2px 8px #007aff4d}.member-btn.logged-in:hover{background:linear-gradient(135deg,#06c,#004aad);box-shadow:0 4px 12px #007aff66}.member-btn-wrapper{align-items:center;display:flex;position:relative}.member-toast{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026,0 8px 32px #0000001a;overflow:visible;position:absolute;right:0;top:calc(100% + 12px);width:280px;z-index:1000}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastPulse{0%,to{box-shadow:0 4px 20px #00000026,0 8px 32px #0000001a}50%{box-shadow:0 4px 20px #007aff40,0 8px 32px #007aff26}}.member-toast.guest{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1),toastPulse 2s ease-in-out infinite;border:2px solid #007aff33}.member-toast.logged-in{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);border:2px solid #007aff40}.member-toast-arrow{background:#fff;border-left:2px solid #007aff33;border-top:2px solid #007aff33;height:16px;position:absolute;right:12px;top:-8px;transform:rotate(45deg);width:16px;z-index:1}.member-toast.logged-in .member-toast-arrow{border-left-color:#007aff40;border-top-color:#007aff40}.member-toast-content{align-items:center;display:flex;gap:10px;padding:12px 14px;position:relative}.member-toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;width:40px}.member-toast.guest .member-toast-icon,.member-toast.logged-in .member-toast-icon{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.member-toast-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.member-toast-title{color:#1c1c1e;font-size:13px;font-weight:700;letter-spacing:-.2px}.member-toast-message{color:#8e8e93;font-size:11px;font-weight:500;line-height:1.3}.member-toast-action{border:none;border-radius:14px;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.member-toast.guest .member-toast-action{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.member-toast.guest .member-toast-action:hover{background:linear-gradient(135deg,#06c,#004aad);transform:scale(1.05)}.member-toast.logged-in .member-toast-action{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.member-toast.logged-in .member-toast-action:hover{background:linear-gradient(135deg,#06c,#004aad);transform:scale(1.05)}.member-toast-close{align-items:center;background:#8e8e931f;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .2s ease;width:20px}.member-toast-close:hover{background:#8e8e9333;color:#1c1c1e}[data-theme=dark] .member-toast,[data-theme=dark] .member-toast-arrow{background:#2c2c2e}[data-theme=dark] .member-toast-title{color:#fff}[data-theme=dark] .member-toast-message{color:#ebebf5}[data-theme=dark] .member-toast-close{background:#ffffff1a;color:#ebebf5}[data-theme=dark] .member-toast-close:hover{background:#fff3;color:#fff}@media (max-width:375px){.member-toast{right:-10px;width:240px}.member-toast-content{gap:8px;padding:10px 12px}.member-toast-icon{height:34px;min-width:34px;width:34px}.member-toast-icon svg{height:16px;width:16px}.member-toast-title{font-size:12px}.member-toast-message{font-size:10px}.member-toast-action{font-size:10px;padding:5px 10px}}@media (max-width:320px){.member-toast{right:-20px;width:220px}}.nav{display:none}[data-theme=dark] .header{background:#1c1c1eeb;border-bottom-color:#ffffff1a}[data-theme=dark] .logo-icon{background:linear-gradient(145deg,#0a84ff,#06c);box-shadow:0 2px 8px #0a84ff59}[data-theme=dark] .logo-text{color:#fff}[data-theme=dark] .logo-highlight{color:#0a84ff}[data-theme=dark] .logo-tagline{color:#8e8e93}[data-theme=dark] .track-icon-btn{background:#7676803d;color:#ebebf5}[data-theme=dark] .track-icon-btn:hover{background:#0a84ff33;color:#0a84ff}[data-theme=dark] .member-btn{background:linear-gradient(135deg,#0a84ff,#06c);box-shadow:0 2px 8px #0a84ff59}@media (min-width:768px){.header{padding:14px 24px}.header-container{max-width:1200px}.logo-icon{border-radius:11px;height:42px;width:42px}.wd-letter{font-size:16px}.logo-text{font-size:18px}.logo-tagline{font-size:9px}.header-actions{gap:12px}.track-icon-btn{height:44px;width:44px}.track-icon-btn svg{height:22px;width:22px}.member-btn{font-size:18px;height:42px;min-width:42px;padding:11px 20px;width:42px}.member-btn svg{height:20px;width:20px}}@media (max-width:360px){.header{padding:10px 12px}.logo{gap:8px}.logo-icon{border-radius:9px;height:34px;width:34px}.wd-letter{font-size:13px}.logo-text{font-size:14px}.logo-tagline{font-size:7px}.header-actions{flex-direction:row!important;gap:8px}.search-btn{height:36px;min-width:36px;width:36px}.search-btn svg{height:18px;width:18px}.track-icon-btn{height:36px;width:36px}.track-icon-btn svg{height:18px;width:18px}.member-btn{height:34px;min-width:34px;width:34px}.member-btn svg{height:16px;width:16px}}.header-modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.header-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:400px;overflow:hidden;width:100%}[data-theme=dark] .header-modal{background:#1c1c1e}.header-modal-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:20px 24px}[data-theme=dark] .header-modal-header{border-bottom-color:#ffffff1a}.header-modal-header h3{color:#1c1c1e;font-size:20px;font-weight:700;margin:0}[data-theme=dark] .header-modal-header h3{color:#fff}.header-modal-close{align-items:center;background:#7878801f;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.header-modal-close:hover{background:#ff3b301f;color:#ff3b30}.header-modal-body{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.member-form{display:flex;flex-direction:column;gap:16px}.form-group input{border:1px solid #0000001a;font-size:16px;padding:14px 16px}[data-theme=dark] .form-group input{background:#7676803d;border-color:#ffffff1a}[data-theme=dark] .form-group input:focus{background:#76768052}.password-input-wrapper input{padding-right:48px}.password-toggle{background:none;border:none;color:#8e8e93;cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#007aff}.form-error{background:#ff3b301a;font-size:14px;padding:12px 16px}.form-error,.submit-btn{align-items:center;display:flex;gap:8px}.submit-btn{background:linear-gradient(135deg,#007aff,#05c);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;justify-content:center;padding:16px;transition:all .2s ease}.submit-btn:hover{background:linear-gradient(135deg,#06d,#004abb);transform:scale(1.01)}.submit-btn:active{transform:scale(.99)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.register-btn{background:none;border:none;color:#007aff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;text-align:center}.register-btn:hover{text-decoration:underline}.member-note{color:#8e8e93;font-size:13px;margin-top:8px;text-align:center}.phone-check-status{align-items:center;display:flex;font-size:13px;gap:6px;margin-top:4px}.phone-check-status.checking{color:#8e8e93}.phone-check-status.available{color:#34c759}.phone-check-status.exists{color:#ff9500}.password-strength{margin-top:6px}.password-strength-bar{background:#0000001a;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.password-strength-fill.weak{background:#ff3b30;width:33%}.password-strength-fill.medium{background:#ff9500;width:66%}.password-strength-fill.strong{background:#34c759;width:100%}.password-strength-text{color:#8e8e93;font-size:12px}.password-requirements{margin-top:8px}.password-requirement{align-items:center;color:#8e8e93;display:flex;font-size:12px;gap:6px}.password-requirement.met{color:#34c759}.member-profile-info{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px}.member-avatar{align-items:center;background:linear-gradient(135deg,#007aff,#00c6fb);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.member-name{color:#1c1c1e;font-size:24px;font-weight:700;text-align:center}[data-theme=dark] .member-name{color:#fff}.member-phone{color:#8e8e93;font-size:15px}.member-stats{background:#f2f2f7;border-radius:16px;display:flex;gap:24px;padding:16px;width:100%}[data-theme=dark] .member-stats{background:#7676803d}.stat-item{flex:1 1;text-align:center}.stat-value{color:#007aff;font-size:24px}.stat-label{letter-spacing:.5px;text-transform:uppercase}.member-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px;width:100%}.member-action-btn{align-items:center;background:#f2f2f7;border:none;border-radius:14px;color:#1c1c1e;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:14px 16px;transition:all .2s ease}[data-theme=dark] .member-action-btn{background:#7676803d;color:#fff}.member-action-btn:hover{background:#007aff1a;color:#007aff}.member-action-btn svg{color:#8e8e93}.member-action-btn:hover svg{color:#007aff}.logout-btn{background:#ff3b301a;color:#ff3b30}.logout-btn:hover{background:#ff3b3033;color:#ff3b30}.logout-btn svg{color:#ff3b30}.vouchers-section{margin-top:24px}.vouchers-section h4{align-items:center;color:#1c1c1e;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:12px}[data-theme=dark] .vouchers-section h4{color:#fff}.voucher-list{display:flex;flex-direction:column;gap:10px}.voucher-card{align-items:center;background:linear-gradient(135deg,#ffd60a,#ff9500);border-radius:14px;color:#1c1c1e;display:flex;justify-content:space-between;padding:14px 16px}.voucher-info{flex-direction:column;gap:2px}.voucher-code{font-size:16px;font-weight:700}.voucher-desc{font-size:13px;opacity:.8}.voucher-value{font-size:20px;font-weight:800}.empty-vouchers{color:#8e8e93;font-size:14px;padding:24px;text-align:center}.orders-section{margin-top:24px}.orders-section h4{align-items:center;color:#1c1c1e;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:12px}[data-theme=dark] .orders-section h4{color:#fff}.order-list{display:flex;flex-direction:column;gap:10px}.order-card{align-items:center;background:#f2f2f7;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}[data-theme=dark] .order-card{background:#7676803d}.order-card:hover{background:#007aff1a}.order-info{display:flex;flex-direction:column;gap:2px}.order-id{color:#1c1c1e}[data-theme=dark] .order-id{color:#fff}.order-product{color:#8e8e93;font-size:13px}.order-status{font-size:12px;font-weight:600;padding:6px 12px}.order-status.paid{background:#34c75926;color:#34c759}.order-status.pending{background:#ff950026;color:#ff9500}.order-status.cancelled{background:#ff3b3026;color:#ff3b30}.empty-orders{color:#8e8e93;font-size:14px;padding:24px;text-align:center}@media (max-width:374px){.header{padding:10px 12px}.header-container,.logo{gap:8px}.logo-icon{border-radius:8px;height:32px;min-width:32px;width:32px}.wd-letter{font-size:12px}.logo-text{font-size:14px}.logo-tagline{font-size:7px;letter-spacing:.5px}.header-actions{flex-direction:row!important;gap:6px}.search-btn{height:32px;min-width:32px;width:32px}.search-btn svg{height:16px;width:16px}.member-icon-btn{height:32px;min-width:32px;width:32px}.member-icon-btn svg{height:16px;width:16px}.member-btn{height:32px;min-width:32px;width:32px}.member-btn svg{height:16px;width:16px}}@media (min-width:375px) and (max-width:389px){.header{padding:11px 14px}.header-container{gap:10px}.logo{gap:8px}.logo-icon{border-radius:9px;height:34px;min-width:34px;width:34px}.logo-text{font-size:15px}.logo-tagline{font-size:7px}.header-actions{flex-direction:row!important;gap:8px}.search-btn{height:34px;min-width:34px;width:34px}.search-btn svg{height:17px;width:17px}.member-icon-btn{height:34px;min-width:34px;width:34px}.member-icon-btn svg{height:17px;width:17px}.member-btn{height:34px;min-width:34px;width:34px}.member-btn svg{height:17px;width:17px}}@media (min-width:390px) and (max-width:413px){.header{padding:12px 16px}.header-container{gap:12px}.logo{gap:10px}.logo-icon{border-radius:10px;height:36px;min-width:36px;width:36px}.logo-text{font-size:16px}.logo-tagline{font-size:8px}.header-actions{flex-direction:row!important;gap:10px}.search-btn{height:36px;min-width:36px;width:36px}.search-btn svg{height:18px;width:18px}.member-icon-btn{height:36px;min-width:36px;width:36px}.member-icon-btn svg{height:18px;width:18px}.member-btn{height:36px;min-width:36px;width:36px}.member-btn svg{height:18px;width:18px}}@media (min-width:414px) and (max-width:430px){.header{padding:12px 18px}.header-container{gap:14px}.logo-icon{height:38px;min-width:38px;width:38px}.logo-text{font-size:16px}.header-actions{flex-direction:row!important;gap:10px}.member-btn,.search-btn{height:38px;min-width:38px;width:38px}.member-btn svg{height:18px;width:18px}}@media (min-width:431px) and (max-width:640px){.header{padding:13px 20px}.header-container{gap:16px;max-width:100%}.logo-icon{height:40px;width:40px}.logo-text{font-size:17px}.logo-tagline{font-size:9px}.header-actions{flex-direction:row!important;gap:12px}.member-btn,.search-btn{height:40px;width:40px}.member-btn{min-width:40px}.member-btn svg{height:19px;width:19px}}@media (min-width:641px) and (max-width:768px){.header{padding:14px 20px}.header-container{max-width:100%;padding:0 12px}.logo-icon{height:42px;width:42px}.logo-text{font-size:17px}.member-btn{height:42px;min-width:42px;width:42px}.member-btn svg{height:20px;width:20px}}@media (min-width:769px) and (max-width:1024px){.header{padding:14px 24px}.header-container{max-width:1200px;padding:0 16px}.logo-icon{height:44px;width:44px}.logo-text{font-size:18px}.member-btn,.search-btn{height:44px;width:44px}.member-btn{min-width:44px}.member-btn svg{height:21px;width:21px}}@media (min-width:1025px){.header{padding:16px 32px}.header-container{max-width:1400px;padding:0 24px}.logo-icon{height:46px;width:46px}.logo-text{font-size:18px}.logo-tagline{font-size:9px}.member-btn,.search-btn{height:46px;width:46px}.member-btn{min-width:46px}.member-btn svg{height:22px;width:22px}}@supports (-webkit-touch-callout:none){.header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.member-btn{-webkit-font-smoothing:antialiased}}.hero{background:linear-gradient(180deg,#007aff,#0056cc);border-radius:0 0 32px 32px;box-sizing:border-box;color:#fff;max-width:100%;overflow:hidden;padding:28px 20px 55px;position:relative;text-align:center;width:100%}.hero:before{background:radial-gradient(circle at 10% 90%,#ffffff26 0,#0000 30%),radial-gradient(circle at 90% 20%,#ffffff1a 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-container{max-width:700px;padding:0 16px;position:relative;width:100%;z-index:1}.hero-title{font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px;text-shadow:none}.hero-description{font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:1.6;margin-bottom:24px;opacity:.9;padding:0 10px}.search-container{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #0000001f;display:flex;overflow:hidden;padding:5px}.search-input{background:#0000;border:none;color:#000;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;font-weight:400;letter-spacing:-.4px;min-width:0;outline:none;padding:14px 18px}.search-input:focus{border:none;box-shadow:none;outline:none}.search-input::placeholder{color:#8e8e93}.search-button{align-items:center;background:linear-gradient(135deg,#007aff,#00c6fb);border:none;border-radius:12px;box-shadow:0 4px 15px #007aff66;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:44px}.search-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.search-button:hover:before{left:100%}.search-button:hover{background:linear-gradient(135deg,#0056cc,#007aff);box-shadow:0 6px 20px #007aff80;transform:scale(1.05)}.search-button:active{box-shadow:0 2px 10px #007aff66;transform:scale(.95)}.search-button svg{transition:transform .3s ease}.search-button:hover svg{transform:rotate(-15deg) scale(1.1)}@keyframes searchPulse{0%,to{box-shadow:0 4px 15px #007aff66}50%{box-shadow:0 4px 25px #007aff99}}.search-button{animation:searchPulse 2s ease-in-out infinite}.search-button:hover{animation:none}@media (max-width:374px){.hero{border-radius:0 0 24px 24px;padding:20px 14px 45px}.hero-title{font-size:22px;margin-bottom:8px}.hero-description{font-size:13px;margin-bottom:20px;padding:0 5px}.search-container{padding:4px}.search-input{font-size:15px;padding:12px 14px}.search-button{height:40px;width:40px}}@media (min-width:375px) and (max-width:480px){.hero{border-radius:0 0 28px 28px;padding:24px 16px 50px}.hero-title{font-size:24px}.hero-description{font-size:14px}}@media (min-width:481px) and (max-width:768px){.hero{border-radius:0 0 32px 32px;padding:32px 20px 55px}.hero-title{font-size:28px}.hero-description{font-size:15px;padding:0 15px}.search-button{height:48px;width:48px}}@media (min-width:769px){.hero{border-radius:0 0 36px 36px;padding:36px 24px 60px}.hero-container{max-width:900px}.hero-title{font-size:32px;margin-bottom:12px}.hero-description{font-size:16px;margin-bottom:28px;padding:0 30px}.search-container{padding:6px}.search-input{font-size:17px;padding:16px 24px}.search-button{height:52px;width:52px}}@media (min-width:1025px){.hero-container{max-width:1000px}.hero-title{font-size:34px}.hero-description{margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:500px}.search-container{margin:0 auto;max-width:450px;padding:5px}.search-input{font-size:14px;padding:12px 20px}.search-button{height:44px;width:44px}}@media (min-width:1024px){.hero{padding:44px 32px 65px}.hero-title{font-size:32px}.hero-description{font-size:15px;max-width:520px}.search-container{max-width:480px}.search-input{font-size:15px;padding:14px 22px}.search-button{height:46px;width:46px}}.flash-sale{background:linear-gradient(135deg,#007aff,#0056cc 50%,#5ac8fa);border-radius:20px;box-shadow:0 8px 24px #007aff59;margin:-25px 12px 16px;overflow:hidden;padding:16px;position:relative;z-index:1}.flash-sale:before{background:radial-gradient(circle at 0 100%,#ffffff26 0,#0000 50%),radial-gradient(circle at 100% 0,#ffffff1a 0,#0000 50%);bottom:0;left:0;right:0;top:0}.flash-sale:after,.flash-sale:before{content:"";pointer-events:none;position:absolute}.flash-sale:after{animation:sparkle 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:30px 30px;height:200%;left:-50%;top:-50%;width:200%}.flash-sale-container{margin:0 auto;max-width:1200px;position:relative;z-index:2}.flash-sale-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.flash-sale-title{align-items:center;display:flex;gap:8px}.flash-title-text{-webkit-text-fill-color:#fff!important;animation:flashPulse 2s ease-in-out infinite;background:none!important;color:#fff!important;font-size:18px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 8px #007aff80;text-transform:uppercase}.flash-badge-icon{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#007aff,#0056cc);border-radius:50%;box-shadow:0 2px 8px #007aff66;display:flex;height:28px;justify-content:center;width:28px}.flash-badge-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:16px;width:16px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.flash-badge-text{display:flex;flex-direction:column;gap:1px;line-height:1}.flash-badge-text .flash-label{color:#007aff;font-size:9px;font-weight:700;letter-spacing:.8px}.flash-badge-text .sale-label{color:#1c1c1e;font-size:13px;font-weight:800;letter-spacing:-.3px}.flash-badge-live{align-items:center;background:#34c759;border-radius:100px;color:#fff;display:flex;font-size:10px;font-weight:600;gap:5px;letter-spacing:-.2px;padding:4px 10px}.flash-badge-live .live-dot{animation:liveBlink 1.2s ease-in-out infinite;background:#fff;border-radius:50%;height:5px;width:5px}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.4}}.countdown{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border-radius:100px;box-shadow:0 4px 16px #0000001a;display:flex;gap:3px;padding:8px 12px}.countdown svg{color:#007aff;height:14px;margin-right:4px;width:14px}.time-box{background:#007aff1a;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,SF Mono,Monaco,monospace;font-weight:800;letter-spacing:-.3px;min-width:20px;padding:2px 6px;text-align:center}.separator,.time-box{color:#007aff;font-size:13px}.separator{font-weight:700}.flash-sale-products{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding:4px 0 8px;scroll-behavior:smooth;scrollbar-width:none}.flash-sale-products::-webkit-scrollbar{display:none}.flash-product-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;flex-shrink:0;height:200px;min-width:130px;overflow:hidden;position:relative;transition:all .3s ease;width:130px}.flash-product-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-6px) scale(1.02)}.flash-product-card:active{transform:scale(.97)}.flash-product-card.clickable{cursor:pointer}.flash-product-card.clickable:focus-visible{box-shadow:0 0 0 4px #007aff4d;outline:none}.flash-product-image{align-items:center;background:linear-gradient(180deg,#f8f8f8,#f2f2f7);display:flex;flex-shrink:0;height:90px;justify-content:center;min-height:90px;padding:12px;position:relative}.flash-product-img{border-radius:10px;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.flash-product-card:hover .flash-product-img{transform:scale(1.08)}.flash-product-info{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:space-between;padding:10px 12px 12px}.original-price{font-size:11px;font-weight:500;line-height:14px;min-height:14px}.sale-price-row{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;min-height:18px}.sale-price{color:#007aff;font-size:14px;font-weight:700;letter-spacing:-.3px;line-height:18px;white-space:nowrap}.discount-badge-inline{background:linear-gradient(135deg,#ff9500,#ff6b00);flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:-.1px;padding:2px 6px}.stock-bar{background:#e5e5ea;border-radius:6px;height:5px;margin-top:4px;overflow:hidden}.stock-progress{background:linear-gradient(90deg,#34c759,#30d158);border-radius:6px;height:100%;position:relative;transition:width .5s ease}.stock-progress:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.stock-info{color:#8e8e93;display:flex;font-size:9px;font-weight:500;justify-content:space-between;margin-top:2px}.habis-badge{background:linear-gradient(135deg,#8e8e93,#636366);border-radius:8px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:4px;padding:6px 10px;text-align:center;text-transform:uppercase}.flash-sale-loading{align-items:center;color:#fffffff2;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.flash-sale-loading p{font-size:14px;font-weight:600}.product-logo{align-items:center;border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:8px;width:100%}.product-logo.default{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:20px;font-weight:800;letter-spacing:1px}.product-logo.hma{background:linear-gradient(135deg,#1e3a5f,#2c5282)}.hma-icon{font-size:32px;margin-bottom:4px}.hma-text{color:gold;font-size:13px;font-weight:800}.product-logo.getcontact{background:linear-gradient(135deg,#6b21a8,#9333ea)}.gc-icon{font-size:28px;margin-bottom:4px}.gc-text{color:#fff;font-size:11px;font-weight:600}.product-logo.iqiyi{background:linear-gradient(135deg,#00be06,#00d909)}.iqiyi-text{color:#fff;font-size:22px;font-weight:900;letter-spacing:2px}.product-logo.office365{background:linear-gradient(135deg,#d83b01,#ea4335)}.office-icon{font-size:28px}.office-text{color:#fff;font-size:11px;font-weight:600}.product-logo.drakorid{background:linear-gradient(135deg,#1a1a1a,#333)}.drakor-icon{align-items:center;background:#fff;border-radius:8px;color:#333;display:flex;font-size:22px;height:40px;justify-content:center;margin-bottom:4px;width:40px}.drakor-text{color:#fff;font-size:11px;font-weight:600}.product-logo.canva{background:linear-gradient(135deg,#00c4cc,#7b2ff7)}.canva-icon{font-size:32px;margin-bottom:4px}.canva-text{color:#fff;font-size:13px;font-weight:700}.product-logo.netflix{background:#000}.netflix-text{color:#e50914;font-size:18px;font-weight:900;letter-spacing:2px}@media (max-width:479px){.flash-sale{border-radius:20px;margin:-25px 12px 20px;padding:16px}.flash-sale-header{flex-wrap:wrap;gap:10px}.flash-badge{padding:6px 12px 6px 6px}.flash-badge-icon{height:32px;width:32px}.flash-badge-text .flash-label{font-size:8px}.flash-badge-text .sale-label{font-size:13px}.countdown{padding:8px 12px}.time-box{font-size:12px;min-width:18px}.flash-sale-products{gap:10px}.flash-product-card{border-radius:14px;height:210px;min-width:140px;width:140px}.flash-product-image{height:100px;min-height:100px;padding:12px}.flash-product-info{gap:4px;padding:12px}.discount-badge{font-size:10px;left:8px;padding:4px 8px;top:8px}.sale-price{font-size:15px}.original-price{font-size:10px}}@media (min-width:480px) and (max-width:767px){.flash-sale{margin:-30px 16px 22px;padding:18px}.flash-product-card{height:220px;min-width:145px;width:145px}.flash-product-image{height:110px;min-height:110px}}@media (min-width:768px){.flash-sale{border-radius:18px;margin:-30px 20px 20px;padding:18px}.flash-badge{padding:6px 14px 6px 6px}.flash-badge-icon{height:30px;width:30px}.flash-badge-icon svg{height:16px;width:16px}.flash-badge-text .flash-label{font-size:9px}.flash-badge-text .sale-label{font-size:14px}.countdown{padding:8px 14px}.countdown svg{height:16px;width:16px}.time-box{font-size:14px;min-width:20px}.flash-sale-products{gap:12px;justify-content:flex-start}.flash-product-card{border-radius:14px;height:200px;min-width:130px;width:130px}.flash-product-image{height:95px;min-height:95px;padding:12px}.flash-product-info{padding:10px}.sale-price{font-size:14px}.original-price{font-size:11px}.discount-badge-inline{font-size:9px;padding:2px 6px}.stock-bar{height:5px}}@media (min-width:1024px){.flash-sale{margin:-30px auto 22px;max-width:900px;padding:20px}.flash-sale-products{gap:14px;justify-content:center}.flash-product-card{height:210px;min-width:140px;width:140px}.flash-product-image{height:100px;min-height:100px;padding:14px}.flash-product-info{padding:10px 12px 12px}.sale-price{font-size:15px}}@media (min-width:1280px){.flash-sale{max-width:950px;padding:22px}.flash-sale-products{gap:16px}.flash-product-card{border-radius:16px;height:220px;min-width:150px;width:150px}.flash-product-image{height:110px;min-height:110px}.sale-price{font-size:16px}}.product-catalog{background:#f2f2f7;max-width:100%;min-height:60vh;padding:20px 16px 50px}.catalog-container,.product-catalog{box-sizing:border-box;overflow:hidden;width:100%}.catalog-container{margin:0 auto;max-width:1100px}.catalog-header-new{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 2px 16px #0000000f;margin-bottom:16px;padding:20px}.catalog-header-top{margin-bottom:20px}.catalog-title-section{align-items:center;display:flex;gap:14px}.catalog-icon-wrapper{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:14px;box-shadow:0 4px 16px #007aff59;display:flex;height:48px;justify-content:center;width:48px}.catalog-icon-wrapper svg{color:#fff}.catalog-title-text h2{color:#000;font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0 0 4px}.catalog-title-text p{color:#8e8e93;font-size:13px;font-weight:500;margin:0}.category-tabs-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:16px;position:relative}.category-tabs-wrapper::-webkit-scrollbar{display:none}.category-scroll-btn{align-items:center;background:#fff;border:1.5px solid #e5e5ea;border-radius:50%;box-shadow:0 2px 8px #00000014;color:#3c3c43;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px;z-index:2}.category-scroll-btn:hover{background:#007aff;border-color:#007aff;box-shadow:0 4px 12px #007aff4d;color:#fff;transform:scale(1.05)}.category-scroll-btn:active{transform:scale(.95)}.category-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex:1 1;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{align-items:center;background:#f2f2f7;border:1.5px solid #e5e5ea;border-radius:12px;color:#3c3c43;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.category-tab:hover{background:#e5e5ea;border-color:#d1d1d6}.category-tab.active{background:linear-gradient(135deg,#007aff,#5856d6);border-color:#0000;box-shadow:0 4px 12px #007aff4d;color:#fff}.category-tab.active svg{color:#fff}.category-tab svg{color:#8e8e93;transition:color .2s ease}.category-tab .cat-name{font-weight:600}.category-tab .cat-count{background:#00000014;border-radius:8px;font-size:11px;font-weight:700;padding:2px 7px}.category-tab.active .cat-count{background:#ffffff40}.catalog-search-bar{align-items:center;background:#f2f2f7;border:1.5px solid #e5e5ea;border-radius:12px;display:flex;gap:10px;padding:12px 16px;transition:all .2s ease}.catalog-search-bar:focus-within{background:#fff;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.catalog-search-bar .search-icon{color:#8e8e93;flex-shrink:0}.catalog-search-input{background:#0000;border:none;color:#000;flex:1 1;font-size:15px;font-weight:500;outline:none}.catalog-search-input::placeholder{color:#8e8e93;font-weight:400}.search-clear-btn{align-items:center;background:#c7c7cc;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.search-clear-btn svg{color:#fff}.search-clear-btn:hover{background:#8e8e93}.active-filters{background:#fff;border:1px solid #e5e5ea;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 16px}.active-filters,.filter-tag{align-items:center;display:flex}.filter-tag{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:8px;color:#fff;font-size:12px;font-weight:600;gap:6px;padding:6px 10px}.filter-tag button{align-items:center;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;display:flex;height:18px;justify-content:center;transition:background .2s ease;width:18px}.filter-tag button:hover{background:#ffffff80}.filter-tag button svg{color:#fff}.filter-result-count{color:#8e8e93;font-size:12px;font-weight:500;margin-left:auto}.flash-badge{background:linear-gradient(135deg,#007aff,#0056cc);border-radius:6px;box-shadow:0 2px 8px #007aff66;color:#fff;font-size:9px;font-weight:700;left:10px;letter-spacing:.2px;padding:5px 10px;position:absolute;text-transform:uppercase;top:10px;white-space:nowrap;z-index:10}.catalog-header{display:none}.catalog-logo{align-items:center;display:flex;gap:12px}.catalog-logo-icon{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:12px;box-shadow:0 4px 12px #007aff4d;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.catalog-logo-icon svg{color:#fff;position:relative;z-index:2}.catalog-logo-shine{background:linear-gradient(120deg,#0000,#ffffff4d 50%,#0000);height:100%;left:-50%;position:absolute;top:-50%;transform:rotate(25deg);transition:all .5s ease;width:100%}.catalog-header:hover .catalog-logo-shine{left:150%}.catalog-logo-text{display:flex;flex-direction:column;gap:1px}.catalog-title{color:#000;font-size:17px;font-weight:700;letter-spacing:-.4px;line-height:1.2}.catalog-subtitle{color:#8e8e93;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.search-results-info{align-items:center;background:#007aff14;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.search-results-text{align-items:center;color:#007aff;display:flex;font-size:15px;gap:10px;letter-spacing:-.2px}.search-results-text strong{color:#0056cc}.clear-search-btn{align-items:center;background:#fff;border:none;border-radius:100px;color:#007aff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;font-weight:600;gap:6px;letter-spacing:-.2px;padding:10px 16px;transition:all .2s ease}.clear-search-btn:hover{background:#007aff;color:#fff}.clear-search-btn:active{transform:scale(.98)}.no-results{background:var(--white);border-radius:20px;box-shadow:0 2px 12px #0000000a;margin-bottom:24px;padding:80px 24px;text-align:center}.no-results-icon{font-size:56px;margin-bottom:20px}.no-results h3{color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:10px}.no-results p{color:var(--text-gray);font-size:14px;margin-bottom:24px}.reset-search-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;color:var(--white);cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:14px 28px;transition:all .3s ease}.reset-search-btn:hover{box-shadow:0 6px 20px #e11d484d;transform:translateY(-2px)}.loading-state{background:var(--white);border-radius:20px;box-shadow:0 2px 12px #0000000a;padding:80px 24px}.loading-state .loader{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--primary);height:48px;margin-bottom:20px;width:48px}.loading-state p{color:var(--text-gray);font-size:15px;font-weight:500}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.products-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.products-grid{gap:24px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background:#fff;border:none;border-radius:16px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px) scale(1.01)}.product-card:active{transform:scale(.98)}.product-badges{display:flex;flex-wrap:wrap;gap:6px;left:10px;position:absolute;top:10px;z-index:2}.category-badge{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:#0009;font-size:10px;font-weight:600}.category-badge,.warranty-badge{border-radius:8px;color:#fff;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.warranty-badge{align-items:center;animation:warrantyPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 2px 8px #34c75959;display:inline-flex;font-size:9px;font-weight:700;gap:4px}.warranty-badge svg{flex-shrink:0}@keyframes warrantyPulse{0%,to{box-shadow:0 2px 8px #34c75959}50%{box-shadow:0 4px 16px #34c75980}}.warranty-badge-row{margin:6px 0 8px}.warranty-badge-inline{align-items:center;background:linear-gradient(135deg,#34c7591f,#30d15814);border:1px solid #34c75940;border-radius:8px;color:#248a3d;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:-.2px;padding:5px 10px}.warranty-badge-inline svg{color:#34c759;flex-shrink:0}.stock-badge{background:#34c759;border:none;color:#fff;font-size:11px;font-weight:600;left:auto;letter-spacing:-.2px;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:3}.stock-badge.out-of-stock{background:#8e8e93;border:none;color:#fff}.current-price-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.discount-badge-inline{background:#ff3b30;font-size:11px;font-weight:600;letter-spacing:-.2px;padding:3px 8px}.discount-badge-inline,.flash-badge-inline{border-radius:6px;color:#fff;white-space:nowrap}.flash-badge-inline{animation:flashPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b00,#ff3b30);box-shadow:0 2px 8px #ff6b0066;font-size:10px;font-weight:700;letter-spacing:.3px;padding:4px 10px}.flash-sale-row{margin-top:6px}@keyframes flashPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.product-catalog .product-card .product-image{align-items:center;aspect-ratio:1/1;background:#111;border-radius:0!important;display:flex;height:auto!important;justify-content:center;min-height:140px;overflow:hidden;position:relative;width:100%!important}.product-catalog .product-card .product-image-custom{background:#111;padding:0}.product-catalog .product-card .product-image-custom .product-img{background:#111;height:100%!important;min-height:140px;object-fit:contain;object-position:center;transition:transform .4s ease;width:100%!important}.product-card:hover .product-img{transform:scale(1.05)}.product-catalog .product-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffffe6;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;min-height:140px;padding:20px;width:100%}.product-catalog .product-image-placeholder svg{stroke-width:1.2;height:40px;opacity:.8;width:40px}.product-catalog .product-image-placeholder span{color:#fffffff2;font-size:11px;font-weight:700;letter-spacing:1px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #0003;text-transform:uppercase}.product-image.netflix-bg{background:linear-gradient(180deg,#fafafa,#f0f0f0)}.product-image.spotify-bg{background:linear-gradient(135deg,#1db954,#169c46)}.product-image.chatgpt-bg{background:linear-gradient(135deg,#10a37f,#0d8a6b)}.product-image.disney-bg{background:linear-gradient(135deg,#0063e5,#0050b8)}.product-image.youtube-bg{background:linear-gradient(180deg,#fafafa,#f0f0f0)}.product-image.canva-bg{background:linear-gradient(135deg,#00c4cc,#00a3aa)}.product-image.viu-bg{background:linear-gradient(135deg,#ffb800,#e6a600)}.product-image.iqiyi-bg{background:linear-gradient(135deg,#00be06,#009a05)}.product-image.office-bg{background:linear-gradient(180deg,#fafafa,#f0f0f0)}.product-image.zoom-bg{background:linear-gradient(135deg,#2d8cff,#1a73e8)}.product-image.grammarly-bg{background:linear-gradient(135deg,#15c39a,#11a582)}.product-image.wetv-bg{background:linear-gradient(135deg,#f60,#e65c00)}.brand-netflix{color:#e50914;font-family:Arial Black,sans-serif;font-size:24px;font-weight:900;letter-spacing:2px}.brand-spotify{align-items:center;color:#fff;display:flex;gap:6px}.spotify-icon-large{font-size:18px}.spotify-text{font-size:16px;font-weight:700}.product-brand{align-items:center;display:flex;font-size:18px;font-weight:700;gap:6px;letter-spacing:1px}.product-details{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:14px}.product-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;font-size:13px;font-weight:600;letter-spacing:-.2px;line-height:1.4;margin:0;min-height:36px;overflow:hidden}.product-meta{justify-content:space-between}.product-meta,.rating{align-items:center;display:flex}.rating{background:#ffcc001f;border-radius:6px;gap:4px;padding:4px 8px}.rating span{color:#ff9500;font-size:11px;font-weight:600}.sold-count{color:#8e8e93;font-size:11px;font-weight:500}.product-pricing{display:flex;flex-direction:column;gap:4px}.original-price-row{align-items:center;display:flex;gap:6px}.product-pricing .original-price{color:#8e8e93;font-size:12px;font-weight:500;text-decoration:line-through}.current-price{font-size:17px;line-height:1.2}.discount-badge{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;white-space:nowrap}.product-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:6px}.buy-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:10px;color:var(--white);cursor:pointer;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:11px 10px;text-transform:uppercase;transition:all .3s;width:100%}.buy-btn:hover:not(.disabled){box-shadow:0 6px 20px #007aff59;transform:translateY(-2px)}.buy-btn:active:not(.disabled){transform:scale(.98)}.buy-btn.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed}.pagination{background:var(--white);border-radius:16px;box-shadow:0 2px 12px #0000000a;gap:6px;margin-top:28px;padding:16px 20px}.pagination-btn{align-items:center;background:#0000;border:1.5px solid var(--border-gray);border-radius:10px;color:var(--text-gray);display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.pagination-btn:hover:not(:disabled){background:#e11d480d;border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.4}.pagination-numbers{align-items:center;display:flex;gap:4px}.pagination-num{align-items:center;background:#0000;border:1.5px solid var(--border-gray);border-radius:10px;color:var(--text-dark);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;height:40px;justify-content:center;min-width:40px;transition:all .3s}.pagination-num:hover{border-color:var(--primary);color:var(--primary)}.pagination-num.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#0000;box-shadow:0 4px 12px #e11d484d;color:var(--white)}.pagination-dots{color:var(--text-gray);font-size:13px;font-weight:600;padding:0 4px}.pagination-info{color:var(--text-gray);margin-top:14px;text-align:center}@media (max-width:359px){.products-grid{gap:14px;grid-template-columns:1fr}.product-image{height:160px}.product-title{font-size:14px;min-height:42px}.current-price{font-size:17px}.pagination{gap:4px;padding:12px 14px}.pagination-btn,.pagination-num{font-size:12px;height:36px;width:36px}}@media (min-width:360px) and (max-width:479px){.products-grid{gap:12px}.product-details{padding:12px}}@media (min-width:480px){.product-catalog{padding:28px 20px 60px}.products-grid{gap:16px}.product-card{border-radius:18px}.product-badges{gap:8px;left:10px;right:10px;top:10px}.category-badge,.stock-badge{font-size:10px;padding:6px 10px}.product-image{height:135px}.product-details{gap:12px;padding:16px}.product-title{font-size:13px;min-height:40px}.rating span,.sold-count{font-size:12px}.current-price{font-size:16px}.discount-badge{font-size:10px;padding:4px 8px}.buy-btn{font-size:12px;padding:12px}.brand-netflix{font-size:28px}.spotify-text{font-size:18px}.product-brand{font-size:20px}}@media (min-width:768px){.product-catalog{padding:36px 28px 70px}.catalog-header{border-radius:18px;margin-bottom:24px;padding:16px 22px}.catalog-logo-icon{border-radius:13px;height:44px;width:44px}.catalog-logo-icon svg{height:20px;width:20px}.catalog-title{font-size:19px}.catalog-subtitle{font-size:11px}.search-results-info{border-radius:16px;margin-bottom:24px;padding:16px 20px}.search-results-text{font-size:15px}.products-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.product-card{border-radius:16px}.product-badges{left:8px;right:8px;top:8px}.category-badge,.stock-badge{border-radius:8px;font-size:9px;padding:5px 10px}.product-catalog .product-card .product-image,.product-catalog .product-card .product-image-custom .product-img{min-height:150px}.product-details{gap:10px;padding:14px}.product-title{font-size:13px;min-height:38px}.rating{padding:4px 8px}.product-pricing .original-price,.rating span,.sold-count{font-size:11px}.current-price{font-size:15px}.discount-badge{font-size:9px;padding:3px 8px}.buy-btn{border-radius:12px;font-size:13px;padding:14px}.brand-netflix{font-size:34px;letter-spacing:3px}.spotify-icon-large,.spotify-text{font-size:22px}.product-brand{font-size:24px}.pagination{border-radius:18px;gap:8px;margin-top:32px;padding:18px 24px}.pagination-btn{border-radius:12px;height:44px;width:44px}.pagination-numbers{gap:6px}.pagination-num{border-radius:12px;font-size:14px;height:44px;min-width:44px}.pagination-info{font-size:13px;margin-top:16px}.no-results{padding:100px 40px}.no-results-icon{font-size:64px}.no-results h3{font-size:22px}.no-results p{font-size:15px}}@media (min-width:1024px){.product-catalog{padding:28px 24px 50px}.catalog-container{max-width:1000px}.products-grid{gap:16px;grid-template-columns:repeat(4,1fr)}.product-catalog .product-card .product-image,.product-catalog .product-card .product-image-custom .product-img{min-height:160px}.product-title{font-size:12px}.current-price{font-size:14px}.brand-netflix{font-size:28px}.spotify-text{font-size:18px}.pagination-btn,.pagination-num{height:38px;width:38px}.buy-btn{font-size:11px;padding:10px}}@media (min-width:1280px){.product-catalog{padding:40px 32px 80px}.products-grid{gap:24px;grid-template-columns:repeat(5,1fr)}.product-image{height:180px}.product-details{padding:20px}.product-title{font-size:15px;min-height:46px}.current-price{font-size:20px}.brand-netflix{font-size:42px}.spotify-text{font-size:26px}.catalog-header{border-radius:20px;padding:16px 24px}.catalog-logo-icon{border-radius:14px;height:46px;width:46px}.catalog-logo-icon svg{height:22px;width:22px}.catalog-title{font-size:20px}.catalog-subtitle{font-size:12px}}@media (prefers-color-scheme:dark){.catalog-header-new{background:#1c1c1e;border-color:#2c2c2e}.catalog-title-text h2{color:#fff}.catalog-title-text p{color:#8e8e93}.catalog-icon-wrapper{background:linear-gradient(135deg,#0a84ff,#5e5ce6);box-shadow:0 4px 16px #0a84ff66}.category-scroll-btn,.category-tab{background:#2c2c2e;border-color:#3a3a3c;color:#fff}.category-scroll-btn{box-shadow:0 2px 8px #0000004d}.category-scroll-btn:hover{background:#0a84ff;border-color:#0a84ff;box-shadow:0 4px 12px #0a84ff66}.category-tab:hover{background:#3a3a3c;border-color:#48484a}.category-tab.active{background:linear-gradient(135deg,#0a84ff,#5e5ce6);box-shadow:0 4px 12px #0a84ff66}.category-tab svg{color:#8e8e93}.category-tab .cat-count{background:#ffffff1a}.catalog-search-bar{background:#2c2c2e;border-color:#3a3a3c}.catalog-search-bar:focus-within{background:#1c1c1e;border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff26}.catalog-search-input{color:#fff}.catalog-search-input::placeholder{color:#8e8e93}.search-clear-btn{background:#48484a}.search-clear-btn:hover{background:#636366}.active-filters{background:#1c1c1e;border-color:#2c2c2e}.filter-tag{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}.filter-result-count{color:#8e8e93}.flash-badge{background:linear-gradient(135deg,#ff453a,#ff9f0a);box-shadow:0 2px 8px #ff453a66}}[data-theme=dark] .catalog-header{background:#1c1c1e;box-shadow:0 2px 12px #0000004d}[data-theme=dark] .catalog-header:before{opacity:1}[data-theme=dark] .catalog-logo-icon{background:linear-gradient(135deg,#0a84ff,#5e5ce6);box-shadow:0 4px 12px #0a84ff66}[data-theme=dark] .catalog-title{color:#fff}[data-theme=dark] .catalog-subtitle{color:#8e8e93}[data-theme=dark] .catalog-header-new{background:#1c1c1e;border-color:#2c2c2e}[data-theme=dark] .catalog-title-text h2{color:#fff}[data-theme=dark] .category-scroll-btn{background:#2c2c2e;border-color:#3a3a3c;box-shadow:0 2px 8px #0000004d;color:#fff}[data-theme=dark] .category-scroll-btn:hover{background:#0a84ff;border-color:#0a84ff;box-shadow:0 4px 12px #0a84ff66}[data-theme=dark] .category-tab{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .category-tab.active{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}[data-theme=dark] .catalog-search-bar{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .catalog-search-bar:focus-within{background:#1c1c1e;border-color:#0a84ff}[data-theme=dark] .catalog-search-input{color:#fff}[data-theme=dark] .active-filters{background:#1c1c1e;border-color:#2c2c2e}[data-theme=dark] .warranty-badge{background:linear-gradient(135deg,#30d158,#34c759);box-shadow:0 2px 8px #30d15866}[data-theme=dark] .warranty-badge-inline{background:linear-gradient(135deg,#30d15833,#34c7591f);border-color:#30d15859;color:#30d158}[data-theme=dark] .warranty-badge-inline svg{color:#30d158}@media (max-width:768px){.catalog-header-new{border-radius:16px;padding:16px}.catalog-icon-wrapper{border-radius:12px;height:42px;width:42px}.catalog-icon-wrapper svg{height:20px;width:20px}.catalog-title-text h2{font-size:17px}.catalog-title-text p,.category-tab{font-size:12px}.category-tab{border-radius:10px;padding:8px 12px}.category-tab .cat-count{font-size:10px;padding:2px 6px}.catalog-search-bar{border-radius:10px;padding:10px 14px}.catalog-search-input{font-size:14px}}@media (max-width:480px){.catalog-header-new{margin-bottom:12px;padding:14px}.catalog-header-top{margin-bottom:16px}.catalog-title-section{gap:10px}.catalog-icon-wrapper{height:38px;width:38px}.catalog-icon-wrapper svg{height:18px;width:18px}.catalog-title-text h2{font-size:15px}.catalog-title-text p{font-size:11px}.category-tabs{gap:6px}.category-tab{font-size:11px;gap:4px;padding:7px 10px}.category-tab svg{height:14px;width:14px}.category-tab .cat-count{font-size:9px;padding:2px 5px}.catalog-search-bar{gap:8px;padding:10px 12px}.catalog-search-bar .search-icon{height:16px;width:16px}.catalog-search-input{font-size:13px}.active-filters{gap:6px;padding:10px 12px}.filter-tag{font-size:11px;padding:5px 8px}.filter-result-count{font-size:11px;margin-top:4px;text-align:right;width:100%}}@media (max-width:375px){.catalog-header-new{padding:12px}.catalog-title-text h2{font-size:14px}.category-tab{font-size:10px;padding:6px 8px}.category-tab .cat-name{display:none}.category-tab .cat-count{margin-left:0}}.product-reviews{padding:1.5rem 0}.product-reviews.compact{padding:.75rem 0}.reviews-loading{gap:1rem;padding:3rem}.loading-spinner{animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #dc2e5a26;height:40px;width:40px}.reviews-empty{align-items:center;background:linear-gradient(135deg,#dc2e5a08,#f59e0b08);border:2px dashed #e5e7eb;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.reviews-empty svg{color:#007aff;margin-bottom:1rem;opacity:.6}.reviews-empty p{color:#4b5563;font-size:1.05rem;font-weight:600;margin:0}.reviews-empty span{color:#9ca3af;font-size:.9rem;margin-top:.5rem}.new-reviews-notification{align-items:center;animation:slide-in-notification .4s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;box-shadow:0 4px 15px #10b98159;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:1rem;padding:14px 20px;transition:all .3s ease}.new-reviews-notification:hover{box-shadow:0 6px 20px #10b98173;transform:translateY(-2px)}@keyframes slide-in-notification{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.notification-icon{animation:ring-bell .5s ease infinite;font-size:1.25rem}@keyframes ring-bell{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.tap-to-refresh{border-left:1px solid #ffffff4d;font-size:.8rem;opacity:.85;padding-left:10px}.refresh-spin{animation:spin-refresh 1s linear infinite;display:inline-block;margin-left:6px}@keyframes spin-refresh{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reviews-summary{background:linear-gradient(135deg,#fef3c7,#fde68a 50%,#fbbf24);border-radius:16px;box-shadow:0 4px 15px #fbbf2433;display:flex;gap:2rem;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative}.reviews-summary:before{content:"⭐";font-size:80px;opacity:.15;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.compact .reviews-summary{gap:1.25rem;margin-bottom:1rem;padding:1rem}.compact .reviews-summary:before{font-size:50px;right:10px}.rating-big{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:120px;position:relative;z-index:1}.rating-number{color:#92400e;font-size:3.5rem;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000001a}.compact .rating-number{font-size:2.25rem}.rating-stars{align-items:center;display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.rating-stars .review-stars{display:flex;gap:3px}.rating-stars .review-stars svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.total-reviews{background:#ffffff80;border-radius:20px;color:#92400e;font-size:.85rem;font-weight:600;margin-top:.25rem;padding:.25rem .75rem}.rating-distribution{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem;position:relative;z-index:1}.distribution-row{align-items:center;display:flex;font-size:.9rem;gap:.6rem}.star-label{color:#92400e;font-weight:700;text-align:right;width:14px}.distribution-bar{background:#fffc;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;flex:1 1;height:10px;overflow:hidden}.distribution-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b,#d97706);border-radius:5px;box-shadow:0 1px 3px #f59e0b66;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.distribution-count{color:#92400e;font-size:.85rem;font-weight:600;text-align:right;width:28px}.reviews-sort{display:flex;flex-direction:column;gap:10px;margin-bottom:.75rem;padding:.75rem 0}.reviews-sort-label{color:#8e8e93;font-size:13px;font-weight:600;letter-spacing:-.1px}.reviews-sort-pills{display:flex;flex-wrap:wrap;gap:8px}.sort-pill{-webkit-tap-highlight-color:transparent;background:#f2f2f7;border:1.5px solid #e5e5ea;border-radius:100px;color:#636366;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.sort-pill:hover{background:#007aff0f;border-color:#007aff;color:#007aff}.sort-pill.active{background:#007aff;border-color:#007aff;box-shadow:0 2px 8px #007aff4d;color:#fff}.sort-pill:active{transform:scale(.95)}.reviews-list{display:flex;flex-direction:column;gap:1.25rem}.compact .reviews-list{gap:1rem}.review-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.review-item:before{background:linear-gradient(90deg,#007aff,#4da3ff,#b8d4ff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.review-item:hover{border-color:#b8d4ff;box-shadow:0 8px 25px #dc2e5a1f;transform:translateY(-2px)}.review-item:hover:before{opacity:1}.compact .review-item{border-radius:12px;padding:1rem}.review-header{margin-bottom:1rem}.reviewer-info{gap:.85rem}.reviewer-avatar{border-radius:12px;box-shadow:0 4px 10px #dc2e5a4d;height:44px;width:44px}.review-item:hover .reviewer-avatar{transform:scale(1.05) rotate(-3deg)}.compact .reviewer-avatar{border-radius:10px;height:38px;width:38px}.reviewer-details{gap:.15rem}.reviewer-name{font-size:1rem;gap:.4rem}.verified-badge{animation:pulse-badge 2s ease-in-out infinite;color:#10b981;display:flex}.review-date{font-size:.8rem}.review-stars{display:flex;gap:3px}.review-stars svg{transition:transform .2s ease}.review-item:hover .review-stars svg{animation:star-bounce .5s ease}@keyframes star-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.review-comment{background:#f9fafb;border-left:3px solid #e5e7eb;color:#374151;font-size:.95rem;padding:.75rem}.compact .review-comment{font-size:.9rem;padding:.6rem}.review-photos-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;font-family:Poppins,sans-serif;margin-top:12px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.review-photos-btn:hover{background:linear-gradient(135deg,#fff,#fdf2f4);border-color:#007aff;box-shadow:0 6px 20px #dc2e5a26;transform:translateY(-2px)}.photos-icon-wrapper{background:linear-gradient(135deg,#007aff,#4da3ff);border-radius:10px;box-shadow:0 3px 10px #dc2e5a4d;height:34px;transition:all .3s ease;width:34px}.review-photos-btn:hover .photos-icon-wrapper{box-shadow:0 4px 15px #dc2e5a66;transform:scale(1.1)}.photos-info{gap:2px}.photos-label{color:#1f2937}.photos-count{color:#6b7280}.photos-preview{gap:4px}.preview-thumb{box-shadow:0 2px 6px #0000001a}.preview-more,.preview-thumb{height:28px;margin-left:-8px;width:28px}.preview-more{box-shadow:0 2px 6px #dc2e5a4d;font-size:10px;font-weight:600}.admin-reply{background:linear-gradient(135deg,#dc2e5a14,#6366f10d);border-left:4px solid #007aff;border-radius:0 12px 12px 0;margin-top:1rem;padding:1rem;position:relative}.admin-reply:before{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;content:"💬";font-size:1rem;left:-10px;padding:.25rem;position:absolute;top:-10px}.admin-reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.admin-label{align-items:center;color:#007aff;display:flex;font-size:.85rem;font-weight:700;gap:.35rem}.admin-label:before{content:"🏪";font-size:.9rem}.reply-date{color:#9ca3af;font-size:.75rem}.admin-reply p{color:#4b5563;font-size:.9rem;line-height:1.6;margin:0}.helpful-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:25px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.helpful-btn svg{transition:transform .3s ease}.helpful-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2e5a1a,#6366f10d);border-color:#007aff;box-shadow:0 4px 12px #dc2e5a26;color:#007aff;transform:translateY(-2px)}.helpful-btn:hover:not(:disabled) svg{transform:scale(1.2) rotate(-10deg)}.helpful-btn.clicked{background:linear-gradient(135deg,#007aff,#5856d6);border-color:#007aff;box-shadow:0 4px 12px #dc2e5a4d;color:#fff}.helpful-btn.clicked svg{animation:thumb-pop .4s ease}@keyframes thumb-pop{0%{transform:scale(1)}50%{transform:scale(1.4) rotate(-15deg)}to{transform:scale(1) rotate(0deg)}}.helpful-btn:disabled{cursor:default}.load-more-btn{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #d1d5db;border-radius:14px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;justify-content:center;margin-top:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.load-more-btn svg{transition:transform .3s ease}.load-more-btn:hover{background:linear-gradient(135deg,#dc2e5a1a,#6366f10d);border-color:#007aff;color:#007aff}.load-more-btn:hover svg{animation:bounce-arrow .6s ease infinite;transform:translateY(3px)}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.image-modal-overlay{align-items:center;animation:fade-in .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:10001}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.image-modal-content{align-items:center;animation:zoom-in .3s ease;display:flex;flex-direction:column;justify-content:center;max-height:95%;max-width:95%;position:relative}@keyframes zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-modal-content>img{border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:100%;object-fit:contain}.close-image-modal{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#333;cursor:pointer;display:flex;font-size:1.5rem;font-weight:500;height:44px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:44px;z-index:10002}.close-image-modal:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.gallery-nav{box-shadow:0 4px 15px #0003;color:#333;font-size:2rem;height:48px;position:fixed;transition:all .3s ease;width:48px;z-index:10002}.gallery-nav.prev{left:20px}.gallery-nav.next{right:20px}.gallery-nav:hover{background:#007aff;color:#fff;transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:-70px}.gallery-nav.next{right:-70px}.gallery-counter{background:#000000b3;border-radius:20px;padding:6px 16px;top:-45px}.gallery-thumbs{gap:8px;margin-top:20px;padding:12px}.gallery-thumb{height:56px;opacity:.6;transition:all .3s ease;width:56px}.gallery-thumb:hover{opacity:1}.gallery-thumb.active{border-color:#007aff;box-shadow:0 0 15px #dc2e5a80;opacity:1}@media (max-width:640px){.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-nav{background:#fffc;font-size:1.5rem;height:40px;width:40px}.gallery-thumbs{padding:8px}.gallery-thumb{height:44px;width:44px}.reviews-summary{flex-direction:column;gap:1.25rem;padding:1.25rem}.reviews-summary:before{font-size:50px;right:10px;top:15px}.rating-big{flex-direction:row;gap:1.25rem;justify-content:flex-start;min-width:auto}.rating-number{font-size:2.75rem}.rating-stars{align-items:flex-start;flex-direction:column;margin-top:0}.rating-distribution{padding:.75rem}.review-header{flex-direction:column;gap:.75rem}.review-item{padding:1rem}.reviewer-avatar{height:40px;width:40px}.review-image-thumb{height:60px;width:60px}.helpful-btn{justify-content:center;width:100%}}@media (max-width:380px){.rating-number{font-size:2.25rem}.distribution-row{font-size:.8rem}.distribution-bar{height:8px}}.see-all-reviews-btn{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:12px;box-shadow:0 4px 15px #dc2e5a4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:14px 24px;transition:all .3s ease;width:100%}.see-all-reviews-btn:hover{box-shadow:0 6px 20px #dc2e5a66;transform:translateY(-2px)}.all-reviews-modal-overlay{animation:fadeInModal .3s ease;z-index:9999}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.all-reviews-modal{animation:slideUpModal .3s ease;box-shadow:0 20px 50px #00000040;max-height:85vh;max-width:550px}.all-reviews-modal .modal-header{background:linear-gradient(135deg,#dc2e5a0d,#dc2e5a05)}.modal-review-item{background:#f9fafb;border-radius:14px;margin-bottom:12px;padding:16px;transition:all .2s}.modal-review-item:hover{background:#f3f4f6}.modal-review-item:last-child{margin-bottom:0}.modal-review-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.modal-reviewer-avatar{align-items:center;background:linear-gradient(135deg,#007aff,#4da3ff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.modal-reviewer-info{flex:1 1;min-width:0}.modal-reviewer-name{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:6px}.modal-reviewer-name .verified-icon{color:#10b981}.modal-review-rating{align-items:center;display:flex;gap:2px;margin-top:4px}.modal-review-date{color:#9ca3af;font-size:11px;margin-left:8px}.modal-review-comment{color:#4b5563;font-size:13px;font-style:italic;line-height:1.5;margin-bottom:8px}.modal-admin-reply{background:#dc2e5a0d;border-left:3px solid #007aff;border-radius:8px;color:#6b7280;font-size:12px;padding:10px 12px}.modal-admin-reply .reply-label{color:#007aff;font-weight:600}.product-detail-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.product-detail-sheet{animation:slideUp .3s cubic-bezier(.32,.72,0,1);background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;max-height:92vh;max-height:92dvh;overflow:hidden;width:100%}.sheet-handle{display:flex;flex-shrink:0;justify-content:center;padding:12px 0 8px}.handle-bar{background:#d1d1d6;border-radius:3px;height:5px;width:40px}.sheet-header{align-items:center;border-bottom:1px solid #e5e5ea;display:flex;flex-shrink:0;justify-content:space-between;padding:0 20px 16px}.sheet-title{color:#000;font-size:18px;font-weight:700;margin:0}.sheet-close{align-items:center;background:#f2f2f7;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.sheet-close:active{background:#007aff;color:#fff;transform:scale(.95)}.sheet-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain}.sheet-image{align-items:center;background:linear-gradient(135deg,#f2f2f7,#e5e5ea);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.sheet-product-img{height:100%;object-fit:cover;width:100%}.sheet-image-placeholder{align-items:center;color:#8e8e93;display:flex;flex-direction:column;gap:8px}.sheet-image-placeholder span{font-size:14px;font-weight:600}.sheet-discount-badge{background:#ff3b30;border-radius:20px;color:#fff;font-size:13px;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px}.sheet-content{padding:20px}.sheet-category{background:#007aff1a;border-radius:8px;color:#007aff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;padding:5px 12px;text-transform:uppercase}.sheet-product-name{color:#000;font-size:22px;font-weight:700;line-height:1.3;margin:0 0 14px}.sheet-meta{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.sheet-meta,.sheet-rating{align-items:center;display:flex}.sheet-rating{color:#000;font-size:14px;font-weight:600;gap:5px}.sheet-sold{color:#8e8e93;font-weight:400}.sheet-stock .in-stock{align-items:center;color:#34c759;display:flex;font-size:13px;font-weight:600;gap:5px}.sheet-stock .out-of-stock{color:#ff3b30;font-size:13px;font-weight:600}.sheet-pricing{background:linear-gradient(135deg,#007aff14,#5856d614);border-radius:16px;margin-bottom:20px;padding:16px}.sheet-original-price{color:#8e8e93;display:block;font-size:14px;margin-bottom:4px;text-decoration:line-through}.sheet-current-price{color:#007aff;font-size:28px;font-weight:800}.sheet-section{background:#f2f2f7;border-radius:14px;margin-bottom:16px;padding:16px}.sheet-section h4{align-items:center;color:#000;display:flex;font-size:15px;font-weight:700;gap:8px;margin:0 0 10px}.sheet-section h4 svg{color:#007aff}.sheet-section p{color:#3c3c43;font-size:14px;line-height:1.6;margin:0}.sheet-terms ul{list-style:none;margin:0;padding:0}.sheet-terms li{align-items:flex-start;color:#3c3c43;display:flex;font-size:13px;gap:8px;line-height:1.5;padding:6px 0}.sheet-terms li svg{color:#34c759;flex-shrink:0;margin-top:2px}.sheet-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.feature-badge{align-items:center;background:#f2f2f7;border-radius:12px;color:#3c3c43;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 14px}.feature-badge svg{color:#007aff}.feature-badge.warranty{background:#34c7591f;border:1px solid #34c75933;color:#248a3d}.feature-badge.warranty svg{color:#34c759}.feature-badge.no-warranty{background:#8e8e931f;color:#8e8e93}.feature-badge.no-warranty svg{color:#8e8e93}.sheet-reviews-section{border-top:1px solid #e5e5ea;margin-top:8px;padding-top:16px}.reviews-toggle{align-items:center;background:#f2f2f7;border:none;border-radius:14px;color:#3c3c43;cursor:pointer;display:flex;font-size:15px;font-weight:600;padding:14px 16px;transition:background .2s;width:100%}.reviews-toggle:active{background:#e5e5ea}.reviews-toggle svg:first-child{color:#007aff;margin-right:10px}.reviews-toggle span{flex:1 1;text-align:left}.reviews-toggle svg:last-child{color:#8e8e93}.reviews-content{animation:expandIn .25s ease-out;margin-top:16px}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sheet-footer{align-items:center;background:#fff;border-top:1px solid #e5e5ea;display:flex;flex-shrink:0;gap:16px;padding:16px 20px max(16px,env(safe-area-inset-bottom,16px))}.footer-price{display:flex;flex-direction:column}.footer-label{color:#8e8e93;font-size:12px;font-weight:500}.footer-amount{color:#007aff;font-size:18px;font-weight:700}.sheet-buy-btn{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:14px;box-shadow:0 4px 16px #007aff4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s}.sheet-buy-btn:active:not(.disabled){opacity:.9;transform:scale(.98)}.sheet-buy-btn.disabled{background:linear-gradient(135deg,#c7c7cc,#8e8e93);box-shadow:none;cursor:not-allowed}@media (max-width:375px){.sheet-image{height:160px}.sheet-content{padding:16px}.sheet-product-name{font-size:20px}.sheet-current-price{font-size:24px}.sheet-footer{gap:12px;padding:12px 16px}.sheet-buy-btn{font-size:15px;padding:14px 20px}}@media (min-width:428px){.sheet-image{height:220px}.sheet-product-name{font-size:24px}.sheet-current-price{font-size:30px}}@media (min-width:600px){.product-detail-overlay{align-items:center;padding:20px}.product-detail-sheet{border-radius:24px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:480px}.sheet-handle{display:none}.sheet-header{padding:20px 24px 16px}.sheet-image{height:240px}.sheet-content{padding:24px}.sheet-footer{padding:20px 24px}}@media (max-height:500px) and (orientation:landscape){.product-detail-sheet{border-radius:0;max-height:100vh;max-height:100dvh}.sheet-image{height:120px}.sheet-content{padding:12px 16px}.sheet-footer{padding:10px 16px}.sheet-buy-btn{padding:12px 20px}}[data-theme=dark] .product-detail-sheet{background:#1c1c1e}[data-theme=dark] .handle-bar{background:#48484a}[data-theme=dark] .sheet-header{border-bottom-color:#38383a}[data-theme=dark] .sheet-title{color:#fff}[data-theme=dark] .sheet-close{background:#2c2c2e;color:#ebebf5}[data-theme=dark] .sheet-close:active{background:#0a84ff}[data-theme=dark] .sheet-image{background:linear-gradient(135deg,#2c2c2e,#1c1c1e)}[data-theme=dark] .sheet-image-placeholder{color:#8e8e93}[data-theme=dark] .sheet-category{background:#0a84ff33;color:#0a84ff}[data-theme=dark] .sheet-product-name,[data-theme=dark] .sheet-rating{color:#fff}[data-theme=dark] .sheet-sold{color:#8e8e93}[data-theme=dark] .sheet-stock .in-stock{color:#30d158}[data-theme=dark] .sheet-stock .out-of-stock{color:#ff453a}[data-theme=dark] .sheet-pricing{background:linear-gradient(135deg,#0a84ff26,#5856d626)}[data-theme=dark] .sheet-original-price{color:#636366}[data-theme=dark] .sheet-current-price{color:#0a84ff}[data-theme=dark] .sheet-section{background:#2c2c2e}[data-theme=dark] .sheet-section h4{color:#fff}[data-theme=dark] .sheet-section h4 svg{color:#0a84ff}[data-theme=dark] .sheet-section p,[data-theme=dark] .sheet-terms li{color:#ebebf5}[data-theme=dark] .sheet-terms li svg{color:#30d158}[data-theme=dark] .feature-badge{background:#2c2c2e;color:#ebebf5}[data-theme=dark] .feature-badge svg{color:#0a84ff}[data-theme=dark] .feature-badge.warranty{background:#30d15826;border-color:#30d1584d;color:#30d158}[data-theme=dark] .feature-badge.warranty svg{color:#30d158}[data-theme=dark] .feature-badge.no-warranty{background:#8e8e9326;color:#8e8e93}[data-theme=dark] .sheet-reviews-section{border-top-color:#38383a}[data-theme=dark] .reviews-toggle{background:#2c2c2e;color:#ebebf5}[data-theme=dark] .reviews-toggle:active{background:#3a3a3c}[data-theme=dark] .reviews-toggle svg:first-child{color:#0a84ff}[data-theme=dark] .sheet-footer{background:#1c1c1e;border-top-color:#38383a}[data-theme=dark] .footer-label{color:#8e8e93}[data-theme=dark] .footer-amount{color:#0a84ff}[data-theme=dark] .sheet-buy-btn{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}[data-theme=dark] .sheet-buy-btn.disabled{background:linear-gradient(135deg,#48484a,#3a3a3c)}.reviews{background:linear-gradient(180deg,#f2f2f7,#e8e8ed);overflow:hidden;padding:24px 16px 40px;position:relative}.reviews:before{background:radial-gradient(circle,#007aff08 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.reviews-container{margin:0 auto;max-width:650px;position:relative;z-index:1}.reviews-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #007aff33;height:36px;width:36px}.new-review-alert{align-items:center;animation:slideDown .4s ease-out,pulseGlow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;box-shadow:0 4px 20px #10b98166;color:#fff;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;padding:14px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #10b98166}50%{box-shadow:0 4px 30px #10b98199}}.alert-icon{animation:bounce .6s ease infinite;font-size:20px}.reviews-header{background:#fff;border:1px solid #007aff1a;border-radius:20px;box-shadow:0 4px 20px #0000000f;gap:14px;margin-bottom:24px;padding:16px 20px}.header-icon,.reviews-header{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:14px;box-shadow:0 4px 15px #007aff4d;color:#fff;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.header-icon:after{animation:iconShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes iconShine{0%{left:-100%}50%,to{left:100%}}.header-text{flex:1 1;min-width:0}.header-text h2{color:#1f2937;font-size:16px;font-weight:700;margin:0}.header-text p{color:#9ca3af;font-size:12px;margin:3px 0 0}.header-right{flex-shrink:0;gap:10px}.refresh-indicator{align-items:center;display:flex;justify-content:center}.refresh-indicator .spinning,.spinning{animation:spin 1s linear infinite;color:#007aff}.reviews-count{align-items:center;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-radius:12px;display:flex;flex-direction:column;padding:8px 14px}.count-number{color:#f59e0b;font-size:18px;font-weight:800;line-height:1}.count-label{color:#92400e;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.live-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 2px 10px #ef444466;color:#fff;display:flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 12px}.live-dot{animation:livePulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.reviews-carousel{align-items:center;display:flex;gap:12px}.carousel-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 10px #0000000f;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.carousel-btn:hover:not(:disabled){border-color:#007aff;box-shadow:0 4px 15px #007aff40;color:#007aff;transform:scale(1.08)}.carousel-btn:active:not(:disabled){transform:scale(.95)}.carousel-btn:disabled{cursor:not-allowed;opacity:.5}.review-card{border:1px solid #007aff1a;border-radius:24px;box-shadow:0 8px 30px #00000014;flex:1 1;min-width:0;overflow:hidden;padding:36px 28px;position:relative;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.review-card.animating{animation:slideFade .5s ease}.review-card.highlight{animation:highlightPulse 1s ease infinite;border-color:#10b981;box-shadow:0 8px 30px #10b98133,0 0 0 3px #10b9811a}@keyframes slideFade{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes highlightPulse{0%,to{box-shadow:0 8px 30px #10b98133,0 0 0 3px #10b9811a}50%{box-shadow:0 8px 40px #10b9814d,0 0 0 6px #10b98126}}.quote-icon{color:#e5e7eb;left:20px;opacity:.5;position:absolute;top:16px}.reviewer-avatar{background:linear-gradient(135deg,#007aff,#5856d6);box-shadow:0 8px 25px #007aff59;font-size:28px;font-weight:700;height:72px;margin:0 auto 16px;transition:transform .3s ease;width:72px}.review-card:hover .reviewer-avatar{transform:scale(1.05)}.reviewer-name-wrapper{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:10px}.reviewer-name{font-size:17px;font-weight:700;margin:0}.verified-icon{animation:pulseBadge 2s ease-in-out infinite;display:flex}@keyframes pulseBadge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.reviewer-rating{align-items:center;display:flex;gap:4px;justify-content:center;margin-bottom:16px}.reviewer-rating svg{filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.rating-text{font-size:14px;font-weight:700;margin-left:8px}.review-comment{font-size:15px;font-style:italic;line-height:1.7;margin:0 0 20px;padding:0 10px}.review-product{align-items:center;background:linear-gradient(135deg,#007aff1a,#5856d60d);border:1px solid #007aff33;border-radius:30px;color:#007aff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.review-card:hover .review-product{background:linear-gradient(135deg,#007aff,#5856d6);border-color:#007aff;color:#fff}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}.dot{background:#e5e7eb;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:10px}.dot:hover{background:#007aff4d}.dot.active{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:10px;box-shadow:0 2px 8px #007aff66;width:28px}.carousel-progress{background:#e5e7eb;border-radius:2px;height:4px;margin-top:16px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#007aff,#5856d6);border-radius:2px;height:100%;transition:width .5s ease}@media (min-width:480px){.reviews{padding:32px 20px 48px}.reviews-header{padding:18px 24px}.header-icon{height:52px;width:52px}.header-text h2{font-size:18px}.reviewer-avatar{font-size:32px;height:80px;width:80px}.review-card{padding:40px 32px}}@media (min-width:768px){.reviews{padding:48px 24px 64px}.reviews-header{gap:18px;margin-bottom:28px;padding:20px 28px}.header-icon{height:56px;width:56px}.header-text h2{font-size:20px}.header-text p{font-size:13px}.carousel-btn{height:50px;width:50px}.review-card{padding:48px 40px}.reviewer-avatar{font-size:36px;height:88px;margin-bottom:20px;width:88px}.reviewer-name{font-size:19px}.review-comment{font-size:16px}.review-product{font-size:14px;padding:12px 24px}}@media (max-width:380px){.reviews-header{flex-wrap:wrap;gap:12px}.header-right{justify-content:center;width:100%}.carousel-btn{height:38px;width:38px}.review-card{padding:28px 20px}.reviewer-avatar{font-size:24px;height:60px;width:60px}.review-comment{font-size:14px}}.see-all-reviews{display:flex;justify-content:center;margin-top:24px}.see-all-btn{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:30px;box-shadow:0 4px 15px #007aff4d;color:#fff;font-size:14px;gap:8px;padding:12px 24px;transition:all .3s ease}.see-all-btn:hover{box-shadow:0 6px 20px #007aff66;transform:translateY(-2px)}.all-reviews-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.all-reviews-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}.all-reviews-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.all-reviews-modal .modal-header h3{color:#1f2937;font-size:18px;font-weight:700}.all-reviews-modal .modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.all-reviews-modal .modal-close:hover{background:#e5e7eb;color:#007aff}.all-reviews-modal .modal-body{flex:1 1;overflow-y:auto;padding:16px 24px}.review-item{background:#f9fafb;border-radius:14px;margin-bottom:12px;padding:16px;transition:all .2s}.review-item:hover{background:#f3f4f6}.review-item:last-child{margin-bottom:0}.review-item-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.review-item-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.review-item-info{flex:1 1}.review-item-name{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:6px}.review-item-name .verified{color:#10b981}.review-item-rating{align-items:center;display:flex;gap:2px;margin-top:2px}.review-item-comment{color:#4b5563;font-size:13px;font-style:italic;line-height:1.5;margin-bottom:10px}.review-item-product{align-items:center;color:#007aff;display:flex;font-size:12px;gap:6px}.review-item-product svg{opacity:.8}[data-theme=dark] .reviews{background:linear-gradient(180deg,#000,#1c1c1e)}[data-theme=dark] .reviews:before{background:radial-gradient(circle,#0a84ff0d 0,#0000 50%)}[data-theme=dark] .reviews-header{border-color:#0a84ff26;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .header-icon{background:linear-gradient(135deg,#0a84ff,#5e5ce6);box-shadow:0 4px 15px #0a84ff66}[data-theme=dark] .header-text h2{color:#fff}[data-theme=dark] .header-text p{color:#8e8e93}[data-theme=dark] .review-card{border-color:#0a84ff26;box-shadow:0 8px 30px #0006}[data-theme=dark] .reviewer-avatar{background:linear-gradient(135deg,#0a84ff,#5e5ce6);box-shadow:0 8px 25px #0a84ff66}[data-theme=dark] .review-comment{color:#aeaeb2}[data-theme=dark] .review-product{background:linear-gradient(135deg,#0a84ff26,#5e5ce61a);border-color:#0a84ff4d;color:#0a84ff}[data-theme=dark] .review-card:hover .review-product{background:linear-gradient(135deg,#0a84ff,#5e5ce6);color:#fff}[data-theme=dark] .carousel-btn{background:#2c2c2e;border-color:#3a3a3c;color:#8e8e93}[data-theme=dark] .carousel-btn:hover:not(:disabled){border-color:#0a84ff;color:#0a84ff}[data-theme=dark] .dot{background:#3a3a3c}[data-theme=dark] .dot.active{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}[data-theme=dark] .progress-bar{background:linear-gradient(90deg,#0a84ff,#5e5ce6)}[data-theme=dark] .see-all-btn{background:linear-gradient(135deg,#0a84ff,#5e5ce6);box-shadow:0 4px 15px #0a84ff66}[data-theme=dark] .all-reviews-modal{background:#1c1c1e}[data-theme=dark] .all-reviews-modal .modal-header{background:#2c2c2e;border-bottom-color:#3a3a3c}[data-theme=dark] .all-reviews-modal .modal-header h3{color:#fff}[data-theme=dark] .all-reviews-modal .modal-close{color:#8e8e93}[data-theme=dark] .all-reviews-modal .modal-close:hover{background:#3a3a3c;color:#0a84ff}[data-theme=dark] .review-item{background:#2c2c2e}[data-theme=dark] .review-item:hover{background:#3a3a3c}[data-theme=dark] .review-item-name{color:#fff}[data-theme=dark] .review-item-comment{color:#aeaeb2}[data-theme=dark] .review-item-product{color:#0a84ff}.footer{background:#fff;border-radius:28px 28px 0 0;border-top:none;box-shadow:none;box-sizing:border-box;margin-top:0;max-width:100%;overflow:hidden;padding:32px 16px 20px;width:100%}.footer-container{margin:0 auto;max-width:1280px}.footer-main{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.footer-brand{flex:1 1}.footer-logo{gap:10px;margin-bottom:14px}.footer-logo,.footer-logo-icon{align-items:center;display:flex}.footer-logo-icon{background:linear-gradient(135deg,#007aff,#00c6fb 50%,#005bbb);border-radius:10px;box-shadow:0 4px 12px #007aff59,0 2px 4px #0000001a,inset 0 1px 0 #ffffff4d;height:36px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:36px}.footer-logo:hover .footer-logo-icon{transform:scale(1.05)}.footer-logo-w{align-items:flex-end;display:flex;gap:3px;height:18px;transform:perspective(100px) rotateX(5deg)}.footer-w-bar{background:linear-gradient(180deg,#fff,#ffffffd9);border-radius:2px;box-shadow:0 1px 2px #00000026;width:6px}.footer-w-bar:first-child{height:100%}.footer-w-bar:nth-child(2){height:65%}.footer-w-bar:nth-child(3){height:85%}.footer-logo-shine{background:linear-gradient(135deg,#0000,#fff6 50%,#0000);height:100%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:all .5s ease;width:100%}.footer-logo:hover .footer-logo-shine{opacity:1;transform:rotate(45deg) translateX(200%)}.footer-logo-text-group{display:flex;flex-direction:column;gap:0;line-height:1}.footer-logo-text{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:700;letter-spacing:-.5px}.footer-logo-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#00c6fb);-webkit-background-clip:text;background-clip:text;font-weight:800}.footer-logo-tagline{color:#8e8e93;font-size:9px;font-weight:600;letter-spacing:1.5px;margin-top:2px;text-transform:uppercase}[data-theme=dark] .footer-logo-icon{background:linear-gradient(135deg,#0a84ff,#30d5c8 50%,#06c);box-shadow:0 4px 16px #0a84ff66,0 2px 4px #0003,inset 0 1px 0 #fff3}[data-theme=dark] .footer-logo-text{color:#fff}[data-theme=dark] .footer-logo-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0a84ff,#30d5c8);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .footer-logo-tagline{color:#8e8e93}.footer-description{color:#8e8e93;font-size:13px;letter-spacing:-.2px;line-height:1.6;max-width:100%}.footer-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.footer-title{color:#000;font-size:13px;font-weight:600;letter-spacing:-.2px;margin-bottom:10px}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#8e8e93;font-size:13px;letter-spacing:-.2px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#007aff}.footer-contact{list-style:none}.footer-contact li{align-items:center;display:flex;gap:10px;margin-bottom:12px}.footer-contact a,.footer-contact span{color:var(--text-gray);font-size:11px;text-decoration:none}.contact-icon,.footer-contact a:hover{color:var(--primary)}.contact-icon{flex-shrink:0;height:14px;width:14px}.contact-icon.whatsapp{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-gray);padding-top:16px;text-align:center}.footer-bottom p{color:var(--text-light);font-size:10px}@media (min-width:480px){.footer{padding:40px 20px 20px}.footer-description{font-size:12px;max-width:350px}.footer-title{font-size:12px}.footer-links a{font-size:13px}.footer-contact a,.footer-contact span{font-size:12px}.footer-bottom p{font-size:11px}}@media (min-width:768px){.footer{padding:50px 24px 30px}.footer-main{align-items:flex-start;flex-direction:row;gap:60px;justify-content:space-between;margin-bottom:30px}.footer-brand{flex:0 0 320px}.footer-logo-icon{border-radius:12px;height:40px;width:40px}.footer-w-bar{width:7px}.footer-logo-w{gap:4px;height:20px}.footer-logo-text{font-size:20px}.footer-logo-tagline{font-size:10px}.footer-description{font-size:12px;max-width:300px}.footer-content{display:flex;flex:1 1;gap:60px;justify-content:flex-end}.footer-section{min-width:140px}.footer-title{font-size:11px}.footer-contact a,.footer-contact span,.footer-links a{font-size:12px}.contact-icon{height:15px;width:15px}.footer-bottom{padding-top:20px}.footer-bottom p{font-size:11px}}@media (min-width:1024px){.footer{padding:50px 40px 30px}.footer-main{gap:80px}.footer-brand{flex:0 0 380px}.footer-logo .logo-icon{height:24px;width:24px}.footer-logo .logo-dots span{height:10px;width:10px}.footer-logo .logo-text{font-size:17px}.footer-description{font-size:13px;line-height:1.8;max-width:350px}.footer-content{gap:80px}.footer-section{min-width:160px}.footer-title{font-size:12px;margin-bottom:16px}.footer-links li{margin-bottom:12px}.footer-links a{font-size:13px}.footer-contact li{margin-bottom:14px}.footer-contact a,.footer-contact span{font-size:13px}.contact-icon{height:16px;width:16px}.footer-bottom p{font-size:12px}}.floating-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#007aff;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #007aff59;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;position:fixed;right:20px;transition:all .25s ease;width:52px;z-index:99;z-index:var(--z-floating,99)}.floating-button:hover{background:#0056cc;transform:scale(1.08)}.floating-button:active{opacity:.9;transform:scale(.92)}.floating-button:focus-visible{box-shadow:0 0 0 4px #007aff4d,0 4px 16px #007aff59;outline:none}@media (min-width:480px){.floating-button{bottom:24px;height:52px;right:20px;width:52px}}@media (min-width:768px){.floating-button{bottom:24px;height:56px;right:24px;width:56px}}.pp-page .floating-button{transition:bottom .3s ease,transform .25s ease}@media (max-width:960px){.pp-page .floating-button{bottom:calc(80px + env(safe-area-inset-bottom, 0px))}}.live-order-notification{align-items:center;animation:expandFromLeft .5s cubic-bezier(.34,1.56,.64,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff9;border-radius:16px;bottom:100px;box-shadow:0 4px 24px #0000001f,0 1px 3px #00000014,inset 0 1px 0 #fffc;cursor:pointer;display:flex;gap:12px;left:20px;max-width:340px;min-width:280px;overflow:hidden;padding:12px 16px 12px 12px;position:fixed;transform-origin:left center;transition:transform .2s ease,box-shadow .2s ease;z-index:9999}.live-order-notification:hover{box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a,inset 0 1px 0 #fffc;transform:translateY(-2px) scale(1.02)}.live-order-notification.exiting{animation:collapseToLeft .4s cubic-bezier(.4,0,.2,1) forwards}.live-order-notification.is-new{border-color:#007aff4d;box-shadow:0 4px 24px #007aff26,0 1px 3px #00000014,inset 0 1px 0 #fffc}@keyframes expandFromLeft{0%{max-width:60px;opacity:0;padding-right:12px;transform:scaleX(.3)}30%{max-width:80px;opacity:1}to{max-width:340px;opacity:1;padding-right:16px;transform:scaleX(1)}}@keyframes collapseToLeft{0%{max-width:340px;opacity:1;transform:scaleX(1)}70%{max-width:80px;opacity:.8}to{max-width:60px;opacity:0;transform:scaleX(.3)}}.lon-close{align-items:center;background:#00000014;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:20px}.live-order-notification:hover .lon-close{opacity:1}.lon-close:hover{background:#00000026;color:#1c1c1e}.lon-new-badge{align-items:center;animation:badgePulse 2s infinite;background:linear-gradient(135deg,#ff3b30,#ff6b6b);border-radius:0 0 6px 6px;color:#fff;display:flex;font-size:9px;font-weight:700;gap:4px;left:16px;letter-spacing:.5px;padding:3px 8px;position:absolute;top:-1px}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.lon-image{background:linear-gradient(135deg,#f2f2f7,#e5e5ea);border-radius:12px;flex-shrink:0;height:52px;overflow:hidden;position:relative;width:52px}.lon-image img{height:100%;object-fit:cover;width:100%}.lon-image-placeholder{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.lon-pulse{animation:pulse 2s infinite;background:#34c759;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.lon-content{flex:1 1;min-width:0}.lon-header{align-items:center;color:#8e8e93;display:flex;flex-wrap:wrap;font-size:12px;gap:4px;margin-bottom:4px}.lon-header svg{color:#007aff}.lon-member-icon{color:#ff9500!important;filter:drop-shadow(0 1px 2px rgba(255,149,0,.3))}.lon-buyer{color:#1c1c1e;font-weight:600}.lon-buyer.is-member{color:#ff9500;font-weight:700}.lon-action{color:#8e8e93}.lon-product{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#1c1c1e;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.lon-meta{align-items:center;color:#aeaeb2;display:flex;font-size:11px;gap:4px}.lon-meta svg{opacity:.7}.lon-dot{font-size:8px}.lon-progress{background:#007aff1a;bottom:0;height:3px;left:0;position:absolute;right:0}.lon-progress-bar{animation:progress 5s linear forwards;background:linear-gradient(90deg,#007aff,#5856d6);border-radius:0 2px 2px 0;height:100%}@keyframes progress{0%{width:100%}to{width:0}}[data-theme=dark] .live-order-notification{background:#1c1c1ef2;border-color:#3a3a3e99;box-shadow:0 4px 24px #0006,0 1px 3px #0000004d,inset 0 1px 0 #ffffff0d}[data-theme=dark] .live-order-notification:hover{box-shadow:0 8px 32px #00000080,0 2px 8px #00000059,inset 0 1px 0 #ffffff0d}[data-theme=dark] .live-order-notification.is-new{border-color:#0a84ff4d;box-shadow:0 4px 24px #0a84ff33,0 1px 3px #0000004d,inset 0 1px 0 #ffffff0d}[data-theme=dark] .lon-close{background:#ffffff1a;color:#aeaeb2}[data-theme=dark] .lon-close:hover{background:#fff3;color:#fff}[data-theme=dark] .lon-image{background:linear-gradient(135deg,#2c2c2e,#3a3a3c)}[data-theme=dark] .lon-image-placeholder{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}[data-theme=dark] .lon-buyer,[data-theme=dark] .lon-product{color:#fff}[data-theme=dark] .lon-header svg{color:#0a84ff}[data-theme=dark] .lon-progress{background:#0a84ff26}[data-theme=dark] .lon-progress-bar{background:linear-gradient(90deg,#0a84ff,#5e5ce6)}@media (max-width:480px){.live-order-notification{border-radius:14px;bottom:80px;left:10px;max-width:none;min-width:0;min-width:auto;padding:10px 14px 10px 10px;right:10px}.lon-image{border-radius:10px;height:44px;width:44px}.lon-product{font-size:13px}.lon-header{font-size:11px}.lon-meta{font-size:10px}.lon-new-badge{font-size:8px;padding:2px 6px}}@keyframes stackSlide{0%{transform:translateY(0) scale(1)}to{opacity:.7;transform:translateY(-10px) scale(.95)}}.admin-dashboard,.admin-loading{background:#f1f5f9;display:flex;min-height:100vh}.admin-loading{align-items:center;flex-direction:column;justify-content:center}.loader{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.admin-sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);display:flex;flex-direction:column;height:100vh;position:fixed;transition:transform .3s ease;width:260px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:12px}.sidebar-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.sidebar-logo .logo-dots{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,1fr)}.sidebar-logo .logo-dots span{background:#fff;border-radius:50%;height:6px;width:6px}.sidebar-logo .logo-text{color:#fff;font-size:16px;font-weight:700}.sidebar-close-mobile{background:#0000;border:none;color:#fff;cursor:pointer;display:none}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.menu-badge{align-items:center;animation:pulse-badge 2s infinite;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:12px;width:18px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-footer{border-top:1px solid #ffffff1a;padding:16px}.admin-info{gap:12px;margin-bottom:12px}.admin-avatar,.admin-info{align-items:center;display:flex}.admin-avatar{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.admin-details{display:flex;flex-direction:column}.admin-name{color:#fff;font-size:14px;font-weight:600}.admin-role{color:#64748b;font-size:12px;text-transform:capitalize}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ef444433}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh}.admin-header{background:#fff;box-shadow:0 1px 3px #0000000d;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.menu-toggle{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:none;padding:8px}.menu-toggle:hover{background:#f1f5f9}.page-title{color:#1e293b;font-size:20px;font-weight:700}.header-right{gap:16px}.header-right,.header-search{align-items:center;display:flex}.header-search{background:#f1f5f9;border-radius:10px;gap:8px;padding:10px 16px}.header-search input{background:#0000;border:none;color:#1e293b;font-size:14px;outline:none;width:200px}.header-search input::placeholder,.header-search svg{color:#94a3b8}.notification-btn{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;padding:10px;position:relative}.notification-btn:hover{background:#f1f5f9}.notification-badge{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}.admin-content{flex:1 1;padding:24px}.sidebar-overlay{display:none}@media (max-width:1024px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.menu-toggle{display:flex}.sidebar-close-mobile{display:block}.sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:99}.header-search{display:none}.admin-header{padding:12px 20px}.header-actions{gap:8px}}@media (max-width:768px){.admin-header{padding:10px 16px}.page-title{font-size:16px}.admin-content{padding:16px}.notification-btn{padding:8px}.user-info{display:none}.user-avatar{height:36px;width:36px}}@media (max-width:640px){.admin-header{padding:10px 12px}.admin-content{padding:12px}.page-title{font-size:14px}.menu-toggle{height:36px;width:36px}.admin-sidebar{width:280px}.sidebar-header{padding:16px}.sidebar-nav{padding:16px 10px}.nav-item{font-size:13px;padding:10px 14px}.sidebar-footer{padding:16px}.admin-profile{flex-direction:column;gap:8px;text-align:center}}@media (max-width:480px){.admin-sidebar{width:100%}.admin-header{gap:8px}.page-title{font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{gap:4px}.notification-btn{padding:6px}.notification-badge{font-size:9px;height:16px;right:2px;top:2px;width:16px}}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.stat-card{box-shadow:0 1px 3px #0000000d}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stat-icon.blue{background:#dbeafe;color:#3b82f6}.stat-icon.green{background:#dcfce7;color:#22c55e}.stat-icon.orange{background:#ffedd5;color:#f97316}.stat-icon.purple{background:#f3e8ff;color:#a855f7}.stat-icon.red{background:#fee2e2;color:#ef4444}.stat-trend{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px}.stat-trend.up{color:#22c55e}.stat-trend.down{color:#ef4444}.stat-value{color:#1e293b;font-size:28px;margin-bottom:4px}.stat-label{color:#64748b;font-size:14px}@media (max-width:1280px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-stats{grid-template-columns:1fr}}.data-table-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px}.table-title{color:#1e293b;font-size:16px;font-weight:700}.table-actions{display:flex;gap:12px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-primary:hover{box-shadow:0 4px 12px #e11d484d;transform:translateY(-2px)}.btn-success{background:#22c55e;color:#fff}.btn-danger{background:#ef4444;color:#fff}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;padding:14px 20px;text-align:left}.data-table th{background:#f8fafc;color:#64748b;font-size:12px}.data-table td{color:#1e293b;font-size:14px}.data-table tr:hover{background:#f8fafc}.status-badge{border-radius:20px;font-size:12px;font-weight:600}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.paid{background:#dbeafe;color:#2563eb}.status-badge.processing{background:#e0e7ff;color:#4f46e5}.status-badge.completed{background:#dcfce7;color:#16a34a}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#f1f5f9;color:#64748b}.table-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.pagination-info{color:#64748b;font-size:14px}.pagination-buttons{display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 12px}.pagination-btn:hover:not(:disabled){background:#f1f5f9}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.admin-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e2e8f0}.modal-title{color:#1e293b;font-size:18px;font-weight:700}.modal-close{background:#0000;border-radius:8px;color:#64748b;padding:8px}.modal-close:hover{background:#f1f5f9}.form-group label{color:#1e293b}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #e11d481a;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-footer{border-top:1px solid #e2e8f0}.empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-state h3{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:8px}.empty-state p{color:#64748b}.product-thumb-img{border:2px solid #e2e8f0;border-radius:10px;height:48px;object-fit:cover;width:48px}.image-upload-container{margin-bottom:16px}.image-upload-container label{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.image-preview{border:2px solid #e2e8f0;border-radius:12px;max-width:200px;width:100%}.image-preview img{display:block;height:150px}.change-image-btn{background:#000000b3;border:none;border-radius:6px;bottom:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;position:absolute;right:8px;transition:all .2s ease}.change-image-btn:hover{background:#000000d9}.upload-placeholder{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s ease;width:100%}.upload-placeholder:hover{background:#fff5f7;border-color:#6366f1}.upload-placeholder.uploading{opacity:.7;pointer-events:none}.upload-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.upload-placeholder p{color:#64748b;font-size:14px;margin-bottom:4px}.upload-placeholder p strong{color:#6366f1}.upload-placeholder small{color:#94a3b8;font-size:12px}@media (max-width:1024px){.data-table-container{-webkit-overflow-scrolling:touch;margin:0 -12px;overflow-x:auto;padding:0 12px}.data-table{min-width:650px}.table-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.table-title{font-size:15px}.table-actions{flex-wrap:wrap;gap:8px;width:100%}.table-actions .btn{flex:1 1;justify-content:center;min-width:120px}.form-row{gap:12px;grid-template-columns:1fr}.image-preview{max-width:120px}.upload-placeholder{padding:24px 12px}}@media (max-width:768px){.data-table{min-width:550px}.data-table td,.data-table th{font-size:12px;padding:10px 12px}.data-table th{font-size:10px;letter-spacing:.3px}.modal-overlay{align-items:flex-end;padding:0}.admin-modal{margin:0;max-height:90vh;max-width:100%}.admin-modal,.modal-header{border-radius:20px 20px 0 0}.modal-header{background:#fff;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{font-size:16px}.modal-body{max-height:calc(90vh - 130px);overflow-y:auto;padding:16px}.modal-footer{background:#fff;border-top:1px solid #e2e8f0;bottom:0;gap:8px;padding:14px 16px;position:-webkit-sticky;position:sticky}.modal-footer .btn{flex:1 1}.btn{font-size:13px;padding:10px 14px}.table-pagination{flex-direction:column;gap:12px;padding:12px 16px;text-align:center}.pagination-info{font-size:12px}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:12px;padding:8px 10px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 12px}}@media (max-width:640px){.data-table{min-width:480px}.data-table td,.data-table th{font-size:11px;padding:8px 10px}.table-header{padding:12px}.table-title{font-size:14px}.table-actions .btn{font-size:12px;padding:8px 12px}.modal-header{padding:12px 14px}.modal-title{font-size:15px}.modal-close{padding:6px}.modal-body{padding:14px}.modal-footer{flex-direction:column;padding:12px 14px}.modal-footer .btn{padding:12px;width:100%}}@media (max-width:480px){.admin-content{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important;padding:8px!important;width:100%!important}.data-table-container{border-radius:12px;margin:0;max-width:100%!important;overflow:hidden;padding:0;width:100%!important}.desktop-table{display:none!important}.mobile-product-list{display:flex!important;flex-direction:column;gap:12px;padding:12px}.mobile-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.mobile-product-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px #e11d481a}.mobile-product-card.flash-active{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fb923c}.mobile-product-card .card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:12px}.mobile-product-card .checkbox-btn{flex-shrink:0;padding:4px}.mobile-product-card .card-image{border-radius:10px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.mobile-product-card .card-image.placeholder{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;justify-content:center}.mobile-product-card .card-title-area{flex:1 1;min-width:0}.mobile-product-card .card-title{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-product-card .card-meta{align-items:center;display:flex;gap:8px}.mobile-product-card .category-tag{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:10px;font-weight:600;padding:2px 8px}.mobile-product-card .status-dot{background:#94a3b8;border-radius:50%;height:6px;width:6px}.mobile-product-card .status-dot.active{background:#22c55e}.mobile-product-card .status-text{color:#64748b;font-size:11px}.mobile-product-card .card-body{padding:12px}.mobile-product-card .card-price-stock{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mobile-product-card .card-price{display:flex;flex-direction:column}.mobile-product-card .price-current{color:#1e293b;font-size:16px;font-weight:700}.mobile-product-card .price-flash{color:#ea580c;font-size:16px;font-weight:700}.mobile-product-card .price-original{color:#94a3b8;font-size:12px;text-decoration:line-through}.mobile-product-card .card-stock{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:12px;gap:4px;padding:6px 10px}.mobile-product-card .card-stock .low{color:#dc2626;font-weight:600}.mobile-product-card .card-flash-info{align-items:center;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;display:flex;gap:8px;padding:8px 10px}.mobile-product-card .flash-badge-active{align-items:center;color:#ea580c;display:flex;font-size:11px;font-weight:600;gap:4px}.mobile-product-card .flash-timer{align-items:center;color:#9a3412;display:flex;font-size:11px;gap:4px;margin-left:auto}.mobile-product-card .btn-remove-flash{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:4px}.mobile-product-card .btn-set-flash{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;color:#92400e;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:10px;width:100%}.mobile-product-card .card-footer{border-top:1px solid #f1f5f9;display:flex}.mobile-product-card .btn-card-action{align-items:center;border:none;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px;transition:all .2s}.mobile-product-card .btn-card-action.edit{background:#f8fafc;border-right:1px solid #f1f5f9;color:#64748b}.mobile-product-card .btn-card-action.edit:active{background:#e2e8f0}.mobile-product-card .btn-card-action.delete{background:#fef2f2;color:#dc2626}.mobile-product-card .btn-card-action.delete:active{background:#fee2e2}.table-header{gap:10px;padding:12px}.table-header-left{align-items:center;display:flex;justify-content:space-between;width:100%}.table-title{font-size:15px;font-weight:700}.selected-count{background:var(--primary);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.table-header-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.table-header-actions .btn{flex:1 1;font-size:12px;justify-content:center;min-width:calc(50% - 4px);padding:10px 12px}.table-header-actions .btn svg{height:16px;width:16px}.table-header-actions .btn .btn-text{display:inline}.btn-flash{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.stat-card{border-radius:12px;padding:14px}.stat-value{font-size:22px}.stat-label{font-size:12px}.stat-icon{border-radius:10px;height:36px;width:36px}.status-badge{font-size:10px;padding:3px 8px}.modal-header{padding:12px 14px}.modal-title{font-size:15px}.modal-body{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:12px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:14px;padding:10px}.form-group textarea{min-height:80px}.modal-footer{padding:10px 12px}.modal-footer .btn{font-size:13px;padding:10px}.image-preview{max-width:100px}.image-preview img{height:100px}.upload-placeholder{padding:16px 10px}.upload-icon{height:40px;width:40px}.upload-placeholder p{font-size:12px}.upload-placeholder small{font-size:10px}.empty-state{padding:32px 16px}.empty-icon{height:56px;width:56px}.empty-state h3{font-size:16px;margin-bottom:4px}.empty-state p{font-size:13px}.table-pagination{flex-direction:column;gap:10px;padding:10px}.pagination-info{font-size:11px}.pagination-btn{font-size:11px;padding:6px 8px}}.mobile-product-list{display:none}.desktop-table{display:table}[data-theme=dark] .admin-dashboard,[data-theme=dark] .admin-loading,[data-theme=dark] .admin-main{background:#000}[data-theme=dark] .admin-header{background:#1c1c1ef2;border-bottom-color:#ffffff1a}[data-theme=dark] .admin-content{background:#000}[data-theme=dark] .stat-label{color:#8e8e93}[data-theme=dark] .data-card{background:#1c1c1e}[data-theme=dark] .card-header h2{color:#fff}[data-theme=dark] .card-header p{color:#8e8e93}[data-theme=dark] .data-table th{border-bottom-color:#ffffff1a;color:#aeaeb2}[data-theme=dark] .data-table td{border-bottom-color:#ffffff0d}[data-theme=dark] .data-table tr:hover td{background:#2c2c2e}[data-theme=dark] .table-pagination{background:#1c1c1e;border-top-color:#ffffff1a}[data-theme=dark] .pagination-btn:hover{background:#3a3a3c}[data-theme=dark] .pagination-btn.active{background:#0a84ff}[data-theme=dark] .search-input{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .search-input::placeholder{color:#636366}[data-theme=dark] .action-btn.primary{background:#0a84ff}[data-theme=dark] .action-btn.danger{background:#ff453a}[data-theme=dark] .empty-state h3{color:#fff}[data-theme=dark] .empty-state p{color:#8e8e93}[data-theme=dark] .modal-overlay{background:#000000d9}[data-theme=dark] .modal-header{border-bottom-color:#ffffff1a}[data-theme=dark] .modal-body{background:#1c1c1e}[data-theme=dark] .form-group label{color:#aeaeb2}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:#636366}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff33}[data-theme=dark] .modal-footer{background:#1c1c1e;border-top-color:#ffffff1a}[data-theme=dark] .btn-cancel{background:#2c2c2e;color:#fff}[data-theme=dark] .btn-cancel:hover{background:#3a3a3c}[data-theme=dark] .btn-save{background:#0a84ff}[data-theme=dark] .btn-save:hover{background:#0070e0}[data-theme=dark] .status-badge{background:#2c2c2e}[data-theme=dark] .status-badge.pending{background:#ff9f0a33}[data-theme=dark] .status-badge.active,[data-theme=dark] .status-badge.completed,[data-theme=dark] .status-badge.paid{background:#30d15833;color:#30d158}[data-theme=dark] .status-badge.cancelled,[data-theme=dark] .status-badge.inactive{background:#ff453a33;color:#ff453a}[data-theme=dark] .tab-button{color:#8e8e93}[data-theme=dark] .tab-button:hover{color:#fff}[data-theme=dark] .tab-button.active{border-bottom-color:#0a84ff;color:#fff}[data-theme=dark] .dropdown-menu{background:#2c2c2e;border-color:#ffffff1a}[data-theme=dark] .dropdown-item{color:#fff}[data-theme=dark] .dropdown-item:hover{background:#3a3a3c}[data-theme=dark] .chart-container{background:#1c1c1e}[data-theme=dark] .notification-badge{background:#ff453a}.reviews-manager{padding:0}.reviews-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-card{border:1px solid #e5e7eb;cursor:pointer;gap:1rem;padding:1.25rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.stat-card.total .stat-icon{background:#6366f11a;color:#6366f1}.stat-card.pending .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-card.approved .stat-icon{background:#10b9811a;color:#10b981}.stat-card.rejected .stat-icon{background:#ef44441a;color:#ef4444}.stat-value{color:#1f2937}.stat-label{color:#6b7280}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-tab{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s ease}.filter-tab:hover{border-color:#818cf8;color:#818cf8}.filter-tab.active{background:#818cf8;border-color:#818cf8;color:#fff}.reviews-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 400px}.reviews-list-panel{min-height:400px}.reviews-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.review-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1rem;transition:all .2s ease}.review-card:hover{border-color:#818cf8;box-shadow:0 4px 12px #8b5cf61a}.review-card.selected{background:#8b5cf60d;border-color:#818cf8}.review-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.reviewer-info{align-items:center;display:flex;gap:.75rem}.reviewer-avatar{align-items:center;background:linear-gradient(135deg,#818cf8,#c7d2fe);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;width:36px}.reviewer-avatar.large{font-size:1.1rem;height:48px;width:48px}.reviewer-details{display:flex;flex-direction:column}.reviewer-name{align-items:center;color:#1f2937;display:flex;font-size:.9rem;font-weight:600;gap:.35rem}.verified-icon{color:#10b981}.review-date{color:#9ca3af;font-size:.75rem}.status-badge{font-size:.75rem;gap:.35rem;padding:.3rem .6rem}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.approved{background:#10b9811a;color:#10b981}.status-badge.rejected{background:#ef44441a;color:#ef4444}.status-badge.large{font-size:.85rem;padding:.5rem 1rem}.review-rating{margin-bottom:.5rem}.review-comment{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}.review-product{color:#6b7280;font-size:.8rem;margin-top:.5rem}.review-product span{color:#9ca3af}.review-has-images{align-items:center;background:#8b5cf61a;border-radius:4px;color:#818cf8;display:inline-flex;font-size:.75rem;gap:.35rem;margin-top:.5rem;padding:.25rem .5rem}.review-detail-panel{border:1px solid #e5e7eb;border-radius:12px;max-height:calc(100vh - 200px);overflow-y:auto;top:1rem}.detail-header,.review-detail-panel{background:#fff;position:-webkit-sticky;position:sticky}.detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.25rem;top:0;z-index:10}.detail-header h3{font-size:1rem;font-weight:600;margin:0}.close-detail{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.35rem;transition:all .2s ease}.close-detail:hover{background:#f3f4f6;color:#1f2937}.detail-content{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.detail-reviewer{align-items:center;display:flex;gap:1rem}.detail-reviewer .name{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.35rem}.detail-reviewer .date{color:#9ca3af;font-size:.8rem}.detail-rating{align-items:center;display:flex;gap:4px}.rating-text{color:#f59e0b;margin-left:.5rem}.detail-comment,.detail-product{color:#374151;font-size:.9rem}.detail-comment p{color:#4b5563;line-height:1.6;margin:.5rem 0 0}.detail-images strong{display:block;margin-bottom:.5rem}.images-grid{display:flex;flex-wrap:wrap;gap:.5rem}.image-thumb{background:none;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;height:80px;overflow:hidden;padding:0;transition:all .2s ease;width:80px}.image-thumb:hover{border-color:#818cf8;transform:scale(1.05)}.image-thumb img{height:100%;object-fit:cover;width:100%}.detail-status{align-items:center;display:flex;gap:.75rem}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.5rem 1rem;transition:all .2s ease}.action-btn.approve{background:#10b9811a;color:#10b981}.action-btn.approve:hover{background:#10b981;color:#fff}.action-btn.reject{background:#f59e0b1a;color:#f59e0b}.action-btn.reject:hover{background:#f59e0b;color:#fff}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.admin-reply-section{border-top:1px solid #e5e7eb;padding-top:1rem}.admin-reply-section strong{display:block;margin-bottom:.75rem}.existing-reply{background:#8b5cf60d;border-left:3px solid #818cf8;border-radius:0 8px 8px 0;margin-bottom:.75rem;padding:.75rem}.existing-reply p{color:#4b5563;font-size:.9rem;margin:0}.existing-reply .reply-date{color:#9ca3af;display:block;font-size:.75rem;margin-top:.5rem}.reply-form textarea{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.9rem;padding:.75rem;resize:none;width:100%}.reply-form textarea:focus{border-color:#818cf8;outline:none}.send-reply-btn{align-items:center;background:#818cf8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.send-reply-btn:hover:not(:disabled){background:#4f46e5}.send-reply-btn:disabled{cursor:not-allowed;opacity:.5}.empty-state{color:#9ca3af;padding:3rem}.empty-state svg{margin-bottom:1rem}.empty-state h3{color:#6b7280;margin:0 0 .5rem}.empty-state p{font-size:.9rem;margin:0}.image-preview-modal{background:#000000e6;padding:1rem}.image-preview-content{max-height:90%;max-width:90%;position:relative}.image-preview-content img{border-radius:8px;max-height:85vh;max-width:100%}.close-preview{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;width:40px}@media (max-width:1024px){.reviews-stats{grid-template-columns:repeat(2,1fr)}.reviews-content{grid-template-columns:1fr}.review-detail-panel{border-radius:0;bottom:0;box-shadow:-5px 0 20px #0003;max-height:100vh;max-width:450px;position:fixed;right:0;top:0;width:100%;z-index:1000}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filter-tab{flex-shrink:0}}@media (max-width:768px){.reviews-manager{padding:12px}.reviews-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{gap:10px;padding:12px}.stat-card .stat-icon{height:40px;width:40px}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.review-detail-panel{max-width:100%;width:100%}.detail-header{padding:12px 16px}.detail-body{padding:16px}.reply-form textarea{font-size:14px}}@media (max-width:640px){.reviews-stats{gap:8px;grid-template-columns:1fr 1fr}.stat-card{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.stat-card .stat-icon{height:36px;width:36px}.stat-value{font-size:1.1rem}.reviews-grid{grid-template-columns:1fr}.review-card{padding:12px}.review-header{align-items:flex-start;flex-direction:column;gap:8px}.review-comment{font-size:13px}.review-meta{align-items:flex-start;flex-direction:column;gap:6px}.filter-tabs{gap:6px}.filter-tab{font-size:12px;padding:8px 12px}.detail-actions{flex-direction:column;gap:8px}.detail-actions button{justify-content:center;width:100%}}@media (max-width:480px){.reviews-stats{grid-template-columns:1fr}.stat-card{align-items:center;flex-direction:row}.review-rating{flex-wrap:wrap}.reply-form{padding:12px}.reply-actions{flex-direction:column}.reply-actions button{width:100%}}[data-theme=dark] .reviews-manager{background:#000}[data-theme=dark] .reviews-header{background:#1c1c1e;border-bottom-color:#3a3a3c}[data-theme=dark] .reviews-header h2{color:#fff}[data-theme=dark] .reviews-stats{background:#1c1c1e}[data-theme=dark] .stat-card.average .stat-value{color:#ffd60a}[data-theme=dark] .reviews-list{background:#000}[data-theme=dark] .review-card{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .review-card:hover{border-color:#48484a;box-shadow:0 4px 12px #0006}[data-theme=dark] .review-header{border-bottom-color:#3a3a3c}[data-theme=dark] .reviewer-name{color:#fff}[data-theme=dark] .review-date{color:#8e8e93}[data-theme=dark] .review-rating .stars{color:#ffd60a}[data-theme=dark] .review-rating .rating-text{color:#aeaeb2}[data-theme=dark] .product-name{color:#0a84ff}[data-theme=dark] .review-content{color:#fff}[data-theme=dark] .review-content p{color:#aeaeb2}[data-theme=dark] .review-images{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .review-status.pending{background:#ff9f0a26;color:#ff9f0a}[data-theme=dark] .review-status.approved{background:#30d15826;color:#30d158}[data-theme=dark] .review-status.rejected{background:#ff453a26;color:#ff453a}[data-theme=dark] .review-actions button{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .review-actions button:hover{background:#3a3a3c}[data-theme=dark] .review-actions .btn-approve{background:#30d15826;border-color:#30d158;color:#30d158}[data-theme=dark] .review-actions .btn-approve:hover{background:#30d15840}[data-theme=dark] .review-actions .btn-reject{background:#ff453a26;border-color:#ff453a;color:#ff453a}[data-theme=dark] .review-actions .btn-reject:hover{background:#ff453a40}[data-theme=dark] .reply-section{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .reply-section h4{color:#fff}[data-theme=dark] .existing-reply{background:#3a3a3c;border-color:#48484a}[data-theme=dark] .existing-reply p{color:#aeaeb2}[data-theme=dark] .reply-meta{color:#8e8e93}[data-theme=dark] .reply-form{background:#3a3a3c;border-color:#48484a}[data-theme=dark] .reply-form textarea{background:#2c2c2e;border-color:#48484a;color:#fff}[data-theme=dark] .reply-form textarea::placeholder{color:#636366}[data-theme=dark] .reply-form textarea:focus{border-color:#0a84ff}[data-theme=dark] .reply-actions .btn-cancel{background:#3a3a3c;border-color:#48484a;color:#fff}[data-theme=dark] .reply-actions .btn-cancel:hover{background:#48484a}[data-theme=dark] .reply-actions .btn-send{background:#0a84ff;color:#fff}[data-theme=dark] .reply-actions .btn-send:hover{background:#0070e0}[data-theme=dark] .review-detail-modal .modal-content{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .review-detail-modal .modal-header{background:#2c2c2e;border-bottom-color:#3a3a3c}[data-theme=dark] .review-detail-modal .modal-body,[data-theme=dark] .review-detail-modal .modal-header h3{color:#fff}[data-theme=dark] .review-detail-modal .detail-section{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .review-detail-modal .detail-section h4{color:#fff}[data-theme=dark] .review-detail-modal .detail-section p{color:#aeaeb2}[data-theme=dark] .detail-actions button{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .detail-actions button:hover{background:#3a3a3c}.stocks-manager{padding:20px}.stocks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.stocks-header h2{align-items:center;color:#1a1a2e;display:flex;font-size:22px;font-weight:700;gap:10px}.stocks-header h2 svg{color:var(--primary)}.btn-refresh{align-items:center;border-radius:10px;color:#666;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.btn-refresh:hover{background:var(--primary);color:#fff}.btn-primary{background:var(--primary);font-family:Poppins,sans-serif;padding:10px 16px;transition:all .3s}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{color:#333;font-family:Poppins,sans-serif;padding:10px 16px;transition:all .3s}.btn-secondary:hover{background:#e0e0e0}.btn-warning{align-items:center;background:#fef3c7;border:none;border-radius:10px;color:#92400e;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s}.btn-warning:hover{background:#fde68a}.btn-success{align-items:center;background:#d1fae5;border:none;border-radius:10px;color:#065f46;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s}.btn-success:hover{background:#a7f3d0}.btn-sm{font-size:12px;padding:6px 12px}.btn-danger-outline{align-items:center;background:#0000;border:1.5px solid #dc2626;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s}.btn-danger-outline:hover{background:#fee2e2}.dropdown-wrapper{position:relative}.dropdown-menu{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;display:none;margin-top:4px;min-width:200px;padding:8px;position:absolute;right:0;top:100%;z-index:100}.dropdown-menu.show{display:block}.dropdown-menu button{align-items:center;background:none;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:background .2s;width:100%}.dropdown-menu button:hover{background:#f5f5f5}.dropdown-menu button svg{color:#666}.stock-summary .reserved{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:20px;color:#b45309;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:6px 12px}.loading-state{color:#666;padding:60px 20px}.loading-state.mini{padding:40px 20px}.stocks-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:320px 1fr;min-height:500px}.products-panel{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:20px}.products-panel h3{color:#666;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.product-list{display:flex;flex-direction:column;gap:8px}.product-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .3s}.product-item:hover{background:#f0f0f0}.product-item.active{background:#dc26260d;border-color:var(--primary)}.product-name{color:#1a1a2e;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.product-stats{display:flex;gap:12px}.product-stats .stat{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px}.product-stats .stat.available{color:#22c55e}.product-stats .stat.sold{color:#ef4444}.product-item .chevron{color:#999;transition:transform .3s}.product-item.active .chevron{color:var(--primary);transform:rotate(-90deg)}.stocks-panel{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:20px}.stocks-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.toolbar-left h3{color:#1a1a2e;font-size:18px;font-weight:700;margin-bottom:4px}.stock-summary{display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.stock-summary .available{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:20px;color:#15803d}.stock-summary .available,.stock-summary .sold{align-items:center;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:6px 12px}.stock-summary .sold{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:20px;color:#b91c1c}.toolbar-right{display:flex;gap:10px}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;padding:10px 16px}.filter-select:focus{border-color:var(--primary);outline:none}.stocks-table{overflow-x:auto}.stocks-table table{border-collapse:collapse;width:100%}.stocks-table th{border-bottom:2px solid #f0f0f0;color:#666;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.stocks-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:14px 12px}.stocks-table tr:hover{background:#f8f9fa}.stocks-table tr.sold{background:#fef2f2}.stocks-table tr.sold:hover{background:#fee2e2}.account-cell{max-width:300px}.account-data{align-items:center;display:flex;gap:8px}.account-data span{font-family:Roboto Mono,monospace;font-size:13px;word-break:break-all}.account-data span.hidden{color:#999}.stock-notes{color:#999;display:block;font-size:11px;margin-top:4px}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.status-badge.available,.status-badge[style*=dcfce7]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.status-badge.sold,.status-badge[style*=fee2e2]{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.status-badge.reserved,.status-badge[style*=fef3c7]{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.buyer-cell{color:#666;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.icon-btn:hover{background:#f0f0f0;color:#333}.icon-btn.delete:hover{background:#fee2e2;color:#ef4444}.empty-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state.mini{padding:40px 20px}.empty-state p{font-size:14px;margin-bottom:16px}.modal-content{display:flex;flex-direction:column;overflow:hidden}.modal-content.large{max-width:900px}.modal-header{border-bottom:1px solid #f0f0f0;padding:20px}.modal-header h3{color:#1a1a2e;font-size:18px;font-weight:700;gap:10px}.modal-header h3 svg{color:var(--primary)}.modal-close{background:#f0f0f0;color:#666;height:36px;transition:all .3s;width:36px}.modal-close:hover{background:#e0e0e0;color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #f0f0f0;gap:10px;padding:20px}.mode-tabs{display:flex;gap:8px;margin-bottom:20px}.mode-tabs button{background:#f0f0f0;border:none;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-weight:600;padding:12px;transition:all .3s}.mode-tabs button.active{background:var(--primary);color:#fff}.form-group{margin-bottom:16px}.form-group label{color:#333;font-size:14px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group textarea{font-family:Roboto Mono,monospace;min-height:100px;resize:vertical}.form-hint{color:#999;display:block;font-size:12px;margin-top:6px}.logs-table{overflow-x:auto}.logs-table table{border-collapse:collapse;font-size:13px;width:100%}.logs-table th{background:#f8f9fa;border-bottom:2px solid #f0f0f0;color:#666;font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px;text-align:left;text-transform:uppercase}.logs-table td{border-bottom:1px solid #f0f0f0;padding:12px 10px}.logs-table .order-id{color:#666;font-family:Roboto Mono,monospace;font-size:11px}.method-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;padding:3px 8px;text-transform:uppercase}.method-badge.auto{background:#dcfce7;color:#22c55e}.method-badge.manual{background:#fef3c7;color:#f59e0b}@media (max-width:1024px){.stocks-layout{grid-template-columns:1fr}.products-panel{order:-1}.product-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stocks-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.stocks-table{min-width:600px}}@media (max-width:900px){.stocks-manager{padding:16px}.stocks-header{flex-wrap:wrap;gap:12px}.stocks-header h2{font-size:18px;width:100%}.header-actions{justify-content:flex-end;width:100%}.stocks-toolbar{flex-direction:column;gap:12px}.search-input-group,.toolbar-left,.toolbar-right{width:100%}.stock-item-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:600px){.stocks-manager{padding:12px}.stocks-header{align-items:flex-start;flex-direction:column;gap:12px}.stocks-header h2{font-size:16px}.header-actions{flex-wrap:wrap;width:100%}.btn-primary,.btn-secondary{flex:1 1;font-size:13px;justify-content:center;padding:10px 12px}.stocks-toolbar{align-items:stretch}.stocks-toolbar,.toolbar-right{flex-direction:column}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filter-tabs button{flex-shrink:0;font-size:12px;padding:8px 12px}.stocks-table td,.stocks-table th{font-size:12px;padding:10px 8px}.modal-content.large{margin:12px;max-height:90vh;max-width:100%}.modal-header{padding:14px 16px}.modal-body{padding:16px}.form-row{grid-template-columns:1fr}.stock-item-card{padding:12px}.stock-item-grid{grid-template-columns:1fr}}@media (max-width:480px){.stocks-manager{padding:10px}.btn-refresh{height:36px;width:36px}.stock-actions{flex-direction:column;gap:6px}.stock-actions button{justify-content:center;width:100%}.product-card{padding:10px}.product-info h4{font-size:13px}.product-meta{font-size:11px}.pagination{flex-wrap:wrap;gap:6px;justify-content:center}.pagination button{font-size:12px;padding:6px 10px}}.reserved-timer{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:6px;color:#92400e;display:inline-flex;font-family:SF Mono,Consolas,monospace;font-size:10px;font-weight:600;gap:4px;margin-top:4px;padding:3px 8px}.reserved-timer.expired{animation:pulse-danger 1s infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#dc2626}.available-info{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:6px;color:#166534}.available-info,.sold-info{align-items:center;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-top:4px;padding:3px 8px}.sold-info{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:6px;color:#991b1b}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.6}}.stocks-table tr.expired{background:#fef2f2!important}.stocks-table tr.reserved{background:#fffbeb}.stocks-table tr.reserved:hover{background:#fef3c7}.info-cell{font-size:12px}.buyer-info,.reserved-info{display:flex;flex-direction:column;gap:2px}.order-id{background:#f3f4f6;border-radius:4px;color:#6b7280;cursor:help;font-family:SF Mono,Consolas,monospace;font-size:10px;padding:2px 6px}.icon-btn.warning{background:#fef3c7;color:#92400e}.icon-btn.warning:hover{background:#f59e0b;color:#fff}.cleanup-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.cleanup-stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:12px;padding:16px;text-align:center}.cleanup-stat-card .stat-value{color:var(--primary);font-size:24px;font-weight:700;line-height:1.2}.cleanup-stat-card .stat-label{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.release-badge{align-items:center;background:linear-gradient(135deg,var(--primary),#e74c3c);border-radius:6px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:32px;padding:0 8px}.modal-footer{background:#fafafa;border-radius:0 0 16px 16px;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.empty-state.mini small{color:#9ca3af;display:block;font-size:12px;margin-top:8px}@media (max-width:768px){.cleanup-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.cleanup-stat-card{padding:12px}.cleanup-stat-card .stat-value{font-size:20px}.stocks-layout{gap:16px;grid-template-columns:1fr;max-width:100%;overflow:hidden;width:100%}.products-panel,.stocks-panel{box-sizing:border-box;overflow:hidden;padding:16px;width:100%}.stocks-toolbar{align-items:stretch;flex-direction:column;gap:12px}.toolbar-right{flex-wrap:wrap;gap:8px}.toolbar-right .btn-sm,.toolbar-right button{flex:1 1;justify-content:center;min-width:calc(50% - 4px)}}@media (max-width:480px){.stocks-manager{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important;padding:8px!important;width:100%!important}.stocks-layout{max-width:100%!important;overflow:hidden!important;width:100%!important}.stocks-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.stocks-header h2{font-size:18px;justify-content:center}.header-actions{flex-wrap:wrap;gap:8px;justify-content:center}.header-actions .btn-danger-outline,.header-actions .btn-secondary{flex:1 1;font-size:11px;justify-content:center;min-width:calc(50% - 4px);padding:8px 10px}.header-actions .btn-refresh{height:36px;width:36px}.products-panel{border-radius:12px;padding:12px}.products-panel h3{font-size:12px;margin-bottom:12px}.product-list{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.product-item{align-items:stretch;border-radius:10px;flex-direction:column;flex-shrink:0;padding:12px;scroll-snap-align:start;width:160px}.product-item .product-info{width:100%}.product-item .product-name{font-size:12px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-item .product-stats{gap:8px}.product-item .product-stats .stat{font-size:11px}.product-item .chevron{display:none}.product-item.active{background:linear-gradient(135deg,#e11d481a,#be123c1a);border-color:var(--primary)}.stocks-panel{border-radius:10px;box-sizing:border-box;max-width:100%!important;overflow:hidden!important;padding:8px!important;width:100%!important}.stocks-toolbar{gap:8px;margin-bottom:10px}.toolbar-left h3{font-size:14px}.stock-summary{flex-wrap:wrap;font-size:10px;gap:6px}.stock-summary .available,.stock-summary .reserved,.stock-summary .sold{border-radius:16px;font-size:10px;padding:5px 10px}.toolbar-right{gap:6px;width:100%}.toolbar-right .btn-success,.toolbar-right .btn-warning{flex:1 1;font-size:11px;padding:8px 10px}.filter-select{border-radius:8px;font-size:12px;padding:10px 12px;width:100%}.btn-add-stock{border-radius:10px;justify-content:center;margin-bottom:12px;padding:12px;width:100%}.stocks-table{margin:0!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:0!important;width:100%!important}.stocks-table table{display:none!important}.stocks-table .mobile-stock-list{display:flex!important;flex-direction:column;gap:8px;max-width:100%!important;min-width:0!important;width:100%!important}.mobile-stock-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.mobile-stock-card.available{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:3px solid #22c55e}.mobile-stock-card.sold{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:3px solid #ef4444}.mobile-stock-card.reserved{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:3px solid #f59e0b}.mobile-stock-card.expired{background:linear-gradient(135deg,#fef2f2,#fecaca);border-left-color:#dc2626}.stock-card-header{align-items:center;background:#00000005;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;justify-content:space-between;padding:6px 8px;width:100%}.stock-card-header .stock-id{color:#64748b;font-size:10px;font-weight:600}.stock-card-header>div{align-items:center;display:flex;gap:4px;max-width:60%}.stock-card-header .status-badge{font-size:9px!important;padding:3px 6px!important}.stock-card-header .reserved-timer{font-size:9px!important;padding:2px 5px!important}.stock-card-body{box-sizing:border-box;padding:8px;width:100%}.stock-card-account{align-items:center;display:flex;gap:4px;margin-bottom:6px;width:100%}.stock-card-account .account-data{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#1e293b;flex:1 1;font-family:monospace;font-size:9px;min-width:0;overflow:hidden;padding:5px 6px;text-overflow:ellipsis;white-space:nowrap}.stock-card-account .account-hidden{color:#94a3b8;letter-spacing:1px}.stock-card-account .icon-btn{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:22px;justify-content:center;min-width:22px;padding:0;width:22px}.stock-card-account .icon-btn svg{height:11px;width:11px}.stock-card-info{color:#64748b;display:flex;flex-direction:column;font-size:9px;gap:2px;width:100%}.stock-card-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-card-info svg{display:inline;height:9px;margin-right:2px;vertical-align:middle;width:9px}.stock-card-footer{background:#00000005;border-top:1px solid #e2e8f0;display:flex;gap:4px;padding:6px 8px}.stock-card-footer .icon-btn{border-radius:4px;flex:1 1;font-size:10px;justify-content:center;padding:5px}.stock-card-footer .icon-btn svg{height:11px;width:11px}.stock-card-footer .icon-btn span{margin-left:3px}.empty-stocks{padding:32px 16px}.empty-stocks svg{height:40px;width:40px}.empty-stocks p{font-size:13px}.dropdown-menu{border-radius:12px;left:50%;max-width:300px;padding:12px;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 32px);z-index:1000}.dropdown-menu button{border-radius:8px;font-size:14px;padding:12px 14px}.modal-content.large{border-radius:16px 16px 0 0;margin:0;max-height:90vh;max-width:100%}.modal-header{padding:12px 16px}.modal-header h3{font-size:15px}.modal-body{max-height:calc(90vh - 120px);overflow-y:auto;padding:16px}.logs-table{overflow-x:auto}.logs-table table{font-size:11px;min-width:500px}.logs-table td,.logs-table th{padding:8px 10px}.cleanup-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.cleanup-stat-card{padding:10px}.cleanup-stat-card .stat-value{font-size:18px}.modal-footer{flex-direction:column;gap:8px}.modal-footer button{justify-content:center;width:100%}}.mobile-stock-list{display:none}.product-item.out-of-sync{background:linear-gradient(90deg,#f59e0b14,#0000);border-left:4px solid #f59e0b}.sync-warning-icon{animation:pulse-warning 2s infinite;color:#f59e0b;margin-left:4px}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.5}}.desync-badge{background:#fef2f2;border-radius:4px;color:#dc2626;font-size:10px;font-weight:600;margin-left:4px;padding:1px 4px}.stock-badge.reserved{background:#fef3c7;color:#92400e}.stock-badge.reserved .Clock{margin-right:2px}[data-theme=dark] .stocks-manager{background:#000}[data-theme=dark] .stocks-header{background:#1c1c1e;border-bottom-color:#3a3a3c}[data-theme=dark] .stocks-header h2{color:#fff}[data-theme=dark] .header-actions button{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .header-actions button:hover{background:#3a3a3c}[data-theme=dark] .header-actions .btn-primary{background:#0a84ff;border-color:#0a84ff;color:#fff}[data-theme=dark] .header-actions .btn-primary:hover{background:#0070e0}[data-theme=dark] .search-filter-bar{background:#1c1c1e;border-bottom-color:#3a3a3c}[data-theme=dark] .search-input-wrapper{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .search-input-wrapper input{background:#0000;color:#fff}[data-theme=dark] .search-input-wrapper input::placeholder{color:#636366}[data-theme=dark] .search-input-wrapper svg{color:#8e8e93}[data-theme=dark] .filter-select{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .filter-select option{background:#2c2c2e;color:#fff}[data-theme=dark] .stocks-stats{background:#1c1c1e}[data-theme=dark] .stat-card.warning .stat-value{color:#ff9f0a}[data-theme=dark] .stat-card.danger .stat-value{color:#ff453a}[data-theme=dark] .stat-card.success .stat-value{color:#30d158}[data-theme=dark] .stocks-table-container{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .stocks-table{background:#1c1c1e}[data-theme=dark] .stocks-table thead{background:#2c2c2e}[data-theme=dark] .stocks-table th{border-bottom-color:#3a3a3c;color:#8e8e93}[data-theme=dark] .stocks-table td{border-bottom-color:#3a3a3c;color:#fff}[data-theme=dark] .stocks-table tbody tr:hover{background:#2c2c2e}[data-theme=dark] .product-name{color:#fff}[data-theme=dark] .product-sku{color:#8e8e93}[data-theme=dark] .stock-badge{background:#3a3a3c;color:#fff}[data-theme=dark] .stock-badge.low{background:#ff9f0a26;color:#ff9f0a}[data-theme=dark] .stock-badge.out{background:#ff453a26;color:#ff453a}[data-theme=dark] .stock-badge.reserved{background:#ff9f0a26;color:#ff9f0a}[data-theme=dark] .stock-badge.normal{background:#30d15826;color:#30d158}[data-theme=dark] .action-btn{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .action-btn:hover{background:#3a3a3c}[data-theme=dark] .action-btn.edit{background:#0a84ff1a;border-color:#0a84ff;color:#0a84ff}[data-theme=dark] .action-btn.edit:hover{background:#0a84ff33}[data-theme=dark] .action-btn.history{border-color:#48484a;color:#8e8e93}[data-theme=dark] .action-btn.history:hover{background:#3a3a3c}[data-theme=dark] .pagination{background:#1c1c1e;border-top-color:#3a3a3c}[data-theme=dark] .pagination-btn{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#3a3a3c}[data-theme=dark] .pagination-btn:disabled{background:#1c1c1e;color:#48484a}[data-theme=dark] .mobile-stock-list{background:#000}[data-theme=dark] .mobile-stock-card{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .mobile-stock-card:hover{border-color:#48484a}[data-theme=dark] .mobile-product-name{color:#fff}[data-theme=dark] .mobile-product-sku{color:#8e8e93}[data-theme=dark] .mobile-stock-info{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .mobile-stock-info label{color:#8e8e93}[data-theme=dark] .mobile-stock-info span{color:#fff}[data-theme=dark] .stock-modal .modal-content{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .stock-modal .modal-header{background:#2c2c2e;border-bottom-color:#3a3a3c}[data-theme=dark] .stock-modal .form-group label,[data-theme=dark] .stock-modal .modal-body,[data-theme=dark] .stock-modal .modal-header h3{color:#fff}[data-theme=dark] .stock-modal .form-group input,[data-theme=dark] .stock-modal .form-group select,[data-theme=dark] .stock-modal .form-group textarea{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .stock-modal .form-group input::placeholder,[data-theme=dark] .stock-modal .form-group textarea::placeholder{color:#636366}[data-theme=dark] .stock-modal .form-group input:focus,[data-theme=dark] .stock-modal .form-group select:focus,[data-theme=dark] .stock-modal .form-group textarea:focus{border-color:#0a84ff}[data-theme=dark] .stock-modal .form-group select option{background:#2c2c2e;color:#fff}[data-theme=dark] .stock-modal .current-stock{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .stock-modal .current-stock label{color:#8e8e93}[data-theme=dark] .stock-modal .current-stock span{color:#fff}[data-theme=dark] .stock-modal .modal-footer{background:#2c2c2e;border-top-color:#3a3a3c}[data-theme=dark] .modal-footer .btn-cancel{background:#3a3a3c;border-color:#48484a;color:#fff}[data-theme=dark] .modal-footer .btn-cancel:hover{background:#48484a}[data-theme=dark] .modal-footer .btn-save{background:#0a84ff;color:#fff}[data-theme=dark] .modal-footer .btn-save:hover{background:#0070e0}[data-theme=dark] .history-modal .modal-content{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .history-modal .modal-header{background:#2c2c2e;border-bottom-color:#3a3a3c}[data-theme=dark] .history-modal .modal-header h3{color:#fff}[data-theme=dark] .history-list{background:#1c1c1e}[data-theme=dark] .history-item{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .history-item:hover{background:#3a3a3c}[data-theme=dark] .history-type{color:#fff}[data-theme=dark] .history-type.in{color:#30d158}[data-theme=dark] .history-type.out{color:#ff453a}[data-theme=dark] .history-type.adjustment{color:#ff9f0a}[data-theme=dark] .history-quantity{color:#fff}[data-theme=dark] .history-date{color:#8e8e93}[data-theme=dark] .history-note{color:#aeaeb2}[data-theme=dark] .product-item.out-of-sync{background:linear-gradient(90deg,#ff9f0a1a,#0000);border-left-color:#ff9f0a}[data-theme=dark] .sync-warning-icon{color:#ff9f0a}[data-theme=dark] .desync-badge{background:#ff453a26;color:#ff453a}.account-type-info{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.account-type-info .type-badge{background:#fff;border-radius:20px;box-shadow:0 1px 2px #0000000d;color:#0369a1;font-size:14px;font-weight:600;padding:6px 12px;white-space:nowrap}.account-type-info .type-hint{color:#0284c7;font-size:12px}.account-data-structured{display:flex;flex-direction:column;gap:4px}.account-data-structured .field-row{align-items:center;display:flex;font-size:12px;gap:8px}.account-data-structured .field-label{color:#6b7280;font-weight:600;min-width:60px}.account-data-structured .field-value{color:#1f2937;font-family:monospace}.account-data-structured .field-value.hidden{filter:blur(4px);-webkit-user-select:none;user-select:none}[data-theme=dark] .account-type-info{background:linear-gradient(135deg,#1e3a5f,#1e40af);border-color:#3b82f6}[data-theme=dark] .account-type-info .type-badge{background:#1e293b;color:#60a5fa}[data-theme=dark] .account-type-info .type-hint{color:#93c5fd}[data-theme=dark] .account-data-structured .field-label{color:#9ca3af}[data-theme=dark] .account-data-structured .field-value{color:#f3f4f6}.refund-manager{padding:20px}.refund-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.refund-header h2{color:#333;margin:0}.btn-refresh{background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-refresh:hover{background:#e0e0e0}.refund-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.stat-card{border-radius:12px;box-shadow:0 2px 8px #00000014;gap:15px;padding:15px 20px}.stat-card.pending{border-left:4px solid #f59e0b}.stat-card.processing{border-left:4px solid #3b82f6}.stat-card.completed{border-left:4px solid #10b981}.stat-card.amount{border-left:4px solid #818cf8}.stat-icon{font-size:24px}.stat-value{color:#333;font-size:20px}.stat-label{color:#666;font-size:12px}.refund-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-btn{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:#4f46e5;color:#4f46e5}.filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.refund-list{display:flex;flex-direction:column;gap:15px}.empty-state,.loading{color:#666;padding:40px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:10px}.refund-card{background:#fff;border-left:4px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.refund-card.pending{border-left-color:#f59e0b}.refund-card.processing{border-left-color:#3b82f6}.refund-card.completed{border-left-color:#10b981}.refund-card.cancelled{border-left-color:#ef4444;opacity:.7}.refund-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.refund-info{flex:1 1}.refund-order{align-items:center;display:flex;gap:10px;margin-bottom:5px}.order-id{color:#4f46e5;font-size:14px;font-weight:600}.status-badge{border-radius:12px;font-size:11px;font-weight:500;padding:3px 10px}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.refund-product{color:#333;font-weight:500;margin-bottom:5px}.refund-customer{color:#666;font-size:13px}.refund-amount{text-align:right}.refund-amount .amount{color:#dc2626;display:block;font-size:18px;font-weight:700}.refund-amount .date{color:#999;font-size:12px}.refund-reason{background:#f9fafb;color:#555}.refund-note,.refund-reason{border-radius:8px;font-size:13px;margin-bottom:10px;padding:10px 15px}.refund-note{background:#fef3c7;color:#92400e}.refund-actions{border-top:1px solid #eee;display:flex;gap:10px;padding-top:10px}.refund-actions button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-process{background:#dbeafe;color:#1e40af}.btn-process:hover{background:#bfdbfe}.btn-complete{background:#d1fae5;color:#065f46}.btn-complete:hover{background:#a7f3d0}.btn-cancel{background:#fee2e2;color:#991b1b}.btn-cancel:hover{background:#fecaca}.note-modal{background:#fff;border-radius:16px;max-width:400px;padding:25px;width:90%}.note-modal h3{color:#333;margin:0 0 15px}.note-modal textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:15px;padding:12px;resize:vertical;width:100%}.modal-actions{gap:10px}.btn-secondary{background:#f0f0f0;border-radius:8px;padding:10px 20px}@media (max-width:1024px){.refund-stats{grid-template-columns:repeat(2,1fr)}.refund-card{padding:16px}.modal-content{margin:20px;max-width:90%}}@media (max-width:768px){.refund-manager{padding:12px}.refund-header{align-items:flex-start;flex-direction:column;gap:12px}.refund-header h2{font-size:18px}.refund-stats{gap:10px;grid-template-columns:1fr 1fr}.stat-card{gap:10px;padding:12px}.stat-icon{font-size:20px}.stat-value{font-size:16px}.stat-label{font-size:11px}.refund-main{flex-direction:column;gap:10px}.refund-amount{text-align:left}.refund-actions{flex-wrap:wrap}.refund-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filter-btn{flex-shrink:0;font-size:12px;padding:6px 12px}.modal-content{margin:12px;max-height:90vh;max-width:100%;overflow-y:auto}.modal-header{top:0;z-index:10}.modal-footer,.modal-header{background:#fff;position:-webkit-sticky;position:sticky}.modal-footer{bottom:0;flex-direction:column;gap:8px;padding:12px 16px}.modal-footer button{width:100%}}@media (max-width:640px){.refund-manager{padding:10px}.refund-stats{grid-template-columns:1fr}.stat-card{flex-direction:row}.refund-card{padding:12px}.refund-info h4{font-size:14px}.refund-meta{align-items:flex-start;flex-direction:column;font-size:12px;gap:4px}.refund-amount h3{font-size:16px}.refund-actions{width:100%}.refund-actions button{flex:1 1;font-size:12px;justify-content:center;padding:8px}.reason-box{font-size:12px;padding:10px}}@media (max-width:480px){.refund-header h2{font-size:16px}.btn-refresh{font-size:12px;padding:6px 12px}.status-badge{font-size:10px;padding:4px 8px}.refund-card-header{align-items:flex-start;flex-direction:column;gap:8px}.order-id{font-size:12px}}[data-theme=dark] .refund-manager{background:#000}[data-theme=dark] .refund-header{background:#1c1c1e;border-bottom-color:#3a3a3c}[data-theme=dark] .refund-header h2{color:#fff}[data-theme=dark] .btn-refresh{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .btn-refresh:hover{background:#3a3a3c}[data-theme=dark] .refund-stats{background:#1c1c1e}[data-theme=dark] .stat-card{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .stat-card h3{color:#8e8e93}[data-theme=dark] .stat-card .stat-value{color:#fff}[data-theme=dark] .stat-card.pending .stat-value{color:#ff9f0a}[data-theme=dark] .stat-card.approved .stat-value{color:#30d158}[data-theme=dark] .stat-card.rejected .stat-value{color:#ff453a}[data-theme=dark] .filter-tabs{background:#1c1c1e;border-bottom-color:#3a3a3c}[data-theme=dark] .filter-tab{background:#0000;color:#8e8e93}[data-theme=dark] .filter-tab:hover{background:#2c2c2e;color:#fff}[data-theme=dark] .filter-tab.active{background:#0000;border-bottom-color:#0a84ff;color:#0a84ff}[data-theme=dark] .refund-list{background:#000}[data-theme=dark] .refund-card{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .refund-card:hover{border-color:#48484a;box-shadow:0 4px 12px #0006}[data-theme=dark] .order-id{color:#0a84ff}[data-theme=dark] .refund-date{color:#8e8e93}[data-theme=dark] .status-badge.pending{background:#ff9f0a26;color:#ff9f0a}[data-theme=dark] .status-badge.approved{background:#30d15826;color:#30d158}[data-theme=dark] .status-badge.rejected{background:#ff453a26;color:#ff453a}[data-theme=dark] .refund-card-body{border-top-color:#3a3a3c}[data-theme=dark] .product-info h4{color:#fff}[data-theme=dark] .product-meta{color:#8e8e93}[data-theme=dark] .refund-amount{color:#30d158}[data-theme=dark] .reason-box{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .reason-box strong{color:#fff}[data-theme=dark] .reason-box p{color:#aeaeb2}[data-theme=dark] .member-info{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .member-info strong{color:#fff}[data-theme=dark] .member-info span{color:#8e8e93}[data-theme=dark] .refund-actions button{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .refund-actions button:hover{background:#3a3a3c}[data-theme=dark] .refund-actions .btn-approve{background:#30d15826;border-color:#30d158;color:#30d158}[data-theme=dark] .refund-actions .btn-approve:hover{background:#30d15840}[data-theme=dark] .refund-actions .btn-reject{background:#ff453a26;border-color:#ff453a;color:#ff453a}[data-theme=dark] .refund-actions .btn-reject:hover{background:#ff453a40}[data-theme=dark] .empty-state{color:#8e8e93}[data-theme=dark] .empty-state svg{color:#48484a}[data-theme=dark] .loading-state{color:#8e8e93}.blacklist-manager{padding:24px}.manager-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-title,.manager-header{align-items:flex-start;display:flex}.header-title{gap:12px}.header-title svg{color:#007aff;margin-top:4px}.header-title h1{color:#1c1c1e;font-size:1.5rem;font-weight:700;margin-bottom:4px}.header-title p{color:#8e8e93;font-size:.9rem}.header-actions{display:flex;gap:10px}.btn-primary{background:linear-gradient(135deg,#007aff,#0056cc);font-size:.9rem;padding:10px 18px}.btn-primary:hover{box-shadow:0 4px 12px #007aff4d}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f2f2f7;color:#1c1c1e;font-size:.9rem;font-weight:500;padding:10px 18px}.btn-secondary:hover{background:#e5e5ea}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;height:48px;justify-content:center;width:48px}.stat-card.blocked .stat-icon{background:#ffe5e5;color:#ff3b30}.stat-card.active .stat-icon{background:#e5f2ff;color:#007aff}.stat-card.warning .stat-icon{background:#fff5e5;color:#ff9500}.stat-card.info .stat-icon{background:#e8f7fe;color:#5ac8fa}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1c1c1e;font-size:1.5rem;font-weight:700}.stat-label{color:#8e8e93;font-size:.85rem}.manager-tabs{background:#f2f2f7;border-radius:12px;display:flex;gap:8px;margin-bottom:16px;padding:4px;width:-webkit-fit-content;width:fit-content}.tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#8e8e93;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#007aff}.tab-btn:hover:not(.active){color:#1c1c1e}.manager-filters{gap:12px;margin-bottom:16px}.filter-group,.manager-filters{align-items:center;display:flex}.filter-group{background:#fff;border:1px solid #e5e5ea;border-radius:10px;gap:8px;padding:8px 12px}.filter-group svg{color:#8e8e93}.filter-group select{background:#0000;border:none;color:#1c1c1e;cursor:pointer;font-size:.9rem;outline:none}.search-box{align-items:center;background:#fff;border:1px solid #e5e5ea;border-radius:10px;display:flex;flex:1 1;gap:10px;max-width:300px;padding:10px 14px}.search-box svg{color:#8e8e93}.search-box input{background:#0000;border:none;font-size:.9rem;outline:none;width:100%}.btn-icon{align-items:center;background:#f2f2f7;border:none;border-radius:10px;color:#8e8e93;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon:hover{background:#e5e5ea;color:#1c1c1e}.btn-icon.danger:hover{background:#ffe5e5;color:#ff3b30}.manager-content{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.loading-state{color:#8e8e93;padding:60px}.loading-state svg{margin-bottom:12px}.data-table{overflow-x:auto}.data-table table{border-collapse:collapse;width:100%}.data-table th{background:#f9f9fb;border-bottom:1px solid #e5e5ea;color:#8e8e93;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f2f2f7;color:#1c1c1e;font-size:.9rem;padding:14px 16px}.data-table tr:hover{background:#f9f9fb}.data-table code{background:#f2f2f7;border-radius:6px;font-family:SF Mono,Monaco,monospace;font-size:.85rem;padding:4px 8px}.data-table code.small{font-size:.75rem;word-break:break-all}.empty-state{color:#8e8e93;padding:60px!important;text-align:center}.empty-state svg{margin-bottom:12px;opacity:.5}.type-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:6px 10px}.type-badge.ip{background:#e5f2ff;color:#007aff}.type-badge.whatsapp{background:#d4f5dc;color:#34c759}.type-badge.email{background:#fff0d6;color:#ff9500}.event-badge{background:#f2f2f7;border-radius:6px;color:#636366;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.event-badge.order_blocked{background:#ffe5e5;color:#ff3b30}.event-badge.rate_limit{background:#fff0d6;color:#ff9500}.risk-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.risk-badge.high{background:#ffe5e5;color:#ff3b30}.risk-badge.medium{background:#fff0d6;color:#ff9500}.risk-badge.low{background:#fff5e5;color:#c70}.risk-badge.none{background:#f2f2f7;color:#8e8e93}.expires-badge{align-items:center;color:#ff9500;display:inline-flex;font-size:.85rem;gap:4px}.permanent-badge{color:#ff3b30;font-size:.85rem;font-weight:500}.identifier-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.identifier-cell code,.ip-desc{display:block}.ip-desc{color:#8e8e93;font-size:.75rem;margin-top:2px}.ip-desc.localhost{color:#ff9500}.localhost-badge{background:#fff5e5;border:1px solid #ffd699;border-radius:4px;color:#ff9500;display:inline-block;font-size:.7rem;font-weight:600;margin-left:6px;padding:1px 6px}tr.localhost-warning{background:#ff95000d}tr.localhost-warning:hover{background:#ff95001a}.reason-cell{color:#636366;max-width:200px;overflow:hidden;text-overflow:ellipsis}.pagination{align-items:center;border-top:1px solid #f2f2f7;display:flex;gap:16px;justify-content:center;padding:16px}.page-btn{color:#1c1c1e;height:36px;width:36px}.page-btn:hover:not(:disabled){background:#007aff;color:#fff}.page-btn:disabled{opacity:.4}.page-info{color:#8e8e93;font-size:.9rem}.modal-overlay{align-items:center;padding:20px}.modal-content{border-radius:20px;max-width:480px}.modal-header{padding:20px 24px}.modal-header h2{color:#1c1c1e;font-size:1.25rem;font-weight:700}.close-btn{align-items:center;background:#f2f2f7;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.close-btn:hover{background:#e5e5ea;color:#1c1c1e}.modal-content form{padding:24px}.form-group label{color:#1c1c1e;display:block;margin-bottom:8px}.form-group input,.form-group select{background:#f9f9fb;border:1px solid #e5e5ea;border-radius:10px;color:#1c1c1e;font-size:.95rem;outline:none;padding:12px 14px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.log-detail{padding:24px}.detail-row{align-items:center;border-bottom:1px solid #f2f2f7;gap:12px;padding:12px 0}.detail-row .label{color:#8e8e93;font-size:.85rem;min-width:100px}.detail-section{padding-top:16px}.detail-section .label{color:#8e8e93;display:block;font-size:.85rem;margin-bottom:8px}.detail-section pre{background:#f9f9fb;border-radius:10px;font-family:SF Mono,Monaco,monospace;font-size:.8rem;overflow-x:auto;padding:12px}[data-theme=dark] .blacklist-manager{background:#000}[data-theme=dark] .header-title h1{color:#fff}[data-theme=dark] .header-title p{color:#8e8e93}[data-theme=dark] .btn-secondary{background:#2c2c2e;color:#fff}[data-theme=dark] .btn-secondary:hover{background:#3a3a3c}[data-theme=dark] .stat-card{background:#1c1c1e}[data-theme=dark] .stat-value{color:#fff}[data-theme=dark] .manager-tabs{background:#1c1c1e}[data-theme=dark] .tab-btn{color:#8e8e93}[data-theme=dark] .tab-btn.active{background:#2c2c2e;color:#0a84ff}[data-theme=dark] .filter-group,[data-theme=dark] .search-box{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .filter-group select,[data-theme=dark] .search-box input{color:#fff}[data-theme=dark] .btn-icon{background:#2c2c2e;color:#8e8e93}[data-theme=dark] .btn-icon:hover{background:#3a3a3c;color:#fff}[data-theme=dark] .manager-content{background:#1c1c1e}[data-theme=dark] .data-table th{background:#2c2c2e;border-color:#3a3a3c;color:#8e8e93}[data-theme=dark] .data-table td{border-color:#2c2c2e;color:#fff}[data-theme=dark] .data-table tr:hover{background:#2c2c2e}[data-theme=dark] .data-table code{background:#2c2c2e;color:#0a84ff}[data-theme=dark] .pagination{border-color:#2c2c2e}[data-theme=dark] .modal-header h2{color:#fff}[data-theme=dark] .close-btn{background:#2c2c2e;color:#8e8e93}[data-theme=dark] .close-btn:hover{background:#3a3a3c;color:#fff}[data-theme=dark] .form-group label{color:#fff}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{background:#1c1c1e;border-color:#0a84ff}[data-theme=dark] .detail-row{border-color:#2c2c2e}[data-theme=dark] .detail-section pre{background:#2c2c2e;color:#fff}@media (max-width:768px){.blacklist-manager{padding:16px}.manager-header{align-items:stretch}.header-actions,.manager-header{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.manager-tabs{width:100%}.tab-btn{flex:1 1;justify-content:center}.manager-filters{flex-wrap:wrap}.search-box{max-width:none;width:100%}.data-table td,.data-table th{font-size:.85rem;padding:10px 12px}}.member-profile-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,sans-serif;min-height:100vh}.profile-header-new{background:linear-gradient(135deg,#007aff,#05c);overflow:hidden;padding:0;position:relative;z-index:10}.header-bg-pattern{background:radial-gradient(circle at 20% 50%,#ffffff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0f 0,#0000 40%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content-new{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:600px;padding:calc(env(safe-area-inset-top, 0px) + 14px) 16px 14px;position:relative;width:100%}.header-content-new h1{color:#fff;font-size:17px;font-weight:600;letter-spacing:-.2px;margin:0}.back-btn-new,.logout-btn-new{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s ease;width:36px}.back-btn-new:active,.logout-btn-new:active{background:#ffffff4d}.profile-hero{background:linear-gradient(180deg,#05c,#f2f2f7 60px);margin-top:-1px;padding:0 16px;position:relative;z-index:5}.profile-hero-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000014;margin:0 auto;max-width:600px;padding:20px}.profile-card-layout{display:flex;flex-direction:column;gap:16px}.avatar-section{display:flex;justify-content:center}.avatar-wrapper{background:#fff;border:3px solid #007aff;border-radius:50%;height:72px;padding:2px;position:relative;width:72px}.avatar-wrapper img{object-fit:cover}.avatar-placeholder,.avatar-wrapper img{border-radius:50%;height:100%;width:100%}.avatar-placeholder,.level-indicator{align-items:center;color:#fff;display:flex;justify-content:center}.level-indicator{border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 6px #00000026;height:24px;position:absolute;right:-2px;width:24px}.user-info-section{text-align:center}.user-name{color:#1c1c1e;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.user-contact{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.user-contact span{align-items:center;color:#8e8e93;display:flex;font-size:13px;gap:5px}.user-badges{align-items:center;display:flex;gap:8px;justify-content:center}.level-badge-new{align-items:center;border:1.5px solid;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 12px}.edit-btn-small{align-items:center;background:#fff;border:1.5px solid #e5e5ea;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.edit-btn-small:active{background:#f2f2f7;border-color:#007aff;color:#007aff}.edit-form-new{display:flex;flex-direction:column;gap:10px}.edit-input-group{align-items:center;background:#f2f2f7;border:1.5px solid #0000;border-radius:12px;display:flex;gap:10px;padding:10px 14px;position:relative;transition:border-color .2s}.edit-input-group:focus-within{background:#fff;border-color:#007aff}.edit-input-group svg{color:#8e8e93;flex-shrink:0}.edit-input-group input{background:#0000;border:none;color:#1c1c1e;flex:1 1;font-family:inherit;font-size:15px;outline:none}.edit-input-group input::placeholder{color:#c7c7cc}.edit-input-group input.input-valid{color:#34c759}.edit-input-group input.input-invalid{color:#ff3b30}.input-spinner{color:#007aff}.input-valid-icon{color:#34c759}.input-invalid-icon{color:#ff3b30}.phone-check-result{border-radius:8px;font-size:12px;padding:6px 12px}.phone-check-result.available{background:#34c7591a;color:#34c759}.phone-check-result.taken{background:#ff3b301a;color:#ff3b30}.phone-hint{display:block;font-size:11px;margin-top:2px;opacity:.8}.edit-buttons{display:flex;gap:8px;margin-top:4px}.save-btn-new{align-items:center;background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:opacity .2s}.save-btn-new:disabled{opacity:.5}.save-btn-new:active:not(:disabled){opacity:.8}.cancel-btn-new{align-items:center;background:#fff;border:1.5px solid #e5e5ea;border-radius:12px;color:#8e8e93;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.level-progress-mini{background:#f2f2f7;border-radius:12px;padding:12px 14px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-header span{align-items:center;color:#1c1c1e;display:flex;font-size:12px;font-weight:600;gap:4px}.progress-percent{color:#007aff;font-size:12px;font-weight:700}.progress-bar-new{background:#e5e5ea;border-radius:3px;height:6px;overflow:hidden}.progress-fill-new{border-radius:3px;height:100%;transition:width .6s ease}.progress-hint{color:#8e8e93;font-size:11px;margin:6px 0 0;text-align:center}.stats-section{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:632px;padding:16px;width:100%}.stat-card-new{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000a;flex-direction:column;gap:8px;padding:14px 8px;text-align:center}.stat-card-new,.stat-icon-new{align-items:center;display:flex}.stat-icon-new{border-radius:10px;height:36px;justify-content:center;width:36px}.stat-card-new.points .stat-icon-new{background:#ffcc001f;color:#ff9500}.stat-card-new.orders .stat-icon-new{background:#007aff1a;color:#007aff}.stat-card-new.spent .stat-icon-new{background:#34c7591a;color:#34c759}.stat-card-new.vouchers .stat-icon-new{background:#af52de1a;color:#af52de}.stat-info-new{display:flex;flex-direction:column;gap:2px}.stat-value-new{color:#1c1c1e;font-size:16px;font-weight:700;letter-spacing:-.3px;line-height:1.2;word-break:break-all}.stat-label-new{color:#8e8e93;font-size:11px;font-weight:500}.tabs-section{box-sizing:border-box;margin:0 auto;max-width:632px;padding:0 16px 12px;width:100%}.tabs-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#e5e5ea;border-radius:10px;display:flex;gap:2px;overflow-x:auto;padding:3px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#8e8e93;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-width:0;padding:8px 6px;transition:all .25s ease;white-space:nowrap}.tab-item svg{flex-shrink:0;height:14px;width:14px}.tab-item span{overflow:hidden;text-overflow:ellipsis}.tab-item.active{background:#fff;box-shadow:0 1px 4px #00000014;color:#007aff;font-weight:600}.content-section{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:632px;padding:0 16px 24px;width:100%}.overview-content-new{display:flex;flex-direction:column;gap:16px}.quick-section{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000a;padding:18px}.quick-section .section-title{align-items:center;color:#1c1c1e;display:flex;font-size:15px;font-weight:600;gap:6px;margin:0 0 14px}.quick-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.quick-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;padding:14px 6px;transition:background .2s}.quick-item:active{background:#f2f2f7}.quick-item span{color:#3c3c43;font-size:11px;font-weight:500}.quick-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.quick-icon.shop{background:linear-gradient(135deg,#007aff,#05c)}.quick-icon.voucher{background:linear-gradient(135deg,#af52de,#8e3ab8)}.quick-icon.order{background:linear-gradient(135deg,#ff9500,#e08600)}.quick-icon.review{background:linear-gradient(135deg,#34c759,#248a3d)}.quick-icon.security{background:linear-gradient(135deg,#ff3b30,#cc2f26)}.recent-section-new{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000a;padding:18px}.section-header-new{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section-header-new .section-title{align-items:center;color:#1c1c1e;display:flex;font-size:15px;font-weight:600;gap:6px;margin:0}.see-all-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#007aff1a;border:none;border-radius:16px;color:#007aff;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:4px;letter-spacing:.1px;padding:6px 12px;transition:all .2s ease}.see-all-btn:active{background:#007aff33;transform:scale(.96)}.see-all-btn svg{transition:transform .2s ease}.see-all-btn:active svg{transform:translateX(2px)}.recent-orders-list{display:flex;flex-direction:column;gap:8px}.recent-order-item{align-items:center;background:#f9f9fb;border-radius:12px;display:flex;gap:12px;padding:12px;transition:background .2s}.order-status-indicator{flex-shrink:0}.order-status-indicator .status-icon{height:20px;width:20px}.status-icon.success{color:#34c759}.status-icon.danger{color:#ff3b30}.status-icon.warning{color:#ff9500}.status-icon.pending{color:#8e8e93}.order-info-compact{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.order-product-name{color:#1c1c1e;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-id-small{color:#8e8e93;font-family:SF Mono,Menlo,monospace;font-size:11px}.order-right-compact{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.order-price-compact{color:#1c1c1e;font-size:14px;font-weight:700}.order-status-badge{border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.order-status-badge.completed,.order-status-badge.paid{background:#34c7591f;color:#248a3d}.order-status-badge.pending{background:#8e8e931f;color:#636366}.order-status-badge.processing{background:#ff95001f;color:#c77800}.order-status-badge.cancelled{background:#ff3b301f;color:#cc2f26}.orders-content-new{display:flex;flex-direction:column;gap:12px}.orders-header-new{align-items:center;display:flex;justify-content:space-between}.orders-header-new .section-title{align-items:center;color:#1c1c1e;display:flex;font-size:15px;font-weight:600;gap:6px;margin:0}.refresh-btn-new{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 4px #00000014;color:#007aff;cursor:pointer;display:flex;height:34px;justify-content:center;transition:background .2s;width:34px}.refresh-btn-new:active{background:#f2f2f7}.refresh-btn-new:disabled{opacity:.5}.order-stats-pills{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.order-stats-pills::-webkit-scrollbar{display:none}.stat-pill{align-items:center;border-radius:20px;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:5px;padding:7px 12px;white-space:nowrap}.stat-pill.success{background:#34c7591a;color:#248a3d}.stat-pill.warning{background:#ff95001a;color:#c77800}.stat-pill.info{background:#007aff1a;color:#007aff}.filter-tabs-new{-ms-overflow-style:none;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter-tabs-new::-webkit-scrollbar{display:none}.filter-chip{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1.5px solid #e5e5ea;border-radius:20px;color:#3c3c43;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:500;gap:4px;padding:7px 14px;transition:all .2s;white-space:nowrap}.filter-chip.active{background:#007aff;border-color:#007aff;color:#fff}.filter-chip:active:not(.active){background:#f2f2f7}.filter-count{background:#0000000f;border-radius:10px;font-size:11px;font-weight:700;min-width:16px;padding:1px 6px;text-align:center}.filter-chip.active .filter-count{background:#ffffff40}.orders-list-new{display:flex;flex-direction:column;gap:10px}.order-card-new{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000a;padding:16px;transition:box-shadow .2s}.order-card-new.delivered{border-left:3px solid #34c759}.order-header-new{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.order-id-section{flex:1 1;min-width:0}.order-id-row{gap:6px;margin-bottom:4px}.order-id-label{color:#8e8e93;font-size:11px;font-weight:500}.order-id-copy{align-items:center;background:#f2f2f7;border-radius:6px;display:flex;gap:4px;max-width:200px;padding:3px 8px}.order-id-value{color:#1c1c1e;font-family:SF Mono,Menlo,monospace;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-id-btn{align-items:center;background:none;border:none;color:#007aff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px}.order-date-text{color:#8e8e93;display:flex}.order-date-text,.status-tag{align-items:center;font-size:11px;gap:4px}.status-tag{border-radius:8px;display:inline-flex;flex-shrink:0;font-weight:600;padding:5px 10px;white-space:nowrap}.status-tag.pending{background:#8e8e931f;color:#636366}.status-tag.paid{background:#007aff1a;color:#007aff}.status-tag.processing{background:#ff95001a;color:#c77800}.status-tag.completed{background:#34c7591a;color:#248a3d}.status-tag.cancelled{background:#ff3b301a;color:#cc2f26}.order-body-new{align-items:center;display:flex;gap:12px;justify-content:space-between}.product-info-new{flex:1 1;min-width:0}.product-info-new h4{color:#1c1c1e;font-size:15px;font-weight:600;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info-new p{margin:0}.product-info-new .category,.product-info-new p{color:#8e8e93;font-size:12px}.price-info-new{flex-shrink:0;text-align:right}.price-label{color:#8e8e93;display:block;font-size:10px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.price-value{color:#007aff;font-size:17px;font-weight:700;letter-spacing:-.3px}.voucher-applied{background:#af52de14;border-radius:8px;color:#8e3ab8;font-size:12px;font-weight:500;gap:5px;margin-top:10px;padding:6px 10px}.accounts-section-new{border-top:1px solid #f2f2f7;margin-top:10px;padding-top:10px}.accounts-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#34c75914;border:1px solid #34c75933;border-radius:10px;color:#248a3d;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:background .2s;width:100%}.accounts-btn:active{background:#34c75926}.accounts-btn svg{flex-shrink:0}.accounts-btn svg.rotated{transform:rotate(180deg)}.accounts-btn span{flex:1 1;text-align:left}.accounts-list-new{display:flex;flex-direction:column;gap:6px;margin-top:8px}.account-row{align-items:center;background:#f9f9fb;border-radius:10px;display:flex;gap:8px;padding:10px 12px}.account-number{color:#8e8e93;font-size:12px;font-weight:700;gap:4px}.account-type-icon{font-size:14px}.account-data{color:#1c1c1e;font-family:SF Mono,Menlo,monospace;font-size:13px;font-weight:500;min-width:0;word-break:break-all}.account-field{align-items:baseline;font-size:12px}.account-label{color:#8e8e93;flex-shrink:0;font-weight:500;min-width:55px}.account-value{color:#1c1c1e;font-size:12px}.account-notes .notes-value{color:#636366;font-family:inherit;font-weight:500}.account-hidden span{color:#c7c7cc;font-size:13px;letter-spacing:2px}.account-actions{gap:4px}.account-actions button{color:#007aff;height:30px;transition:background .2s;width:30px}.account-actions button:active{background:#e5e5ea}.vouchers-content-new{display:flex;flex-direction:column;gap:12px}.vouchers-content-new .section-title{align-items:center;color:#1c1c1e;display:flex;font-size:15px;font-weight:600;gap:6px;margin:0}.vouchers-list-new{display:flex;flex-direction:column;gap:10px}.voucher-card-new{align-items:stretch;background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000a;display:flex;overflow:hidden}.voucher-left{align-items:center;background:linear-gradient(135deg,#007aff,#05c);color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:80px;padding:14px 16px;position:relative}.voucher-left:after{background:#fff;border-radius:50%;content:"";height:16px;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px}.voucher-discount{font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.voucher-type{font-size:9px;font-weight:700;letter-spacing:1px;margin-top:3px;opacity:.8;text-transform:uppercase}.voucher-middle{display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:center;min-width:0;padding:14px 16px}.voucher-middle h4{color:#1c1c1e;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voucher-code{color:#007aff;font-size:12px;margin:0}.voucher-code strong{font-family:SF Mono,Menlo,monospace;font-weight:700}.voucher-exp,.voucher-min{color:#8e8e93;font-size:11px}.voucher-exp{gap:4px}.copy-btn-new,.voucher-exp{align-items:center;display:flex}.copy-btn-new{background:#f2f2f7;border:none;border-radius:10px;color:#007aff;cursor:pointer;flex-shrink:0;justify-content:center;margin:10px 10px 10px 0;transition:background .2s;width:44px}.copy-btn-new:active{background:#e5e5ea}.reviews-content-new{display:flex;flex-direction:column;gap:14px}.reviews-header-actions{align-items:center;display:flex;justify-content:space-between}.section-title-inline{align-items:center;color:#1c1c1e;display:flex;font-size:15px;font-weight:600;gap:6px;margin:0}.refresh-reviews-btn{align-items:center;background:#fff;border:1.5px solid #e5e5ea;border-radius:20px;color:#007aff;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:5px;padding:7px 12px;transition:background .2s}.refresh-reviews-btn:active{background:#f2f2f7}.refresh-reviews-btn:disabled{opacity:.5}.review-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.stat-card-review{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;gap:4px;padding:12px 8px;text-align:center}.stat-card-review svg{flex-shrink:0}.stat-card-review.total{border-bottom:2px solid #007aff}.stat-card-review.total svg{color:#007aff}.stat-card-review.approved{border-bottom:2px solid #34c759}.stat-card-review.approved svg{color:#34c759}.stat-card-review.pending{border-bottom:2px solid #ff9500}.stat-card-review.pending svg{color:#ff9500}.stat-card-review.rating{border-bottom:2px solid #fbbf24}.stat-card-review .stat-value{color:#1c1c1e;font-size:20px;font-weight:700;line-height:1.1}.stat-card-review .stat-label{color:#8e8e93;font-size:10px;font-weight:500}.reviews-content-new .section-title{align-items:center;color:#1c1c1e;display:flex;font-size:15px;font-weight:600;gap:6px;margin:0}.my-reviews-list{display:flex;flex-direction:column;gap:10px}.my-review-card{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000a;padding:16px}.my-review-card.approved{border-left:3px solid #34c759}.my-review-card.pending{border-left:3px solid #ff9500}.my-review-card.rejected{border-left:3px solid #ff3b30}.review-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.review-product-info{align-items:center;flex:1 1;gap:10px;min-width:0}.review-product-thumb{background:#f2f2f7;border-radius:8px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.review-product-info h4{color:#1c1c1e;font-size:14px;font-weight:600;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-date{color:#8e8e93;font-size:11px}.review-date,.review-status-badge{align-items:center;display:flex;gap:4px}.review-status-badge{border-radius:20px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.review-status-badge.approved{background:#34c7591a;color:#248a3d}.review-status-badge.pending{background:#ff95001a;color:#c77800}.review-status-badge.rejected{background:#ff3b301a;color:#cc2f26}.review-rating{align-items:center;display:flex;gap:2px;margin-bottom:8px}.rating-text{color:#8e8e93;font-size:12px;font-weight:500;margin-left:6px}.review-comment{border-radius:10px;color:#3c3c43;font-size:13px;line-height:1.6;margin:0}.review-comment,.review-photos-btn{background:#f9f9fb;padding:10px 12px}.review-photos-btn{align-items:center;border:1.5px solid #e5e5ea;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:10px;margin-top:10px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.review-photos-btn:active{background:#f2f2f7;border-color:#007aff}.photos-icon-wrapper{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.photos-info{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.photos-label{color:#1c1c1e;font-size:12px;font-weight:600}.photos-count{color:#8e8e93;font-size:10px}.photos-preview{align-items:center;display:flex;gap:0;margin-left:auto}.preview-thumb{background-position:50%;background-size:cover;border:2px solid #fff;border-radius:6px;height:26px;margin-left:-6px;width:26px}.preview-thumb:first-child{margin-left:0}.preview-more{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:6px;color:#fff;display:flex;font-size:9px;font-weight:700;height:26px;justify-content:center;margin-left:-6px;width:26px}.reject-reason{align-items:flex-start;background:#ff3b300f;border:1px solid #ff3b3026;border-radius:10px;display:flex;gap:8px;margin-top:10px;padding:10px 12px}.reject-reason svg{color:#ff3b30;flex-shrink:0;margin-top:1px}.reject-reason span{color:#cc2f26;font-size:12px;line-height:1.5}.settings-content-new{display:flex;flex-direction:column;gap:12px}.settings-content-new .section-title{align-items:center;color:#1c1c1e;display:flex;font-size:15px;font-weight:600;gap:6px;margin:0}.settings-list-new{background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000a;overflow:hidden}.settings-item-new{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-bottom:1px solid #f2f2f7;cursor:pointer;display:flex;font-family:inherit;gap:14px;padding:16px;text-align:left;transition:background .2s;width:100%}.settings-item-new:last-child{border-bottom:none}.settings-item-new:active{background:#f2f2f7}.settings-icon{align-items:center;background:#007aff1a;border-radius:10px;color:#007aff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.settings-icon.edit{background:#34c7591a;color:#34c759}.settings-icon.logout{background:#ff3b301a;color:#ff3b30}.settings-info{flex:1 1;min-width:0}.settings-info h4{color:#1c1c1e;font-size:15px;font-weight:600;margin:0 0 2px}.settings-info p{color:#8e8e93;font-size:12px;margin:0}.settings-item-new>svg{color:#c7c7cc;flex-shrink:0}.settings-item-new.danger .settings-info h4{color:#ff3b30}.empty-state-new{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-state-new svg{color:#c7c7cc;margin-bottom:12px}.empty-state-new p{color:#8e8e93;font-size:15px;font-weight:600;margin:0 0 4px}.empty-hint{color:#aeaeb2;display:block;font-size:13px;margin:0}.empty-action-btn{align-items:center;background:#007aff;border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;margin-top:16px;padding:10px 20px;transition:opacity .2s}.empty-action-btn:active{opacity:.8}.cta-btn-new{background:#007aff;border:none;border-radius:22px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:14px;padding:10px 24px;transition:opacity .2s}.cta-btn-new:active{opacity:.8}.loading-container{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh}.loading-container svg{color:#007aff}.loading-container p{color:#8e8e93;font-size:14px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.loading-state svg{color:#007aff}.loading-state p{color:#8e8e93;font-size:14px}.loading-spinner{animation:spinAnim .7s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#007aff;height:28px;width:28px}@keyframes spinAnim{to{transform:rotate(1turn)}}.spin{animation:spinAnim .7s linear infinite}.modal-overlay{align-items:flex-end;animation:fadeInOverlay .25s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUpModal .3s ease;background:#fff;border-radius:16px 16px 0 0;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:100%}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{border-bottom:1px solid #f2f2f7;justify-content:space-between;padding:18px 20px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:#1c1c1e;font-size:17px;font-weight:600;gap:8px;margin:0}.modal-close{align-items:center;background:#f2f2f7;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.modal-close:active{background:#e5e5ea}.password-form{display:flex;flex-direction:column;gap:16px;padding:20px}.form-error{background:#ff3b3014;color:#ff3b30}.form-error,.form-success{border-radius:10px;font-size:13px;font-weight:500;padding:10px 14px}.form-success{background:#34c75914;color:#34c759}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#3c3c43;font-size:13px}.form-group input{background:#f2f2f7;border:1.5px solid #0000;font-family:inherit;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s,background .2s}.form-group input:focus{background:#fff}.form-group input::placeholder{color:#c7c7cc}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:44px;width:100%}.toggle-pass{background:none;color:#8e8e93;height:32px;position:absolute;right:10px;width:32px}.submit-password-btn,.toggle-pass{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center}.submit-password-btn{background:#007aff;border-radius:12px;color:#fff;font-family:inherit;font-size:16px;font-weight:600;gap:8px;margin-top:4px;padding:14px;transition:opacity .2s}.submit-password-btn:disabled{opacity:.5}.submit-password-btn:active:not(:disabled){opacity:.8}.image-lightbox{align-items:center;animation:fadeInOverlay .3s ease;background:#000000f2;bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.gallery-container{align-items:center;cursor:default;display:flex;flex-direction:column;max-height:90%;max-width:90%;position:relative}.gallery-container>img,.image-lightbox>img{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:70vh;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#1c1c1e;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:40px;z-index:10}.lightbox-close:active{background:#ff3b30;color:#fff}.gallery-nav{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#1c1c1e;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s;width:44px}.gallery-nav:active{background:#007aff;color:#fff}.gallery-nav.prev{left:-60px}.gallery-nav.next{right:-60px}.gallery-counter{background:#0009;border-radius:16px;color:#fff;font-size:13px;font-weight:500;left:50%;padding:5px 14px;position:absolute;top:-40px;transform:translateX(-50%)}.gallery-thumbs{background:#ffffff1a;border-radius:12px;display:flex;gap:6px;margin-top:16px;max-width:100%;overflow-x:auto;padding:10px}.gallery-thumb{background:#0000;border:3px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:48px;opacity:.5;overflow:hidden;padding:0;transition:all .2s;width:48px}.gallery-thumb.active,.gallery-thumb:active{border-color:#007aff;opacity:1}.gallery-thumb img{height:100%;object-fit:cover;width:100%}.profile-guest-hero{background:linear-gradient(135deg,#007aff,#05c);overflow:hidden;padding:80px 24px 100px;position:relative;text-align:center}.profile-guest-hero:before{animation:guestShimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}@keyframes guestShimmer{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.profile-guest-hero-content{margin:0 auto;max-width:480px;position:relative;z-index:1}.profile-guest-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff2e;border-radius:24px;color:#fff;display:flex;height:88px;justify-content:center;margin:0 auto 18px;width:88px}.profile-guest-hero h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.profile-guest-hero p{color:#ffffffd9;font-size:15px;margin:0}.profile-guest-content{flex:1 1;margin-top:-40px;padding:0 16px;position:relative;z-index:2}.profile-guest-container{margin:0 auto 32px;max-width:480px}.profile-guest-benefits{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:16px;padding:22px}.profile-guest-benefits h2{color:#1c1c1e;font-size:17px;font-weight:700;margin:0 0 18px;text-align:center}.benefit-list{display:flex;flex-direction:column;gap:12px}.benefit-item{align-items:flex-start;background:#f9f9fb;border-radius:12px;gap:12px;padding:12px}.benefit-icon{align-items:center;background:linear-gradient(135deg,#007aff,#05c);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.benefit-icon.gold{background:linear-gradient(135deg,gold,orange)}.benefit-icon.green{background:linear-gradient(135deg,#34c759,#248a3d)}.benefit-icon.purple{background:linear-gradient(135deg,#af52de,#8e3ab8)}.benefit-info{flex:1 1}.benefit-info h3{color:#1c1c1e;font-size:14px;font-weight:600;margin:0 0 3px}.benefit-info p{color:#8e8e93;font-size:12px;line-height:1.4;margin:0}.profile-guest-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.guest-action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;text-decoration:none;transition:opacity .2s;width:100%}.guest-action-btn:active{opacity:.85}.guest-action-btn.primary{background:linear-gradient(135deg,#007aff,#05c);box-shadow:0 4px 14px #007aff4d;color:#fff}.guest-action-btn.secondary{background:#fff;border:2px solid #34c759;color:#34c759}.profile-guest-security{align-items:center;color:#8e8e93;display:flex;font-size:12px;gap:5px;justify-content:center;padding:12px}.profile-guest-security svg{color:#34c759}.orders-pagination{align-items:center;background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:14px}.pagination-info{color:#8e8e93;font-size:12px;font-weight:500}.pagination-controls{flex-wrap:wrap;gap:4px}.page-btn,.pagination-controls{align-items:center;display:flex;justify-content:center}.page-btn{background:#f2f2f7;border:none;border-radius:8px;color:#3c3c43;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:34px;min-width:34px;padding:0 8px;transition:all .2s ease}.page-btn:active:not(:disabled){background:#e5e5ea}.page-btn.active{background:#007aff;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.35}.page-dots{color:#c7c7cc;font-size:14px;font-weight:600;padding:0 3px}@media (max-width:374px){.header-content-new h1{font-size:15px}.avatar-wrapper{height:60px;width:60px}.user-name{font-size:18px}.stats-section{gap:8px;grid-template-columns:repeat(2,1fr);padding:12px}.stat-card-new{padding:12px 6px}.stat-value-new{font-size:14px}.stat-icon-new{height:30px;width:30px}.tab-item{font-size:11px;padding:7px 4px}.tab-item svg{height:12px;width:12px}.quick-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.quick-icon{height:38px;width:38px}.review-stats-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.order-header-new{align-items:stretch;flex-direction:column}.status-tag{align-self:flex-start}.order-body-new{align-items:stretch;flex-direction:column}.price-info-new{align-items:center;border-top:1px dashed #e5e5ea;display:flex;justify-content:space-between;padding-top:8px;text-align:left}.price-label{display:inline}.price-value{font-size:16px}.review-header{flex-direction:column;gap:8px}.review-status-badge{align-self:flex-start}.voucher-discount{font-size:16px}.voucher-left{min-width:65px;padding:10px 12px}.profile-guest-hero{padding:60px 16px 80px}.profile-guest-icon{border-radius:18px;height:68px;width:68px}.profile-guest-hero h1{font-size:22px}.profile-guest-hero p{font-size:13px}.profile-guest-content{margin-top:-30px;padding:0 12px}.profile-guest-benefits{padding:16px}.benefit-icon{border-radius:10px;height:38px;width:38px}.pagination-controls{gap:3px}.page-btn{font-size:12px;height:28px;min-width:28px}.gallery-nav.prev{left:8px}.gallery-nav.next{right:8px}.gallery-nav{font-size:1.2rem;height:36px;width:36px}}@media (max-width:480px){.order-id-copy{max-width:100%}.order-id-value{font-size:10px}.order-header-new{align-items:stretch;flex-direction:column;gap:8px}.status-tag{align-self:flex-start;font-size:10px;padding:4px 8px}.order-body-new{align-items:stretch;flex-direction:column;gap:8px}.product-info-new h4{font-size:14px}.price-info-new{align-items:center;border-top:1px dashed #e5e5ea;display:flex;justify-content:space-between;padding-top:8px;text-align:left}.price-label{display:inline}.price-value{font-size:16px}.review-header{flex-direction:column;gap:8px}.review-status-badge{align-self:flex-start}.review-product-thumb{height:36px;width:36px}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-nav{font-size:1.3rem;height:38px;width:38px}.gallery-thumb{height:40px;width:40px}.page-btn{font-size:13px;height:30px;min-width:30px;padding:0 6px}}@media (min-width:641px){.modal-content{border-radius:16px;margin-bottom:auto;margin-top:auto;max-width:440px}.modal-overlay{align-items:center;padding:20px}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-guest-hero{padding:100px 32px 120px}.profile-guest-icon{border-radius:28px;height:100px;width:100px}.profile-guest-hero h1{font-size:32px}.profile-guest-hero p{font-size:16px}.profile-guest-content{margin-top:-50px;padding:0 24px}.profile-guest-benefits{padding:28px}.profile-guest-actions{flex-direction:row;gap:12px}.guest-action-btn{font-size:17px;padding:16px 24px}}@media (min-width:768px){.header-content-new{padding:16px 24px}.profile-hero{padding:0 24px}.profile-hero-card{padding:24px}.profile-card-layout{align-items:center;flex-direction:row;gap:20px}.avatar-section{justify-content:flex-start}.user-info-section{flex:1 1;text-align:left}.user-contact{align-items:flex-start}.user-badges{justify-content:flex-start}.level-progress-mini{max-width:240px;min-width:200px}.stats-section{padding:16px 24px}.tabs-section{padding:0 24px 12px}.content-section{padding:0 24px 32px}}[data-theme=dark] .member-profile-page{background:#000}[data-theme=dark] .profile-header-new{background:linear-gradient(135deg,#0a84ff,#05c)}[data-theme=dark] .profile-hero{background:linear-gradient(180deg,#05c,#000 60px)}[data-theme=dark] .profile-hero-card{background:#1c1c1e;box-shadow:0 2px 16px #0000004d}[data-theme=dark] .user-name{color:#fff}[data-theme=dark] .user-contact span{color:#8e8e93}[data-theme=dark] .edit-btn-small{background:#2c2c2e;border-color:#3a3a3c;color:#8e8e93}[data-theme=dark] .level-progress-mini{background:#2c2c2e}[data-theme=dark] .progress-header span{color:#fff}[data-theme=dark] .progress-bar-new{background:#3a3a3c}[data-theme=dark] .progress-hint{color:#8e8e93}[data-theme=dark] .edit-input-group{background:#2c2c2e}[data-theme=dark] .edit-input-group:focus-within{background:#1c1c1e}[data-theme=dark] .edit-input-group input{color:#fff}[data-theme=dark] .edit-input-group input::placeholder{color:#636366}[data-theme=dark] .cancel-btn-new{background:#2c2c2e;border-color:#3a3a3c;color:#8e8e93}[data-theme=dark] .stat-card-new{background:#1c1c1e}[data-theme=dark] .stat-value-new{color:#fff}[data-theme=dark] .stat-label-new{color:#8e8e93}[data-theme=dark] .tabs-container{background:#1c1c1e}[data-theme=dark] .tab-item{color:#8e8e93}[data-theme=dark] .tab-item.active{background:#2c2c2e;color:#0a84ff}[data-theme=dark] .quick-section,[data-theme=dark] .recent-section-new{background:#1c1c1e}[data-theme=dark] .section-title,[data-theme=dark] .section-title-inline{color:#fff}[data-theme=dark] .quick-item span{color:#ebebf5}[data-theme=dark] .quick-item:active,[data-theme=dark] .recent-order-item{background:#2c2c2e}[data-theme=dark] .order-price-compact,[data-theme=dark] .order-product-name{color:#fff}[data-theme=dark] .see-all-btn{background:#0a84ff26;color:#0a84ff}[data-theme=dark] .see-all-btn:active{background:#0a84ff40}[data-theme=dark] .order-card-new{background:#1c1c1e}[data-theme=dark] .order-id-copy{background:#2c2c2e}[data-theme=dark] .order-id-value{color:#fff}[data-theme=dark] .order-date-text{color:#8e8e93}[data-theme=dark] .product-info-new h4{color:#fff}[data-theme=dark] .product-info-new p{color:#8e8e93}[data-theme=dark] .price-value{color:#0a84ff}[data-theme=dark] .price-label{color:#8e8e93}[data-theme=dark] .filter-chip{background:#1c1c1e;border-color:#3a3a3c;color:#ebebf5}[data-theme=dark] .filter-chip.active{background:#0a84ff;border-color:#0a84ff;color:#fff}[data-theme=dark] .filter-chip:active:not(.active){background:#2c2c2e}[data-theme=dark] .filter-count{background:#ffffff14}[data-theme=dark] .refresh-btn-new{background:#1c1c1e;color:#0a84ff}[data-theme=dark] .accounts-btn{background:#30d1581a;border-color:#30d15833;color:#30d158}[data-theme=dark] .account-row{background:#2c2c2e}[data-theme=dark] .account-value{color:#fff}[data-theme=dark] .account-actions button{background:#3a3a3c;color:#0a84ff}[data-theme=dark] .voucher-card-new,[data-theme=dark] .voucher-left:after{background:#1c1c1e}[data-theme=dark] .voucher-middle h4{color:#fff}[data-theme=dark] .voucher-code{color:#0a84ff}[data-theme=dark] .voucher-exp,[data-theme=dark] .voucher-min{color:#8e8e93}[data-theme=dark] .copy-btn-new{background:#2c2c2e;color:#0a84ff}[data-theme=dark] .stat-card-review{background:#1c1c1e}[data-theme=dark] .stat-card-review .stat-value{color:#fff}[data-theme=dark] .stat-card-review .stat-label{color:#8e8e93}[data-theme=dark] .my-review-card{background:#1c1c1e}[data-theme=dark] .review-product-info h4{color:#fff}[data-theme=dark] .review-comment{background:#2c2c2e;color:#ebebf5}[data-theme=dark] .review-photos-btn{background:#2c2c2e;border-color:#3a3a3c}[data-theme=dark] .photos-label{color:#fff}[data-theme=dark] .refresh-reviews-btn{background:#1c1c1e;border-color:#3a3a3c;color:#0a84ff}[data-theme=dark] .settings-list-new{background:#1c1c1e}[data-theme=dark] .settings-item-new{border-color:#2c2c2e}[data-theme=dark] .settings-item-new:active{background:#2c2c2e}[data-theme=dark] .settings-info h4{color:#fff}[data-theme=dark] .settings-info p{color:#8e8e93}[data-theme=dark] .settings-item-new>svg{color:#636366}[data-theme=dark] .settings-item-new.danger .settings-info h4{color:#ff453a}[data-theme=dark] .settings-icon{background:#0a84ff26;color:#0a84ff}[data-theme=dark] .settings-icon.edit{background:#30d15826;color:#30d158}[data-theme=dark] .settings-icon.logout{background:#ff453a26;color:#ff453a}[data-theme=dark] .empty-state-new svg{color:#636366}[data-theme=dark] .empty-state-new p{color:#8e8e93}[data-theme=dark] .empty-hint{color:#636366}[data-theme=dark] .modal-content{background:#1c1c1e}[data-theme=dark] .modal-header{border-color:#2c2c2e}[data-theme=dark] .modal-header h3{color:#fff}[data-theme=dark] .modal-close{background:#2c2c2e;color:#8e8e93}[data-theme=dark] .form-group label{color:#ebebf5}[data-theme=dark] .form-group input:focus{background:#1c1c1e}[data-theme=dark] .form-group input::placeholder{color:#636366}[data-theme=dark] .loading-container p,[data-theme=dark] .loading-state p{color:#8e8e93}[data-theme=dark] .loading-spinner{border-color:#0a84ff #3a3a3c #3a3a3c}[data-theme=dark] .orders-pagination{background:#1c1c1e}[data-theme=dark] .pagination-info{color:#8e8e93}[data-theme=dark] .page-btn{background:#2c2c2e;color:#fff}[data-theme=dark] .page-btn:active:not(:disabled){background:#3a3a3c}[data-theme=dark] .page-btn.active{background:#0a84ff;color:#fff}[data-theme=dark] .page-dots{color:#636366}[data-theme=dark] .profile-guest-hero{background:linear-gradient(135deg,#0a84ff,#05c)}[data-theme=dark] .profile-guest-benefits{background:#1c1c1e;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .profile-guest-benefits h2{color:#fff}[data-theme=dark] .benefit-item{background:#2c2c2e}[data-theme=dark] .benefit-info h3{color:#fff}[data-theme=dark] .benefit-info p{color:#8e8e93}[data-theme=dark] .guest-action-btn.secondary{background:#1c1c1e;border-color:#30d158;color:#30d158}[data-theme=dark] .profile-guest-security{color:#8e8e93}[data-theme=dark] .profile-guest-security svg{color:#30d158}[data-theme=dark] .stat-pill.success{background:#30d1581f;color:#30d158}[data-theme=dark] .stat-pill.warning{background:#ff9f0a1f;color:#ff9f0a}[data-theme=dark] .stat-pill.info{background:#0a84ff1f;color:#0a84ff}[data-theme=dark] .voucher-applied{background:#af52de1f;color:#bf5af2}[data-theme=dark] .status-tag.pending{background:#8e8e9326;color:#8e8e93}[data-theme=dark] .status-tag.paid{background:#0a84ff26;color:#0a84ff}[data-theme=dark] .status-tag.processing{background:#ff9f0a26;color:#ff9f0a}[data-theme=dark] .status-tag.completed{background:#30d15826;color:#30d158}[data-theme=dark] .status-tag.cancelled{background:#ff453a26;color:#ff453a}[data-theme=dark] .order-status-badge.completed,[data-theme=dark] .order-status-badge.paid{background:#30d15826;color:#30d158}[data-theme=dark] .order-status-badge.pending{background:#8e8e9326;color:#8e8e93}[data-theme=dark] .order-status-badge.processing{background:#ff9f0a26;color:#ff9f0a}[data-theme=dark] .order-status-badge.cancelled{background:#ff453a26;color:#ff453a}[data-theme=dark] .review-status-badge.approved{background:#30d1581f;color:#30d158}[data-theme=dark] .review-status-badge.pending{background:#ff9f0a1f;color:#ff9f0a}[data-theme=dark] .review-status-badge.rejected{background:#ff453a1f;color:#ff453a}[data-theme=dark] .reject-reason{background:#ff453a14;border-color:#ff453a26}[data-theme=dark] .reject-reason span,[data-theme=dark] .reject-reason svg{color:#ff453a}[data-theme=dark] .phone-check-result.available{background:#30d1581f;color:#30d158}[data-theme=dark] .form-error,[data-theme=dark] .phone-check-result.taken{background:#ff453a1f;color:#ff453a}[data-theme=dark] .form-success{background:#30d1581f;color:#30d158}[data-theme=dark] .stat-card-new.points .stat-icon-new{background:#ff9f0a26;color:#ff9f0a}[data-theme=dark] .stat-card-new.orders .stat-icon-new{background:#0a84ff26;color:#0a84ff}[data-theme=dark] .stat-card-new.spent .stat-icon-new{background:#30d15826;color:#30d158}[data-theme=dark] .stat-card-new.vouchers .stat-icon-new{background:#bf5af226;color:#bf5af2}[data-theme=dark] .my-review-card.approved,[data-theme=dark] .order-card-new.delivered{border-left-color:#30d158}[data-theme=dark] .my-review-card.pending{border-left-color:#ff9f0a}[data-theme=dark] .my-review-card.rejected{border-left-color:#ff453a}[data-theme=dark] .stat-card-review.total{border-bottom-color:#0a84ff}[data-theme=dark] .stat-card-review.approved{border-bottom-color:#30d158}[data-theme=dark] .stat-card-review.pending{border-bottom-color:#ff9f0a}[data-theme=dark] .stat-card-review.rating{border-bottom-color:#fbbf24}[data-theme=dark] .account-hidden span{color:#636366}[data-theme=dark] .account-notes .notes-value{color:#8e8e93}[data-theme=dark] .preview-thumb{border-color:#1c1c1e}[data-theme=dark] .gallery-nav,[data-theme=dark] .lightbox-close{background:#ffffff26;color:#fff}*{box-sizing:border-box;margin:0;padding:0}.track-order-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;flex-direction:column;min-height:100vh;padding-top:62px}.track-hero{background:linear-gradient(135deg,#007aff,#0056cc);overflow:hidden;padding:80px 20px 100px;position:relative}.track-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.track-hero-content{margin:0 auto;max-width:500px;position:relative;z-index:1}.track-hero h1{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.track-hero p{color:#ffffffd9;font-size:15px;font-weight:400;margin:0}.track-content{flex:1 1;margin-top:-60px;padding:0 20px 40px;position:relative;z-index:2}.track-container{margin:0 auto;max-width:600px;width:100%}.track-search-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;margin-bottom:24px;padding:32px 28px}.track-icon{display:none}.track-search-card h2{color:#2d3748;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.track-search-card p{color:#718096;font-size:14px;line-height:1.6;margin:0 0 24px}.track-form{display:flex;flex-direction:column;gap:14px}.input-wrapper{width:100%}.track-form input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:15px;font-weight:500;padding:16px 18px;transition:all .3s ease;width:100%}.track-form input:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.track-form input::placeholder{color:#a0aec0;font-weight:400}.track-form input.error{border-color:#f56565}.input-error{color:#f56565;font-size:13px;font-weight:500;gap:6px;margin-top:8px}.input-error,.track-btn{align-items:center;display:flex}.track-btn{background:linear-gradient(135deg,#007aff,#0056cc);border:none;border-radius:12px;box-shadow:0 4px 14px #007aff66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.track-btn:hover{box-shadow:0 6px 20px #007aff80;transform:translateY(-2px)}.track-btn:disabled{cursor:not-allowed;opacity:.6}.order-result{margin-top:0}.order-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 4px}.order-result-header h3{color:#2d3748;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.order-result-actions{align-items:center;display:flex;gap:10px}.last-refreshed{color:#718096;font-size:12px;font-weight:500}.refresh-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#007aff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.refresh-btn:hover{background:#f7fafc;border-color:#007aff}.order-card{align-items:normal!important;background:linear-gradient(135deg,#007aff,#0056cc)!important;border-radius:24px!important;box-shadow:0 10px 40px #007aff4d!important;cursor:default!important;display:block!important;justify-content:normal!important;margin-bottom:24px!important;overflow:visible!important;padding:36px 28px 0!important;position:relative!important;transition:none!important}.order-status{align-items:center;background:#007aff26!important;border:1px solid #007aff4d;border-radius:20px;color:#007aff!important;display:inline-flex!important;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.order-header{margin-bottom:28px}.order-id{align-items:normal!important;background:#0000!important;border-radius:0!important;color:inherit!important;cursor:pointer;display:block!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif!important;font-size:inherit!important;gap:0!important;padding:0!important}.order-id .label{align-items:center;color:#fffc;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.order-id .label .copy-icon{opacity:.7;transition:opacity .3s ease}.order-id .label .copy-icon.copied{color:#68d391;opacity:1}.order-id .value{word-wrap:break-word;color:#fff;font-size:28px;font-weight:800;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.5px;line-height:1.3;overflow-wrap:break-word;word-break:break-word}.order-content-card{background:#fff;border-radius:20px;box-shadow:0 -4px 20px #0000000d;margin:0 -28px;padding:28px;width:calc(100% + 56px)}.auto-refresh-bar{align-items:center;background:#edf2f7;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.auto-refresh-content{align-items:center;color:#4a5568;display:flex;font-size:13px;font-weight:600;gap:10px}.auto-refresh-toggle{height:28px;position:relative;width:48px}.auto-refresh-toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#cbd5e0;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;transition:.4s;width:22px}.auto-refresh-toggle input:checked+.toggle-slider{background:#007aff}.auto-refresh-toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.order-details{grid-gap:18px;display:grid;gap:18px;margin-bottom:24px}.detail-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.detail-row.highlight{background:linear-gradient(135deg,#007aff0d,#007aff14);border-left:4px solid #007aff;border-radius:12px;padding:16px 18px}.detail-label{color:#718096;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#2d3748;font-size:15px;font-weight:600;text-align:right}.detail-value.price{color:#007aff;font-size:24px;font-weight:800;letter-spacing:-.5px}.delivery-status-badge,.warranty-badge{align-items:center;background:#34c75926!important;border:1px solid #34c7594d;border-radius:8px;color:#34c759!important;display:inline-flex!important;font-size:12px;font-weight:700;gap:5px;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.warranty-active{align-items:center;color:#007aff;display:inline-flex;font-size:16px;font-weight:800;gap:6px}.section-divider{background:linear-gradient(90deg,#e2e8f0,#f7fafc 50%,#e2e8f0);height:2px;margin:28px 0}.delivered-accounts-section{margin-top:24px}.accounts-toggle-btn{align-items:center;background:linear-gradient(135deg,#4e73df,#3659d6);border:none;border-radius:14px;box-shadow:0 4px 14px #4e73df4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.accounts-toggle-btn:hover{box-shadow:0 6px 20px #4e73df66;transform:translateY(-2px)}.accounts-toggle-btn svg.rotated{transform:rotate(180deg)}.accounts-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.account-item{background:#f7fafc;border:2px solid #e2e8f0;border-radius:14px;gap:14px;padding:18px;transition:all .3s ease}.account-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000000d}.account-number{background:linear-gradient(135deg,#4e73df,#3659d6);border-radius:10px;flex-direction:column;font-size:13px;font-weight:800;position:relative}.account-number .account-type-badge{align-items:center;background:#fff;border-radius:50%;bottom:-5px;box-shadow:0 1px 4px #00000026;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-5px;width:18px}.account-data-parsed{gap:12px;min-width:0}.account-field{display:flex;flex-direction:column;gap:6px}.account-label{color:#718096;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.account-value{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-family:SF Mono,Menlo,monospace;font-size:14px;font-weight:600;padding:12px 14px;word-break:break-all}.account-notes{border-top:2px dashed #e2e8f0;padding-top:12px}.notes-value{background:#edf2f7;color:#718096;font-family:inherit;font-style:italic}.account-hidden{align-items:center;background:#edf2f7;border:2px dashed #cbd5e0;border-radius:10px;display:flex;justify-content:center;padding:16px}.account-hidden span{color:#a0aec0;font-family:monospace;font-size:18px;letter-spacing:4px}.account-actions{flex-direction:column;flex-shrink:0}.account-action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4e73df;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.account-action-btn:hover{background:#f7fafc;border-color:#4e73df}.accounts-warning{background:#fefcbf;border:2px solid #f6e05e;border-radius:12px;color:#744210;font-size:13px;font-weight:600;gap:12px;padding:14px 16px}.accounts-warning svg{color:#d69e2e;flex-shrink:0}.status-message{align-items:flex-start;border-radius:14px;display:flex;font-size:14px;font-weight:500;gap:14px;line-height:1.6;margin-top:20px;padding:18px 20px}.status-message svg{flex-shrink:0;margin-top:2px}.status-message.warning{background:#fefcbf;border:2px solid #f6e05e;color:#744210}.status-message.success{background:#c6f6d5;border:2px solid #9ae6b4;color:#22543d}.status-message.error{background:#fed7d7;border:2px solid #fc8181;color:#742a2a}.status-message.info{background:#bee3f8;border:2px solid #90cdf4;color:#2c5282}.status-content{display:flex;flex-direction:column;gap:4px}.status-content span:first-child{font-weight:700}.status-hint{font-size:13px;opacity:.9}.review-section{margin-top:20px}.review-order-btn{align-items:center;background:linear-gradient(135deg,#ed8936,#dd6b20);border:none;border-radius:14px;box-shadow:0 4px 14px #ed893666;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.review-order-btn:hover{box-shadow:0 6px 20px #ed893680;transform:translateY(-2px)}.review-order-btn:disabled{opacity:.6}.review-done-badge{align-items:center;background:#c6f6d5;border:2px solid #9ae6b4;border-radius:14px;color:#22543d;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase}.review-done-badge svg{color:#38a169}.delivery-note-section{align-items:flex-start;background:#fefcbf;border:2px solid #f6e05e;border-radius:12px;color:#744210;display:flex;font-size:13px;font-weight:500;gap:12px;line-height:1.6;margin-top:20px;padding:16px 18px}.delivery-note-section svg{color:#d69e2e;flex-shrink:0;margin-top:2px}.track-tips{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:28px}.track-tips h4{color:#2d3748;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 18px}.track-tips ul{list-style:none;margin:0;padding:0}.track-tips li{color:#4a5568;font-size:14px;font-weight:500;line-height:1.7;margin-bottom:12px;padding-left:24px;position:relative}.track-tips li:last-child{margin-bottom:0}.track-tips li:before{color:#4e73df;content:"●";font-size:18px;font-weight:700;left:0;position:absolute}@media (max-width:480px){.track-hero{padding:50px 16px 70px}.track-hero h1{font-size:24px}.track-hero p{font-size:14px}.track-content{margin-top:-50px;padding:0 16px 30px}.track-search-card{border-radius:16px;padding:24px 18px}.track-search-card h2{font-size:18px}.order-card{border-radius:18px!important;padding:24px 18px 0!important}.order-content-card{border-radius:14px!important;margin:0 -18px!important;padding:18px!important;width:calc(100% + 36px)!important}.order-status{font-size:10px;padding:5px 12px}.order-id .label{font-size:11px}.order-id .value{font-size:20px}.detail-label{font-size:11px}.detail-value{font-size:14px}.detail-value.price{font-size:18px}.detail-row.highlight{padding:12px 14px}.warranty-active{font-size:14px}}@media (max-width:360px){.track-hero{padding:40px 14px 60px}.track-hero h1{font-size:22px}.track-content{padding:0 14px 24px}.track-search-card{padding:20px 16px}.order-card{padding:20px 16px 0!important}.order-content-card{margin:0 -16px!important;padding:16px!important;width:calc(100% + 32px)!important}.order-id .value{font-size:18px}.detail-value.price{font-size:16px}}@media (min-width:481px) and (max-width:768px){.detail-value{font-size:16px}}@media (min-width:1024px){.detail-value{font-size:17px}}[data-theme=dark] .track-order-page{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] .order-content-card,[data-theme=dark] .track-search-card,[data-theme=dark] .track-tips{background:#2d3748}[data-theme=dark] .detail-value,[data-theme=dark] .order-result-header h3,[data-theme=dark] .track-search-card h2,[data-theme=dark] .track-tips h4{color:#e2e8f0}[data-theme=dark] .detail-label,[data-theme=dark] .track-search-card p,[data-theme=dark] .track-tips li{color:#a0aec0}[data-theme=dark] .track-form input{color:#e2e8f0}[data-theme=dark] .account-item,[data-theme=dark] .track-form input{background:#1a202c;border-color:#4a5568}[data-theme=dark] .account-value{background:#2d3748;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .account-action-btn,[data-theme=dark] .refresh-btn{background:#1a202c;border-color:#4a5568}[data-theme=dark] .auto-refresh-bar{background:#1a202c}[data-theme=dark] .detail-row.highlight{background:linear-gradient(135deg,#1a202c,#2d3748)}.review-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.review-modal-container{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#1e1e2e,#1a1a2e);border:1px solid #dc2e5a4d;border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #dc2e5a26;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.review-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.header-content{align-items:center;display:flex;gap:.75rem}.header-content h2{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.header-icon{animation:sparkle 2s ease-in-out infinite;color:#4da3ff}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.review-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.review-close-btn:hover{background:#ffffff40;color:#fff}.review-product-info{background:#dc2e5a26;border-bottom:1px solid #dc2e5a33;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem}.review-product-info span{color:#d1d5db;font-weight:500}.review-product-info strong{color:#fff;font-weight:600}.review-rating-section{padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.review-rating-section.animate{animation:pulse .6s ease}.rating-emoji{animation:bounce .5s ease;font-size:3.5rem;margin-bottom:1rem;transition:all .3s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.stars-container{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.star-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:.25rem;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.star-btn:hover{transform:scale(1.2)}.star-btn.active{animation:starPop .3s ease}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.star-btn svg{filter:drop-shadow(0 0 0 transparent);transition:all .2s ease}.star-btn.active svg{filter:drop-shadow(0 0 8px rgba(251,191,36,.5))}.rating-text{color:#007aff;font-size:1rem;font-weight:600;margin:0;min-height:1.5rem;transition:all .3s ease}.review-form{padding:0 1.5rem 1.5rem}.review-form .form-group{margin-bottom:1.25rem}.review-form .form-group label{align-items:center;color:#1c1c1e;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-group label .member-badge{background:linear-gradient(135deg,#007aff,#4da3ff);border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.form-group label .optional{color:#4da3ff;font-size:.85rem;font-weight:500}.form-group .input-hint{color:#9ca3af;display:block;font-size:.8rem;font-style:italic;margin-top:.35rem}.form-group input.locked-input{background:#ffffffb3;border-color:#9ca3af4d;color:#4b5563;cursor:not-allowed}.form-group input,.form-group textarea{background:#fffffff2;border:2px solid #dc2e5a4d;border-radius:12px;color:#1f2937;font-size:1rem;font-weight:500;padding:.875rem 1rem;resize:none;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 3px #dc2e5a33;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280;font-weight:400}.char-count{color:#d1d5db;font-size:.8rem;margin-top:.35rem;text-align:right}.image-upload-section{display:flex;flex-wrap:wrap;gap:.75rem}.label-icon{margin-right:4px;opacity:.7;vertical-align:-2px}.image-preview{border:2px solid #dc2e5a4d;border-radius:14px;box-shadow:0 4px 12px #00000026;height:90px;overflow:hidden;position:relative;transition:all .3s ease;width:90px}.image-preview:hover{border-color:#007aff;transform:scale(1.05)}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview-overlay{align-items:center;background:#00000080;bottom:0;display:flex;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.image-preview:hover .image-preview-overlay{opacity:1}.preview-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.preview-btn.view{background:#ffffff4d}.preview-btn.view:hover{background:#3b82f6;transform:scale(1.1)}.preview-btn.remove{background:#ef4444cc}.preview-btn.remove:hover{background:#ef4444;transform:scale(1.1)}.image-number{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;bottom:6px;box-shadow:0 2px 6px #0000004d;color:#fff;font-size:10px;font-weight:700;height:20px;left:6px;position:absolute;width:20px}.image-number,.image-preview.uploading{align-items:center;display:flex;justify-content:center}.image-preview.uploading{background:#dc2e5a1a;border-style:dashed;color:#007aff;flex-direction:column;gap:6px}.image-preview.uploading span{font-size:10px;font-weight:500}.image-upload-btn{align-items:center;background:linear-gradient(135deg,#dc2e5a08,#dc2e5a14);border:2px dashed #dc2e5a66;border-radius:14px;color:#007aff;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:90px;justify-content:center;transition:all .3s ease;width:90px}.image-upload-btn:hover{background:linear-gradient(135deg,#dc2e5a14,#dc2e5a26);border-color:#007aff;transform:scale(1.05)}.upload-icon-wrapper{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;box-shadow:0 4px 12px #dc2e5a4d;color:#fff;display:flex;height:42px;justify-content:center;transition:all .3s ease;width:42px}.image-upload-btn:hover .upload-icon-wrapper{box-shadow:0 6px 16px #dc2e5a66;transform:scale(1.1)}.upload-text{font-size:11px;font-weight:600;margin-top:4px}.upload-hint{font-size:9px;opacity:.7}.upload-info{align-items:center;color:#ffffff80;display:flex;font-size:11px;gap:6px;margin-top:10px}.upload-info svg{opacity:.6}.image-preview-modal{align-items:center;animation:fadeIn .2s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.image-preview-modal img{animation:zoomIn .3s ease;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:90%;object-fit:contain}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.preview-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:48px}.preview-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.review-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.review-actions{display:flex;gap:1rem;margin-top:1.5rem}.review-btn-primary,.review-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease}.review-btn-secondary{background:#ffffff1a;color:#9ca3af}.review-btn-secondary:hover:not(:disabled){background:#ffffff26;color:#fff}.review-btn-primary{background:linear-gradient(135deg,#007aff,#5856d6);box-shadow:0 4px 15px #dc2e5a4d;color:#fff}.review-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #dc2e5a66;transform:translateY(-2px)}.review-btn-primary:disabled,.review-btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.review-btn-primary .spin{animation:spin 1s linear infinite}.review-success{padding:3rem 2rem;text-align:center}.success-animation{margin-bottom:1.5rem;position:relative}.success-circle{align-items:center;animation:successPop .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;box-shadow:0 0 30px #10b98166;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto;width:100px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-sparkles{height:150px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.sparkle{animation:sparkleFloat 1.5s ease-in-out infinite;color:#fbbf24;position:absolute}.sparkle-1{animation-delay:0s;right:10px;top:-10px}.sparkle-2{animation-delay:.3s;bottom:0;left:5px}.sparkle-3{animation-delay:.6s;left:-5px;top:20px}@keyframes sparkleFloat{0%,to{opacity:1;transform:translateY(0) rotate(0deg)}50%{opacity:.5;transform:translateY(-10px) rotate(15deg)}}.review-success h2{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.review-success p{color:#9ca3af;margin:0 0 1.5rem}.success-rating{display:flex;gap:.25rem;justify-content:center;margin-bottom:2rem}.success-rating .star-filled{animation:starShine .5s ease forwards;color:#fbbf24}.success-rating .star-empty{color:#4b5563}@keyframes starShine{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-rating .star-filled:first-child{animation-delay:.1s}.success-rating .star-filled:nth-child(2){animation-delay:.2s}.success-rating .star-filled:nth-child(3){animation-delay:.3s}.success-rating .star-filled:nth-child(4){animation-delay:.4s}.success-rating .star-filled:nth-child(5){animation-delay:.5s}@media (max-width:480px){.review-modal-container{border-radius:16px;max-height:95vh}.star-btn svg{height:32px;width:32px}.rating-emoji{font-size:2.5rem}.review-actions{flex-direction:column-reverse}.image-preview,.image-upload-btn{height:75px;width:75px}.upload-icon-wrapper{height:36px;width:36px}.upload-icon-wrapper svg{height:18px;width:18px}.upload-info,.upload-text{font-size:10px}.image-number{font-size:8px;height:16px;width:16px}.preview-btn{height:26px;width:26px}}.order-product-detail{margin-bottom:24px;width:100%}.order-product-detail-wrapper{align-items:flex-start;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#007aff05,#007aff0d);border:1px solid #007aff1a;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transform:translateZ(0)}.order-product-detail-wrapper:before{background:linear-gradient(135deg,#007aff,#0056cc);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.order-product-detail-image-container{align-items:center;background:#fff;border:2px solid #007aff26;border-radius:16px;box-shadow:0 4px 12px #007aff1a;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;position:relative;transform:translateZ(0);width:80px}.order-product-detail-image{display:block;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin:0 auto;object-fit:cover;object-position:center;transform:translateZ(0);width:100%}.order-product-detail-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-width:0}.order-product-detail-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3748;display:-webkit-box;font-size:18px;font-weight:700;letter-spacing:-.4px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.order-product-detail-quantity{align-items:center;background:#007aff1f;border:1px solid #007aff33;border-radius:20px;box-shadow:0 2px 6px #007aff14;display:inline-flex;gap:6px;padding:6px 14px;transform:translateZ(0);width:-webkit-fit-content;width:fit-content}.order-product-detail-quantity .quantity-label{color:#007aff;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.order-product-detail-quantity .quantity-value{color:#007aff;font-size:12px;font-weight:800}@media (max-width:480px){.order-product-detail-wrapper{align-items:center;flex-direction:row;gap:12px;padding:16px}.order-product-detail-image-container{border-radius:12px;height:70px;width:70px}.order-product-detail-name{-webkit-line-clamp:2;font-size:15px}.order-product-detail-quantity{padding:5px 10px}.order-product-detail-quantity .quantity-label{font-size:10px}.order-product-detail-quantity .quantity-value{font-size:11px}}@media (max-width:360px){.order-product-detail-wrapper{align-items:center;flex-direction:column;gap:12px;padding:14px;text-align:center}.order-product-detail-wrapper:before{height:4px;left:0;top:0;width:100%}.order-product-detail-image-container{height:90px;margin:0 auto;width:90px}.order-product-detail-info{align-items:center;text-align:center;width:100%}.order-product-detail-name{font-size:14px;text-align:center;width:100%}.order-product-detail-quantity{margin:0 auto}.order-product-detail-quantity .quantity-label{font-size:9px}.order-product-detail-quantity .quantity-value{font-size:10px}}@media (min-width:390px) and (max-width:430px){.order-product-detail-image-container{height:75px;width:75px}.order-product-detail-name{font-size:16px}}@media (min-width:431px) and (max-width:480px){.order-product-detail-image-container{height:80px;width:80px}.order-product-detail-name{font-size:17px}}@media (min-width:481px) and (max-width:768px){.order-product-detail-image-container{height:90px;width:90px}.order-product-detail-name{font-size:19px}.order-product-detail-quantity .quantity-label{font-size:12px}.order-product-detail-quantity .quantity-value{font-size:13px}}@media (min-width:769px){.order-product-detail-wrapper{gap:20px;padding:24px}.order-product-detail-image-container{border-radius:18px;height:100px;width:100px}.order-product-detail-name{font-size:20px}.order-product-detail-quantity{padding:7px 16px}.order-product-detail-quantity .quantity-label{font-size:13px}.order-product-detail-quantity .quantity-value{font-size:14px}}@supports (-webkit-touch-callout:none){.order-product-detail-wrapper{align-items:stretch}.order-product-detail-image-container{align-self:center}.order-product-detail-info{justify-content:center}.order-product-detail-image{transform:translateZ(0)}}@media (prefers-color-scheme:dark){.order-product-detail-wrapper{background:linear-gradient(135deg,#007aff14,#007aff1f);border-color:#007aff33}.order-product-detail-name{color:#e2e8f0}.order-product-detail-image-container{background:#1a202c;border-color:#007aff4d}}.faq-page{background:#f2f2f7;display:flex;flex-direction:column;min-height:100vh;padding-top:62px}.faq-hero{background:linear-gradient(135deg,#007aff,#0056cc);overflow:hidden;padding:80px 24px;position:relative;text-align:center}.faq-hero:before{animation:heroShimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}.faq-hero-content{margin:0 auto;max-width:600px}.faq-hero h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:8px}.faq-hero p{color:#ffffffe6;font-size:1rem}.faq-content{flex:1 1;margin-top:-30px;padding:0 16px;position:relative;z-index:2}.faq-container{margin:0 auto;max-width:600px;padding-bottom:32px}.faq-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.faq-item{border-bottom:1px solid #f1f5f9}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:18px 20px;text-align:left;transition:all .2s ease;width:100%}.faq-question:hover{background:#007aff0d}.faq-item.active .faq-question{background:linear-gradient(135deg,#007aff,#5856d6)}.faq-question-left{align-items:center;display:flex;flex:1 1;gap:14px}.faq-icon{color:#007aff;flex-shrink:0}.faq-item.active .faq-icon{color:#fff}.faq-question-left span{color:#1f2937;font-size:.95rem;font-weight:500;line-height:1.4}.faq-item.active .faq-question-left span{color:#fff}.faq-chevron{color:#9ca3af;flex-shrink:0;transition:transform .3s ease}.faq-item.active .faq-chevron{color:#fff}.faq-chevron.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.show{max-height:500px}.faq-answer p{color:#4b5563;font-size:.9rem;line-height:1.7;padding:0 20px 18px 54px}.faq-contact-section{padding:32px 16px;text-align:center}.faq-contact-section p{color:#64748b;font-size:.95rem;margin-bottom:16px}.faq-contact-btn{align-items:center;background:#25d366;border-radius:12px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.faq-contact-btn:hover{background:#20bd5a;box-shadow:0 8px 20px #25d3664d;transform:translateY(-2px)}@media (max-width:768px){.faq-hero{padding:60px 16px}.faq-hero h1{font-size:1.5rem}.faq-hero p{font-size:.9rem}.faq-content{padding:0 12px}.faq-question{padding:16px}.faq-question-left span{font-size:.9rem}.faq-answer p{font-size:.85rem;padding:0 16px 16px 50px}}@media (max-width:480px){.faq-hero{padding:50px 16px}.faq-hero h1{font-size:1.35rem}.faq-question-left span{font-size:.85rem}.faq-answer p{padding:0 16px 16px}.faq-contact-btn{justify-content:center;max-width:280px;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faq-item{animation:fadeIn .3s ease forwards}.faq-item:first-child{animation-delay:.05s}.faq-item:nth-child(2){animation-delay:.1s}.faq-item:nth-child(3){animation-delay:.15s}.faq-item:nth-child(4){animation-delay:.2s}.faq-item:nth-child(5){animation-delay:.25s}[data-theme=dark] .faq-page{background:#000}[data-theme=dark] .faq-hero{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}[data-theme=dark] .faq-card{background:#1c1c1e;box-shadow:0 4px 20px #0006}[data-theme=dark] .faq-item{border-bottom-color:#2c2c2e}[data-theme=dark] .faq-question:hover{background:#0a84ff1a}[data-theme=dark] .faq-item.active .faq-question{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}[data-theme=dark] .faq-icon{color:#0a84ff}[data-theme=dark] .faq-item.active .faq-icon,[data-theme=dark] .faq-question-left span{color:#fff}[data-theme=dark] .faq-chevron{color:#8e8e93}[data-theme=dark] .faq-answer p{color:#aeaeb2}[data-theme=dark] .faq-contact-section p{color:#8e8e93}[data-theme=dark] .faq-contact-btn{background:#25d366;box-shadow:0 4px 15px #25d3664d}.terms-page{background:#f2f2f7;display:flex;flex-direction:column;min-height:100vh;padding-top:62px}.terms-hero{background:linear-gradient(135deg,#007aff,#0056cc);overflow:hidden;padding:80px 24px;position:relative;text-align:center}.terms-hero:before{animation:heroShimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}@keyframes heroShimmer{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.terms-hero-content{margin:0 auto;max-width:600px}.terms-hero h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:8px}.terms-hero p{color:#ffffffe6;font-size:1rem}.terms-content{flex:1 1;margin-top:-30px;padding:0 16px;position:relative;z-index:2}.terms-container{margin:0 auto;max-width:700px;padding-bottom:32px}.terms-tabs{display:flex;gap:8px;margin-bottom:16px}.terms-tab{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.terms-tab:hover{border-color:#007aff;color:#007aff}.terms-tab.active{background:linear-gradient(135deg,#007aff,#5856d6);border-color:#0000;box-shadow:0 4px 15px #007aff4d;color:#fff}.terms-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:24px}.terms-updated{border-bottom:1px solid #f1f5f9;color:#9ca3af;font-size:.85rem;margin-bottom:20px;padding-bottom:16px}.terms-intro{background:#007aff0d;border-left:4px solid #007aff;border-radius:10px;color:#4b5563;font-size:.95rem;line-height:1.7;padding:16px}.terms-intro,.terms-section{margin-bottom:24px}.terms-section:last-child{margin-bottom:0}.terms-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:12px}.terms-section h3:before{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:2px;content:"";height:20px;width:4px}.terms-section p{color:#4b5563;font-size:.9rem;line-height:1.7;margin-bottom:12px}.terms-section ul{list-style:none;margin:0;padding:0}.terms-section li{color:#4b5563;font-size:.9rem;line-height:1.6;margin-bottom:10px;padding-left:20px;position:relative}.terms-section li:before{color:#007aff;content:"•";font-weight:700;left:0;position:absolute}.terms-section li strong{color:#1f2937}.terms-contact-section{padding:32px 16px;text-align:center}.terms-contact-section p{color:#64748b;font-size:.95rem;margin-bottom:16px}.terms-contact-btn{align-items:center;background:#25d366;border-radius:12px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.terms-contact-btn:hover{background:#20bd5a;box-shadow:0 8px 20px #25d3664d;transform:translateY(-2px)}@media (max-width:768px){.terms-hero{padding:60px 16px}.terms-hero h1{font-size:1.5rem}.terms-hero p{font-size:.9rem}.terms-content{padding:0 12px}.terms-tabs{flex-direction:column}.terms-tab{justify-content:flex-start}.terms-card{padding:20px 16px}.terms-section h3{font-size:1rem}.terms-section li,.terms-section p{font-size:.85rem}}@media (max-width:480px){.terms-hero{padding:50px 16px}.terms-hero h1{font-size:1.35rem}.terms-tab{font-size:.85rem;padding:12px 16px}.terms-intro{font-size:.85rem;padding:12px}.terms-contact-btn{justify-content:center;max-width:280px;width:100%}}[data-theme=dark] .terms-page{background:#000}[data-theme=dark] .terms-hero{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}[data-theme=dark] .terms-tabs{background:#0000}[data-theme=dark] .terms-tab{background:#1c1c1e;border-color:#3a3a3c;color:#8e8e93}[data-theme=dark] .terms-tab:hover{border-color:#0a84ff;color:#0a84ff}[data-theme=dark] .terms-tab.active{background:linear-gradient(135deg,#0a84ff,#5e5ce6);border-color:#0000;box-shadow:0 4px 15px #0a84ff4d;color:#fff}[data-theme=dark] .terms-card{background:#1c1c1e;box-shadow:0 4px 20px #0006}[data-theme=dark] .terms-updated{border-bottom-color:#2c2c2e;color:#8e8e93}[data-theme=dark] .terms-intro{background:#0a84ff1a;border-left-color:#0a84ff;color:#aeaeb2}[data-theme=dark] .terms-section h3{color:#fff}[data-theme=dark] .terms-section h3:before{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}[data-theme=dark] .terms-section li,[data-theme=dark] .terms-section p{color:#aeaeb2}[data-theme=dark] .terms-section li:before{color:#0a84ff}[data-theme=dark] .terms-section li strong{color:#fff}[data-theme=dark] .terms-contact-section p{color:#8e8e93}[data-theme=dark] .terms-contact-btn{background:#25d366;box-shadow:0 4px 15px #25d3664d}.checkout-page{background:#f2f2f7;display:flex;flex-direction:column;min-height:100vh;padding-top:62px}.checkout-breadcrumb{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb8;border-bottom:.5px solid #3c3c431f;padding:12px 16px}.breadcrumb-container{align-items:center;display:flex;font-size:.875rem;gap:8px;margin:0 auto;max-width:1200px}.breadcrumb-link{align-items:center;color:#8e8e93;display:flex;gap:6px;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#007aff}.breadcrumb-separator{color:#c7c7cc}.breadcrumb-current{color:#000;font-weight:500}.checkout-hero{background:linear-gradient(180deg,#007aff,#0056cc);padding:50px 16px 70px;text-align:center}.hero-container{margin:0 auto;max-width:600px}.hero-icon{align-items:center;background:#fff3;border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.checkout-hero h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}.checkout-hero p{color:#ffffffd9;font-size:16px;letter-spacing:-.2px}.checkout-progress{background:#fff;border-bottom:none;border-radius:14px;box-shadow:0 2px 10px #00000014;margin-left:auto;margin-right:auto;margin-top:-36px;max-width:560px;padding:20px 16px;position:relative;z-index:2}.progress-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:500px}.progress-step{flex-direction:column;gap:8px}.progress-step,.step-circle{align-items:center;display:flex}.step-circle{background:#f2f2f7;border:none;border-radius:50%;color:#8e8e93;height:40px;justify-content:center;transition:all .3s ease;width:40px}.progress-step.active .step-circle{background:#007aff;box-shadow:0 4px 14px #007aff4d;color:#fff}.progress-step.completed .step-circle{background:#34c759;color:#fff}.progress-step span{color:#8e8e93;font-size:12px;font-weight:500;letter-spacing:-.2px}.progress-step.active span,.progress-step.completed span{color:#000;font-weight:600}.progress-line{background:#e5e5ea;border-radius:1px;height:2px;margin:0 12px 26px;transition:all .3s ease;width:70px}.progress-line.active{background:#34c759}.checkout-main{background:#f2f2f7;flex:1 1;padding:20px 16px 60px}.checkout-container{margin:0 auto;max-width:560px}.checkout-step{display:flex;flex-direction:column;gap:16px}.checkout-card{background:#fff;border-radius:14px;box-shadow:none;padding:20px}.card-header{align-items:center;color:#000;display:flex;gap:10px;margin-bottom:14px}.card-header svg{color:#007aff}.card-header h3{font-size:17px;font-weight:600;letter-spacing:-.4px}.product-card{position:relative}.product-header{display:flex;gap:14px;margin-bottom:14px}.product-image{background:#f2f2f7;border-radius:12px;flex-shrink:0;height:90px;overflow:hidden;position:relative;width:90px}.product-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;color:#8e8e93;display:flex;height:100%;justify-content:center;width:100%}.discount-badge{background:#ff3b30;border-radius:6px;color:#fff;font-size:11px;font-weight:600;left:6px;letter-spacing:-.2px;padding:3px 8px;position:absolute;top:6px}.product-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.product-category{color:#007aff;font-size:12px;font-weight:600;letter-spacing:.2px;margin-bottom:4px;text-transform:uppercase}.product-info h2{color:#000;font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.3;margin-bottom:6px}.product-price{align-items:center;display:flex;gap:8px}.original-price{color:#8e8e93;font-size:14px;text-decoration:line-through}.current-price{color:#007aff;font-size:20px;font-weight:700;letter-spacing:-.4px}.stock-badge{align-items:center;background:#34c7591f;border-radius:8px;color:#34c759;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.description-text{color:#636366;font-size:15px;letter-spacing:-.2px;line-height:1.6;white-space:pre-line}.terms-toggle{background:#0000;border:none;color:#000;cursor:pointer;justify-content:space-between;padding:0;width:100%}.terms-toggle,.toggle-left{align-items:center;display:flex}.toggle-left{font-weight:600;gap:10px;letter-spacing:-.2px}.toggle-left svg{color:#007aff}.terms-list{border-top:.5px solid #3c3c431f;list-style:none;margin-top:14px;padding-top:14px}.terms-list li{align-items:flex-start;color:#636366;display:flex;font-size:15px;gap:10px;letter-spacing:-.2px;padding:8px 0}.terms-list li svg{color:#34c759;flex-shrink:0;margin-top:2px}.quantity-selector{gap:20px;padding:14px 0}.qty-btn,.quantity-selector{align-items:center;display:flex;justify-content:center}.qty-btn{background:#7676801f;border:none;border-radius:12px;color:#000;cursor:pointer;height:44px;transition:all .2s ease;width:44px}.qty-btn:hover:not(:disabled){background:#007aff1f;color:#007aff}.qty-btn:active:not(:disabled){transform:scale(.95)}.qty-btn:disabled{cursor:not-allowed;opacity:.4}.qty-value{color:#000;font-size:24px;font-weight:700;letter-spacing:-.5px;min-width:60px;text-align:center}.qty-note{color:#8e8e93;font-size:13px;text-align:center}.voucher-input{display:flex;gap:10px}.voucher-input input{background:#7676801f;border:none;border-radius:12px;flex:1 1;font-size:17px;letter-spacing:-.4px;padding:14px 16px;transition:all .2s ease}.voucher-input input::placeholder{color:#8e8e93}.voucher-input input:focus{background:#7676802e;box-shadow:0 0 0 4px #007aff26;outline:none}.apply-btn{background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:-.2px;padding:14px 22px;transition:all .2s ease}.apply-btn:hover{background:#0056cc}.apply-btn:active{transform:scale(.98);white-space:nowrap}.apply-btn:disabled{cursor:not-allowed;opacity:.6}.apply-btn:hover:not(:disabled){box-shadow:0 4px 15px #dc2e5a4d;transform:translateY(-1px)}.voucher-applied{background:#ecfdf5;border:2px solid #10b981;border-radius:12px;justify-content:space-between;padding:16px}.voucher-applied,.voucher-info{align-items:center;display:flex}.voucher-info{gap:12px}.voucher-info svg{color:#10b981}.voucher-info strong{color:#1f2937;display:block}.voucher-info span{color:#10b981;font-size:.85rem}.remove-voucher{background:#0000;border:none;color:#dc2626;cursor:pointer;padding:8px}.voucher-error{color:#dc2626;font-size:.85rem;margin-top:8px}.summary-card h3{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:16px}.summary-row{color:#4b5563;display:flex;font-size:.95rem;justify-content:space-between;padding:10px 0}.summary-row.discount{color:#10b981}.summary-row.fee{color:#f59e0b}.summary-row.fee-header{color:#374151;font-weight:600}.summary-row.fee-detail{font-size:.85rem;padding:4px 0 4px 8px}.summary-row.fee-detail.merchant{color:#10b981}.summary-row.fee-detail.customer{color:#f59e0b}.summary-row.fee-note-row{padding:4px 0}.summary-row .fee-note{color:#10b981;font-size:.8rem;font-style:italic}.summary-fee-section{background:#f9fafb;border-radius:8px;margin:0 -16px;padding:8px 16px}.summary-row.total{color:#1f2937;font-size:1.1rem;font-weight:700}.summary-row.total span:last-child{color:#6366f1}.summary-warning{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;color:#92400e;display:flex;font-size:.85rem;gap:8px;margin-top:12px;padding:10px 12px}.summary-divider{background:#e5e7eb;height:1px;margin:8px 0}.stock-error-alert{align-items:flex-start;animation:slideUp .3s ease-out;border-radius:14px;display:flex;gap:14px;margin-top:16px;padding:16px;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stock-error-alert.insufficient{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fecaca}.stock-error-alert.rate_limit{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.stock-error-alert.general{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fecaca}.stock-error-icon{border-radius:12px;flex-shrink:0;height:44px;width:44px}.stock-error-alert.insufficient .stock-error-icon{background:#dc2626;color:#fff}.stock-error-alert.rate_limit .stock-error-icon{background:#f59e0b;color:#fff}.stock-error-alert.general .stock-error-icon{background:#ef4444;color:#fff}.stock-error-content{flex:1 1;min-width:0}.stock-error-content h4{font-size:15px;font-weight:600;margin:0 0 4px}.stock-error-alert.insufficient .stock-error-content h4{color:#991b1b}.stock-error-alert.rate_limit .stock-error-content h4{color:#92400e}.stock-error-alert.general .stock-error-content h4{color:#991b1b}.stock-error-content p{font-size:13px;line-height:1.4;margin:0}.stock-error-alert.insufficient .stock-error-content p{color:#b91c1c}.stock-error-alert.rate_limit .stock-error-content p{color:#b45309}.stock-error-alert.general .stock-error-content p{color:#b91c1c}.stock-error-hint{font-size:12px!important;margin-top:4px!important;opacity:.8}.stock-error-details{display:flex;flex-direction:column;gap:10px;margin-top:12px}.available-stock{align-items:center;background:#fff9;border-radius:8px;color:#991b1b;display:inline-flex;font-size:13px;gap:6px;padding:8px 12px}.available-stock strong{color:#dc2626;font-weight:700}.adjust-qty-btn{align-self:flex-start;background:#007aff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.adjust-qty-btn:hover{background:#0056cc;transform:translateY(-1px)}.back-to-shop-btn{align-items:center;background:#6b7280;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-top:8px;padding:10px 16px;transition:all .2s}.back-to-shop-btn:hover{background:#4b5563}.stock-error-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:28px}.stock-error-close:hover{background:#0000001a;color:#6b7280}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{align-items:center;color:#007aff;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:10px}.form-group label svg{color:#007aff}.form-group input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1c1c1e;font-size:1rem;padding:16px;transition:all .2s ease;width:100%}.form-group input::placeholder{color:#8e8e93}.form-group input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff26;outline:none}.form-group input.error{border-color:#dc2626}.error-text{color:#dc2626;display:block}.error-text,.input-hint{font-size:.8rem;margin-top:6px}.input-hint{color:#9ca3af}.member-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;color:#92400e;display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-top:16px;padding:12px 16px}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-section-title{color:#8e8e93;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:-4px;margin-top:8px;padding-left:4px;text-transform:uppercase}.payment-option{align-items:center;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.payment-option:hover{border-color:#6366f1}.payment-option.selected{background:linear-gradient(135deg,#fef2f4,#fff5f7);border-color:#6366f1}.payment-option input{display:none}.payment-icon{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;padding:6px;width:50px}.payment-icon img{max-height:100%;max-width:100%;object-fit:contain}.payment-option.selected .payment-icon{background:#fff;box-shadow:0 2px 8px #6366f133}.payment-icon.qris{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;padding:0}.payment-option.selected .payment-icon.qris{box-shadow:0 4px 12px #6366f14d}.payment-info{flex:1 1}.payment-info strong{color:#1f2937;display:block;margin-bottom:2px}.payment-info span{color:#64748b;font-size:.85rem}.payment-badge{align-items:center;background:#10b981;border-radius:20px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 12px}.error-card{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;gap:12px;padding:16px}.error-card strong{display:block;margin-bottom:4px}.error-card p{font-size:.9rem;opacity:.8}.stock-error-card{align-items:center;animation:fadeInScale .3s ease;background:linear-gradient(145deg,#fff5f5,#fee2e2);border:1px solid #fecaca;border-radius:20px;display:flex;flex-direction:column;padding:32px 24px;text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.stock-error-icon{align-items:center;background:linear-gradient(145deg,#fee2e2,#fecaca);border-radius:50%;color:#dc2626;display:flex;height:72px;justify-content:center;margin-bottom:20px;width:72px}.stock-error-content{width:100%}.stock-error-content strong{color:#991b1b;display:block;font-size:1.25rem;margin-bottom:8px}.stock-error-content p{color:#b91c1c;font-size:.95rem;margin:0 0 8px}.stock-error-content .stock-available{background:#fee2e2;border-radius:8px;color:#dc2626;display:inline-block;font-weight:600;margin-bottom:20px;padding:6px 12px}.stock-error-actions{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:280px;width:100%}.stock-error-actions .btn-secondary{background:linear-gradient(135deg,#007aff,#0056cc);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:14px 24px;transition:all .2s ease}.stock-error-actions .btn-secondary:hover{box-shadow:0 4px 12px #007aff4d;transform:translateY(-1px)}.stock-error-actions .btn-outline-gray{background:#0000;border:1.5px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.stock-error-actions .btn-outline-gray:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}[data-theme=dark] .stock-error-card{background:linear-gradient(145deg,#2a1f1f,#3d2222);border-color:#7f1d1d}[data-theme=dark] .stock-error-icon{background:linear-gradient(145deg,#7f1d1d,#991b1b);color:#fca5a5}[data-theme=dark] .stock-error-content p,[data-theme=dark] .stock-error-content strong{color:#fca5a5}[data-theme=dark] .stock-error-content .stock-available{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .stock-error-actions .btn-outline-gray{border-color:#4b5563;color:#9ca3af}[data-theme=dark] .stock-error-actions .btn-outline-gray:hover{background:#374151;border-color:#6b7280;color:#d1d5db}.payment-step{gap:16px}.payment-timer{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;color:#64748b;display:flex;font-size:.95rem;gap:10px;justify-content:center;padding:16px}.payment-timer svg{color:#6366f1}.payment-timer strong{color:#1f2937;font-family:monospace;font-size:1.25rem}.payment-timer strong.warning{animation:pulse 1s ease infinite;color:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.qr-card{text-align:center}.qr-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:4px}.qr-header p{color:#64748b;font-size:.9rem;margin-bottom:20px}.qr-container{background:#f8fafc;border-radius:16px;display:flex;justify-content:center;margin-bottom:20px;padding:24px}.qr-image{border-radius:12px}.qr-image,.qr-loading{height:200px;width:200px}.qr-loading{align-items:center;color:#6366f1;display:flex;justify-content:center}.qr-amount{margin-bottom:20px}.qr-amount span{color:#64748b;display:block;font-size:.9rem;margin-bottom:4px}.qr-amount strong{color:#6366f1;font-size:1.75rem;font-weight:700}.qr-amount small{color:#9ca3af;display:block;font-size:.8rem;margin-top:4px}.qr-actions{display:flex;gap:12px;justify-content:center}.retail-card,.va-card{text-align:center}.retail-header h3,.va-header h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:4px}.retail-header p,.va-header p{color:#64748b;font-size:.9rem;margin-bottom:20px}.retail-container,.va-container{background:#f8fafc;border-radius:16px;display:flex;justify-content:center;margin-bottom:20px;padding:24px}.retail-code-box,.va-number-box{max-width:350px;width:100%}.retail-label,.va-label{color:#64748b;display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.retail-code,.va-number{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;justify-content:center;padding:16px 20px}.retail-code code,.va-number code{color:#1f2937;font-family:SF Mono,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700;letter-spacing:2px}.retail-code button,.va-number button{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.retail-code button:hover,.va-number button:hover{background:#4f46e5;transform:scale(1.05)}.retail-loading,.va-loading{align-items:center;color:#6366f1;display:flex;flex-direction:column;gap:12px;padding:20px}.retail-loading span,.va-loading span{color:#64748b;font-size:.9rem}.retail-amount,.va-amount{margin-bottom:20px}.retail-amount span,.va-amount span{color:#64748b;display:block;font-size:.9rem;margin-bottom:4px}.retail-amount strong,.va-amount strong{color:#6366f1;font-size:1.75rem;font-weight:700}.retail-amount small,.va-amount small{color:#9ca3af;display:block;font-size:.8rem;margin-top:4px}.retail-actions,.va-actions{display:flex;gap:12px;justify-content:center}.btn-secondary{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0;color:#1f2937}.btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 15px #dc2e5a4d;transform:translateY(-1px)}.order-id-row{align-items:center;display:flex;justify-content:space-between}.order-id-row>span{color:#64748b;font-size:.9rem}.order-id{align-items:center;display:flex;gap:8px}.order-id code{background:#f1f5f9;border-radius:8px;color:#1f2937;font-family:monospace;font-size:.85rem;padding:8px 12px}.order-id button{background:#0000;border:none;color:#64748b;cursor:pointer;padding:8px}.order-id button:hover{color:#6366f1}.instructions-card h4{color:#1f2937;font-size:.95rem;font-weight:600;margin-bottom:12px}.instructions-card ol{color:#4b5563;font-size:.9rem;line-height:1.8;padding-left:20px}.instructions-card ol li{margin-bottom:6px}.instructions-card ol li strong{color:#1f2937}.tripay-instructions{display:flex;flex-direction:column;gap:8px}.tripay-instructions details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.tripay-instructions summary{align-items:center;background:#f1f5f9;color:#1f2937;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;list-style:none;padding:12px 16px;transition:all .2s}.tripay-instructions summary::-webkit-details-marker{display:none}.tripay-instructions summary:before{content:"▸";font-size:.8rem;transition:transform .2s}.tripay-instructions details[open] summary:before{transform:rotate(90deg)}.tripay-instructions summary:hover{background:#e2e8f0}.tripay-instructions details ol{background:#fff;margin:0;padding:12px 16px 16px 36px}.tripay-instructions details ol li{color:#4b5563;font-size:.85rem;line-height:1.6;margin-bottom:8px}.tripay-instructions details ol li:last-child{margin-bottom:0}.tripay-instructions details ol li b{color:#1f2937;font-weight:600}.expired-card{padding:48px 24px;text-align:center}.expired-icon{color:#dc2626;margin-bottom:16px}.expired-card h2{color:#1f2937;font-size:1.5rem;margin-bottom:8px}.expired-card p{color:#64748b;margin-bottom:24px}.success-step{padding-top:20px}.success-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:20px;margin-bottom:20px;padding:40px 20px;text-align:center}.success-icon{color:#10b981;margin-bottom:16px}.success-header h1{color:#1f2937;font-size:1.5rem;margin-bottom:8px}.success-header p{color:#64748b}.accounts-card .card-header{border-bottom:1px solid #e5e7eb;margin-bottom:0;padding-bottom:16px}.accounts-list{padding:16px 0}.account-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:10px;padding:14px}.account-item:last-child{margin-bottom:0}.account-number{align-items:center;background:#6366f1;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.account-data{flex:1 1;overflow:hidden}.account-data code{color:#1f2937;display:block;font-family:monospace;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-data code.hidden{color:#9ca3af}.account-data-parsed{display:flex;flex:1 1;flex-direction:column;gap:4px}.account-data-parsed .account-field{display:flex;flex-direction:column;gap:1px}.account-data-parsed .account-label{color:#6b7280;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.account-data-parsed .account-value{color:#166534;font-family:Roboto Mono,monospace;font-size:12px;font-weight:600;word-break:break-all}.account-data-parsed .account-notes{border-top:1px dashed #e5e7eb;margin-top:4px;padding-top:6px}.account-data-parsed .notes-value{color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:italic;font-weight:500;line-height:1.4}.account-data-parsed .account-hidden{align-items:center;display:flex;min-height:36px}.account-data-parsed .account-hidden span{color:#999;font-family:Roboto Mono,monospace;font-size:12px}[data-theme=dark] .account-data-parsed .account-notes{border-top-color:#404040}[data-theme=dark] .account-data-parsed .notes-value{color:#9ca3af}[data-theme=dark] .checkout-card{background:#1c1c1e;border-color:#3a3a3c}[data-theme=dark] .card-header h3{color:#fff}[data-theme=dark] .form-group label,[data-theme=dark] .form-group label svg{color:#0a84ff}[data-theme=dark] .form-group input{background:#2c2c2e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .form-group input::placeholder{color:#8e8e93}[data-theme=dark] .form-group input:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff33}[data-theme=dark] .input-hint{color:#8e8e93}[data-theme=dark] .error-text{color:#ff453a}[data-theme=dark] .stock-error-alert.insufficient{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#dc2626}[data-theme=dark] .stock-error-alert.rate_limit{background:linear-gradient(135deg,#422006,#713f12);border-color:#f59e0b}[data-theme=dark] .stock-error-alert.general{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#dc2626}[data-theme=dark] .stock-error-content h4{color:#fca5a5!important}[data-theme=dark] .stock-error-alert.rate_limit .stock-error-content h4{color:#fcd34d!important}[data-theme=dark] .stock-error-content p{color:#fecaca!important}[data-theme=dark] .stock-error-alert.rate_limit .stock-error-content p{color:#fde68a!important}[data-theme=dark] .available-stock{background:#0000004d;color:#fca5a5}[data-theme=dark] .available-stock strong{color:#fca5a5}[data-theme=dark] .stock-error-close{color:#ffffff80}[data-theme=dark] .stock-error-close:hover{background:#ffffff1a;color:#fffc}.account-actions{display:flex;gap:8px}.account-actions button{align-items:center;background:#fff;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.account-actions button:hover{background:#e2e8f0;color:#1f2937}.accounts-warning{align-items:center;background:#fef3c7;border-radius:10px;color:#92400e;display:flex;font-size:.85rem;gap:10px;padding:14px}.success-actions{display:flex;gap:12px;margin-top:24px}.success-actions .btn-primary,.success-actions .btn-secondary{flex:1 1;font-size:.95rem;justify-content:center;padding:16px}.checkout-inline-island{animation:islandFadeIn .4s cubic-bezier(.34,1.56,.64,1);width:100%}.checkout-inline-island .floating-island-container{width:100%}@keyframes islandFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.checkout-floating-island{animation:islandSlideUp .4s cubic-bezier(.34,1.56,.64,1);bottom:24px;left:50%;max-width:600px;padding:0 16px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}@keyframes islandSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(30px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.floating-island-container{align-items:center;background:#1c1c1e;border-radius:22px;box-shadow:0 20px 60px #00000059,0 8px 25px #00000040,0 0 0 1px #ffffff14,inset 0 1px 0 #ffffff0d;display:flex;gap:0;padding:8px}.island-left{flex:1 1;gap:8px;min-width:0}.island-back-btn,.island-left{align-items:center;display:flex}.island-back-btn{background:#ffffff14;border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;height:38px;justify-content:center;transition:all .2s ease;width:38px}.island-back-btn:hover{background:#ffffff26;transform:scale(1.05)}.island-back-btn:active{transform:scale(.95)}.island-product{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.island-product-image{align-items:center;background:#2c2c2e;border:1px solid #ffffff14;border-radius:10px;display:flex;flex-shrink:0;height:42px;justify-content:center;overflow:hidden;width:42px}.island-product-image img{height:100%;object-fit:cover;width:100%}.island-product-image svg{color:#8e8e93}.island-product-details{display:flex;flex-direction:column;gap:2px;min-width:0}.island-product-name{color:#fff;font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.island-product-qty{color:#8e8e93;font-size:11px}.island-divider{background:#ffffff1a;flex-shrink:0;height:36px;margin:0 12px;width:1px}.island-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.island-price{text-align:right}.island-price-label{color:#8e8e93;display:block;font-size:10px;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.island-price-value{color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:-.3px}.island-action-btn{align-items:center;background:linear-gradient(135deg,#007aff,#0056cc);border:none;border-radius:14px;box-shadow:0 4px 12px #007aff66,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px 18px;transition:all .2s ease;white-space:nowrap}.island-action-btn:hover:not(:disabled){box-shadow:0 6px 20px #007aff80,inset 0 1px 0 #fff3;transform:scale(1.02)}.island-action-btn:active:not(:disabled){transform:scale(.98)}.island-action-btn:disabled{cursor:not-allowed;opacity:.6}.island-action-btn svg{height:16px;width:16px}:root:not([data-theme=dark]) .floating-island-container,[data-theme=light] .floating-island-container{background:#fff;box-shadow:0 20px 60px #00000026,0 8px 25px #0000001a,0 0 0 1px #0000000a}:root:not([data-theme=dark]) .island-back-btn,[data-theme=light] .island-back-btn{background:#f2f2f7;color:#007aff}:root:not([data-theme=dark]) .island-back-btn:hover,[data-theme=light] .island-back-btn:hover{background:#e5e5ea}:root:not([data-theme=dark]) .island-product-image,[data-theme=light] .island-product-image{background:#f2f2f7;border-color:#0000000a}:root:not([data-theme=dark]) .island-product-name,[data-theme=light] .island-product-name{color:#000}:root:not([data-theme=dark]) .island-divider,[data-theme=light] .island-divider{background:#00000014}:root:not([data-theme=dark]) .island-price-value,[data-theme=light] .island-price-value{color:#000}[data-theme=dark] .product-qty-mini{color:#8e8e93}[data-theme=dark] .action-price span{color:var(--text-light)}[data-theme=dark] .action-price strong{color:#fff}[data-theme=dark] .btn-next{background:var(--ios-blue);box-shadow:0 4px 12px #007aff40}[data-theme=dark] .btn-next:hover:not(:disabled){background:var(--ios-blue-light)}.spin{animation:spin 1s linear infinite}@media (max-width:768px){.checkout-hero{padding:50px 16px 70px}.hero-icon{height:60px;width:60px}.checkout-hero h1{font-size:1.5rem}.checkout-hero p{font-size:.9rem}.checkout-progress{margin-left:12px;margin-right:12px;margin-top:-35px;padding:20px 12px}.progress-line{width:50px}.checkout-main{padding:20px 12px 100px}.checkout-floating-island{bottom:16px;padding:0 12px}.island-product-name{max-width:100px}.island-action-btn{font-size:13px;padding:10px 14px}}@media (max-width:480px){.checkout-breadcrumb{padding:10px 12px}.breadcrumb-container{font-size:.8rem}.checkout-hero{padding:40px 12px 60px}.hero-icon{height:52px;width:52px}.checkout-hero h1{font-size:1.35rem}.checkout-progress{margin-top:-30px}.progress-line{width:35px}.step-circle{height:38px;width:38px}.progress-step span{font-size:.7rem}.checkout-card{padding:20px 16px}.checkout-floating-island{bottom:12px;padding:0 8px}.floating-island-container{border-radius:18px;padding:6px}.island-back-btn{border-radius:10px;height:34px;width:34px}.island-product-image{border-radius:8px;height:36px;width:36px}.island-product-details{display:none}.island-divider{height:28px;margin:0 8px}.island-price-label{font-size:9px}.island-price-value{font-size:14px}.island-action-btn{border-radius:10px;font-size:12px;padding:10px 12px}.checkout-main{padding:16px 12px 110px}.btn-next{border-radius:10px;font-size:14px;padding:12px 18px}.checkout-card{border-radius:14px;padding:16px}.product-image{height:80px;width:80px}.product-info h2{font-size:1rem}.current-price{font-size:1.1rem}.qty-btn{height:44px;width:44px}.qty-value{font-size:1.25rem}.voucher-input{flex-direction:column}.apply-btn{width:100%}.qr-image{height:180px;width:180px}.qr-actions{flex-direction:column}.qr-actions button{justify-content:center;width:100%}.success-actions{flex-direction:column}.checkout-breadcrumb{padding:10px 12px}.breadcrumb-container{font-size:.8rem}.checkout-hero{padding:40px 12px 60px}.hero-icon{height:52px;width:52px}.checkout-hero h1{font-size:1.35rem}.checkout-progress{margin-top:-30px}.progress-line{width:35px}.step-circle{height:38px;width:38px}.progress-step span{font-size:.7rem}.checkout-card{padding:20px 16px}.checkout-main{padding:16px 12px 180px}.btn-next{border-radius:10px;font-size:14px;padding:12px 18px}.checkout-card{border-radius:14px;padding:16px}.product-image{height:80px;width:80px}.product-info h2{font-size:1rem}.current-price{font-size:1.1rem}.qty-btn{height:44px;width:44px}.qty-value{font-size:1.25rem}.voucher-input{flex-direction:column}.apply-btn{width:100%}.qr-image{height:180px;width:180px}.qr-actions{flex-direction:column}.qr-actions button{justify-content:center;width:100%}.success-actions{flex-direction:column}}.pp-page{-webkit-font-smoothing:antialiased;background:#f2f2f7;min-height:100vh;padding-top:62px}.pp-page main{padding-top:0}.pp-container{margin:0 auto;max-width:1080px;padding:0 20px}.pp-loader-wrap{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.pp-skeleton-card{background:#fff;border-radius:24px;max-width:600px;overflow:hidden;width:100%}.pp-skeleton-img{background:#e5e5ea;height:260px;width:100%}.pp-skeleton-body{display:flex;flex-direction:column;gap:14px;padding:24px}.pp-skeleton-line{background:#e5e5ea;border-radius:8px;height:16px}.pp-skeleton-line.w60{width:60%}.pp-skeleton-line.w80{width:80%}.pp-skeleton-line.w40{height:28px;width:40%}.pp-skeleton-line.w100{width:100%}@keyframes ppPulse{0%,to{opacity:1}50%{opacity:.4}}.pp-pulse{animation:ppPulse 1.5s ease-in-out infinite}.pp-error-wrap{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.pp-error-card{background:#fff;border-radius:24px;box-shadow:0 2px 16px #0000000f;max-width:420px;padding:48px 32px;text-align:center;width:100%}.pp-error-icon{font-size:56px;margin-bottom:16px}.pp-error-card h2{color:#1c1c1e;font-size:20px;font-weight:700;margin-bottom:8px}.pp-error-card p{color:#8e8e93;font-size:15px;line-height:1.5;margin-bottom:24px}.pp-error-btn{align-items:center;background:#007aff;border-radius:14px;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:6px;padding:14px 28px;text-decoration:none;transition:all .25s ease}.pp-error-btn:hover{background:#0056cc;transform:scale(1.02)}.pp-breadcrumb{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f2f2f7eb;border-bottom:.5px solid #0000000f;display:none;padding:10px 0;position:-webkit-sticky;position:sticky;top:62px;z-index:30}@media (max-width:768px){.pp-breadcrumb{display:block}}.pp-breadcrumb .pp-container{align-items:center;color:#8e8e93;display:flex;flex-wrap:wrap;font-size:13px;gap:6px}.pp-breadcrumb a{color:#007aff;font-weight:500;text-decoration:none;transition:opacity .2s}.pp-breadcrumb a:hover{opacity:.7}.pp-breadcrumb span:last-child{color:#1c1c1e;font-weight:600}.pp-breadcrumb svg{color:#c7c7cc;flex-shrink:0}.pp-main{padding-bottom:40px}.pp-hero-card{grid-gap:0;background:#fff;border-radius:24px;box-shadow:0 2px 20px #0000000f,0 0 0 1px #00000008;display:grid;gap:0;grid-template-columns:1fr 1fr;margin-top:14px;overflow:hidden}.pp-img-section{background:#f2f2f7;position:relative}.pp-img-wrap{aspect-ratio:1;overflow:hidden;position:relative;width:100%}.pp-img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.pp-img:hover{transform:scale(1.03)}.pp-img-fallback{align-items:center;background:linear-gradient(160deg,#f2f2f7,#e5e5ea);color:#c7c7cc;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:10px;height:100%;justify-content:center;letter-spacing:.5px;text-transform:uppercase;width:100%}.pp-badges{display:flex;gap:8px;left:16px;position:absolute;top:16px}.pp-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;display:inline-flex;font-size:12px;font-weight:700;gap:4px;letter-spacing:.2px;padding:6px 14px}.pp-badge.flash{background:#ff3b30e0;color:#fff}.pp-badge.discount{background:#ff9500e0;color:#fff}.pp-info-section{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px}.pp-cat-pill{align-self:flex-start;background:#f2f2f7;border-radius:100px;color:#636366;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 14px;text-transform:uppercase}.pp-title{color:#1c1c1e;font-size:26px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0}.pp-rating-row{flex-wrap:wrap;gap:8px}.pp-rating-row,.pp-stars{align-items:center;display:flex}.pp-stars{gap:2px}.pp-rating-num{color:#1c1c1e;font-size:14px;font-weight:700;margin-left:4px}.pp-dot{background:#c7c7cc;border-radius:50%;flex-shrink:0;height:4px;width:4px}.pp-meta-text{color:#8e8e93;font-size:13px;font-weight:500}.pp-stock-pill{border-radius:100px;font-size:12px;font-weight:700;padding:3px 10px}.pp-stock-pill.avail{background:#e8f8ef;color:#30d158}.pp-stock-pill.empty{background:#ffe5e5;color:#ff3b30}.pp-price-card{align-items:baseline;background:linear-gradient(135deg,#fff5f5,#fff0f3);border:1px solid #e11d4814;border-radius:18px;display:flex;gap:10px;padding:18px 22px}.pp-price-old{color:#aeaeb2;font-size:15px;font-weight:500;text-decoration:line-through}.pp-price-now{color:#e11d48;font-size:28px;font-weight:800;letter-spacing:-.5px}.pp-pills{display:flex;flex-wrap:wrap;gap:10px}.pp-pill{align-items:center;border-radius:14px;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:10px 16px}.pp-pill.instant{background:#e8f5ff;color:#007aff}.pp-pill.warranty{background:#e8f8ef;color:#30d158}.pp-pill.no-warranty{background:#f2f2f7;color:#8e8e93}.pp-actions-desktop{display:flex;gap:12px;margin-top:8px}.pp-cta{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:16px;box-shadow:0 4px 16px #007aff4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:-.2px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease}.pp-cta:before{background:linear-gradient(135deg,#0000,#ffffff1f);border-radius:inherit;content:"";inset:0;position:absolute}.pp-cta:hover:not(.off){box-shadow:0 8px 28px #007aff66;transform:translateY(-2px)}.pp-cta:active:not(.off){transform:scale(.98)}.pp-cta.off{background:#d1d1d6;cursor:not-allowed}.pp-share{align-items:center;background:#fff;border:2px solid #e5e5ea;border-radius:16px;color:#636366;cursor:pointer;display:flex;flex-shrink:0;height:54px;justify-content:center;transition:all .25s ease;width:54px}.pp-share:hover{background:#e8f5ff;border-color:#007aff;color:#007aff}.pp-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:20px}.pp-card{background:#fff;border-radius:20px;box-shadow:0 1px 10px #0000000a,0 0 0 1px #00000005;overflow:hidden}.pp-card-header{align-items:center;color:#1c1c1e;display:flex;gap:10px;padding:18px 22px 0}.pp-card-header h3{color:#1c1c1e;font-size:16px;font-weight:700;margin:0}.pp-card-header svg{color:#007aff;flex-shrink:0}.pp-card-body{padding:14px 22px 22px}.pp-desc{color:#48484a;font-size:14px;line-height:1.75;margin:0;white-space:pre-line}.pp-terms-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.pp-terms-list li{align-items:flex-start;color:#48484a;display:flex;font-size:14px;gap:10px;line-height:1.5}.pp-check-icon{color:#30d158;flex-shrink:0;margin-top:2px}.pp-reviews-card{margin-top:16px}.pp-reviews-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:18px 22px;transition:background .2s;width:100%}.pp-reviews-header:hover{background:#f9f9fb}.pp-reviews-header-left{align-items:center;display:flex;gap:10px}.pp-reviews-header-left svg:first-child{color:#007aff}.pp-reviews-header-left h3{color:#1c1c1e;font-size:16px;font-weight:700;margin:0}.pp-reviews-header>svg{color:#c7c7cc}.pp-reviews-body{padding:0 22px 22px}.pp-related-section{margin-top:32px}.pp-section-title{color:#1c1c1e;font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:16px}.pp-related-scroll{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.pp-rel-card{background:#fff;border-radius:18px;box-shadow:0 1px 8px #0000000a,0 0 0 1px #00000005;overflow:hidden;text-decoration:none;transition:all .3s ease}.pp-rel-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.pp-rel-img{aspect-ratio:1;background:#f2f2f7;overflow:hidden}.pp-rel-img img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.pp-rel-card:hover .pp-rel-img img{transform:scale(1.05)}.pp-rel-placeholder{align-items:center;color:#c7c7cc;display:flex;height:100%;justify-content:center;width:100%}.pp-rel-body{padding:12px 14px 14px}.pp-rel-body h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1c1c1e;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.35;margin:0 0 6px;overflow:hidden}.pp-rel-price{color:#e11d48;display:block;font-size:15px;font-weight:800;letter-spacing:-.2px}.pp-rel-meta{align-items:center;color:#8e8e93;display:flex;font-size:11px;font-weight:500;gap:4px;margin-top:6px}.pp-dot-sm{background:#c7c7cc;border-radius:50%;height:3px;width:3px}.pp-sticky-bar{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:#ffffffe0;border-top:.5px solid #0000001a;bottom:0;display:none;gap:14px;left:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:100}.pp-sticky-left{display:flex;flex-direction:column;flex-shrink:0}.pp-sticky-label{color:#8e8e93;font-size:11px;font-weight:500}.pp-sticky-price{color:#e11d48;font-size:19px;font-weight:800;letter-spacing:-.3px}.pp-sticky-btn{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:14px;box-shadow:0 4px 14px #007aff4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:8px;justify-content:center;overflow:hidden;padding:15px 20px;position:relative;transition:all .2s}.pp-sticky-btn:before{background:linear-gradient(180deg,#ffffff26,#0000);border-radius:inherit;content:"";inset:0;position:absolute}.pp-sticky-btn:active:not(.off){transform:scale(.97)}.pp-sticky-btn.off{background:#d1d1d6;cursor:not-allowed}.pp-sticky-share{-webkit-tap-highlight-color:transparent;align-items:center;background:#007aff1a;border:1.5px solid #007aff40;border-radius:13px;color:#007aff;cursor:pointer;display:flex;flex-shrink:0;height:46px;justify-content:center;transition:all .2s ease;width:46px}.pp-sticky-share:active{background:#007aff2e;transform:scale(.92)}@media (max-width:960px){.pp-hero-card{grid-template-columns:1fr}.pp-img-wrap{aspect-ratio:16/10}.pp-info-section{padding:24px}.pp-title{font-size:24px}.pp-details-grid{grid-template-columns:1fr}.pp-related-scroll{grid-template-columns:repeat(2,1fr)}.pp-sticky-bar{display:flex}.pp-actions-desktop{display:none}.pp-main{padding-bottom:100px}}@media (max-width:640px){.pp-container{padding:0 16px}.pp-hero-card{border-radius:20px;margin-top:10px}.pp-img-wrap{aspect-ratio:4/3}.pp-info-section{gap:14px;padding:20px}.pp-title{font-size:21px}.pp-price-now{font-size:24px}.pp-price-card{border-radius:14px;padding:14px 18px}.pp-pills{gap:8px}.pp-pill{border-radius:12px;font-size:12px;padding:8px 12px}.pp-card{border-radius:18px}.pp-card-header{padding:16px 18px 0}.pp-card-body{padding:12px 18px 18px}.pp-desc,.pp-terms-list li{font-size:13px}.pp-section-title{font-size:18px}.pp-reviews-header{padding:16px 18px}.pp-reviews-body{padding:0 18px 18px}.pp-related-scroll{gap:10px;grid-template-columns:repeat(2,1fr)}.pp-rel-card{border-radius:16px}.pp-rel-body h4{font-size:12px}.pp-rel-price{font-size:14px}.pp-main{padding-bottom:90px}.pp-breadcrumb .pp-container{font-size:12px}}@media (max-width:380px){.pp-title{font-size:19px}.pp-price-now{font-size:22px}.pp-rating-row{gap:6px}.pp-stars svg{height:12px;width:12px}.pp-rating-num{font-size:13px}.pp-meta-text{font-size:12px}.pp-sticky-price{font-size:17px}.pp-sticky-btn{font-size:14px;padding:13px 16px}.pp-info-section{gap:12px;padding:16px}.pp-hero-card{border-radius:16px}}.auth-page{background:#f2f2f7;display:flex;flex-direction:column;min-height:100vh}.auth-hero{background:linear-gradient(135deg,#007aff,#0056cc);overflow:hidden;padding:80px 24px 100px;position:relative;text-align:center}.auth-hero:before{animation:authHeroShimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}@keyframes authHeroShimmer{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.auth-hero.register{background:linear-gradient(135deg,#5856d6,#4a48c4)}.auth-hero-content{margin:0 auto;max-width:500px;position:relative;z-index:1}.auth-hero-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border-radius:24px;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.auth-hero h1{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.auth-hero p{color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:1rem;margin:0}.auth-content{flex:1 1;margin-top:-50px;padding:0 16px;position:relative;z-index:2}.auth-container{background:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014,0 12px 48px #0000000a;margin:0 auto 32px;max-width:440px;padding:28px 24px;width:100%}.auth-back-btn{align-items:center;background:#0000;border:none;color:#007aff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:15px;font-weight:500;gap:6px;margin-bottom:24px;padding:0;transition:opacity .2s ease}.auth-back-btn:hover{opacity:.7}.auth-back-btn:active{opacity:.5}.auth-header{margin-bottom:28px;text-align:center}.auth-icon{align-items:center;border-radius:20px;box-shadow:0 4px 16px #007aff40;display:flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.auth-icon.login{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff}.auth-icon.register{background:linear-gradient(135deg,#5856d6,#4a48c4);box-shadow:0 4px 16px #5856d640;color:#fff}.auth-header h1{color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.auth-header p{color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:15px;margin:0}.auth-benefits{background:linear-gradient(135deg,#eef,#f5f5ff);border:1px solid #5856d61a;border-radius:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:14px 16px}.benefit-item{align-items:center;color:#1c1c1e;display:flex;font-size:14px;font-weight:500;gap:10px}.benefit-item svg{color:#5856d6;flex-shrink:0}.auth-alert{align-items:flex-start;border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:10px;line-height:1.4;margin-bottom:20px;padding:14px 16px}.auth-alert svg{flex-shrink:0;margin-top:1px}.auth-alert.success{background:#34c7591f;color:#248a3d}.auth-alert.success svg{color:#34c759}.auth-alert.error{background:#ff3b301f;color:#cc2944}.auth-alert.error svg{color:#ff3b30}.auth-form{gap:20px}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:8px}.auth-input-group label{color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#8e8e93;left:14px;pointer-events:none;position:absolute;transition:color .2s ease}.auth-input-wrapper input{-webkit-appearance:none;appearance:none;background:#f9f9f9;border:1.5px solid #e5e5ea;border-radius:12px;color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:16px;padding:14px 14px 14px 44px;transition:all .2s ease;width:100%}.auth-input-wrapper input::placeholder{color:#c7c7cc}.auth-input-wrapper input:focus{background:#fff;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a;outline:none}.auth-input-wrapper input:focus+.auth-input-icon,.auth-input-wrapper input:focus~.auth-input-icon{color:#007aff}.auth-input-wrapper input.error{background:#ff3b300a;border-color:#ff3b30}.auth-input-wrapper input.success{background:#34c7590a;border-color:#34c759}.auth-password-toggle{align-items:center;background:none;border:none;color:#8e8e93;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:14px;transition:color .2s ease}.auth-password-toggle:hover{color:#636366}.auth-input-status{position:absolute;right:14px}.auth-input-status.success{color:#34c759}.auth-input-status.error{color:#ff3b30}.auth-input-hint{font-size:12px;font-weight:500;margin-top:-4px}.auth-input-hint.success{color:#34c759}.auth-input-hint.error{color:#ff3b30}.password-strength{align-items:center;display:flex;gap:10px}.strength-bar{background:#e5e5ea;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s ease,background .3s ease}.strength-fill.weak{background:#ff3b30}.strength-fill.medium{background:#ff9500}.strength-fill.strong{background:#34c759}.strength-text{font-size:12px;font-weight:600;min-width:50px}.strength-text.weak{color:#ff3b30}.strength-text.medium{color:#ff9500}.strength-text.strong{color:#34c759}.password-requirements{display:flex;flex-direction:column;gap:4px;margin-top:4px}.requirement-item{align-items:center;color:#ff3b30;display:flex;font-size:12px;gap:6px}.requirement-item svg{flex-shrink:0}.auth-recaptcha{display:flex;justify-content:center;margin:16px 0}.auth-recaptcha>div{transform-origin:center}@media (max-width:360px){.auth-recaptcha>div{transform:scale(.85)}}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#007aff,#0056cc);border:none;border-radius:14px;box-shadow:0 4px 16px #007aff4d;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .2s ease;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #007aff66;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){box-shadow:0 2px 12px #007aff4d;transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-submit-btn.register{background:linear-gradient(135deg,#5856d6,#4a48c4);box-shadow:0 4px 16px #5856d64d}.auth-submit-btn.register:hover:not(:disabled){box-shadow:0 6px 20px #5856d666}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-footer-links{align-items:center;border-top:1px solid #e5e5ea;display:flex;gap:8px;justify-content:center;margin-top:28px;padding-top:24px}.auth-footer-links p{color:#8e8e93;font-size:14px;margin:0}.auth-link{align-items:center;color:#007aff;display:flex;font-size:14px;font-weight:600;gap:6px;text-decoration:none;transition:opacity .2s ease}.auth-link:hover{opacity:.7}.auth-security-badge{align-items:center;color:#8e8e93;display:flex;font-size:12px;gap:6px;justify-content:center;margin-top:20px}.auth-security-badge svg{color:#34c759}[data-theme=dark] .auth-page{background:#000}[data-theme=dark] .auth-hero{background:linear-gradient(135deg,#0a84ff,#0056cc)}[data-theme=dark] .auth-hero.register{background:linear-gradient(135deg,#5e5ce6,#4a48c4)}[data-theme=dark] .auth-container{background:#1c1c1e;box-shadow:0 4px 24px #0000004d,0 12px 48px #0003}[data-theme=dark] .auth-benefits{background:linear-gradient(135deg,#5e5ce626,#5e5ce614);border-color:#5e5ce633}[data-theme=dark] .benefit-item{color:#fff}[data-theme=dark] .benefit-item svg{color:#5e5ce6}[data-theme=dark] .auth-alert.success{background:#30d15826;color:#30d158}[data-theme=dark] .auth-alert.error{background:#ff453a26;color:#ff453a}[data-theme=dark] .auth-input-group label{color:#fff}[data-theme=dark] .auth-input-wrapper input{background:#1c1c1e;border-color:#3a3a3c;color:#fff}[data-theme=dark] .auth-input-wrapper input::placeholder{color:#636366}[data-theme=dark] .auth-input-wrapper input:focus{background:#1c1c1e;border-color:#0a84ff;box-shadow:0 0 0 4px #0a84ff26}[data-theme=dark] .auth-input-icon,[data-theme=dark] .auth-password-toggle{color:#8e8e93}[data-theme=dark] .auth-password-toggle:hover{color:#aeaeb2}[data-theme=dark] .strength-bar{background:#3a3a3c}[data-theme=dark] .auth-footer-links{border-top-color:#3a3a3c}[data-theme=dark] .auth-footer-links p{color:#8e8e93}[data-theme=dark] .auth-link{color:#0a84ff}[data-theme=dark] .auth-security-badge{color:#8e8e93}[data-theme=dark] .auth-security-badge svg{color:#30d158}@media (max-width:374px){.auth-hero{padding:60px 16px 80px}.auth-hero-icon{border-radius:18px;height:64px;width:64px}.auth-hero-icon svg{height:32px;width:32px}.auth-hero h1{font-size:1.5rem}.auth-hero p{font-size:.875rem}.auth-content{margin-top:-40px;padding:0 12px}.auth-container{border-radius:16px;padding:20px 16px}.auth-benefits{padding:12px 14px}.benefit-item{font-size:13px}.auth-input-wrapper input{font-size:16px;padding:12px 12px 12px 40px}.auth-input-icon{left:12px}.auth-password-toggle{right:12px}.auth-submit-btn{border-radius:12px;font-size:16px;padding:14px 20px}.auth-footer-links{flex-direction:column;gap:6px}}@media (min-width:375px) and (max-width:389px){.auth-hero{padding:70px 20px 90px}.auth-hero-icon{height:72px;width:72px}.auth-container{padding:24px 20px}}@media (min-width:390px) and (max-width:430px){.auth-hero{padding:80px 24px 100px}.auth-container{padding:28px 24px}}@media (min-width:431px) and (max-width:640px){.auth-hero{padding:90px 28px 110px}.auth-hero-icon{border-radius:26px;height:88px;width:88px}.auth-hero h1{font-size:2.25rem}.auth-container{max-width:460px;padding:32px 28px}}@media (min-width:641px){.auth-hero{padding:100px 32px 120px}.auth-hero-icon{border-radius:28px;height:96px;width:96px}.auth-hero-icon svg{height:48px;width:48px}.auth-hero h1{font-size:2.5rem}.auth-hero p{font-size:1.125rem}.auth-content{margin-top:-60px;padding:0 24px}.auth-container{border-radius:24px;max-width:480px;padding:36px 32px}.auth-input-wrapper input{font-size:17px;padding:16px 16px 16px 48px}.auth-submit-btn{font-size:18px;padding:18px 28px}}@media (min-width:1025px){.auth-hero{padding:100px 40px 130px}.auth-content{padding:0 40px}.auth-container{max-width:500px;padding:40px 36px}}@media (max-height:600px) and (orientation:landscape){.auth-hero{padding:40px 20px 60px}.auth-hero-icon{height:56px;margin-bottom:12px;width:56px}.auth-hero h1{font-size:1.5rem}.auth-content{margin-top:-30px}.auth-container{margin-bottom:20px;padding:20px}.auth-benefits{margin-bottom:16px;padding:10px 14px}.auth-form{gap:14px}.auth-input-wrapper input{padding:10px 10px 10px 38px}.auth-submit-btn{margin-top:4px;padding:12px 20px}.auth-footer-links{margin-top:16px;padding-top:16px}.auth-security-badge{margin-top:12px}}@supports (padding:env(safe-area-inset-bottom)){.auth-content{padding-left:env(safe-area-inset-left,16px);padding-right:env(safe-area-inset-right,16px)}}@media (hover:none) and (pointer:coarse){.auth-input-wrapper input{font-size:16px}.auth-submit-btn{min-height:50px}.auth-password-toggle{padding:8px}}.app{background-color:#f2f2f7;display:flex;flex-direction:column;max-width:100%;min-height:100vh}.app,main{overflow-x:hidden;width:100%}main{flex:1 1;padding-top:62px}:focus-visible{border-radius:8px;box-shadow:0 0 0 4px #007aff40;outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #007aff40;outline:none}:root{--z-header:100;--z-sidebar:100;--z-floating:99;--z-modal:1000;--z-tooltip:1100;--z-toast:1200}.ios-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.ios-button{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.4px;padding:14px 24px;transition:all .2s ease}.ios-button:active{opacity:.9;transform:scale(.98)}.ios-button-primary{background:#007aff;color:#fff}.ios-button-primary:hover{background:#0056cc}.ios-button-secondary{background:#007aff1a;color:#007aff}.ios-button-secondary:hover{background:#007aff26}.ios-input{-webkit-appearance:none;background:#fff;border:1px solid #c6c6c8;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;padding:16px;transition:all .2s ease;width:100%}.ios-input:focus{border-color:#007aff;box-shadow:0 0 0 4px #007aff26}.ios-input::placeholder{color:#8e8e93}.ios-list-group{background:#fff;border-radius:12px;overflow:hidden}.ios-list-item{align-items:center;border-bottom:.5px solid #3c3c431f;display:flex;gap:12px;padding:14px 16px}.ios-list-item:last-child{border-bottom:none}.ios-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;letter-spacing:-.2px;padding:4px 10px}.ios-badge-blue{background:#007aff1f;color:#007aff}.ios-badge-green{background:#34c7591f;color:#34c759}.ios-badge-red{background:#ff3b301f;color:#ff3b30}.ios-badge-orange{background:#ff95001f;color:#ff9500}