* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #000; color: #0f0; font-family: 'Courier New', monospace; overflow: hidden; height: 100vh; }
.terminal { width: 100vw; height: 100vh; background: #000; padding: 20px; position: relative; overflow: hidden; }
.scanlines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1) 1px, transparent 1px, transparent 2px); pointer-events: none; z-index: 999; animation: scan 8s linear infinite; }
@keyframes scan { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }
.hidden { display: none !important; }
.glitch { font-size: 3rem; font-weight: bold; text-align: center; margin: 40px 0; animation: glitch 3s infinite; }
.red { color: #f00; font-weight: bold; }
.warning { text-align: center; margin: 40px 0; line-height: 1.6; font-size: 1.1rem; letter-spacing: 2px; }
.login-box { max-width: 400px; margin: 50px auto; text-align: center; }
.login-box input { width: 100%; padding: 15px; margin: 15px 0; background: #111; border: 1px solid #0f0; color: #0f0; font-size: 1.2rem; }
#loginBtn { padding: 15px 40px; background: transparent; border: 2px solid #0f0; color: #0f0; font-size: 1.2rem; cursor: pointer; transition: all 0.3s; }
#loginBtn:hover { background: #0f0; color: #000; }
.topbar { position: absolute; top: 0; left: 0; right: 0; padding: 10px 20px; background: #001; border-bottom: 1px solid #0f0; display: flex; justify-content: space-between; z-index: 99; }
.dashboard { margin-top: 80px; padding: 20px; }
.quick-actions button { margin: 10px; padding: 12px 20px; background: #001; border: 1px solid #0f0; color: #0f0; cursor: pointer; }
.scp-entry { padding: 15px; background: #001; margin: 10px 0; border-left: 4px solid #0f0; cursor: pointer; }
.add-btn { background: #300; color: #f00; padding: 10px 20px; border: none; cursor: pointer; }
@keyframes glitch { 0%,100% { text-shadow: 2px 0 #f00, -2px 0 #0ff; } 20% { text-shadow: -2px 0 #f00, 2px 0 #0ff; } }