.language-popup-overlay[data-v-739043a1]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.language-popup[data-v-739043a1]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;width:100%;max-width:420px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000040}.popup-header[data-v-739043a1]{text-align:center;margin-bottom:24px}.flag-icon[data-v-739043a1]{margin-bottom:16px;font-size:64px;animation:1s infinite bounce-739043a1}@keyframes bounce-739043a1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.popup-header h2[data-v-739043a1]{margin:0;font-size:28px;font-weight:700}.popup-content[data-v-739043a1]{margin-bottom:32px}.switch-desc[data-v-739043a1]{text-align:center;opacity:.9;margin-bottom:24px;font-size:16px;line-height:1.6}.recommended-lang[data-v-739043a1]{background:#ffffff26;border-radius:16px;padding:8px}.lang-item[data-v-739043a1]{border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex}.lang-item.recommended[data-v-739043a1]{background:#fff3}.flag[data-v-739043a1]{font-size:32px}.lang-name[data-v-739043a1]{font-size:18px;font-weight:600}.country-name[data-v-739043a1]{opacity:.8;flex:1;font-size:14px}.badge[data-v-739043a1]{color:#fff;background:#10b981;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.popup-actions[data-v-739043a1]{flex-direction:column;gap:12px;display:flex}.btn-confirm[data-v-739043a1],.btn-cancel[data-v-739043a1]{cursor:pointer;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.btn-confirm[data-v-739043a1]{color:#667eea;background:#fff}.btn-confirm[data-v-739043a1]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-cancel[data-v-739043a1]{color:#fff;background:#fff3}.btn-cancel[data-v-739043a1]:hover{background:#ffffff4d}.close-btn[data-v-739043a1]{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.close-btn[data-v-739043a1]:hover{background:#ffffff4d;transform:rotate(90deg)}.fade-enter-active[data-v-739043a1],.fade-leave-active[data-v-739043a1]{transition:opacity .3s}.fade-enter-from[data-v-739043a1],.fade-leave-to[data-v-739043a1]{opacity:0}.fade-enter-active .language-popup[data-v-739043a1]{animation:.4s popupIn-739043a1}@keyframes popupIn-739043a1{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.gt-progress-bar{z-index:99999;background:#e0202026;height:3px;position:fixed;top:0;left:0;right:0}.gt-progress-fill{background:linear-gradient(90deg,#e02020,#d32f2f);border-radius:0 2px 2px 0;height:100%;transition:width .3s;box-shadow:0 0 8px #e0202099}.gt-offline-banner{background:var(--color-danger);color:#fff;text-align:center;z-index:9998;padding:8px 16px;font-size:13px;font-weight:500;position:fixed;top:0;left:0;right:0}.slide-down-enter-active,.slide-down-leave-active{transition:all .3s}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-100%)}.gt-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;max-width:400px;display:flex;position:fixed;top:72px;right:20px}.gt-toast{border-radius:var(--radius-md);pointer-events:all;cursor:pointer;align-items:center;gap:8px;min-width:260px;max-width:400px;padding:12px 16px;font-size:14px;font-weight:500;display:flex;position:relative;box-shadow:0 4px 20px #00000026}.gt-toast.success{color:var(--color-success-500);border-left:4px solid var(--color-success-500);background:#f6ffed}.gt-toast.error{color:var(--color-danger);border-left:4px solid var(--color-danger);background:#fff2f0}.gt-toast.warning{color:var(--color-warning-500);border-left:4px solid var(--color-warning-500);background:#fffbe6}.gt-toast.info{color:var(--color-info-500);border-left:4px solid var(--color-info-500);background:#e6f7ff}.toast-icon{flex-shrink:0;font-size:15px}.toast-msg{flex:1;line-height:1.4}.toast-close{cursor:pointer;color:currentColor;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1}.toast-close:hover{opacity:1}.toast-slide-enter-active{transition:all .25s cubic-bezier(.23,1,.32,1)}.toast-slide-leave-active{transition:all .2s}.toast-slide-enter-from,.toast-slide-leave-to{opacity:0;transform:translate(50px)scale(.9)}.toast-slide-move{transition:transform .2s}.gt-confirm-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gt-confirm-modal{border-radius:var(--radius-lg);background:#fff;width:380px;max-width:calc(100vw - 32px);overflow:hidden;box-shadow:0 20px 60px #0003}.gt-confirm-header{border-bottom:1px solid var(--color-border-light);align-items:center;gap:10px;padding:20px 24px 16px;display:flex}.gt-confirm-header h3{margin:0;font-size:16px;font-weight:600}.gt-confirm-icon{font-size:20px}.gt-confirm-body{color:var(--color-text-secondary);padding:16px 24px;font-size:14px;line-height:1.6}.gt-confirm-footer{justify-content:flex-end;gap:12px;padding:12px 24px 20px;display:flex}.skip-link{color:#fff;z-index:9999;background:#e02020;padding:8px 16px;font-size:14px;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}:root{--color-primary-50:#ffebee;--color-primary-100:#ffcdd2;--color-primary-200:#ef9a9a;--color-primary-300:#e57373;--color-primary-400:#ef5350;--color-primary-500:#e02020;--color-primary-600:#d32f2f;--color-primary-700:#c62828;--color-primary-800:#b71c1c;--color-primary-900:#9c0e0e;--color-primary-gradient:linear-gradient(135deg, #e02020 0%, #d32f2f 50%, #b71c1c 100%);--color-primary-gradient-hover:linear-gradient(135deg, #d32f2f 0%, #ef5350 50%, #e02020 100%);--color-accent-50:#fff3e0;--color-accent-100:#ffe0b2;--color-accent-200:#ffcc80;--color-accent-300:#ffb74d;--color-accent-400:#ffa726;--color-accent-500:orange;--color-accent-600:#ff9800;--color-accent-700:#f57c00;--color-accent-800:#e65100;--color-accent-900:#ff6f00;--color-accent-gradient:linear-gradient(135deg, orange 0%, #ffb74d 50%, #ffa726 100%);--color-accent-gradient-hover:linear-gradient(135deg, #ffb74d 0%, #ffcc80 50%, orange 100%);--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#059669;--color-success-600:#047857;--color-success-700:#065f46;--color-success-800:#064e3b;--color-success-900:#022c22;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#d97706;--color-warning-600:#b45309;--color-warning-700:#92400e;--color-warning-800:#78350f;--color-warning-900:#451a03;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-400:#f87171;--color-danger-500:#dc2626;--color-danger-600:#b91c1c;--color-danger-700:#991b1b;--color-danger-800:#7f1d1d;--color-danger-900:#450a0a;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-200:#bfdbfe;--color-info-300:#93c5fd;--color-info-400:#60a5fa;--color-info-500:#0284c7;--color-info-600:#0369a1;--color-info-700:#075985;--color-info-800:#0c4a6e;--color-info-900:#0c4a6e;--color-text-primary:#1a1a1a;--color-text-secondary:#595959;--color-text-tertiary:#999;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#e8e8e8;--color-bg-dark:#1e293b;--color-bg-darker:#0f172a;--color-border:#e8e8e8;--color-border-light:#f5f5f5;--color-border-dark:#999;--color-border-focus:#e02020;--radius-none:0;--radius-sm:2px;--radius:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 2px #0000000d, 0 1px 2px #00000014;--shadow:0 2px 8px #00000014, 0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014, 0 4px 6px #0000000d;--shadow-lg:0 8px 24px #0000001f, 0 10px 10px #0000000a;--shadow-xl:0 12px 48px #00000026;--shadow-focus:0 0 0 3px #e020201a;--shadow-accent:0 8px 24px #ffa50033;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--breakpoint-3xl:1920px;--font-family-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;--font-family-mono:"SF Mono", "JetBrains Mono", "Fira Code", Consolas, monospace;--font-family-heading:"SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--duration-slower:.5s;--duration-fastest:.1s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--container-3xl:1600px;--navbar-height:72px;--navbar-height-mobile:60px;--tabbar-height:60px;--transition:all var(--duration-normal) var(--ease-out);--transition-fast:all var(--duration-fast) var(--ease-out);--transition-slow:all var(--duration-slow) var(--ease-in-out);--transition-color:color var(--duration-normal) var(--ease-out);--transition-bg:background-color var(--duration-normal) var(--ease-out);--transition-border:border-color var(--duration-normal) var(--ease-out);--transition-shadow:box-shadow var(--duration-normal) var(--ease-out);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-opacity:opacity var(--duration-normal) var(--ease-out);--color-primary-main:var(--color-primary-500);--color-primary-dark:var(--color-primary-600);--color-primary-light:var(--color-primary-400);--color-primary-focus:#e020201a;--color-accent-main:var(--color-accent-500);--color-accent-focus:#ffa50033;--color-border-medium:#d9d9d9;--easing-ease-in-out:var(--ease-in-out);--shadow-premium-card:0 12px 48px #e0202026;--theme-primary:var(--color-primary-500);--theme-accent:var(--color-accent-500);--theme-success:var(--color-success-500);--theme-warning:var(--color-warning-500);--theme-danger:var(--color-danger-500);--theme-info:var(--color-info-500);--theme-text:var(--color-text-primary);--theme-text-secondary:var(--color-text-secondary);--theme-bg:var(--color-bg-primary);--theme-bg-secondary:var(--color-bg-secondary);--theme-border:var(--color-border);--theme-gradient:var(--color-primary-gradient);--theme-accent-gradient:var(--color-accent-gradient);--breakpoint-xxl:1536px}@media (prefers-color-scheme:dark){:root{--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-tertiary:#999;--color-text-disabled:#666;--color-text-inverse:#1a1a1a;--color-bg-primary:#1e293b;--color-bg-secondary:#0f172a;--color-bg-tertiary:#334155;--color-bg-dark:#0f172a;--color-bg-darker:#020617;--color-border:#334155;--color-border-light:#1e293b;--color-border-dark:#475569;--shadow-sm:0 1px 3px #0003;--shadow:0 4px 6px -1px #0000004d;--shadow-md:0 10px 15px -3px #0006;--shadow-lg:0 20px 25px -5px #00000080;--shadow-xl:0 25px 50px -12px #0009;--theme-text:var(--color-text-primary);--theme-text-secondary:var(--color-text-secondary);--theme-bg:var(--color-bg-primary);--theme-bg-secondary:var(--color-bg-secondary);--theme-border:var(--color-border)}}[data-theme=light]{--color-text-primary:#1a1a1a;--color-text-secondary:#595959;--color-text-tertiary:#999;--color-text-disabled:#ccc;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#e8e8e8;--color-border:#e8e8e8;--color-border-light:#f5f5f5;--color-border-dark:#999;--theme-text:var(--color-text-primary);--theme-text-secondary:var(--color-text-secondary);--theme-bg:var(--color-bg-primary);--theme-bg-secondary:var(--color-bg-secondary);--theme-border:var(--color-border)}[data-theme=dark]{--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-tertiary:#999;--color-text-disabled:#666;--color-bg-primary:#1e293b;--color-bg-secondary:#0f172a;--color-bg-tertiary:#334155;--color-border:#334155;--color-border-light:#1e293b;--color-border-dark:#475569;--theme-text:var(--color-text-primary);--theme-text-secondary:var(--color-text-secondary);--theme-bg:var(--color-bg-primary);--theme-bg-secondary:var(--color-bg-secondary);--theme-border:var(--color-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes breathing{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-fade-in-up{animation:.5s ease-out fadeInUp}.animate-fade-in-down{animation:.5s ease-out fadeInDown}.animate-fade-in-scale{animation:.3s ease-out fadeInScale}.animate-slide-in-right{animation:.4s ease-out slideInRight}.animate-slide-in-left{animation:.4s ease-out slideInLeft}.animate-bounce{animation:.5s ease-out bounce}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:.8s linear infinite spin}.animate-float{animation:3s ease-in-out infinite float}.hover-lift:hover{transform:translateY(-4px)}.hover-brightness{transition:var(--transition-bg)}.hover-brightness:hover{filter:brightness(1.1)}.user-select-none{-webkit-user-select:none;user-select:none}.user-select-text{-webkit-user-select:text;user-select:text}.user-select-all{-webkit-user-select:all;user-select:all}.touch-optimize{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.hide{display:none!important}@media (width<=639px){.hide-sm{display:none!important}}@media (width>=640px) and (width<=1023px){.hide-md{display:none!important}}@media (width>=1024px){.hide-lg{display:none!important}}@media (width<=1023px){.show-mobile{display:none!important}}@media (width>=1024px){.show-desktop{display:none!important}}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-dark) var(--color-bg-secondary)}@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}.no-print{display:none!important}a[href]:after{content:" (" attr(href) ")"}}::selection{background:#e0202033}::selection{background:#e0202033}:root{--primary:#0f4c81;--primary-light:#1e5f99;--primary-dark:#0a3a63;--primary-gradient:linear-gradient(135deg, #0f4c81 0%, #1e5f99 50%, #0a3a63 100%);--accent:#c9a227;--accent-light:#e6b93d;--success:#059669;--success-light:#10b981;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--text-accent:#c9a227;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#1e293b;--bg-accent:#fef3c7;--bg-card:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.35s;--ease-out:cubic-bezier(.215, .61, .355, 1);--ease-in-out:cubic-bezier(.645, .045, .355, 1)}@media (prefers-color-scheme:dark){:root{--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--bg-primary:#1e293b;--bg-secondary:#0f172a;--bg-tertiary:#334155;--bg-card:#1e293b;--border:#334155;--border-light:#475569;--shadow:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{color:var(--text-primary);background:var(--bg-secondary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:16px;line-height:1.6}@media (width<=768px){html,body{font-size:14px}}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-light)}a:focus{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.btn{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.02em;transition:all var(--transition-normal) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 12px #0f4c814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f4c8166}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{border-color:var(--primary-light);background:#0f4c810d}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);border-color:var(--border-dark);color:var(--text-primary)}.btn-accent{color:#fff;background:linear-gradient(135deg,#c9a227 0%,#e6b93d 100%);border-color:#0000;box-shadow:0 4px 12px #c9a2274d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c9a22766}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-sm{border-radius:var(--radius);gap:6px;padding:6px 12px;font-size:12px}.btn-md{border-radius:var(--radius-md);gap:8px;padding:10px 20px;font-size:14px}.btn-lg{border-radius:var(--radius-lg);gap:10px;padding:14px 28px;font-size:16px;font-weight:700}.btn-block{width:100%}.btn-icon{border-radius:var(--radius);gap:0;width:40px;height:40px;padding:0}.btn-icon-sm{width:32px;height:32px}.btn-icon-lg{width:48px;height:48px}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);letter-spacing:.01em;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;transition:all var(--transition-normal) var(--ease-out);color:var(--text-primary);outline:none;padding:12px 16px;font-size:15px;line-height:1.5}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f4c811a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-error{color:var(--danger);align-items:center;gap:4px;margin-top:6px;font-size:13px;display:flex}.form-error:before{content:"⚠️"}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-inline{align-items:flex-start;gap:16px;display:flex}.form-inline .form-group{flex:1;margin-bottom:0}.form-inline .form-label{margin-bottom:8px}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all var(--transition-normal) var(--ease-out);border:1px solid var(--border-light);padding:24px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-sm{border-radius:var(--radius-md);padding:16px}.card-lg{border-radius:var(--radius-xl);padding:32px}.card-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:16px;font-size:18px;font-weight:700}.card-subtitle{color:var(--text-secondary);margin-top:-8px;margin-bottom:16px;font-size:14px}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-body{margin-bottom:20px}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#0f4c811a}.badge-success{color:var(--success);background:#0596691a}.badge-warning{color:var(--warning);background:#d977061a}.badge-danger{color:var(--danger);background:#dc26261a}.badge-gray{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-accent{color:var(--accent);background:#c9a2271a}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.empty-state{text-align:center;color:var(--text-tertiary);padding:48px 16px}.empty-state svg{opacity:.4;width:60px;height:60px;margin-bottom:12px}.empty-state p{font-size:14px}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-spinner-sm{border-width:2px;width:24px;height:24px;animation:.7s linear infinite spin}.loading-spinner-lg{border-width:4px;width:56px;height:56px;animation:.9s linear infinite spin}.page-loading{justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.page-loading-text{color:var(--text-tertiary);font-size:14px;font-weight:500}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}.fade-in{animation:.3s ease-out fadeIn}.fade-in-up{animation:.5s ease-out fadeInUp}.fade-in-scale{animation:.3s cubic-bezier(.4,0,.2,1) fadeInScale}.slide-in-right{animation:.4s cubic-bezier(.4,0,.2,1) slideInRight}.slide-in-left{animation:.4s cubic-bezier(.4,0,.2,1) slideInLeft}.bounce{animation:.5s cubic-bezier(.68,-.55,.265,1.55) bounce}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}::selection{color:var(--text-primary);background:#0f4c8133}::selection{color:var(--text-primary);background:#0f4c8133}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.responsive-img{max-width:100%;height:auto;display:block}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis-2{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-ellipsis-3{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.container{max-width:1400px;margin:0 auto;padding:0 24px}@media (width<=1024px){.container{padding:0 20px}}@media (width<=768px){.container{padding:0 16px}}.container-sm{max-width:800px}.container-md{max-width:1200px}.container-lg{max-width:1600px}.page-header{text-align:center;padding:32px 0 24px}@media (width<=768px){.page-header{padding:24px 0 16px}}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.2}@media (width<=768px){.page-title{font-size:24px}}.page-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:16px;line-height:1.6}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:16px}.grid-auto-fit{grid-template-columns:1fr}}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.pagination button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;min-width:32px;height:32px;padding:0 8px;font-size:13px;transition:all .2s}.pagination button:hover{border-color:var(--primary);color:var(--primary)}.pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.product-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);cursor:pointer;border:1px solid var(--border-light);transition:all var(--transition-normal) var(--ease-out);position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.product-card .image-wrapper{background:var(--bg-tertiary);position:relative;overflow:hidden}.product-card img{object-fit:cover;width:100%;height:220px;transition:transform var(--transition-slow) var(--ease-out)}.product-card:hover img{transform:scale(1.05)}.product-card .badge{z-index:2;position:absolute;top:12px;left:12px}.product-card .info{padding:16px}.product-card .title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card .price{color:var(--primary);margin-bottom:8px;font-size:20px;font-weight:700}.product-card .price span{color:var(--text-secondary);font-size:14px;font-weight:500}.product-card .meta{border-top:1px solid var(--border-light);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding-top:12px;font-size:13px;display:flex}.product-card .meta-item{align-items:center;gap:4px;display:flex}@media (width<=768px){.product-card img{height:180px}.product-card .info{padding:12px}.product-card .title{height:40px;font-size:14px}.product-card .price{font-size:18px}}.table-container{border-radius:var(--radius-md);box-shadow:var(--shadow);background:var(--bg-card);border:1px solid var(--border-light);overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:14px 20px;font-size:14px}.data-table th{background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;z-index:10;font-size:12px;font-weight:600;position:sticky;top:0}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-tertiary)}.data-table td{color:var(--text-primary);font-weight:500}.data-table tbody tr:last-child td{border-bottom:none}.status-cell{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-cell.success{color:var(--success);background:#0596691a}.status-cell.warning{color:var(--warning);background:#d977061a}.status-cell.danger{color:var(--danger);background:#dc26261a}.status-cell.info{color:var(--primary);background:#0f4c811a}@media (width<=768px){.data-table th,.data-table td{padding:10px 12px;font-size:13px}}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--text-secondary)!important}.hero{background:var(--primary-gradient);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#c9a2271a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.hero-inner{z-index:1;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero h1{letter-spacing:-.02em;text-shadow:0 2px 10px #0000001a;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.1}.hero p{opacity:.95;max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.7}.hero-lang{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.hero-lang button{color:#fffc;cursor:pointer;transition:all var(--transition-normal);background:0 0;border:1px solid #ffffff4d;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.hero-lang button:hover,.hero-lang button.active{color:#fff;background:#ffffff26;border-color:#ffffff80}.hero-search{gap:12px;max-width:700px;margin-bottom:24px;margin-left:auto;margin-right:auto;display:flex}.hero-search-input{border-radius:var(--radius-lg);transition:all var(--transition-normal);color:var(--text-primary);background:#fffffff2;border:2px solid #fff3;outline:none;flex:1;padding:16px 24px;font-size:16px}.hero-search-input:focus{background:#fff;border-color:#ffffff80;box-shadow:0 8px 24px #0000001a}.hero-search .btn{border-radius:var(--radius-lg);white-space:nowrap;height:56px;padding:0 32px;font-size:16px;font-weight:700}.hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.hero-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:all var(--transition-normal);background:#ffffff26;border:1px solid #fff3;border-radius:25px;padding:8px 20px;font-size:14px;font-weight:500}.hero-tag:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px)}@media (width<=768px){.hero{padding:60px 0 40px}.hero h1{margin-bottom:16px;font-size:32px}.hero p{margin-bottom:32px;font-size:16px}.hero-search{flex-direction:column;gap:12px}.hero-search-input,.hero-search .btn{width:100%}.hero-tags{gap:8px}.hero-tag{padding:6px 16px;font-size:13px}}.services-nav{background:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;padding:8px 0;display:grid}.service-item{border-radius:var(--radius-lg);min-width:100px;color:var(--text-secondary);transition:all var(--transition-normal) var(--ease-out);cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-light);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.service-item:hover{color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f4c810d 0%,#0f4c811a 100%);transform:translateY(-3px)}.service-icon{background:var(--bg-primary);width:56px;height:56px;transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.service-item:hover .service-icon{background:var(--primary);color:#fff;transform:scale(1.1)}@media (width<=768px){.services-grid{-webkit-overflow-scrolling:touch;gap:12px;padding:8px 4px;display:flex;overflow-x:auto}.service-item{border-radius:var(--radius-md);min-width:85px;padding:16px 8px}.service-icon{width:48px;height:48px;font-size:24px}.service-item span{font-size:12px}}.section{padding:60px 0}.section-sm{padding:40px 0}.section-lg{padding:80px 0}.section-gray{background:var(--bg-secondary)}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.section-header-content{flex:1}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:15px}.section-more{color:var(--primary);border-radius:var(--radius);transition:all var(--transition-normal);background:var(--bg-secondary);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.section-more:hover{background:#0f4c810d;transform:translate(4px)}@media (width<=768px){.section{padding:40px 0}.section-header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.section-title{font-size:22px}.section-subtitle{font-size:14px}}.purchase-list{flex-direction:column;gap:12px;display:flex}.purchase-item{flex-direction:column;gap:8px;display:flex}.purchase-title{font-size:15px;font-weight:500}.purchase-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:460px;max-width:100%;max-height:90vh;overflow-y:auto}@media (width<=900px){.AppNavbar,.AppFooter{display:none!important}.mobile-tab-bar{display:flex}.app-layout .main-content{padding-top:0;padding-bottom:60px}}@media (width<=768px){.container{max-width:100%;padding:0 12px}.hero{text-align:center;padding:30px 0 40px}.hero h1{margin-bottom:12px;font-size:20px;line-height:1.4}.hero p{margin-bottom:20px;font-size:14px}.hero-search{flex-direction:column;gap:12px}.hero-search-input{width:100%;height:44px;font-size:14px}.hero-search .btn{width:100%;height:44px}.hero-tags{justify-content:center;gap:6px}.hero-tag{padding:4px 10px;font-size:11px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.services-grid{gap:6px;padding:0 12px}.service-item{min-width:70px;padding:10px 8px;font-size:11px}.service-icon{font-size:18px}.card{border-radius:6px;padding:16px}.card-title{font-size:15px}.product-card img{height:140px}.product-card .info{padding:10px}.product-card .title{font-size:13px}.product-card .price{font-size:14px}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px;font-size:12px}.data-table th,.data-table td{padding:10px 12px}.btn{padding:10px 16px;font-size:14px}.btn-sm{padding:6px 10px;font-size:12px}.form-input{height:44px;font-size:14px}.form-textarea{min-height:100px}.pagination{gap:4px}.pagination button{min-width:36px;height:36px;padding:0 6px;font-size:12px}.badge{padding:2px 6px;font-size:11px}.tag{padding:2px 8px;font-size:11px}.page-header{padding:20px 0 12px}.page-title{font-size:18px}.modal{border-radius:12px 12px 0 0;width:100%;max-width:100%;max-height:85vh;margin:0;position:absolute;bottom:0;left:0;right:0}.modal-overlay{align-items:flex-end;padding:0}.gt-confirm-modal{width:90%;max-width:350px;margin:0 auto}.gt-toast-container{max-width:none;top:16px;left:12px;right:12px}.gt-toast{min-width:auto;max-width:100%;padding:10px 14px;font-size:13px}.empty-state{padding:32px 12px}.empty-state svg{width:48px;height:48px}.tag-list{gap:4px}.alert{padding:10px 12px;font-size:12px}.section{padding:24px 0}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-title{font-size:16px}.purchase-meta{flex-direction:column;align-items:flex-start;gap:6px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-2{gap:6px}.gap-3{gap:10px}.gap-4{gap:14px}.desktop-only{display:none!important}}@media (width<=375px){.container{padding:0 10px}.hero h1{font-size:18px}.grid-4{grid-template-columns:1fr}.card{padding:12px}.btn{padding:8px 12px;font-size:13px}}@media (width>=769px) and (width<=1024px){.container{max-width:960px}.grid-4{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:28px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bfbfbf}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}img{max-width:100%;display:block}img[loading=lazy]{background:#f5f5f5}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.cursor-pointer{cursor:pointer}.w-full{width:100%}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-right{text-align:right}.text-center{text-align:center}.card-hover{cursor:pointer;transition:box-shadow .2s,transform .2s}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--text-secondary);white-space:nowrap;background:#f5f5f5;border-radius:20px;padding:3px 10px;font-size:12px;display:inline-block}.tag-primary{color:var(--primary);background:#e6f4ff}.tag-success{color:var(--success);background:#f6ffed}.tag-warning{color:var(--warning);background:#fffbe6}.tag-danger{color:var(--danger);background:#fff2f0}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.4s infinite shimmer}.page-enter-active{transition:opacity .2s,transform .2s}.page-leave-active{transition:opacity .15s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}.btn-loading{pointer-events:none;opacity:.8;position:relative}.btn-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-top:-7px;animation:.6s linear infinite spin;position:absolute;top:50%;right:10px}@media (width<=768px){.btn,.nav-link,.product-card,.diamond-item,.mn-item,.dm-item,.dm-item-sm{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn,.btn-primary,.btn-outline,.btn-ghost,.btn-danger{min-width:44px;min-height:44px}.form-input,.form-select,.form-textarea{padding:12px 14px;font-size:16px}a,button{position:relative}.card-hover:hover{transform:none}.gt-toast-container{top:16px;left:16px;right:16px}input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],textarea,select{-webkit-appearance:none;border-radius:8px}.modal,.mobile-nav{-webkit-overflow-scrolling:touch}img{backface-visibility:hidden}.card{margin-bottom:12px}.dropdown-menu{border-radius:12px;box-shadow:0 8px 30px #00000026}}@media (hover:none){.card:hover,.product-card:hover,.diamond-item:hover,.mn-item:hover,.dm-item:hover,.community-card:hover{box-shadow:var(--shadow);transform:none}.btn:hover,.nav-link:hover{transform:none}}@supports (padding:max(0px)){.navbar{padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right))}.mobile-nav{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(20px, env(safe-area-inset-bottom))}.modal-overlay{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}}.link-btn{color:var(--primary);cursor:pointer;font-size:inherit;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.link-btn:hover{color:var(--primary-dark)}.alert{border-radius:var(--radius);align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.alert-info{color:#0958d9;background:#e6f7ff;border:1px solid #91caff}.alert-success{color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f}.alert-warning{color:#d46b08;background:#fffbe6;border:1px solid #ffe58f}.alert-danger{color:#cf1322;background:#fff2f0;border:1px solid #ffccc7}.num-highlight{color:var(--primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}@media print{.AppNavbar,.AppFooter,.user-sidebar,.pagination{display:none!important}body{background:#fff!important}.card{border:1px solid #eee;box-shadow:none!important}}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;width:100%;display:grid}@media (width<=1536px){.grid-responsive{grid-template-columns:repeat(4,1fr);gap:18px}}@media (width<=1280px){.grid-responsive{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width<=1024px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=768px){.grid-responsive{grid-template-columns:1fr;gap:12px}}.filter-enhanced{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:var(--bg-card);margin-bottom:24px}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-input-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);min-width:200px;transition:all var(--transition-fast);flex:1;align-items:center;display:flex;overflow:hidden}.search-input-wrapper:focus-within{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #0f4c8114}.search-input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:10px 14px;font-size:14px}.search-input::placeholder{color:var(--text-tertiary)}.search-btn{border:none;border-left:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;padding:8px 12px;font-size:16px}.search-btn:hover{background:var(--bg-tertiary)}.search-btn:active{transform:scale(.95)}.price-range-group{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:8px;padding:2px 8px;display:flex}.price-input{text-align:center;background:0 0;border:none;width:80px;padding:8px 6px;font-size:13px}.price-input::placeholder{color:var(--text-tertiary)}.price-sep{color:var(--text-tertiary);flex-shrink:0;font-weight:600}.category-select{min-width:140px}.btn-search{min-width:80px;font-weight:600}.btn-reset{white-space:nowrap;min-width:70px}.category-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cat-tag{cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:18px;padding:6px 14px;font-size:13px}.cat-tag:hover{color:var(--primary);border-color:var(--primary);background:#0f4c8114}.cat-tag:active{transform:scale(.96)}.cat-tag.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);font-weight:600}.filter-tips{border-top:1px solid var(--border-light);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;font-size:13px;display:flex}.filter-tips span{align-items:center;gap:4px;display:flex}.filter-tips strong{color:var(--primary);font-weight:600}.clear-btn{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px}.clear-btn:hover{background:var(--danger);color:var(--text-inverse);border-color:var(--danger)}.product-card-wrapper{color:inherit;border-radius:var(--radius-lg);transition:all var(--transition-normal);text-decoration:none;display:block;overflow:hidden}.product-card-wrapper:hover{transform:translateY(-4px)}.product-card-enhanced{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);height:100%;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.product-card-wrapper:hover .product-card-enhanced{box-shadow:var(--shadow-lg);border-color:var(--primary)}.product-img-wrap{aspect-ratio:1;background:var(--bg-tertiary);flex-shrink:0;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow) cubic-bezier(.34, 1.56, .64, 1);background:linear-gradient(135deg,#f5f5f5 0%,#f0f0f0 100%);display:block}.product-card-wrapper:hover .product-image{transform:scale(1.08)}.product-badge{background:linear-gradient(135deg, var(--primary) 0%, #1e5f99 100%);color:var(--text-inverse);z-index:2;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0f4c8133}.hot-badge{background:linear-gradient(135deg,#ff6b35 0%,#ff4500 100%);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.badge-icon{font-size:14px;line-height:1}.badge-text{font-weight:600}.img-overlay{opacity:0;width:100%;height:100%;transition:all var(--transition-normal);z-index:3;background:#0f4c81b3;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;transform:translateY(10px)}.product-card-wrapper:hover .img-overlay{opacity:1;transform:translateY(0)}.quick-view-btn{background:var(--accent);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transform:scale(.9);box-shadow:0 4px 12px #c9a2274d}.product-card-wrapper:hover .quick-view-btn{transform:scale(1)}.quick-view-btn:hover{background:#d4a955;box-shadow:0 6px 16px #c9a22766}.quick-view-btn:active{transform:scale(.95)}.product-info{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.product-title{color:var(--text-primary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.price-section{color:var(--primary);align-items:baseline;gap:4px;font-weight:700;display:flex}.currency{color:var(--text-secondary);font-size:12px;font-weight:600}.price-value{color:#e6162d;font-size:18px}.unit{color:var(--text-tertiary);font-size:12px;font-weight:500}.no-price{color:var(--text-secondary);font-size:13px;font-weight:500}.product-meta{border-top:1px solid var(--border-light);color:var(--text-tertiary);flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.meta-item{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:2px;display:flex;overflow:hidden}.product-card-skeleton{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;animation:.6s ease-out fadeInUp;display:flex;overflow:hidden}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 0%, var(--bg-secondary) 50%, var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.skeleton-img{aspect-ratio:1;flex-shrink:0;width:100%}.skeleton-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.skeleton-line{border-radius:4px;height:14px}.skeleton-line.short{width:70%}@media (width<=1024px){.filter-row{gap:10px}.search-input-wrapper{flex:0 100%}.price-range-group{flex-basis:100%;order:2}.category-select{min-width:120px}}@media (width<=768px){.filter-enhanced{padding:12px 14px}.filter-row{gap:8px;margin-bottom:8px}.search-input-wrapper{flex-basis:100%;order:1}.category-select{flex:1;min-width:100px}.btn-search,.btn-reset{flex:0 48%}.price-range-group{flex-basis:100%;order:3;width:100%}.category-tags{gap:6px;margin-bottom:8px}.cat-tag{padding:4px 10px;font-size:12px}.filter-tips{gap:8px;font-size:12px}.clear-btn{margin-left:auto}.product-img-wrap{aspect-ratio:4/3}.product-info{gap:6px;padding:10px 12px}.product-title{font-size:13px}.price-value{font-size:16px}.product-meta{gap:8px;font-size:11px}}@media (width<=640px){.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:18px}.page-subtitle{display:none}.filter-enhanced{margin-bottom:16px;padding:10px 12px}.filter-row{gap:6px;margin-bottom:6px}.search-input-wrapper{flex-basis:100%;order:1}.category-select,.form-select{padding:8px 10px;font-size:13px}.btn-search,.btn-reset{min-width:unset;flex:1;padding:8px;font-size:13px}.price-range-group{flex-basis:100%;order:3;gap:6px;width:100%;padding:2px 6px}.price-input{width:70px;padding:6px 4px;font-size:12px}.category-tags{gap:4px;margin-bottom:6px}.cat-tag{padding:3px 8px;font-size:11px}.grid-responsive{gap:10px}.product-card-enhanced{border-radius:var(--radius)}.product-img-wrap{aspect-ratio:1}.product-info{gap:4px;padding:8px 10px}.product-title{-webkit-line-clamp:1;font-size:12px;line-height:1.4}.price-section{font-size:13px}.price-value{font-size:15px}.currency,.unit{font-size:11px}.product-meta{border-top-width:0;gap:6px;padding-top:4px;font-size:10px}.quick-view-btn{padding:8px 16px;font-size:12px}.filter-tips{font-size:11px}.result-count{font-size:12px}}