*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#030310;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.soc-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.soc-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.015) 2px,rgba(0,255,136,.015) 4px);pointer-events:none;z-index:1}.soc-root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#00000026);pointer-events:none;z-index:1;animation:scanline 8s linear infinite}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.topbar{height:3rem;background:#030310f2;border-bottom:1px solid rgba(0,255,136,.15);display:flex;align-items:center;padding:0 1rem;gap:1.5rem;z-index:10;flex-shrink:0}.soc-logo{font-size:.7rem;font-weight:700;letter-spacing:.2em;color:#0f8;text-transform:uppercase}.soc-clock{font-size:.68rem;color:#64748b;font-family:monospace;margin-left:auto}.topbar-stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.topbar-stat-v{font-size:.85rem;font-weight:700;color:#0f8}.topbar-stat-l{font-size:.45rem;color:#475569;text-transform:uppercase;letter-spacing:.1em}.grid{flex:1;display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:1fr 1fr;gap:1px;background:#00ff8814;overflow:hidden;z-index:2}.panel{background:#030310;border:1px solid rgba(0,255,136,.1);overflow:hidden;position:relative;display:flex;flex-direction:column}.panel-title{font-size:.52rem;font-weight:700;letter-spacing:.15em;color:#0f8;text-transform:uppercase;padding:.4rem .6rem;border-bottom:1px solid rgba(0,255,136,.08);flex-shrink:0;background:#00140a80}.panel-map{grid-column:1;grid-row:1/3}.panel-log{grid-column:2;grid-row:1}.panel-chart{grid-column:3;grid-row:1}.panel-gauge{grid-column:2;grid-row:2;align-items:center;justify-content:center}.panel-ticker{grid-column:3;grid-row:2}.panel-leaderboard{display:none}.log-body{flex:1;overflow:hidden;padding:.3rem .5rem;display:flex;flex-direction:column-reverse;gap:0}.log-line{font-size:.52rem;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.log-ok{color:#22c55e}.log-warn{color:#f59e0b}.log-err{color:#ef4444}.log-attack{color:#ff0040;font-weight:700}.gauge-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.5rem}.gauge-label{font-size:.55rem;letter-spacing:.15em;color:#475569;text-transform:uppercase}.gauge-val{font-size:2.2rem;font-weight:900;font-family:monospace;line-height:1}.gauge-sub{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase}.ticker-body{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:.2rem 0}.ticker-item{font-size:.5rem;color:#94a3b8;padding:.2rem .5rem;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-item:nth-child(odd){background:#ffffff05}.ticker-crit{color:#ef4444}.ticker-warn{color:#f59e0b}.incident-banner{position:fixed;top:3rem;left:0;right:0;z-index:40;padding:.6rem 1rem;display:flex;align-items:center;gap:1rem;background:#ef444426;border-bottom:2px solid #ef4444;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inc-sev{font-size:.55rem;font-weight:700;letter-spacing:.12em;padding:.15rem .4rem;border-radius:2px;background:#ef4444;color:#fff}.inc-name{font-size:.72rem;font-weight:700;color:#fca5a5;flex:1}.inc-investigate{padding:.3rem .9rem;background:transparent;border:1px solid #ef4444;color:#ef4444;font-size:.62rem;font-weight:700;letter-spacing:.1em;cursor:pointer;font-family:monospace;transition:background .15s}.inc-investigate:hover{background:#ef444433}.detail-panel{position:fixed;right:0;top:3rem;bottom:0;width:380px;background:#030310f7;border-left:1px solid rgba(0,255,136,.2);z-index:50;overflow-y:auto;padding:1.25rem}.detail-panel::-webkit-scrollbar{width:2px}.detail-panel::-webkit-scrollbar-thumb{background:#334155}.detail-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#64748b;font-size:.9rem;cursor:pointer;transition:color .15s;font-family:monospace}.detail-close:hover{color:#e2e8f0}.detail-id{font-size:.58rem;color:#0f8;letter-spacing:.15em;margin-bottom:.3rem;font-weight:700}.detail-name{font-size:.95rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem;line-height:1.3}.detail-ep{font-size:.62rem;color:#64748b;font-family:monospace;margin-bottom:.9rem}.detail-desc{font-size:.7rem;color:#94a3b8;line-height:1.65;margin-bottom:.9rem}.detail-section{margin-bottom:.8rem}.detail-section-title{font-size:.52rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#475569;margin-bottom:.35rem}.detail-action{font-size:.65rem;color:#86efac;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:.4rem}.detail-action:before{content:"›";color:#0f8}.attacker-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem}.attacker-ip{font-size:.52rem;font-family:monospace;padding:.15rem .35rem;border-radius:2px;background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.attacker-ip.banned{background:#22c55e1a;color:#86efac;border-color:#22c55e33}.mitigate-btn{display:block;width:100%;margin-top:1rem;padding:.65rem;background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.4);border-radius:3px;font-size:.72rem;font-weight:700;letter-spacing:.1em;cursor:pointer;font-family:monospace;transition:background .2s}.mitigate-btn:hover:not(:disabled){background:#ef444440}.mitigate-btn:disabled{opacity:.4;cursor:not-allowed}.mitigate-progress{margin-top:.75rem;font-size:.6rem;color:#0f8;font-family:monospace;line-height:1.8;background:#00ff880d;border:1px solid rgba(0,255,136,.1);border-radius:3px;padding:.5rem .6rem}.resolved-banner{position:fixed;top:3rem;left:0;right:0;z-index:40;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;background:#22c55e1f;border-bottom:2px solid #22c55e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resolved-text{font-size:.72rem;font-weight:700;color:#86efac}.bottom-bar{height:2.8rem;background:#030310f2;border-top:1px solid rgba(0,255,136,.12);display:flex;align-items:center;justify-content:center;gap:1rem;z-index:10;flex-shrink:0}.soc-btn{padding:.28rem .95rem;border-radius:2px;font-size:.62rem;font-weight:700;letter-spacing:.1em;cursor:pointer;font-family:monospace;transition:background .15s}.btn-pause{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.btn-pause:hover{background:#fbbf2433}.btn-reset{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-reset:hover{background:#ef444433}.btn-speed{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.3)}.btn-speed:hover{background:#0f83}