:root{--bg:#070A07;--fg:#c8ffd9;--neon:#00ff88;--danger:#ff2560}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-monospace,Consolas,monospace}
.topbar{background:#020402;border-bottom:2px solid var(--neon);padding:10px 16px;color:var(--neon);text-shadow:0 0 8px var(--neon)}
.container{max-width:1400px;margin:16px auto;padding:0 12px}
.center{display:flex;align-items:center;justify-content:center;height:100%}
.panel{width:420px;background:#0a0f0a;border:1px solid var(--neon);padding:18px;box-shadow:0 0 18px #00ff8844}
.form{display:grid;gap:10px}
.btn{background:#071307;border:1px solid var(--neon);color:var(--fg);padding:6px 10px;cursor:pointer}
.neon-frame{box-shadow:inset 0 0 18px #00ff8844}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.kpi{padding:16px;background:#0a0f0a;border:1px solid var(--neon);box-shadow:0 0 14px #00ff8844}
.kpi h3{margin:0 0 6px}
.kpi .val{font-size:36px;font-weight:700;color:#00ff88;text-shadow:0 0 10px #00ff88}
.card{background:#0a0f0a;border:1px solid var(--neon);box-shadow:0 0 12px #00ff8833;padding:12px}
.canvas{height:260px}
.search{display:flex;gap:8px;margin:10px 0}
input,button{background:#071307;border:1px solid var(--neon);color:var(--fg); padding:6px}
table{width:100%;border-collapse:collapse}
th,td{border:1px solid #00ff33;padding:6px}
th{background:#071307}
.tabs{display:flex;gap:18px;margin:10px 0}
.tabs a{color:#79ffb3;text-decoration:none;border-bottom:1px dashed #79ffb3}
.grid-bg{
  background:
    linear-gradient(#002a11 1px,transparent 1px) 0 0/100% 24px,
    linear-gradient(90deg,#002a11 1px,transparent 1px) 0 0/24px 100%,
    #030603;
}
.sql{color:#9effc8;white-space:pre-wrap}
.danger{color:var(--danger)}