:root{--bg-color: #0F1218;--text-color: #E2E8F0;--primary: #FF5A36;--primary-shadow: #CC442A;--secondary: #00E676;--secondary-shadow: #00B35C;--tertiary: #00D4FF;--tertiary-shadow: #00A6CC;--accent: #FFD700;--accent-shadow: #CCAC00;--surface: #1E232E;--surface-hover: #293140;--glow-primary: 0 0 20px rgba(255, 90, 54, .4);--glow-secondary: 0 0 20px rgba(0, 230, 118, .4);--glow-tertiary: 0 0 20px rgba(0, 212, 255, .4);--glow-accent: 0 0 20px rgba(255, 215, 0, .4);--scanline-color: rgba(0, 212, 255, .03);--border-radius: 16px;--border-radius-sm: 8px;--border-radius-pill: 999px;--border-width: 1px;--shadow-color: rgba(0, 0, 0, .5);--box-shadow-flat: 0 4px 15px rgba(0, 0, 0, .4);--box-shadow-flat-hover: 0 8px 25px rgba(0, 0, 0, .6);--box-shadow-1: 0 0 10px rgba(255, 90, 54, .3);--box-shadow-1-active: 0 0 15px rgba(255, 90, 54, .6);--border-color: rgba(255, 255, 255, .1);--touch-target: 44px;--header-height: clamp(60px, 10vh, 80px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;overflow-x:hidden}h1{font-size:clamp(1.5rem,5vw,2.5rem);color:var(--primary);text-shadow:0 0 10px rgba(255,90,54,.4)}h2{font-size:clamp(1.2rem,4vw,2rem);color:var(--text-color)}h3{font-size:clamp(1.1rem,3vw,1.5rem)}h1,h2,h3,h4,.tactical-font{font-family:Oswald,Inter,sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem}.nav-item{white-space:nowrap;cursor:pointer;padding:.75rem 1rem;transition:all .2s}.flex-row{display:flex;flex-direction:row}.flex-row-center{display:flex;flex-direction:row;align-items:center}.flex-row-between{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.h-full{height:100%}.w-full{width:100%}.superadmin-container{display:flex;min-height:100vh;background:var(--bg-color)}.sa-sidebar{width:280px;background:#0a0c10fa;border-right:1px solid rgba(255,90,54,.2);display:flex;flex-direction:column;padding:1.5rem 1rem;position:fixed;left:0;top:0;height:100vh;z-index:1000;transition:transform .3s ease;box-shadow:10px 0 30px #00000080}.sa-sidebar-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:.5rem}.sa-logo-container{padding:.6rem;background:#ff5a361a;border-radius:12px;border:1px solid var(--primary);display:flex;align-items:center;justify-content:center}.sa-title{margin:0;font-size:1.1rem;color:#fff;letter-spacing:1px}.sa-subtitle{margin:0;color:var(--primary);font-size:.65rem;opacity:.8}.sa-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-right:5px}.sa-sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.8rem}.sa-nav-item{display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;border-radius:12px;color:#94a3b8;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Oswald,sans-serif;font-size:.9rem;text-transform:uppercase;border:1px solid transparent;text-decoration:none}.sa-nav-item:hover{background:#ffffff0d;color:#fff;transform:translate(5px)}.sa-nav-item.active{background:#ff5a3626;color:var(--primary);border-color:#ff5a364d;box-shadow:0 0 15px #ff5a361a}.sa-nav-item.active.tertiary{background:#00d4ff26;color:var(--tertiary);border-color:#00d4ff4d}.sa-nav-item.active.secondary{background:#00e67626;color:var(--secondary);border-color:#00e6764d}.sa-nav-item.danger{color:#f87171;background:#f871710d}.sa-nav-item.danger:hover{background:#f8717126;color:#ef4444}.sa-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#0f1218f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 1.5rem;align-items:center;justify-content:space-between;z-index:900}.sa-menu-toggle,.sa-mobile-close{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.sa-mobile-close{position:absolute;top:1rem;right:1rem;font-size:2rem;display:none}@media(max-width:1024px){.sa-sidebar{transform:translate(-100%)}.mobile-menu-open .sa-sidebar{transform:translate(0)}.sa-mobile-header{display:flex}.sa-main{padding-top:80px;padding-left:1rem;padding-right:1rem}.sa-mobile-close{display:flex}}@media(min-width:1025px){.sa-main{margin-left:280px;width:calc(100% - 280px)}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1rem;padding-bottom:100px;width:100%;max-width:1400px;margin:0 auto}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-center-col{display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width:768px){.main-content{padding:2rem;padding-bottom:40px}}.squishy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch-target);padding:.5rem 1.2rem;font-size:.9rem;font-weight:800;color:#fff;background-color:transparent;border:1px solid var(--primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em;font-family:Oswald,sans-serif}.squishy-btn.primary{background-color:var(--primary);color:#0f1218;border:none;box-shadow:0 0 15px #ff5a3666}.tactile-card{background:#1e232e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:clamp(1rem,3vw,1.5rem);box-shadow:0 8px 32px #0000005e;height:100%;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tactile-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.tactile-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--tertiary),transparent);opacity:.3;animation:scanline 4s linear infinite;pointer-events:none;z-index:10}.tactile-card.glow-primary{border-color:var(--primary);box-shadow:var(--glow-primary)}.tactile-card.glow-secondary{border-color:var(--secondary);box-shadow:var(--glow-secondary)}.tactile-card.glow-tertiary{border-color:var(--tertiary);box-shadow:var(--glow-tertiary)}.tactile-card.glow-accent{border-color:var(--accent);box-shadow:var(--glow-accent)}.responsive-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.squishy-input{width:100%;min-height:var(--touch-target);padding:.6rem 1rem;background:#0000004d;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:#fff;font-size:1rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0f1218f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:1000}@media(min-width:768px){.bottom-nav{top:0;left:0;width:80px;height:100vh;flex-direction:column;justify-content:center;gap:2rem;padding:1rem;border-top:none;border-right:1px solid var(--border-color)}.main-content,.hud-header{margin-left:80px;max-width:calc(100% - 80px)}}.flex-row-resp{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.flex-row-resp{flex-direction:row;align-items:center}}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}}.show-mobile{display:block}@media(min-width:768px){.show-mobile{display:none}}.scroll-tabs{display:flex;overflow-x:auto;gap:1rem;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none}.scroll-tabs::-webkit-scrollbar{display:none}@keyframes pulse-red{0%{box-shadow:0 0 #ff5a3666}70%{box-shadow:0 0 0 10px #ff5a3600}to{box-shadow:0 0 #ff5a3600}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.pulsate{animation:pulse-red 2s infinite}.hud-glow{text-shadow:0 0 15px currentColor}.spin{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow-success{border-color:#10b981!important;box-shadow:0 0 15px #10b9814d}.glow-error{border-color:#ef4444!important;box-shadow:0 0 15px #ef44444d}.scanline{width:100%;height:100px;z-index:5;background:linear-gradient(0deg,#0000,#00d4ff05 50%,#00d4ff1a 50%,#00d4ff05 51%,#0000);opacity:.15;position:absolute;bottom:100%;animation:global-scanline 10s linear infinite;pointer-events:none}@keyframes global-scanline{0%{bottom:100%}to{bottom:-100px}}.red-alert-overlay{position:fixed;inset:0;background:#ef444414;pointer-events:none;z-index:9999;animation:pulse-red-alert 4s infinite ease-in-out}@keyframes pulse-red-alert{0%,to{opacity:.3}50%{opacity:.7}}.dia-d-neon-bg{background:radial-gradient(circle at center,#3c00004d,#0f1218)!important}.tactile-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.tactile-card:hover{box-shadow:0 0 20px #00d4ff33;border-color:#00d4ff66}