* { margin:0; padding:0; box-sizing:border-box; }
body { background:radial-gradient(circle at 20% 30%, #0a0f0a, #030603); color:#0f0; font-family:'Share Tech Mono', monospace; min-height:100vh; display:flex; justify-content:center; align-items:center; padding:20px; }
.terminal { background:rgba(0,0,0,0.85); border:2px solid #0f0; border-radius:12px; box-shadow:0 0 20px #0f0; width:100%; max-width:900px; padding:25px; }
.header { border-bottom:1px solid #0f0; padding-bottom:12px; margin-bottom:25px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.prompt { color:#0f0; font-weight:bold; font-size:1.2em; }
.command { color:#0fa; }
.nav a { color:#0f0; text-decoration:none; margin-left:20px; }
.nav a:hover { text-decoration:underline; text-shadow:0 0 5px #0f0; }
h2 { color:#0fa; border-left:4px solid #0f0; padding-left:15px; margin:20px 0; }
.stats, .menu { background:#0a0f0a; border:1px solid #0f0; padding:15px; margin:15px 0; border-radius:8px; }
.menu { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.button, .menu a { background:#030603; border:1px solid #0f0; color:#0f0; padding:10px 20px; text-decoration:none; border-radius:6px; transition:0.2s; }
.button:hover, .menu a:hover { background:#0f0; color:#000; box-shadow:0 0 8px #0f0; }
input, textarea { background:#111; border:1px solid #0f0; color:#0f0; padding:12px; width:100%; margin:8px 0; border-radius:5px; font-size:16px; }
button { background:#030603; border:1px solid #0f0; color:#0f0; padding:12px 20px; cursor:pointer; border-radius:6px; font-size:16px; }
button:hover { background:#0f0; color:black; box-shadow:0 0 10px #0f0; }
pre.report { background:#000; border-left:3px solid #0f0; padding:15px; white-space:pre-wrap; border-radius:5px; font-size:14px; }
.flash { background:#2a2a00; border:1px solid #ff0; color:#ff0; padding:10px; margin-bottom:15px; }
.footer { margin-top:30px; text-align:center; font-size:0.8em; border-top:1px solid #0f0; padding-top:12px; }
.blink { animation:blink 1s step-end infinite; }
@keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0;} }
.ascii-art { text-align:center; margin-bottom:20px; }
table { width:100%; border-collapse:collapse; margin:15px 0; }
th, td { border:1px solid #0f0; padding:8px; }
@media (max-width:768px) {
    body { padding:10px; display:block; }
    .terminal { padding:15px; }
    .header { flex-direction:column; gap:10px; }
    .menu { flex-direction:column; }
    .button, .menu a { text-align:center; }
    input, button { font-size:16px; padding:12px; }
    pre.report { font-size:12px; }
}
/* Telegram toggle */
.telegram-toggle { position:fixed; bottom:20px; right:20px; background:#0a0f0a; border:2px solid #0f0; border-radius:50%; width:60px; height:60px; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:1000; transition:0.3s; box-shadow:0 0 10px #0f0; }
.telegram-toggle:hover { transform:scale(1.1); box-shadow:0 0 15px #0f0; }
.telegram-toggle img { width:35px; height:35px; filter:drop-shadow(0 0 2px #0f0); }
.telegram-popup { position:fixed; bottom:100px; right:20px; background:#000; border:1px solid #0f0; border-radius:10px; padding:15px; display:none; flex-direction:column; gap:10px; z-index:1001; min-width:180px; text-align:center; }
.telegram-popup a { color:#0fa; text-decoration:none; }
.telegram-popup button { background:#030603; border:1px solid #0f0; color:#0f0; padding:5px 10px; cursor:pointer; }
