/* --- /style.css --- */
body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background: #081d29; 
    color: white; 
    overflow: hidden; 
    height: 100vh; 
}
#tsparticles { 
    position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; pointer-events: none; 
}
.glass { 
    background: rgba(255,255,255,0.02); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); 
}
.turquoise-gradient { 
    background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%); 
}
.hidden { 
    display: none !important; 
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #0d9488; }

.terminal-font { 
    font-family: 'JetBrains Mono', monospace; 
}
.cursor { 
    display: inline-block; width: 8px; height: 15px; background: #2dd4bf; margin-left: 4px; animation: blink 1s infinite; vertical-align: middle; 
}
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

.admin-tab.active { 
    background: rgba(255,255,255,0.1); font-weight: bold; border-left: 3px solid #2dd4bf; color: #2dd4bf; 
}

.nav-badge { 
    position: absolute; top: -5px; right: -5px; background: #ef4444; color: white; font-size: 9px; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; box-shadow: 0 0 5px rgba(239, 68, 68, 0.5); 
}

.status-pulse { 
    animation: pulseGlow 2s infinite; 
}
@keyframes pulseGlow { 
    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); } 
    70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); } 
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } 
}