:root{--primary: #9b2335;--primary-light: #c44058;--primary-dark: #6d1828;--primary-gradient: linear-gradient(135deg, #9b2335 0%, #c44058 100%);--primary-gradient-hover: linear-gradient(135deg, #a83045 0%, #cf4d62 100%);--primary-gradient-reverse: linear-gradient(135deg, #c44058 0%, #9b2335 100%);--primary-gradient-vertical: linear-gradient(180deg, #9b2335 0%, #c44058 100%);--accent-purple: #d4a04a;--accent-pink: #9b2335;--accent-gradient: linear-gradient(135deg, #d4a04a 0%, #9b2335 100%);--bg-dark: #0a0a0a;--bg-darker: #050505;--bg-card: #1a1010;--bg-card-hover: #251515;--bg-card-active: #2d1a1a;--bg-elevated: #160d0d;--bg-input: rgba(255, 255, 255, .05);--bg-input-focus: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .2);--text-link: #9b2335;--text-link-hover: #c44058;--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--border-focus: rgba(155, 35, 53, .5);--border-strong: rgba(255, 255, 255, .15);--success: #00e676;--success-bg: rgba(0, 230, 118, .1);--success-border: rgba(0, 230, 118, .3);--warning: #ffab40;--warning-bg: rgba(255, 171, 64, .1);--warning-border: rgba(255, 171, 64, .3);--danger: #ff5252;--danger-bg: rgba(255, 82, 82, .1);--danger-border: rgba(255, 82, 82, .3);--info: #9b2335;--info-bg: rgba(155, 35, 53, .1);--info-border: rgba(155, 35, 53, .3);--glass-bg: rgba(26, 16, 16, .8);--glass-bg-strong: rgba(26, 16, 16, .95);--glass-bg-light: rgba(26, 16, 16, .5);--glass-bg-ultra: rgba(26, 16, 16, .4);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--glass-shadow-xl: 0 24px 64px rgba(0, 0, 0, .5);--glass-blur: blur(16px);--glass-blur-strong: blur(24px);--glass-blur-light: blur(8px);--glow-primary: 0 0 20px rgba(155, 35, 53, .3);--glow-primary-strong: 0 0 40px rgba(155, 35, 53, .4);--glow-accent: 0 0 20px rgba(212, 160, 74, .3);--glow-success: 0 0 20px rgba(0, 230, 118, .3);--glow-danger: 0 0 20px rgba(255, 82, 82, .3);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Space Grotesk", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--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;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--transition: all .3s ease;--transition-fast: all .15s ease;--transition-slow: all .5s ease;--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-navbar: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--z-toast: 700;--navbar-height: 72px;--sidebar-width: 260px;--sidebar-collapsed: 72px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;text-size-adjust:100%;touch-action:manipulation}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--text-link);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--text-link-hover)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:var(--leading-tight);color:var(--text-primary)}p{color:var(--text-secondary)}::placeholder{color:var(--text-muted)}::selection{background:#9b23354d;color:var(--text-primary)}::-moz-selection{background:#9b23354d;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff40;background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) var(--bg-darker)}.heading-1{font-size:var(--text-5xl);font-weight:700;letter-spacing:-.02em}.heading-2{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em}.heading-3{font-size:var(--text-3xl);font-weight:600;letter-spacing:-.01em}.heading-4{font-size:var(--text-2xl);font-weight:600}.heading-5{font-size:var(--text-xl);font-weight:600}.heading-6{font-size:var(--text-lg);font-weight:600}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-center{text-align:center}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow-lg)}.glass-light{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-ultra{background:var(--glass-bg-ultra);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:var(--transition)}.glass-card:hover{background:#1a1010e6;border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(155,35,53,.06) 0%,transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-glow:hover:before{opacity:1}.card-gradient-border{position:relative;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6)}.card-gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:var(--primary-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.card-gradient-border:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:500;font-size:var(--text-sm);line-height:1;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;height:44px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary-gradient);color:#0a0a0a;font-weight:600;box-shadow:0 4px 16px #9b23354d}.btn-primary:hover{background:var(--primary-gradient-hover);box-shadow:0 6px 24px #9b233566;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #9b23354d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:#9b23351a;box-shadow:var(--glow-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 16px #ff52524d}.btn-danger:hover{background:#ff6b6b;box-shadow:0 6px 24px #ff525266;transform:translateY(-1px)}.btn-success{background:var(--success);color:#0a0a0a;font-weight:600;box-shadow:0 4px 16px #00e6764d}.btn-success:hover{box-shadow:0 6px 24px #00e67666;transform:translateY(-1px)}.btn-sm{padding:var(--space-2) var(--space-4);height:36px;font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);height:52px;font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);height:60px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius)}.btn-icon.btn-sm{width:36px;height:36px}.btn-full{width:100%}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translate(-100%);transition:none}.btn-primary:hover:after{animation:shimmer .6s ease forwards}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.form-label-required:after{content:" *";color:var(--danger)}.form-input{width:100%;height:48px;padding:0 var(--space-4);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-base);transition:var(--transition)}.form-input:hover{border-color:var(--border-hover);background:var(--bg-input-focus)}.form-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #9b23351a}.form-input.error{border-color:var(--danger);box-shadow:0 0 0 3px #ff52521a}.form-textarea{min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical;height:auto}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-input-icon{position:relative}.form-input-icon .form-input{padding-left:44px}.form-input-icon .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.form-input-icon .icon-right{left:auto;right:14px;pointer-events:all;cursor:pointer}.form-checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.page-content{flex:1;padding-top:var(--navbar-height);min-height:100vh}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-10) 0}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}@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 slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #9b233533}50%{box-shadow:0 0 40px #9b233566}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes twinkle-bright{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes shooting{0%{transform:translateZ(0) rotate(-45deg);opacity:0}2%{opacity:1}55%{opacity:1}to{transform:translate3d(-500px,500px,0) rotate(-45deg);opacity:0}}@keyframes nebula{0%,to{opacity:.3;transform:scaleZ(1) rotate(0)}50%{opacity:.5;transform:scale3d(1.1,1.1,1) rotate(5deg)}}@keyframes borderGlow{0%,to{border-color:#9b233533}50%{border-color:#9b233580}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}.animate-fadeInDown{animation:fadeInDown .5s ease forwards}.animate-slideUp{animation:slideUp .6s ease forwards}.animate-slideDown{animation:slideDown .6s ease forwards}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:.1s;opacity:0}.stagger-2{animation-delay:.2s;opacity:0}.stagger-3{animation-delay:.3s;opacity:0}.stagger-4{animation-delay:.4s;opacity:0}.stagger-5{animation-delay:.5s;opacity:0}.star-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.star-field-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(55vw,450px);height:auto;opacity:.054;filter:grayscale(1) brightness(1.5);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.star-field .star{position:absolute;background:#fff;border-radius:50%;animation:twinkle linear infinite;will-change:opacity}.star-field .star.small{width:1px;height:1px}.star-field .star.medium{width:2px;height:2px;background:#ffe0e8;box-shadow:0 0 2px .5px #ffb4c833}.star-field .star.large{width:3px;height:3px}.star-field .star.bright{width:4px;height:4px;background:var(--star-color, #ffd0d8);border-radius:50%;animation:twinkle-bright ease-in-out infinite;will-change:opacity,transform;box-shadow:0 0 6px 2px color-mix(in srgb,var(--star-color, #ffd0d8) 40%,transparent),0 0 14px 4px color-mix(in srgb,var(--star-color, #ffd0d8) 15%,transparent)}.star-field .star.bright:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,var(--star-color, #ffd0d8),transparent);opacity:.5}.star-field .star.bright:after{content:"";position:absolute;top:50%;left:50%;width:1px;height:20px;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,var(--star-color, #ffd0d8),transparent);opacity:.5}.star-field .nebula{position:absolute;border-radius:50%;filter:blur(60px);animation:nebula 15s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0)}.star-field .nebula-red{background:radial-gradient(circle,rgba(155,35,53,.08) 0%,transparent 70%);width:600px;height:600px;top:10%;right:-10%;animation-delay:0s}.star-field .nebula-amber{background:radial-gradient(circle,rgba(212,160,74,.06) 0%,transparent 70%);width:500px;height:500px;bottom:20%;left:-5%;animation-delay:-5s}.star-field .nebula-orange{background:radial-gradient(circle,rgba(196,64,88,.04) 0%,transparent 70%);width:400px;height:400px;top:50%;left:40%;animation-delay:-10s}.star-field .shooting-star{position:absolute;width:120px;height:1.5px;background:linear-gradient(90deg,rgba(255,220,230,.45) 0%,rgba(155,35,53,.3) 10%,rgba(196,64,88,.15) 40%,transparent 100%);animation:shooting 2s ease-in infinite backwards;will-change:transform,opacity;border-radius:2px}.star-field .shooting-star:before{content:"";position:absolute;left:-2px;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,230,240,.6) 20%,rgba(255,180,200,.3) 50%,transparent 80%);box-shadow:0 0 3px 1px #ffdce64d,0 0 8px 3px #9b233526}.star-field .shooting-star:after{content:"";position:absolute;left:-4px;top:50%;width:50px;height:12px;transform:translateY(-50%);border-radius:50% 80% 80% 50%;background:radial-gradient(ellipse at 10% 50%,rgba(155,35,53,.07) 0%,rgba(196,64,88,.025) 40%,transparent 70%);filter:blur(4px)}.star-layer{position:absolute;top:0;left:0;width:100%;height:120%;will-change:transform;transform:translateZ(0)}.star-field .cluster-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;animation:cluster-pulse ease-in-out infinite;will-change:opacity,box-shadow}@keyframes cluster-pulse{0%,to{opacity:.2;box-shadow:none}50%{opacity:.9;box-shadow:0 0 4px 1px #9b233599}}.star-field .deco-blackhole{position:absolute;bottom:12%;right:8%;width:140px;height:140px;opacity:.6;animation:blackhole-drift 30s ease-in-out infinite;will-change:transform}.star-field .blackhole-disk{position:absolute;top:50%;left:50%;width:140px;height:50px;transform:translate(-50%,-50%) rotateX(75deg);border-radius:50%;background:conic-gradient(from 0deg,#9b233505,#c4405880,#ff783c99,#d4a04a66,#c4405880 180deg,#9b233505 200deg,#6d182866,#c440588c 300deg,#ff783c80 340deg,#9b233505 360deg);animation:accretion-spin 12s linear infinite;filter:blur(2px);box-shadow:0 0 30px 10px #9b233526,0 0 60px 20px #6d182814}.star-field .blackhole-disk:before{content:"";position:absolute;top:50%;left:50%;width:80px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:transparent;border:2px solid rgba(255,120,60,.3);box-shadow:0 0 10px 3px #c440584d,inset 0 0 10px 3px #9b233533}.star-field .blackhole-disk:after{content:"";position:absolute;top:50%;left:50%;width:120px;height:42px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 90deg,transparent 0deg,rgba(255,180,100,.3) 30deg,transparent 60deg,transparent 150deg,rgba(255,180,100,.2) 180deg,transparent 210deg,transparent 300deg,rgba(255,160,80,.15) 340deg,transparent 360deg);animation:accretion-spin 8s linear infinite reverse;filter:blur(1px)}.star-field .blackhole-core{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#000,#000000fa 60%,#0a0508e6,#9b23351a);box-shadow:0 0 15px 5px #000000e6,0 0 30px 10px #00000080,0 0 4px 2px #9b23354d;z-index:2}.star-field .blackhole-lensing{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,180,120,.15);box-shadow:0 0 8px 2px #c4405826,inset 0 0 8px 2px #c440581a;animation:lensing-pulse 5s ease-in-out infinite;z-index:1}.star-field .blackhole-jet{position:absolute;left:50%;width:4px;transform:translate(-50%);background:linear-gradient(0deg,rgba(196,64,88,.4) 0%,rgba(155,35,53,.2) 30%,rgba(109,24,40,.08) 60%,transparent 100%);filter:blur(2px);z-index:0}.star-field .blackhole-jet-top{bottom:50%;height:80px;margin-bottom:22px;animation:jet-flicker-top 4s ease-in-out infinite}.star-field .blackhole-jet-bottom{top:50%;height:60px;margin-top:22px;transform:translate(-50%) rotate(180deg);animation:jet-flicker-bottom 4.5s ease-in-out infinite}@keyframes accretion-spin{0%{transform:translate(-50%,-50%) rotateX(75deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(75deg) rotate(360deg)}}@keyframes blackhole-drift{0%,to{transform:translateZ(0)}33%{transform:translate3d(-8px,-6px,0)}66%{transform:translate3d(4px,-12px,0)}}@keyframes lensing-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes jet-flicker-top{0%,to{opacity:.4;height:80px}30%{opacity:.8;height:100px}60%{opacity:.3;height:65px}}@keyframes jet-flicker-bottom{0%,to{opacity:.3;height:60px}40%{opacity:.6;height:75px}70%{opacity:.2;height:50px}}.star-field .deco-asteroid{position:absolute;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:linear-gradient(135deg,#3c3232e6,#281e1ef2,#191212);box-shadow:inset -3px -2px 6px #0009,inset 2px 1px 4px #785a5a1a,0 0 8px 2px #9b23350a;will-change:transform}.star-field .deco-asteroid:before{content:"";position:absolute;width:35%;height:35%;top:25%;left:20%;border-radius:50%;background:radial-gradient(circle,rgba(20,12,12,.5) 30%,rgba(40,28,28,.2) 70%,transparent 100%);box-shadow:inset 1px 1px 2px #0000004d}.star-field .deco-asteroid:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(circle at 20% 20%,rgba(155,35,53,.06) 0%,transparent 50%)}.deco-asteroid-1{width:18px;height:16px;top:15%;left:8%;opacity:.5;animation:asteroid-float-1 22s ease-in-out infinite}.deco-asteroid-2{width:12px;height:10px;top:35%;right:15%;opacity:.4;border-radius:50% 45% 55% 48%/45% 55% 42% 58%;animation:asteroid-float-2 28s ease-in-out infinite}.deco-asteroid-3{width:22px;height:18px;bottom:30%;left:18%;opacity:.45;border-radius:45% 55% 48% 52%/50% 45% 55% 50%;animation:asteroid-float-3 25s ease-in-out infinite}.deco-asteroid-4{width:8px;height:7px;top:55%;right:25%;opacity:.35;border-radius:48% 52% 50% 50%/52% 48%;animation:asteroid-float-4 18s ease-in-out infinite}.deco-asteroid-5{width:14px;height:12px;top:8%;right:30%;opacity:.4;border-radius:55% 45% 50% 50%/45% 55%;animation:asteroid-float-5 32s ease-in-out infinite}@keyframes asteroid-float-1{0%,to{transform:translateZ(0) rotate(0)}25%{transform:translate3d(12px,-8px,0) rotate(15deg)}50%{transform:translate3d(-5px,-15px,0) rotate(-5deg)}75%{transform:translate3d(8px,-4px,0) rotate(10deg)}}@keyframes asteroid-float-2{0%,to{transform:translateZ(0) rotate(0)}30%{transform:translate3d(-10px,6px,0) rotate(-20deg)}60%{transform:translate3d(8px,-10px,0) rotate(12deg)}}@keyframes asteroid-float-3{0%,to{transform:translateZ(0) rotate(0)}35%{transform:translate3d(15px,-12px,0) rotate(25deg)}65%{transform:translate3d(-8px,8px,0) rotate(-10deg)}}@keyframes asteroid-float-4{0%,to{transform:translateZ(0) rotate(0)}40%{transform:translate3d(-6px,-8px,0) rotate(-30deg)}70%{transform:translate3d(10px,5px,0) rotate(15deg)}}@keyframes asteroid-float-5{0%,to{transform:translateZ(0) rotate(0)}20%{transform:translate3d(8px,10px,0) rotate(18deg)}50%{transform:translate3d(-12px,-5px,0) rotate(-12deg)}80%{transform:translate3d(5px,8px,0) rotate(8deg)}}.cursor-trail-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,rgba(155,35,53,.8),rgba(196,64,88,.4),transparent);box-shadow:0 0 4px 1px #9b233566;pointer-events:none;opacity:0;z-index:1;transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform;transform:translate(-50%,-50%) scale(.2)}.lava-ember{position:absolute;bottom:-10px;width:var(--ember-size, 2.5px);height:var(--ember-size, 2.5px);border-radius:50%;background:radial-gradient(circle,rgba(230,57,70,var(--ember-glow, .8)),#9b233566);box-shadow:0 0 4px 1px #e6394680,0 0 8px 2px #9b233533;animation:ember-rise var(--ember-duration, 8s) ease-in infinite;pointer-events:none;will-change:transform,opacity}@keyframes ember-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}5%{opacity:var(--ember-glow, .8)}50%{opacity:var(--ember-glow, .8);transform:translateY(-50vh) translate(calc(var(--ember-drift, 0px) * .5)) scale(.9)}85%{opacity:.2}to{transform:translateY(-105vh) translate(var(--ember-drift, 0px)) scale(.3);opacity:0}}@media (prefers-reduced-motion: reduce){.star-field .star,.star-field .shooting-star,.star-field .nebula,.star-field .lava-ember,.star-field .deco-blackhole,.star-field .blackhole-disk,.star-field .blackhole-lensing,.star-field .blackhole-jet,.star-field .deco-asteroid,.star-field .cluster-star,.cursor-trail-dot,.product-card-stock .dot{animation:none!important;transition:none!important}.star-field .shooting-star{display:none}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);display:flex;align-items:center;z-index:var(--z-navbar);background:#0a0a0acc;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);transition:var(--transition)}.navbar.scrolled{background:#0a0a0af2;box-shadow:0 4px 24px #0000004d}.navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-6)}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);text-decoration:none;flex-shrink:0}.navbar-logo .logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:var(--radius);color:var(--bg-dark);font-size:18px}.navbar-links{display:flex;align-items:center;gap:var(--space-1)}.navbar-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--text-primary);background:#ffffff0d}.navbar-link.active{color:var(--primary)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.navbar-telegram{color:#29b6f6;transition:color .2s ease,filter .2s ease}.navbar-telegram:hover{color:#4fc3f7;filter:drop-shadow(0 0 4px rgba(41,182,246,.4))}.navbar-wallet{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#9b23351a;border:1px solid rgba(155,35,53,.2);border-radius:var(--radius-full);color:var(--primary);font-weight:600;font-size:var(--text-sm)}.navbar-user{position:relative}.navbar-user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition-fast)}.navbar-user-btn:hover{color:var(--text-primary);background:#ffffff0d}.navbar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:var(--bg-dark);font-weight:600;font-size:var(--text-sm)}.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-strong);border-radius:var(--radius);box-shadow:var(--glass-shadow-lg);padding:var(--space-2);animation:fadeInDown .2s ease;z-index:var(--z-dropdown)}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);transition:var(--transition-fast);width:100%;text-align:left}.navbar-dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}.navbar-dropdown-item.danger{color:var(--danger)}.navbar-dropdown-item.danger:hover{background:var(--danger-bg)}.navbar-dropdown-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.categories-dropdown{position:relative}.categories-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:220px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-strong);border-radius:var(--radius);box-shadow:var(--glass-shadow-lg);padding:var(--space-2);animation:fadeInDown .2s ease;z-index:var(--z-dropdown)}.categories-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);transition:var(--transition-fast)}.categories-dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}.navbar-hamburger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--text-secondary);font-size:24px}.navbar-hamburger:hover{color:var(--text-primary);background:#ffffff0d}.navbar-mobile{display:none;position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:#0a0a0afa;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);padding:var(--space-6);z-index:calc(var(--z-navbar) - 1);animation:fadeIn .2s ease;overflow-y:auto}.navbar-mobile.open{display:flex;flex-direction:column;gap:var(--space-2)}.navbar-mobile-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-lg);transition:var(--transition-fast)}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--text-primary);background:#ffffff0d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease;padding:var(--space-6)}.modal{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-strong);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border)}.modal-header h2,.modal-header h3{font-size:var(--text-xl);font-weight:600}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--text-muted);transition:var(--transition-fast)}.modal-close:hover{color:var(--text-primary);background:#ffffff0d}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.4;white-space:nowrap}.badge-primary{background:#9b233526;color:var(--primary);border:1px solid rgba(155,35,53,.2)}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge-accent{background:#d4a04a26;color:var(--accent-purple);border:1px solid rgba(212,160,74,.2)}.badge-neutral{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border)}.badge-featured{background:linear-gradient(135deg,#9b233533,#d4a04a33);color:var(--primary-light);border:1px solid rgba(155,35,53,.3)}.tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:var(--transition-fast)}.tag:hover{background:#ffffff14;color:var(--text-primary);border-color:var(--border-hover)}.tag.active{background:#9b23351a;color:var(--primary);border-color:#9b23354d}.rating{display:flex;align-items:center;gap:2px}.rating .star{color:var(--text-muted);font-size:14px;transition:var(--transition-fast)}.rating .star.filled{color:#fbbf24}.rating .star.half{position:relative;color:var(--text-muted)}.rating .star.half:before{content:attr(data-icon);position:absolute;left:0;top:0;width:50%;overflow:hidden;color:#fbbf24}.rating-interactive .star{cursor:pointer;font-size:20px}.rating-interactive .star:hover{color:#fbbf24;transform:scale(1.15)}.rating-value{font-weight:600;color:var(--text-primary);margin-left:var(--space-2);font-size:var(--text-sm)}.rating-count{color:var(--text-muted);font-size:var(--text-xs);margin-left:var(--space-1)}.product-card{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(155,35,53,.3),rgba(196,64,88,.2),transparent);opacity:0;transition:opacity .4s ease;z-index:2}.product-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(155,35,53,.03) 45%,rgba(255,255,255,.04) 50%,rgba(155,35,53,.03) 55%,transparent 60%);transition:left .7s ease;z-index:1;pointer-events:none}.product-card:hover{border-color:#9b233540;box-shadow:0 12px 40px #00000059,0 0 30px #9b23350f,inset 0 0 30px #9b233505;transform:translateY(-6px)}.product-card:hover:before{opacity:1}.product-card:hover:after{left:130%}.product-card-image{width:100%;aspect-ratio:16 / 10;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-elevated) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--glass-bg) 0%,transparent 100%);pointer-events:none;z-index:1}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1)}.product-card:hover .product-card-image img{transform:scale(1.08)}.product-card-image .placeholder-icon{font-size:48px;color:var(--text-muted);opacity:.3}.product-card-badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap;z-index:2}.product-card-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1;position:relative;z-index:2}.product-card-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-weight:600}.product-card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.product-card:hover .product-card-title{color:#e8f0ff}.product-card-description{font-size:var(--text-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--leading-relaxed)}.product-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border);position:relative}.product-card-price{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:filter .3s ease}.product-card:hover .product-card-price{filter:drop-shadow(0 0 6px rgba(155,35,53,.35))}.product-card-stock{font-size:var(--text-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.product-card-stock .dot{width:6px;height:6px;border-radius:50%}.product-card-stock .dot.in-stock{background:var(--success);box-shadow:0 0 6px #00e67666;animation:stock-pulse 3s ease-in-out infinite}.product-card-stock .dot.low-stock{background:var(--warning);box-shadow:0 0 6px #ffab4066;animation:stock-pulse-warn 2s ease-in-out infinite}.product-card-stock .dot.out-of-stock{background:var(--danger);box-shadow:0 0 6px #ff525266}@keyframes stock-pulse{0%,to{box-shadow:0 0 4px #00e6764d}50%{box-shadow:0 0 8px #00e67699}}@keyframes stock-pulse-warn{0%,to{box-shadow:0 0 4px #ffab404d}50%{box-shadow:0 0 8px #ffab4099}}.product-card-variations{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.variation-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:500;line-height:1;white-space:nowrap;transition:all .2s ease}.variation-pill.in-stock{background:#00e67614;border:1px solid rgba(0,230,118,.2);color:#00e676e6}.variation-pill.out-of-stock{background:#ff52520f;border:1px solid rgba(255,82,82,.15);color:#ff5252b3;text-decoration:line-through;opacity:.6}.variation-pill-name{max-width:90px;overflow:hidden;text-overflow:ellipsis}.variation-pill-count{font-size:10px;font-weight:700;opacity:.7}.product-card:hover .variation-pill.in-stock{background:#00e6761f;border-color:#00e6764d}.product-group-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.product-group-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.product-group-count{font-size:.8rem;color:var(--text-muted);background:#ffffff0d;padding:3px 10px;border-radius:20px;font-weight:500}.product-group-link{margin-left:auto;display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.product-group-link:hover{background:#9b23351a}@media (max-width: 480px){.product-group-header{flex-wrap:wrap;gap:8px}.product-group-title{font-size:1.1rem}.product-group-link{margin-left:0}}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse}.table thead{background:#ffffff08}.table th{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.table tbody tr{transition:var(--transition-fast)}.table tbody tr:hover{background:#ffffff05}.table tbody tr:last-child td{border-bottom:none}.table .actions{display:flex;align-items:center;gap:var(--space-2)}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition)}.stat-card:hover{border-color:var(--glass-border-strong);transform:translateY(-2px)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.stat-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:20px}.stat-card-icon.blue{background:#9b23351a;color:var(--primary)}.stat-card-icon.green{background:#00e6761a;color:var(--success)}.stat-card-icon.purple{background:#d4a04a1a;color:var(--accent-purple)}.stat-card-icon.orange{background:#ffab401a;color:var(--warning)}.stat-card-icon.pink{background:#ec48991a;color:var(--accent-pink)}.stat-card-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.stat-card-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.stat-card-change{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;margin-top:var(--space-2)}.stat-card-change.positive{color:var(--success)}.stat-card-change.negative{color:var(--danger)}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:var(--sidebar-width);background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky);transition:var(--transition);overflow-y:auto}.admin-sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--border)}.admin-sidebar-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);text-decoration:none}.admin-sidebar-logo .logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:var(--radius);color:var(--bg-dark);font-size:18px;flex-shrink:0}.admin-sidebar-nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.admin-sidebar-section{margin-top:var(--space-4);margin-bottom:var(--space-2)}.admin-sidebar-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 var(--space-3);font-weight:600}.admin-sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:var(--transition-fast);text-decoration:none}.admin-sidebar-link:hover{color:var(--text-primary);background:#ffffff0d}.admin-sidebar-link.active{color:var(--primary);background:#9b233514}.admin-sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary-gradient);border-radius:0 4px 4px 0}.admin-sidebar-link .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.admin-sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border)}.admin-content{flex:1;margin-left:var(--sidebar-width);padding:var(--space-8);min-height:100vh}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.admin-page-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700}.admin-page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.admin-sidebar-toggle{display:none;position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;background:var(--primary-gradient);color:var(--bg-dark);border-radius:50%;font-size:24px;z-index:var(--z-sticky);box-shadow:0 4px 24px #9b233566;align-items:center;justify-content:center}.admin-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-sticky) - 1)}.footer{background:#0a0a0ae6;border-top:1px solid var(--glass-border);padding:var(--space-8) 0;margin-top:auto}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer-brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:600;color:var(--text-primary)}.footer-text{font-size:var(--text-sm);color:var(--text-muted)}.footer-links{display:flex;align-items:center;gap:var(--space-6)}.footer-link{font-size:var(--text-sm);color:var(--text-muted);transition:var(--transition-fast)}.footer-link:hover{color:var(--text-primary)}.spinner-container{display:flex;align-items:center;justify-content:center;padding:var(--space-16) 0;min-height:200px}.spinner{position:relative;width:48px;height:48px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:var(--primary);animation-delay:-.45s}.spinner-ring:nth-child(2){border-right-color:var(--primary-light);animation-delay:-.3s}.spinner-ring:nth-child(3){border-bottom-color:var(--accent-purple);animation-delay:-.15s}.spinner-sm{width:24px;height:24px}.spinner-sm .spinner-ring{border-width:2px}.spinner-lg{width:64px;height:64px}.spinner-lg .spinner-ring{border-width:4px}.spinner-text{margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-3)}.skeleton-image{width:100%;aspect-ratio:16/10}.skeleton-card{border-radius:var(--radius-lg);min-height:300px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) 0}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;transition:var(--transition-fast)}.pagination-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d;border-color:var(--border)}.pagination-btn.active{background:var(--primary-gradient);color:var(--bg-dark);font-weight:600}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-ellipsis{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-sm)}.pagination-info{color:var(--text-muted);font-size:var(--text-sm);text-align:center;margin-top:var(--space-2)}[data-sonner-toast],div[role=status]{font-family:var(--font-main)!important}.react-hot-toast{font-family:var(--font-main)}div[class*=go]>div[role=status]{background:var(--glass-bg-strong)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow-lg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border-radius:var(--radius)!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{font-size:64px;color:var(--text-muted);margin-bottom:var(--space-6);opacity:.5}.empty-state-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--text-muted);max-width:400px;margin-bottom:var(--space-6)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6)}.auth-card{width:100%;max-width:440px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-lg);padding:var(--space-10);animation:fadeInUp .5s ease}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.auth-title{text-align:center;font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.auth-subtitle{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-footer{text-align:center;margin-top:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.auth-footer a{color:var(--primary);font-weight:500}.auth-divider{display:flex;align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper .form-input{padding-left:44px;padding-right:44px}.search-input-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input-wrapper .clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition-fast)}.search-input-wrapper .clear-btn:hover{color:var(--text-primary);background:#ffffff0d}.hero{position:relative;padding:var(--space-24) 0 var(--space-16);text-align:center;overflow:hidden}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#9b23351a;border:1px solid rgba(155,35,53,.2);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--primary);font-weight:500;margin-bottom:var(--space-6)}.hero h1{font-size:var(--text-6xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.03em}.hero p{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-10);line-height:var(--leading-relaxed)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none}.hero-glow-1{background:var(--primary);top:-20%;left:10%}.hero-glow-2{background:var(--accent-purple);bottom:-30%;right:10%}@media (max-width: 1280px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-5{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-toggle{display:flex}.admin-sidebar-overlay.visible{display:block}.admin-content{margin-left:0;padding:var(--space-6)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){:root{--navbar-height: 64px}.navbar-links{display:none}.navbar-hamburger{display:flex}.navbar-inner{padding:0 var(--space-4)}.navbar-wallet,.navbar-user-btn .navbar-username-text,.navbar-user-btn .navbar-chevron{display:none}.navbar-user-btn{padding:var(--space-1)}.navbar-user-avatar{width:28px;height:28px;font-size:12px}.navbar-actions{gap:var(--space-2)}.navbar-mobile.open{display:flex}.container{padding:0 var(--space-4)}.section{padding:var(--space-10) 0}.heading-1{font-size:var(--text-4xl)}.heading-2{font-size:var(--text-3xl)}.hero h1{font-size:var(--text-4xl)}.hero p{font-size:var(--text-lg)}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.grid-products{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.auth-card{padding:var(--space-6)}.modal{margin:var(--space-4)}.flex-between{flex-wrap:wrap}.admin-content{padding:var(--space-4)}.admin-page-header{margin-bottom:var(--space-6)}.admin-page-title,.stat-card-value{font-size:var(--text-2xl)}.footer-inner{flex-direction:column;text-align:center;gap:var(--space-4)}.star-field .nebula{display:none}.shooting-star{animation-name:shooting-mobile!important}@keyframes shooting-mobile{0%{transform:translateZ(0) rotate(-45deg);opacity:0}2%{opacity:1}55%{opacity:1}to{transform:translate3d(-200px,200px,0) rotate(-45deg);opacity:0}}}@media (max-width: 480px){.grid-4,.grid-5,.grid-products{grid-template-columns:1fr}.hero h1{font-size:var(--text-3xl)}.btn-xl{width:100%}.pagination{gap:var(--space-1)}.pagination-btn{width:36px;height:36px}.navbar-inner{padding:0 var(--space-3)}.navbar-logo img{height:28px!important}.navbar-actions .btn-sm{padding:var(--space-1) var(--space-3);font-size:12px}}@media (max-width: 768px){.mobile-controls{flex-direction:column!important;gap:12px!important}.mobile-controls form{flex:1 1 100%!important}.mobile-controls select{width:100%!important;min-width:unset!important}.order-status-line,.order-status-progress{left:40px!important;right:40px!important}.order-info-grid{grid-template-columns:1fr!important}.wallet-balance-card{padding:24px!important}.wallet-topup-section,.wallet-tx-section{padding:20px!important}.wallet-topup-row{flex-direction:column!important}.wallet-topup-row input{width:100%!important;flex:unset!important}.wallet-topup-row button{width:100%!important}}@media (max-width: 480px){.mobile-products-grid{grid-template-columns:1fr!important;gap:16px!important}.mobile-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.order-status-line,.order-status-progress{left:30px!important;right:30px!important}.modal{margin:var(--space-3)!important;padding:var(--space-4)!important}.modal-body{padding:var(--space-4)!important}.cart-item-row{gap:12px!important}.cart-item-img{width:48px!important;height:48px!important}.cart-item-actions{width:100%!important;justify-content:space-between!important}.wallet-balance-card{padding:20px!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-scroll{overflow:hidden}.relative{position:relative}.pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.transition-group>*{animation:fadeInUp .4s ease forwards}.transition-group>*:nth-child(1){animation-delay:0s}.transition-group>*:nth-child(2){animation-delay:.05s}.transition-group>*:nth-child(3){animation-delay:.1s}.transition-group>*:nth-child(4){animation-delay:.15s}.transition-group>*:nth-child(5){animation-delay:.2s}.transition-group>*:nth-child(6){animation-delay:.25s}.transition-group>*:nth-child(7){animation-delay:.3s}.transition-group>*:nth-child(8){animation-delay:.35s}.transition-group>*:nth-child(9){animation-delay:.4s}.transition-group>*:nth-child(10){animation-delay:.45s}.cosmic-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(155,35,53,.3),rgba(212,160,74,.3),rgba(155,35,53,.3),transparent);margin:var(--space-8) 0}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-dark)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1}.price{font-family:var(--font-heading);font-weight:700}.price-currency{font-size:.7em;font-weight:500;opacity:.7;margin-right:2px}.price-old{text-decoration:line-through;color:var(--text-muted);font-size:.85em;font-weight:400}.status-dot{display:inline-flex;align-items:center;gap:var(--space-2)}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active:before{background:var(--success);box-shadow:0 0 8px #00e67666}.status-dot.inactive:before{background:var(--text-muted)}.status-dot.pending:before{background:var(--warning);box-shadow:0 0 8px #ffab4066}.status-dot.error:before{background:var(--danger);box-shadow:0 0 8px #ff525266}.filter-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-bar .form-input,.filter-bar .form-select{height:40px;font-size:var(--text-sm)}.tabs{display:flex;border-bottom:1px solid var(--border);gap:0;overflow-x:auto}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:var(--transition-fast)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm)}.alert-info{background:var(--info-bg);border:1px solid var(--info-border);color:var(--info)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning)}.alert-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.steps{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8)}.step{display:flex;align-items:center;gap:var(--space-2)}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--text-sm);font-weight:600;background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border)}.step.active .step-number{background:var(--primary-gradient);color:var(--bg-dark);border-color:transparent}.step.completed .step-number{background:var(--success);color:var(--bg-dark);border-color:transparent}.step-label{font-size:var(--text-sm);color:var(--text-muted)}.step.active .step-label{color:var(--text-primary);font-weight:500}.step-connector{flex:1;height:1px;background:var(--border);min-width:20px}.step-connector.completed{background:var(--success)}.copy-text{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.copy-text:hover{background:var(--bg-input-focus);border-color:var(--border-hover)}.quantity-selector{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.quantity-selector button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.quantity-selector button:hover{color:var(--text-primary);background:#ffffff0d}.quantity-selector .quantity-value{width:48px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:600;border-left:1px solid var(--border);border-right:1px solid var(--border)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb .separator{color:var(--text-muted);opacity:.5}.breadcrumb .current{color:var(--text-secondary)}.accordion-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}.accordion-body.open{max-height:500px;opacity:1}.item-exit{opacity:0;transform:translate(20px);transition:all .3s ease}@keyframes attentionPulse{0%,to{box-shadow:0 0 #9b233566}50%{box-shadow:0 0 0 8px #9b233500}}.pulse-attention{animation:attentionPulse 2s ease-in-out infinite}@keyframes statusGlow{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 6px #10b98100}}.glow-success{animation:statusGlow 2s ease-in-out infinite}@keyframes pendingPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.pulse-pending{animation:pendingPulse 2s ease-in-out infinite}.btn-click{transition:transform .15s ease}.btn-click:active{transform:scale(.95)}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.btn-shimmer:hover:after{left:100%}.input-glow:focus{border-color:#9b233580!important;box-shadow:0 0 0 3px #9b23351a,0 0 20px #9b23351a;animation:borderGlow 2s ease-in-out infinite}.stagger-6{animation-delay:.6s;opacity:0}.stagger-7{animation-delay:.7s;opacity:0}.stagger-8{animation-delay:.8s;opacity:0}@keyframes copySuccess{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.animate-copySuccess{animation:copySuccess .3s ease forwards}.image-crossfade{transition:opacity .3s ease}.thumbnail-active{border-color:#9b2335!important;box-shadow:0 0 12px #9b23354d;transform:scale(1.05)}.star-hover:hover{filter:drop-shadow(0 0 4px rgba(245,158,11,.5))}.variation-selected{box-shadow:0 0 12px #9b233533;transform:scale(1.02)}