:root{--color-primary: #5b9cf5;--color-primary-hover: #7eb3f7;--color-primary-active: #3d84f0;--color-primary-light: rgba(91, 156, 245, .12);--color-primary-lighter: rgba(91, 156, 245, .06);--color-primary-bg: rgba(91, 156, 245, .12);--color-primary-rgb: 91, 156, 245;--color-success: #34c759;--color-success-hover: #2ab34a;--color-success-light: rgba(52, 199, 89, .12);--color-success-bg: rgba(52, 199, 89, .12);--color-warning: #ff9f0a;--color-warning-hover: #e08800;--color-warning-light: rgba(255, 159, 10, .14);--color-warning-bg: rgba(255, 159, 10, .14);--color-error: #ff453a;--color-error-hover: #e03028;--color-error-light: rgba(255, 69, 58, .12);--color-error-bg: rgba(255, 69, 58, .12);--color-info: #5b9cf5;--color-info-light: rgba(91, 156, 245, .12);--color-info-bg: rgba(91, 156, 245, .12);--color-text-primary: #e8ecf4;--color-text-secondary: #8b92a5;--color-text-tertiary: #5a6275;--color-text-disabled: #374155;--color-text-placeholder: #4a5568;--color-border: #2d3345;--color-border-light: #222938;--color-border-dark: #3d4560;--color-bg-base: #0d0f14;--color-bg-primary: #0d0f14;--color-bg-secondary: #141820;--color-bg-tertiary: #1a1f2e;--color-bg-elevated: #1a1f2e;--color-bg-card: #1a1f2e;--color-bg-hover: #222938;--color-bg-mask: rgba(0, 0, 0, .72);--color-accent: #00c9a7;--color-accent-hover: #00a88c;--color-accent-light: rgba(0, 201, 167, .12);--color-danger: #ff453a;--color-danger-hover: #e03028;--color-link: #5b9cf5;--color-link-hover: #7eb3f7;--color-link-active: #3d84f0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .48);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .56);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .66);--shadow-card: 0 2px 12px rgba(0, 0, 0, .28);--shadow-card-hover: 0 8px 28px rgba(0, 0, 0, .42);--shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .52);--shadow-modal: 0 8px 40px rgba(0, 0, 0, .66);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--touch-target-min: 44px}[data-theme=light]{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-active: #1e40af;--color-primary-light: #eff6ff;--color-primary-lighter: #f8faff;--color-primary-bg: #eff6ff;--color-primary-rgb: 37, 99, 235;--color-success: #16a34a;--color-success-hover: #15803d;--color-success-light: #f0fdf4;--color-success-bg: #f0fdf4;--color-warning: #d97706;--color-warning-hover: #b45309;--color-warning-light: #fffbeb;--color-warning-bg: #fffbeb;--color-error: #dc2626;--color-error-hover: #b91c1c;--color-error-light: #fef2f2;--color-error-bg: #fef2f2;--color-info: #2563eb;--color-info-light: #eff6ff;--color-info-bg: #eff6ff;--color-text-primary: #0a0e1a;--color-text-secondary: #3d4a5c;--color-text-tertiary: #6b7a8d;--color-text-disabled: #b0bac9;--color-text-placeholder: #8b98ad;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-dark: #cbd5e1;--color-bg-base: #f8fafc;--color-bg-primary: #f8fafc;--color-bg-secondary: #f1f5f9;--color-bg-tertiary: #e2e8f0;--color-bg-elevated: #ffffff;--color-bg-card: #ffffff;--color-bg-hover: #eff6ff;--color-bg-mask: rgba(10, 14, 26, .5);--color-accent: #0891b2;--color-accent-hover: #0e7490;--color-accent-light: #ecfeff;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-link: #2563eb;--color-link-hover: #1d4ed8;--color-link-active: #1e40af;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .13);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-card: 0 1px 4px rgba(0, 0, 0, .07);--shadow-card-hover: 0 6px 20px rgba(37, 99, 235, .14);--shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .12);--shadow-modal: 0 8px 40px rgba(0, 0, 0, .18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #5b9cf5;--color-primary-hover: #7eb3f7;--color-primary-active: #3d84f0;--color-primary-light: rgba(91, 156, 245, .12);--color-primary-lighter: rgba(91, 156, 245, .06);--color-primary-bg: rgba(91, 156, 245, .12);--color-primary-rgb: 91, 156, 245;--color-text-primary: #e8ecf4;--color-text-secondary: #8b92a5;--color-text-tertiary: #5a6275;--color-text-disabled: #374155;--color-text-placeholder: #4a5568;--color-border: #2d3345;--color-border-light: #222938;--color-border-dark: #3d4560;--color-bg-base: #0d0f14;--color-bg-primary: #0d0f14;--color-bg-secondary: #141820;--color-bg-tertiary: #1a1f2e;--color-bg-elevated: #1a1f2e;--color-bg-card: #1a1f2e;--color-bg-hover: #222938;--color-bg-mask: rgba(0, 0, 0, .72);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .48);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .56);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .66);--shadow-card: 0 2px 12px rgba(0, 0, 0, .28);--shadow-card-hover: 0 8px 28px rgba(0, 0, 0, .42)}}.text-brand{color:var(--color-primary)}.text-white{color:#fff}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-card{background-color:var(--color-bg-card)}.bg-brand{background-color:var(--color-primary)}.bg-brand-light{background-color:var(--color-primary-light)}.bg-success-light{background-color:var(--color-success-light)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-error-light{background-color:var(--color-error-light)}.border-default{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.border-brand{border:1px solid var(--color-primary)}.border-brand-hover:hover{border-color:var(--color-primary)}.card-default{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px}.card-interactive{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;transition:border-color var(--duration-fast) var(--ease-in-out)}.card-interactive:hover{border-color:var(--color-primary)}.tag-brand{background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:6px;padding:4px 12px;font-size:13px}.tag-platform{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:8px 16px;color:var(--color-text-primary);font-size:14px;font-weight:500}.btn-brand-outline{padding:8px 20px;border-radius:8px;border:1px solid var(--color-primary);color:var(--color-primary);font-size:14px;text-decoration:none;transition:all var(--duration-fast) var(--ease-in-out);background:transparent;cursor:pointer}.btn-brand-outline:hover{background:var(--color-primary);color:#fff}.page-header{text-align:center;margin-bottom:32px}.page-header .title{color:var(--color-text-primary);margin-bottom:8px}.page-header .subtitle{color:var(--color-text-secondary);margin:0}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;padding:28px 16px;text-align:center;transition:border-color var(--duration-fast) var(--ease-in-out)}.stat-card:hover{border-color:var(--color-primary)}.stat-card .value{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.stat-card .label{color:var(--color-text-secondary);font-size:14px}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;padding:20px 24px;transition:border-color var(--duration-fast) var(--ease-in-out)}.feature-card:hover{border-color:var(--color-primary)}.feature-card .icon{font-size:24px;color:var(--color-primary);margin-bottom:12px}.feature-card .title{font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.feature-card .desc{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.contact-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;padding:24px;text-align:center;transition:border-color var(--duration-fast) var(--ease-in-out)}.contact-card:hover{border-color:var(--color-primary)}.contact-card .icon{font-size:36px;color:var(--color-primary)}.contact-card .title{color:var(--color-text-primary);margin:0}.contact-card .desc{color:var(--color-text-secondary);margin:0;font-size:13px}.form-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;padding:28px 24px}.form-label{color:var(--color-text-secondary)}.form-input{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary)}.form-input::-moz-placeholder{color:var(--color-text-placeholder)}.form-input::placeholder{color:var(--color-text-placeholder)}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px}.category-tab{display:inline-block;padding:8px 16px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.category-tab:hover,.category-tab.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.tutorial-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;padding:20px;transition:border-color var(--duration-fast) var(--ease-in-out)}.tutorial-card:hover{border-color:var(--color-primary)}.tutorial-card .meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tutorial-card .date{color:var(--color-text-secondary);font-size:13px}.tutorial-card .card-title{font-weight:600;color:var(--color-text-primary);font-size:1.1rem;margin-bottom:8px}.tutorial-card .card-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px}.tutorial-card .read-more{color:var(--color-primary);font-size:14px;display:inline-flex;align-items:center;gap:4px}.platform-facebook{--platform-color: #1877f2}.platform-tiktok{--platform-color: #ff0050}.platform-instagram{--platform-color: #e1306c}.platform-telegram{--platform-color: #229ed9}.platform-twitter{--platform-color: #1da1f2}.platform-badge{background:rgba(var(--platform-color-rgb, 91, 156, 245),.1);border:1px solid rgba(var(--platform-color-rgb, 91, 156, 245),.3);color:var(--platform-color, var(--color-primary));border-radius:6px;padding:4px 12px;font-size:13px}.message-bubble{max-width:70%;border-radius:8px;padding:10px 14px}.message-bubble.sent{background:var(--color-primary);color:#fff;margin-left:auto}.message-bubble.received{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.ticket-item{cursor:pointer;background:transparent;border-left:3px solid transparent;transition:all var(--duration-fast) var(--ease-in-out)}.ticket-item:hover{background:var(--color-bg-hover)}.ticket-item.active{background:var(--color-primary-light);border-left-color:var(--color-primary)}:root{--font-family: "Noto Sans SC", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Noto Sans SC", "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "DM Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-size-5xl: 40px;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}html{font-family:var(--font-family);font-size:16px;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-primary)}h1,.h1{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);font-weight:700;letter-spacing:-.025em;color:var(--color-text-primary);margin:0 0 var(--space-md)}h2,.h2{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 var(--space-md)}h3,.h3{font-family:var(--font-family-heading);font-size:var(--font-size-xl);line-height:var(--line-height-snug);font-weight:600;letter-spacing:-.015em;color:var(--color-text-primary);margin:0 0 var(--space-sm)}h4,.h4{font-family:var(--font-family-heading);font-size:var(--font-size-lg);line-height:var(--line-height-snug);font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary);margin:0 0 var(--space-sm)}h5,.h5{font-family:var(--font-family-heading);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-sm)}h6,.h6{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--space-sm)}p,.text-body{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin:0 0 var(--space-md)}p:last-child{margin-bottom:0}.text-body-lg{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}small,.text-small,.text-caption{font-size:var(--font-size-xs);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.text-caption-lg{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.text-link{color:var(--color-link);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-in-out)}.text-link:hover{color:var(--color-link-hover)}.text-link:active{color:var(--color-link-active)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-break:break-word;overflow-wrap:break-word}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}ul,ol{margin:0 0 var(--space-md);padding-left:var(--space-lg)}li{margin-bottom:var(--space-xs)}li:last-child{margin-bottom:0}.list-none{list-style:none;padding-left:0}blockquote{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-left:4px solid var(--color-primary);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-style:italic}code,kbd,samp{font-family:var(--font-family-mono);font-size:.875em}code{padding:2px 6px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-error)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-md);padding:var(--space-md);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow-x:auto}pre code{padding:0;background:none;color:inherit}.text-numeric{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0}@media(max-width:768px){h1,.h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}h2,.h2{font-size:var(--font-size-xl)}h3,.h3{font-size:var(--font-size-lg)}h4,.h4{font-size:var(--font-size-base)}}@media print{body{font-size:12pt;line-height:1.5;color:#000;background:#fff}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:16pt}h4{font-size:14pt}}.btn-press{transition:transform var(--duration-fast) var(--ease-out)}.btn-press:active{transform:scale(.96)}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}to{transform:scale(1)}}.animate-heart{animation:heartBeat .4s var(--ease-bounce)}@keyframes bellShake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.animate-bell{animation:bellShake .6s ease-in-out;transform-origin:top center}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-bounce-in{animation:bounceIn .4s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-out{animation:fadeOut var(--duration-normal) var(--ease-in)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-up{animation:slideInUp var(--duration-normal) var(--ease-out)}.animate-slide-down{animation:slideInDown var(--duration-normal) var(--ease-out)}.animate-slide-left{animation:slideInLeft var(--duration-normal) var(--ease-out)}.animate-slide-right{animation:slideInRight var(--duration-normal) var(--ease-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}.animate-scale-out{animation:scaleOut var(--duration-normal) var(--ease-in)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite}.hover-scale{transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-pulse,.animate-spin,.skeleton{animation:none!important}}:root{--breakpoint-xs: 480px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1600px}@media(max-width:767px){button,a,.ant-btn,.ant-input,.ant-select-selector{min-height:44px}.ant-input,.ant-input-password,.ant-select-selector{height:44px!important;font-size:16px!important}.mobile-bottom-sheet .ant-modal{top:auto!important;bottom:0;margin:0;padding:0;max-width:100vw}.mobile-bottom-sheet .ant-modal-content{border-radius:16px 16px 0 0}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.desktop-only{display:none!important}.product-detail-actions{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:var(--color-bg-primary);box-shadow:0 -2px 8px #0000001a;z-index:100;display:flex;gap:12px}.product-detail-actions .ant-btn{flex:1;height:44px}.mobile-tab-bar{padding-bottom:env(safe-area-inset-bottom,0)}.product-detail-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom,0))}.ant-btn,.ant-card,.tab-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ant-card:active{transform:scale(.98);transition:transform .1s}}@media(min-width:768px){.mobile-only{display:none!important}}@media(max-width:575px){.xs-hidden{display:none!important}.xs-full-width{width:100%!important}.xs-text-center{text-align:center!important}.xs-p-0{padding:0!important}.xs-m-0{margin:0!important}}@media(min-width:576px)and (max-width:767px){.sm-hidden{display:none!important}}@media(min-width:768px)and (max-width:991px){.md-hidden{display:none!important}.md-visible{display:block!important}}@media(min-width:992px)and (max-width:1199px){.lg-hidden{display:none!important}}@media(max-width:767px){.responsive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.responsive-grid--single{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:991px){.responsive-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:992px){.responsive-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media(min-width:1200px){.responsive-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:767px){.responsive-padding{padding-left:12px;padding-right:12px}.responsive-margin{margin-bottom:16px}.responsive-section{padding-top:24px;padding-bottom:24px}}@media(min-width:768px){.responsive-padding{padding-left:24px;padding-right:24px}.responsive-margin{margin-bottom:24px}.responsive-section{padding-top:40px;padding-bottom:40px}}@media(min-width:1200px){.responsive-padding{padding-left:40px;padding-right:40px}.responsive-section{padding-top:60px;padding-bottom:60px}}@media(max-width:575px){.responsive-title{font-size:1.25rem;line-height:1.4}.responsive-subtitle{font-size:1rem}.responsive-text{font-size:.875rem}}@media(min-width:576px)and (max-width:767px){.responsive-title{font-size:1.5rem}.responsive-subtitle{font-size:1.125rem}}@media(min-width:768px){.responsive-title{font-size:1.75rem}.responsive-subtitle{font-size:1.25rem}.responsive-text{font-size:1rem}}@media(min-width:1200px){.responsive-title{font-size:2rem}}.responsive-image{max-width:100%;height:auto;display:block}@media(max-width:767px){.responsive-image--cover{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}}@media(min-width:768px){.responsive-image--cover{height:300px}}@media(max-width:767px){.responsive-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.responsive-table--card{display:block}.responsive-table--card thead{display:none}.responsive-table--card tbody,.responsive-table--card tr,.responsive-table--card td{display:block;width:100%}.responsive-table--card tr{margin-bottom:16px;border:1px solid var(--color-border-primary, #e8e8e8);border-radius:8px;padding:12px}.responsive-table--card td{display:flex;justify-content:space-between;padding:8px 0;border:none}.responsive-table--card td:before{content:attr(data-label);font-weight:600;margin-right:16px}}@media(max-width:767px){.responsive-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-primary, #fff);z-index:1000;box-shadow:0 -2px 10px #0000001a}.responsive-nav__list{display:flex;justify-content:space-around;list-style:none;margin:0;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}.responsive-nav__item{flex:1;text-align:center}}@media(max-width:767px){.responsive-modal .ant-modal{max-width:100vw;margin:0;top:auto!important;bottom:0}.responsive-modal .ant-modal-content{border-radius:16px 16px 0 0;max-height:90vh;overflow-y:auto}.responsive-modal--fullscreen .ant-modal{height:100vh}.responsive-modal--fullscreen .ant-modal-content{border-radius:0;height:100%}}@media(max-height:500px)and (orientation:landscape){.landscape-compact{padding-top:8px;padding-bottom:8px}.landscape-hide{display:none!important}}@media print{.print-hidden{display:none!important}.print-break{page-break-before:always}.print-no-break{page-break-inside:avoid}}.admin-container,.admin-skeleton{padding:24px}.admin-breadcrumb{margin-bottom:24px}.admin-title{color:var(--color-text-primary);margin-bottom:24px}.admin-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px}.admin-toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.admin-toolbar-select{width:120px}.admin-toolbar-search{width:250px;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.admin-stats-row{margin-bottom:24px}.admin-stats-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px}.admin-stats-title{color:var(--color-text-secondary)}.admin-stats-prefix-success{color:var(--color-success)}.admin-stats-prefix-warning{color:var(--color-warning)}.admin-stats-value{color:var(--color-text-primary)}.admin-table{background:transparent}.admin-table-cell-primary{color:var(--color-text-primary)}.admin-table-cell-secondary{color:var(--color-text-secondary)}.admin-table-cell-accent{color:var(--color-accent);font-weight:600}.admin-table-cell-success{color:var(--color-success);font-weight:600}.admin-table-cell-danger{color:var(--color-danger);font-weight:600}.admin-pending-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-bg-secondary);border-radius:8px;text-decoration:none;transition:background .2s}.admin-pending-item:hover{background:var(--color-bg-hover)}.admin-pending-label{color:var(--color-text-primary)}.admin-pending-count-warning{color:var(--color-warning);font-weight:600}.admin-pending-count-danger{color:var(--color-danger);font-weight:600}.admin-pending-count-accent{color:var(--color-accent);font-weight:600}.admin-pending-count-success{color:var(--color-success);font-weight:600}.admin-pending-list{display:flex;flex-direction:column;gap:12px}.admin-product-image{border-radius:8px;-o-object-fit:cover;object-fit:cover}.admin-reject-modal-content{margin-bottom:12px}.admin-reject-modal-label{color:var(--color-text-secondary)}.admin-reject-modal-value{color:var(--color-text-primary)}[data-theme=dark] .admin-card{background:var(--color-bg-card)}.static-container{max-width:900px;margin:0 auto;padding:24px}.static-container-wide{max-width:1100px;margin:0 auto;padding:24px 16px}.static-breadcrumb{margin-bottom:24px}.static-title{text-align:center;margin-bottom:32px;color:var(--color-text-primary)}.static-subtitle{text-align:center;margin-bottom:32px}.static-content{color:var(--color-text-secondary);line-height:1.8}.static-content h2{color:var(--color-text-primary);margin-top:24px;margin-bottom:16px}.static-content h3{color:var(--color-text-primary);margin-top:20px;margin-bottom:12px}.static-content p{margin-bottom:16px}.static-content ul,.static-content ol{margin-bottom:16px;padding-left:24px}.static-content li{margin-bottom:8px}.static-update-time{margin-top:32px}.static-hero{background:var(--color-bg-elevated);border-radius:16px;padding:40px 24px;margin-bottom:32px;text-align:center}.static-hero-title{color:var(--color-text-primary);margin-bottom:16px;font-size:2rem}.static-hero-subtitle{color:var(--color-text-secondary);font-size:16px;max-width:600px;margin:0 auto 24px}.static-stats-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:center}.static-stats-number{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.static-stats-label{color:var(--color-text-secondary);font-size:14px}.static-feature-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:24px;height:100%}.static-feature-icon{font-size:24px;color:var(--color-primary);margin-bottom:12px}.static-feature-title{font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.static-feature-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.static-platform-tag{display:inline-block;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:8px 16px;margin:4px}.static-contact-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:center;height:100%;display:flex;flex-direction:column}.static-contact-icon{font-size:36px;color:var(--color-primary)}.static-contact-title{color:var(--color-text-primary);margin:0}.static-contact-desc{color:var(--color-text-secondary);margin:0;font-size:13px}.static-contact-link{display:inline-block;margin-top:auto;color:var(--color-primary)}.static-form-container{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:24px}.static-form-title{color:var(--color-text-primary);margin-bottom:20px}.static-form-label{color:var(--color-text-secondary)}.static-form-input{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.static-form-textarea{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary);resize:vertical}.static-form-button{background:var(--color-primary);border-color:var(--color-primary);height:40px}.static-faq-title{color:var(--color-text-primary);margin-bottom:20px}.static-faq-item-label{color:var(--color-text-primary)}.static-faq-item-content{color:var(--color-text-secondary);margin:0;line-height:1.7}.static-category-tag{padding:6px 16px;border-radius:20px;cursor:pointer;transition:all .2s}.static-category-tag.active{background:var(--color-primary);color:#fff}.static-blog-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:20px;transition:border-color .2s}.static-blog-card:hover{border-color:var(--color-primary)}.static-blog-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.static-blog-category{border-radius:4px;padding:2px 8px;font-size:12px}.static-blog-date,.static-blog-read-time{color:var(--color-text-secondary);font-size:13px}.static-blog-title{font-weight:600;color:var(--color-text-primary);font-size:1.1rem;margin-bottom:8px}.static-blog-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin-bottom:12px}.static-blog-read-more{color:var(--color-primary);font-size:14px;display:inline-flex;align-items:center;gap:4px}.static-category-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.static-trust-item{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary-bg);border-radius:20px;padding:6px 12px}[data-theme=dark] .static-hero{background:var(--color-bg-elevated)}[data-theme=dark] .static-stats-card,[data-theme=dark] .static-feature-card,[data-theme=dark] .static-contact-card,[data-theme=dark] .static-form-container,[data-theme=dark] .static-blog-card{background:var(--color-bg-elevated);border-color:var(--color-border)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:var(--color-bg-primary);color:var(--color-text-primary)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::-moz-selection{background-color:var(--color-primary-light);color:var(--color-primary)}::selection{background-color:var(--color-primary-light);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-md);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);z-index:var(--z-toast);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-md)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .float-left{float:right}[dir=rtl] .float-right{float:left}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .ml-1{margin-inline-start:.25rem;margin-inline-end:0}[dir=rtl] .ml-2{margin-inline-start:.5rem;margin-inline-end:0}[dir=rtl] .ml-3{margin-inline-start:.75rem;margin-inline-end:0}[dir=rtl] .ml-4{margin-inline-start:1rem;margin-inline-end:0}[dir=rtl] .mr-1{margin-inline-end:.25rem;margin-inline-start:0}[dir=rtl] .mr-2{margin-inline-end:.5rem;margin-inline-start:0}[dir=rtl] .mr-3{margin-inline-end:.75rem;margin-inline-start:0}[dir=rtl] .mr-4{margin-inline-end:1rem;margin-inline-start:0}[dir=rtl] .pl-1{padding-inline-start:.25rem;padding-inline-end:0}[dir=rtl] .pl-2{padding-inline-start:.5rem;padding-inline-end:0}[dir=rtl] .pl-3{padding-inline-start:.75rem;padding-inline-end:0}[dir=rtl] .pl-4{padding-inline-start:1rem;padding-inline-end:0}[dir=rtl] .pr-1{padding-inline-end:.25rem;padding-inline-start:0}[dir=rtl] .pr-2{padding-inline-end:.5rem;padding-inline-start:0}[dir=rtl] .pr-3{padding-inline-end:.75rem;padding-inline-start:0}[dir=rtl] .pr-4{padding-inline-end:1rem;padding-inline-start:0}[dir=rtl] .border-left{border-inline-start:1px solid;border-inline-end:none}[dir=rtl] .border-right{border-inline-end:1px solid;border-inline-start:none}[dir=rtl] .rounded-l{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:.375rem;border-end-end-radius:.375rem}[dir=rtl] .rounded-r{border-start-end-radius:0;border-end-end-radius:0;border-start-start-radius:.375rem;border-end-start-radius:.375rem}[dir=rtl] .icon-arrow-left,[dir=rtl] .icon-arrow-right,[dir=rtl] .icon-chevron-left,[dir=rtl] .icon-chevron-right{transform:scaleX(-1)}[dir=rtl] input[type=text],[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] .dropdown-menu{left:auto;right:0}[dir=rtl] .tooltip-left{left:auto;right:100%}[dir=rtl] .tooltip-right{right:auto;left:100%}[dir=rtl] .breadcrumb-separator:before{content:"\\";transform:scaleX(-1)}[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] ul,[dir=rtl] ol{padding-right:1.5rem;padding-left:0}[dir=rtl] .modal-close{right:auto;left:1rem}[dir=rtl] .sidebar-left{left:auto;right:0}[dir=rtl] .sidebar-right{right:auto;left:0}[dir=rtl] .card-image-left{order:2}[dir=rtl] .card-content-right{order:1}[dir=rtl] .badge-top-right{right:auto;left:0}[dir=rtl] .badge-top-left{left:auto;right:0}[dir=rtl] .slide-in-left{animation-name:slideInRight}[dir=rtl] .slide-in-right{animation-name:slideInLeft}[dir=rtl]::-webkit-scrollbar{left:0;right:auto}.notification-bell-container{position:relative;display:flex;align-items:center}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.notification-bell-btn:hover{background:var(--bg-secondary)}.notification-bell-icon{font-size:20px}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;text-align:center;color:#fff;background:var(--color-error);border-radius:9px;box-shadow:0 2px 4px #0003}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:1000}[data-theme=dark] .notification-panel{box-shadow:0 10px 40px #0006}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.notification-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.notification-panel-actions{display:flex;gap:8px}.notification-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.notification-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-list{max-height:360px;overflow-y:auto}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:var(--text-secondary)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary)}.notification-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.notification-empty p{margin:0;font-size:14px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--border-color)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:var(--bg-hover)}.notification-item.unread:hover{background:var(--bg-tertiary)}.notification-item-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--bg-tertiary);border-radius:8px}.notification-item-content{flex:1;min-width:0}.notification-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.notification-item-title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0}.notification-item-text{margin:0 0 4px;font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-time{font-size:12px;color:var(--text-tertiary)}.notification-item-delete{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-tertiary);opacity:0;transition:all .2s ease}.notification-item:hover .notification-item-delete{opacity:1}.notification-item-delete:hover{background:var(--color-error);color:#fff}.notification-panel-footer{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);text-align:center}.notification-panel-footer button{display:inline-block;padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-primary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.notification-panel-footer button:hover{background:var(--bg-tertiary)}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:480px){.notification-panel{position:fixed;top:60px;left:10px;right:10px;width:auto;max-height:calc(100vh - 80px)}}.header{background:var(--color-bg-secondary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:0 16px;height:60px!important;line-height:60px!important;position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .3s,border-color .3s}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;transition:opacity .15s}.header-logo:hover{text-decoration:none;opacity:.88}.header-logo-mark{width:36px;height:36px;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 18px #ff4d8c73,0 2px 8px #7c3aed4d,0 1px 3px #0003;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;overflow:visible}.header-logo:hover .header-logo-mark{transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 24px #ff4d8ca6,0 3px 12px #7c3aed73,0 1px 4px #0000002e}.header-logo-name{font-size:21px;font-weight:900;letter-spacing:-.02em;font-family:Nunito,DM Sans,sans-serif;background:linear-gradient(120deg,#ff7b54,#ff4d8c,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.header-community-stat{display:flex;align-items:center;gap:5px;margin-left:16px;font-size:12.5px;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.header-community-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 6px var(--color-success);animation:hdr-pulse 2.2s ease-in-out infinite;flex-shrink:0}@keyframes hdr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.header-community-num{color:var(--color-primary);font-weight:700;font-size:13px}@media(max-width:1100px){.header-community-stat{display:none}}.header-menu{flex:1;border:none!important;margin-left:24px;min-width:0;background:transparent!important;line-height:60px!important}.header-menu .ant-menu-item a,.header-menu .ant-menu-item span{color:var(--color-text-secondary)!important;font-size:13.5px;transition:color .15s}.header-menu .ant-menu-item:hover a,.header-menu .ant-menu-item:hover span{color:var(--color-text-primary)!important}.header-menu .ant-menu-item-selected a,.header-menu .ant-menu-item-selected span{color:var(--color-primary)!important}.header-menu .ant-menu-item-selected:after{border-bottom-color:var(--color-primary)!important}.header-user{cursor:pointer;display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:var(--radius-lg);transition:background .15s;color:var(--color-text-primary)}.header-user:hover{background:var(--color-bg-hover)}.header-avatar{background-color:var(--color-primary)!important}.header .ant-btn-text{color:var(--color-text-secondary)!important}.header .ant-btn-text:hover{color:var(--color-text-primary)!important;background:var(--color-bg-hover)!important}.theme-toggle-btn{width:36px;height:36px;border-radius:var(--radius-lg);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color .15s,background .15s,transform .3s cubic-bezier(.34,1.56,.64,1);padding:0;outline:none;flex-shrink:0}.theme-toggle-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover);transform:rotate(20deg) scale(1.1)}.theme-toggle-btn:active{transform:rotate(0) scale(.92)}.header .ant-btn-default{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:transparent!important}.header .ant-btn-default:hover{border-color:var(--color-primary-hover)!important;color:var(--color-primary-hover)!important;background:var(--color-primary-light)!important}@media(max-width:768px){.header{padding:0 12px}.header-logo-name{font-size:18px}.header-menu{display:none}}.header-nav{display:flex;align-items:center;gap:4px;flex:1;margin-left:24px;min-width:0}.header-nav-item{padding:6px 12px;border-radius:var(--radius-md);font-size:13.5px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.header-nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-hover);text-decoration:none}.header-nav-item--active,.header-nav-item--active:hover{color:var(--color-primary);background:var(--color-primary-light)}@media(max-width:768px){.header-nav{display:none}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding-top:var(--space-2xl)}.footer__container{max-width:1200px;margin:0 auto;padding:0 var(--space-md);display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:var(--space-xl)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer__logo-wrap{display:flex;align-items:center;gap:10px}.footer__logo-mark{width:36px;height:36px;border-radius:10px;background:transparent;box-shadow:0 4px 18px #ff4d8c66,0 2px 8px #7c3aed47,0 1px 3px #0000002e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer__logo{font-size:var(--font-size-xl);font-weight:900;letter-spacing:-.02em;font-family:Nunito,DM Sans,sans-serif;background:linear-gradient(120deg,#ff7b54,#ff4d8c,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.footer__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.footer__social{display:flex;gap:var(--space-md)}.footer__social a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:18px;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.footer__social a:hover{color:var(--color-primary);background-color:var(--color-bg-tertiary);transform:translateY(-2px)}.footer__links h4,.footer__contact h4,.footer__hours-col h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-md)}.footer__links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.footer__links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.footer__links a:hover{color:var(--color-primary)}.footer__hours-col h4{margin-bottom:var(--space-md)}.footer__hours-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.footer__hours-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);gap:8px}.footer__hours-day{color:var(--color-text-secondary)}.footer__hours-time{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-sm)}.footer__hours-closed{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer__hours-note{font-size:12px;color:var(--color-text-tertiary);margin-top:var(--space-xs);font-style:italic;list-style:none}.footer__bottom{margin-top:var(--space-xl);padding:var(--space-md);border-top:1px solid var(--color-border);text-align:center}.footer__bottom p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}@media(max-width:900px){.footer__container{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.footer__brand{grid-column:1 / -1}}@media(max-width:480px){.footer__container{grid-template-columns:1fr}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--color-bg-card);border-top:1px solid var(--color-border);display:none;z-index:1000;box-shadow:0 -2px 12px #0000000f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-nav-inner{display:flex;justify-content:space-around;align-items:center;height:100%;max-width:600px;margin:0 auto;padding:0 8px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;flex:1;text-decoration:none;color:var(--color-text-secondary);border-radius:8px;margin:0 2px}.mobile-nav-item:hover{background:var(--color-bg-hover)}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--color-primary);border-radius:0 0 3px 3px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-3px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mobile-nav-icon{font-size:20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-item:active .mobile-nav-icon{transform:scale(.95)}.mobile-nav-label{font-size:10px;font-weight:500;transition:all .25s ease}.mobile-nav-item.active .mobile-nav-label{font-weight:600}.mobile-nav-badge{position:absolute;top:4px;right:8px;min-width:18px;height:18px;padding:0 4px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1}@media(max-width:768px){.mobile-bottom-nav{display:block}}@media(max-width:768px){#root{padding-bottom:56px}}.admin-layout{min-height:100vh}.admin-layout__sider{background:linear-gradient(180deg,#001529,#002140);box-shadow:2px 0 8px #00000026}.admin-layout__sider .ant-menu{background:transparent;border:none}.admin-layout__sider .ant-menu-item{margin:4px 8px;border-radius:var(--radius-md);color:#ffffffa6}.admin-layout__sider .ant-menu-item:hover{color:#fff;background-color:#ffffff14}.admin-layout__sider .ant-menu-item-selected{color:#fff;background:var(--color-primary)}.admin-layout__logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.admin-layout__logo a{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.admin-layout__logo a:hover{opacity:.8}.admin-layout__header{background:var(--color-bg-primary);padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #00000014;position:sticky;top:0;z-index:10}.admin-layout__trigger{font-size:18px;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.admin-layout__trigger:hover{color:var(--color-text-primary)}.admin-layout__header-right{display:flex;align-items:center;gap:var(--space-md)}.admin-layout__user{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out)}.admin-layout__user:hover{background-color:var(--color-bg-tertiary)}.admin-layout__username{color:var(--color-text-primary);font-size:var(--font-size-sm)}.admin-layout__content{margin:var(--space-md);padding:var(--space-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);min-height:calc(100vh - 64px - var(--space-md) * 2);overflow:auto}@media(max-width:768px){.admin-layout__sider{position:fixed;left:0;top:0;bottom:0;z-index:100}.admin-layout__content{margin:var(--space-sm);padding:var(--space-md)}.admin-layout__username{display:none}}.seller-layout{min-height:100vh}.seller-layout__sider{background:linear-gradient(180deg,#1a1f36,#252d4a);box-shadow:2px 0 8px #00000026}.seller-layout__sider .ant-menu{background:transparent;border:none}.seller-layout__sider .ant-menu-item{margin:4px 8px;border-radius:var(--radius-md);color:#ffffffa6}.seller-layout__sider .ant-menu-item:hover{color:#fff;background-color:#ffffff14}.seller-layout__sider .ant-menu-item-selected{color:#fff;background:var(--color-primary)}.seller-layout__logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.seller-layout__logo a{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.seller-layout__logo a:hover{opacity:.8}.seller-layout__header{background:var(--color-bg-primary);padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #00000014;position:sticky;top:0;z-index:10}.seller-layout__trigger{font-size:18px;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.seller-layout__trigger:hover{color:var(--color-text-primary)}.seller-layout__header-right{display:flex;align-items:center;gap:var(--space-md)}.seller-layout__user{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out)}.seller-layout__user:hover{background-color:var(--color-bg-tertiary)}.seller-layout__username{color:var(--color-text-primary);font-size:var(--font-size-sm)}.seller-layout__content{margin:var(--space-md);padding:var(--space-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);min-height:calc(100vh - 64px - var(--space-md) * 2);overflow:auto}@media(max-width:768px){.seller-layout__sider{position:fixed;left:0;top:0;bottom:0;z-index:100}.seller-layout__content{margin:var(--space-sm);padding:var(--space-md)}.seller-layout__username{display:none}}.page-loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.page-loading-spinner-content{padding:50px}