@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap";
:root{--neon-green:#00d2ff;--neon-green-dim:#00a8cc;--neon-green-glow:#00d2ff26;--neon-green-border:#00d2ff4d;--bg-primary:#050507;--bg-secondary:#0a0b0f;--bg-card:#0f1014;--bg-card-hover:#141519;--bg-elevated:#1a1b20;--text-primary:#f0f0f2;--text-secondary:#8888a0;--text-muted:#556;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-neon:#00d2ff4d;--font-display:"Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--font-accent:"Orbitron", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--header-height:124px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#0f83;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0f86}::selection{color:var(--neon-green);background:#00ff8840}.font-display{font-family:var(--font-display)}.font-accent{font-family:var(--font-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.02em;line-height:1.15}.bg-grid{background-image:linear-gradient(#00ff8808 1px,#0000 1px),linear-gradient(90deg,#00ff8808 1px,#0000 1px);background-size:40px 40px}.bg-radial-glow{background:radial-gradient(80% 50% at 50% 0,#00ff8814 0%,#0000 70%)}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);background:#0f1014cc}.glass-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);background:linear-gradient(135deg,#141519e6 0%,#0a0b0ff2 100%)}.glass-card:hover{border-color:var(--border-neon);transform:translateY(-2px);box-shadow:0 8px 40px #00ff8814}.neon-text{color:var(--neon-green);text-shadow:0 0 20px #00ff8880,0 0 40px #00ff8840}.neon-border{border-color:var(--neon-green);box-shadow:0 0 10px #00ff884d,inset 0 0 10px #00ff880d}.neon-glow{box-shadow:0 0 20px #0f86,0 0 40px #0f83}.btn{font-family:var(--font-display);letter-spacing:.05em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--neon-green) 0%, var(--neon-green-dim) 100%);color:#050507;box-shadow:0 4px 20px #00ff884d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 30px #00ff8880}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--neon-green);border:1px solid var(--border-neon);background:0 0}.btn-outline:hover{background:var(--neon-green-glow);border-color:var(--neon-green);box-shadow:0 0 20px #00ff8826}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-subtle);background:#ffffff0d}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff3860 0%,#cc1f45 100%);box-shadow:0 4px 20px #ff38604d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 30px #ff386080}.btn-sm{padding:6px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:14px 32px;font-size:17px}.btn-xl{border-radius:var(--radius-lg);padding:18px 48px;font-size:18px}.input{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0a0b0fcc;outline:none;padding:10px 14px;font-size:14px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--neon-green);box-shadow:0 0 0 3px #00ff881a}.input-label{color:var(--text-secondary);letter-spacing:.03em;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:var(--neon-green);background:#00ff881f;border:1px solid #00ff8840}.badge-yellow{color:#ffc832;background:#ffc8321f;border:1px solid #ffc83240}.badge-red{color:#ff3860;background:#ff38601f;border:1px solid #ff386040}.badge-blue{color:#64a0ff;background:#64a0ff1f;border:1px solid #64a0ff40}.badge-gray{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff12}.product-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.product-card:hover{border-color:var(--border-neon);transform:translateY(-4px);box-shadow:0 12px 40px #00ff881a,0 4px 20px #0006}.product-card .card-image{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform var(--transition-slow)}.product-card:hover .card-image{transform:scale(1.05)}.logo-text{font-family:var(--font-accent);letter-spacing:.08em;background:linear-gradient(135deg, #fff 0%, var(--neon-green) 60%, var(--neon-green-dim) 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-gradient{background:radial-gradient(ellipse 100% 60% at 50% 0%, #00ff881f 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 20% 50%, #00ff880a 0%, transparent 50%), radial-gradient(ellipse 50% 40% at 80% 50%, #00b4ff0a 0%, transparent 50%), var(--bg-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-neon{0%,to{box-shadow:0 0 10px #00ff884d}50%{box-shadow:0 0 25px #0f89}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-up{animation:.5s ease-out forwards fadeUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-neon{animation:2s ease-in-out infinite pulse-neon}.animate-spin-slow{animation:8s linear infinite spin-slow}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.toast{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;box-shadow:0 8px 32px #0006}.admin-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);flex-shrink:0;width:260px}.admin-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.admin-nav-item:hover{color:var(--text-primary);background:#00ff8812}.admin-nav-item.active{color:var(--neon-green);background:#00ff881a;border:1px solid #00ff8826}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-subtle);background:#ffffff08;padding:12px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:14px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#000000b3;animation:.2s ease-out fadeIn;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);animation:.3s ease-out fadeUp;box-shadow:0 24px 80px #0009}.category-pill{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;display:inline-flex}.category-pill:hover,.category-pill.active{background:var(--neon-green-glow);border-color:var(--border-neon);color:var(--neon-green)}.price-main{font-family:var(--font-accent);color:var(--neon-green);letter-spacing:.02em;font-size:24px;font-weight:700}.price-compare{color:var(--text-muted);font-size:14px;text-decoration:line-through}.price-discount{color:#ff3860;border-radius:var(--radius-full);background:#ff38601a;padding:2px 8px;font-size:12px;font-weight:700}.qty-control{border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center;gap:0;display:flex;overflow:hidden}.qty-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.qty-btn:hover{color:var(--neon-green);background:#00ff881a}.qty-value{min-width:44px;height:36px;color:var(--text-primary);border:none;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);background:0 0;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.star{color:#ffc832;font-size:14px}.star-empty{color:var(--text-muted);font-size:14px}.section-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);font-size:clamp(24px,4vw,36px);font-weight:700}.section-title span{color:var(--neon-green)}.section-subtitle{color:var(--text-secondary);margin-top:8px;font-size:15px;line-height:1.6}.neon-divider{background:linear-gradient(90deg, transparent, var(--neon-green), transparent);opacity:.3;height:1px}.container-ml{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}@media (min-width:768px){.container-ml{padding:0 24px}}@media (min-width:1280px){.container-ml{padding:0 32px}}.main-content{flex:1;padding-top:0}@media (max-width:768px){input,select,textarea{font-size:16px!important}.home-desktop-only{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}