@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);:root{--bg:#02040a;--bg-elevated:#050b15;--bg-elevated-soft:#050b15e6;--primary:#00ff9c;--accent:#00e5ff;--danger:#ff4f6e;--text:#e5ffe5;--text-muted:#6ea87a;--border-subtle:#00ff9c26;--shadow-soft:0 0 32px #000000b3;--transition-fast:150ms ease-out;--transition-med:220ms ease-out}*,:after,:before{box-sizing:border-box}::selection{background:#00ff9c59;color:#fff}::-moz-selection{background:#00ff9c59;color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#00ff9c14,#0000 60%),radial-gradient(circle at 100% 100%,#00e5ff14,#0000 55%),#02040a;background:radial-gradient(circle at 0 0,#00ff9c14,#0000 60%),radial-gradient(circle at 100% 100%,#00e5ff14,#0000 55%),var(--bg);color:#e5ffe5;color:var(--text);margin:0;min-height:100vh}body,code{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}::selection{background-color:#00ff9c59;color:#02040a;color:var(--bg)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#02040ae6}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00ff9c,#00e5ff);background:linear-gradient(to bottom,var(--primary),var(--accent));border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00e5ff,#00ff9c);background:linear-gradient(to bottom,var(--accent),var(--primary))}.cart-qty-input::-webkit-inner-spin-button,.cart-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-qty-input{-moz-appearance:textfield}.App-shell{align-items:stretch;display:flex;justify-content:center;min-height:100vh;position:relative}.matrix-bg{background:radial-gradient(circle at 20% 0,#00ff9c1f,#0000 60%),radial-gradient(circle at 80% 100%,#00e5ff1f,#0000 55%),var(--bg);inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.matrix-bg:before{animation:matrix-fall 26s linear infinite;color:var(--primary);content:"01 1010 0101 10 01 010 1100 01 10 0110 01 0011 10 0101 01 1010";font-size:14px;left:0;letter-spacing:.15em;line-height:1.6;opacity:.18;position:absolute;right:0;text-shadow:0 0 8px #00ff9ccc,0 0 16px #00ff9c80;top:-120%;white-space:pre-wrap}.App{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1320px;padding:24px 24px 40px;position:relative;width:100%;z-index:1}.app-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(to right,#00ff9c26,#00e5ff14),var(--bg-elevated-soft);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-soft);justify-content:space-between;padding:14px 22px}.app-nav,.nav-title{align-items:center;display:flex}.nav-title{color:var(--primary);font-size:20px;gap:10px;letter-spacing:.08em;text-shadow:0 0 6px #00ff9cb3,0 0 16px #00e5ff80;text-transform:uppercase}.nav-title span{font-weight:700}.nav-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nav-btn{align-items:center;background:radial-gradient(circle at top,#00ff9c2e,#0000 70%),#02040ae6;border:1px solid #00ff9c59;border-radius:999px;box-shadow:0 0 0 1px #000000bf,0 0 14px #00ff9c33;color:var(--text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.12em;padding:8px 16px;position:relative;text-transform:uppercase;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.nav-btn:after{border:1px solid #00e5ff00;border-radius:inherit;content:"";inset:0;position:absolute;transition:border-color var(--transition-fast)}.nav-btn:hover{border-color:#00ff9cb3;box-shadow:0 0 0 1px #000000d9,0 0 20px #00ff9c66;transform:translateY(-1px) scale(1.02)}.nav-btn:hover:after{border-color:#00e5ff8c}.nav-btn-active{background:radial-gradient(circle at top,#00ff9c40,#0000 70%),#050b15f2;border-color:#00ff9cf2;box-shadow:0 0 0 1px #000000d9,0 0 28px #00ff9cb3;color:var(--primary)}.app-content{background:radial-gradient(circle at 20% 0,#00ff9c2e,#0000 55%),radial-gradient(circle at 80% 100%,#00e5ff29,#0000 55%),#02040af5;border:1px solid #00ff9c40;border-radius:18px;box-shadow:var(--shadow-soft);padding:18px 10px 8px}.switch-to-admin{bottom:20px;position:fixed;right:20px;z-index:10}.switch-button{background:#02040af2;border:1px solid #00ff9c73;border-radius:999px;box-shadow:0 0 0 1px #000c,0 0 18px #00ff9c66;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.12em;padding:10px 20px;text-transform:uppercase;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.switch-button:hover{background:#050b15fa;border-color:#00e5ffb3;box-shadow:0 0 0 1px #000000e6,0 0 22px #00e5ff99;transform:translateY(-1px)}@keyframes matrix-fall{0%{transform:translateY(0)}to{transform:translateY(120%)}}