@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--grid-neon:#00ff9d;--grid-cyan:#14d1ff;--grid-gold:gold;--grid-purple:#a855f7;--grid-red:#ef4444;--grid-orange:#f97316;--bg-primary:#0a0a1a;--bg-secondary:#111128;--bg-card:#111128b3;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--text-primary:#f0f0ff;--text-secondary:#88a;--text-muted:#555570;--border-subtle:#ffffff0f;--border-glow:#00ff9d33;--shadow-neon:0 0 30px #00ff9d26;--shadow-card:0 8px 32px #0006;--shadow-elevated:0 20px 60px #00000080;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--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)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#00ff9d08 1px,#0000 1px),linear-gradient(90deg,#00ff9d08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 20%,#00ff9d0f 0%,#0000 50%),radial-gradient(at 70% 80%,#14d1ff0a 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-panel--elevated{box-shadow:var(--shadow-elevated);background:#111128d9}.glass-panel--glow{border-color:var(--border-glow);box-shadow:var(--shadow-neon)}.text-display{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.text-heading{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;line-height:1.2}.text-subheading{font-size:1.125rem;font-weight:600;line-height:1.3}.text-body{color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:1.6}.text-caption{color:var(--text-muted);font-size:.875rem;font-weight:400}.text-mono{font-family:var(--font-mono);font-size:.875rem}.text-gradient{background:linear-gradient(135deg, var(--grid-neon), var(--grid-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gold{background:linear-gradient(135deg, var(--grid-gold), orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);border:none;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn--primary{background:linear-gradient(135deg, var(--grid-neon), #00cc7a);color:#0a0a1a;box-shadow:0 4px 20px #00ff9d4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00ff9d66}.btn--primary:active{transform:translateY(0)}.btn--gold{background:linear-gradient(135deg, var(--grid-gold), orange);color:#1a1a2e;box-shadow:0 4px 20px #ffd7004d}.btn--gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffd70066}.btn--secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn--secondary:hover{background:var(--bg-glass-hover);border-color:var(--grid-neon)}.btn--danger{background:linear-gradient(135deg, var(--grid-red), #dc2626);color:#fff}.btn--lg{padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-lg);font-size:1.125rem}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:.875rem}.btn--full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.input{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#ffffff08;outline:none;font-size:1rem}.input:focus{border-color:var(--grid-neon);background:#ffffff0d;box-shadow:0 0 0 3px #00ff9d1a}.input::placeholder{color:var(--text-muted)}.checkbox-group{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;display:flex}.checkbox-group:hover{border-color:var(--grid-cyan);background:#ffffff0a}.checkbox{width:20px;height:20px;accent-color:var(--grid-neon);cursor:pointer;flex-shrink:0;margin-top:2px}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;display:inline-flex}.badge--success{color:var(--grid-neon);background:#00ff9d1a;border:1px solid #00ff9d33}.badge--warning{color:var(--grid-gold);background:#ffd7001a;border:1px solid #ffd70033}.badge--danger{color:var(--grid-red);background:#ef44441a;border:1px solid #ef444433}.badge--info{color:var(--grid-cyan);background:#14d1ff1a;border:1px solid #14d1ff33}.card{padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--bg-glass);border:1px solid var(--border-subtle);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-neon);border-color:#00ff9d26}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--grid-neon);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00ff9d33}50%{box-shadow:0 0 40px #00ff9d66}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes goldPulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 50px #ffd70099}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-gold-pulse{animation:2s ease-in-out infinite goldPulse}.page-center{min-height:100vh;padding:var(--space-xl);z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.page-container{width:100%;max-width:480px;margin:0 auto}.page-admin{min-height:100vh;display:flex}@media (max-width:640px){:root{--space-xl:1.5rem;--space-2xl:2rem}.btn--lg{padding:var(--space-md) var(--space-lg);font-size:1rem}}