:root{color-scheme:dark;--bg-base: #000000;--bg-surface: #0e0e0e;--bg-surface-elevated: #161616;--primary: #FFB703;--primary-glow: rgba(255, 183, 3, .15);--secondary: #ffffff;--secondary-glow: rgba(255, 255, 255, .15);--accent: #FF8A00;--accent-glow: rgba(255, 138, 0, .15);--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #666666;--border-light: rgba(255, 255, 255, .08);--border-glow: rgba(255, 183, 3, .3);--card-shadow: 0 12px 40px 0 rgba(0, 0, 0, .85);--glass-bg: rgba(14, 14, 14, .75);--glass-blur: blur(16px);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--text-gradient-hero: linear-gradient(135deg, #ffffff 0%, #cbd5e1 100%);--text-gradient-accent: linear-gradient(135deg, #ffffff 0%, #FFB703 100%);--input-bg: rgba(22, 22, 22, .85)}body.light-theme{color-scheme:light;--bg-base: #f4f4f5;--bg-surface: #ffffff;--bg-surface-elevated: #e4e4e7;--primary: #E8A200;--primary-glow: rgba(232, 162, 0, .1);--secondary: #18181b;--secondary-glow: rgba(24, 24, 27, .08);--accent: #E06A00;--accent-glow: rgba(224, 106, 0, .1);--text-primary: #09090b;--text-secondary: #52525b;--text-muted: #8e8e93;--border-light: rgba(0, 0, 0, .08);--border-glow: rgba(232, 162, 0, .25);--card-shadow: 0 12px 40px 0 rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .75);--text-gradient-hero: linear-gradient(135deg, #18181b 0%, #52525b 100%);--text-gradient-accent: linear-gradient(135deg, #18181b 0%, #E8A200 100%);--input-bg: rgba(255, 255, 255, .9)}body{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.glass-panel,.input-premium,.filter-select,button,a{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:300px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);box-shadow:var(--card-shadow);border-radius:16px;transition:var(--transition-smooth)}.glass-panel-glow:hover{border-color:var(--border-glow);box-shadow:0 8px 32px #ffb70326}.gradient-text{background:linear-gradient(135deg,#ffb703,#ff8a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.gradient-accent{background:var(--text-gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border:none;color:#000;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #ffb70340}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb70373;opacity:.95}.btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-light);color:var(--text-primary);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-glow)}.btn-danger{background:#ef4444;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-danger:hover{transform:translateY(-2px);background:#dc2626}.input-premium{background:var(--input-bg);border:1px solid var(--border-light);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-family:var(--font-sans);width:100%;outline:none;transition:var(--transition-smooth)}.input-premium:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center}.badge-instock{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.badge-lowstock{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-outstock{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}