@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Inter:wght@400;600&display=swap";:root{--neon-purple:#a855f7;--neon-purple-glow:#a855f780;--neon-green:#22c55e;--neon-green-glow:#22c55e80;--bg-black:#000;--card-bg:#111;--text-main:#fff;--text-muted:#94a3b8;--border-color:#333;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--danger:#ef4444;--danger-glow:#ef444466;--control-min-h:44px;--radius-control:12px;--transition-interactive:.2s cubic-bezier(.4, 0, .2, 1);--focus-ring:0 0 0 2px var(--bg-black), 0 0 0 4px var(--neon-purple);--focus-ring-inset:inset 0 0 0 2px var(--neon-purple);--disabled-opacity:.45}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-black);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%}button,input,select,textarea{font:inherit}select option{background-color:var(--card-bg);color:var(--text-main)}h1,h2,h3,.font-heading{text-transform:uppercase;letter-spacing:2px;font-family:Orbitron,sans-serif}h1{font-size:clamp(1.5rem,4.2vw,2.4rem)}h2{font-size:clamp(1.1rem,3.2vw,1.8rem)}h3{font-size:clamp(.95rem,2.6vw,1.35rem)}.scanline:before{content:"";z-index:9999;pointer-events:none;opacity:.15;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=600px){.scanline:before{opacity:.1}}.text-neon-purple{color:var(--neon-purple);text-shadow:0 0 10px var(--neon-purple-glow)}.text-neon-green{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green-glow)}.border-neon-purple{border:1px solid var(--neon-purple);box-shadow:0 0 15px var(--neon-purple-glow)}.form-input{border:1px solid var(--border-color);min-height:var(--control-min-h);border-radius:var(--radius-control);color:var(--text-main);transition:border-color var(--transition-interactive), box-shadow var(--transition-interactive), background var(--transition-interactive);appearance:none;background:#1a1a1a;padding:.75rem 1rem;font-size:1rem}.form-input:focus{outline:none}.form-input:focus-visible{border-color:var(--neon-purple);box-shadow:0 0 0 1px var(--neon-purple), 0 0 16px #a855f740}.form-input:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:3rem}.bg-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.animate-pulse-slow{animation:3s infinite pulse}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;-webkit-overflow-scrolling:touch;background:#000000d9;justify-content:center;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay.full-screen{padding:0}.modal-overlay.full-screen .modal-content{border:none;border-radius:0;width:100%;max-width:100%;min-height:100vh;margin:0}.modal-content{border:1px solid var(--border-color);background:#0f0f13;border-radius:20px;width:100%;max-width:500px;margin:auto;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;box-shadow:0 20px 50px #000c,0 0 20px #a855f71a}@media (width>=768px){.modal-overlay{align-items:center;padding:2rem}.modal-overlay.full-screen .modal-content{border:1px solid var(--border-color);border-radius:24px;width:90%;max-width:600px;min-height:auto;margin:auto}.modal-content{border-radius:24px;padding:2.5rem}}.modal-content.dense{max-width:800px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-premium{letter-spacing:1.5px;text-transform:uppercase;min-height:var(--control-min-h);border-radius:var(--radius-control);cursor:pointer;transition:transform var(--transition-interactive), box-shadow var(--transition-interactive), filter var(--transition-interactive), border-color var(--transition-interactive), background var(--transition-interactive);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;width:100%;padding:.75rem 1.25rem;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;display:flex}.btn-premium:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-premium:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;filter:none;transform:none}@media (width>=768px){.btn-premium{width:auto;font-size:.85rem}}.btn-premium-primary{background:linear-gradient(135deg, var(--neon-purple), #7e22ce);color:#fff;box-shadow:0 4px 15px var(--neon-purple-glow)}.btn-premium-primary:hover:not(:disabled){box-shadow:0 6px 20px var(--neon-purple-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-premium-green{background:linear-gradient(135deg, var(--neon-green), #15803d);color:#000;box-shadow:0 4px 15px var(--neon-green-glow)}.btn-premium-green:hover:not(:disabled){box-shadow:0 6px 20px var(--neon-green-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-premium-outline{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-premium-outline:hover:not(:disabled){border-color:var(--text-muted);background:#ffffff14;transform:translateY(-1px)}.btn-premium-danger{background:var(--glass-bg);color:var(--danger);border:1px solid #ef444433}.btn-premium-danger:hover:not(:disabled){border-color:var(--danger);box-shadow:0 0 15px var(--danger-glow);background:#ef44441a}.btn-premium:active:not(:disabled){transform:translateY(0)}@media (prefers-reduced-motion:reduce){.scanline:before{opacity:.08;animation:none}.btn-premium,.btn-premium-primary:hover:not(:disabled),.btn-premium-green:hover:not(:disabled),.btn-premium-outline:hover:not(:disabled){transition:none;transform:none}}.flex-wrap-mobile{flex-wrap:wrap;gap:1rem;display:flex}@media (width<=600px){.cols-mobile-1{flex-direction:column;width:100%;display:flex}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-black)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.layout-container{flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex;overflow-x:hidden}@media (width>=768px){.layout-container{padding-bottom:0}}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:50;background:#0a0a0fd9;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}@media (width>=768px){.navbar{padding:1rem 2rem}}@media (width>=1200px){.navbar{padding:1rem 3rem}}.nav-brand{cursor:pointer;letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:800}.desktop-only{display:none}.mobile-only{display:flex}@media (width>=1100px){.desktop-only{display:flex}.mobile-only{display:none}}.nav-links{align-items:center;gap:.5rem}@media (width>=1250px){.nav-links{gap:1.5rem}}.nav-link{color:var(--text-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}@media (width>=1250px){.nav-link{gap:.6rem;padding:.5rem .8rem;font-size:.9rem}}.nav-link:hover,.nav-link.active{color:var(--neon-purple);background:#a855f71a;box-shadow:inset 0 0 15px #a855f71a}.nav-link:focus-visible{box-shadow:var(--focus-ring,0 0 0 2px #000, 0 0 0 4px var(--neon-purple));outline:none}.nav-actions{align-items:center;gap:.8rem;display:flex}.logout-btn{color:#ef4444;cursor:pointer;min-width:44px;min-height:44px;transition:border-color var(--transition-interactive,.2s ease), box-shadow var(--transition-interactive,.2s ease);background:0 0;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.logout-btn:focus-visible{box-shadow:0 0 0 2px var(--bg-black,#000), 0 0 0 4px #ef4444;outline:none}.hamburger-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.hamburger-btn:focus-visible{box-shadow:var(--focus-ring,0 0 0 2px #000, 0 0 0 4px var(--neon-purple));outline:none}.mobile-menu{border-left:1px solid var(--neon-purple);z-index:100;border-bottom:1px solid var(--neon-purple);background:#0a0a0f;flex-direction:column;gap:1rem;width:100%;max-width:100%;padding:2rem;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translateY(-100%);box-shadow:-10px 0 40px #000c}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:95;background:#0009;position:fixed;inset:0}.mobile-menu.open{transform:translateY(0)}.mobile-menu-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.logout-full-btn{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;margin-top:auto;padding:1rem;font-family:Orbitron,sans-serif;font-size:.8rem}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:90;height:75px;padding-bottom:env(safe-area-inset-bottom);background:#111111e6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{color:var(--text-muted);text-transform:uppercase;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-link span{letter-spacing:.05em}.bottom-nav-link.active{color:var(--neon-purple)}.bottom-nav-link.active svg{filter:drop-shadow(0 0 5px var(--neon-purple))}.bottom-nav-link:focus-visible{box-shadow:var(--focus-ring,0 0 0 2px #000, 0 0 0 4px var(--neon-purple));border-radius:8px;outline:none}@media (width>=768px){.bottom-nav{display:none}}.main-content{flex:1;width:100%}