*{box-sizing:border-box;margin:0;padding:0}:root{--red:#f33;--yellow:#fa0;--green:#0f8;--bg:#080808;--bg2:#0f0f0f;--bg3:#141414;--border:#1e1e1e;--border2:#2a2a2a;--text:#c8c8c8;--text2:#666;--font:"JetBrains Mono", "Courier New", monospace}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);font-size:12px;overflow:hidden}.phoenix-shell{background:var(--bg);flex-direction:column;width:100vw;height:100vh;display:flex}.top-bar{background:var(--bg2);border-bottom:1px solid var(--border2);z-index:100;justify-content:space-between;align-items:center;height:40px;min-height:40px;padding:0 16px;display:flex}.top-bar-left{align-items:center;gap:12px;display:flex}.logo{color:var(--green);letter-spacing:2px;font-size:14px;font-weight:700}.version,.top-bar-center{color:var(--text2);letter-spacing:1px;font-size:10px}.mission-status{text-transform:uppercase}.top-bar-right{letter-spacing:1px;align-items:center;gap:20px;font-size:11px;font-weight:700;display:flex}.chain-status{font-size:10px}.risk-badge{font-size:13px;font-weight:700}.conn-dot{font-size:11px}.conn-live{color:var(--green);animation:2s infinite pulse}.conn-dead{color:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.panel-grid{background:var(--border);flex:1;grid-template-columns:1fr 1.6fr 1fr;gap:1px;display:grid;overflow:hidden}.panel{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.panel-header{background:var(--bg2);border-bottom:1px solid var(--border2);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.panel-label{color:var(--green);letter-spacing:2px;font-size:11px;font-weight:700}.panel-sub{color:var(--text2);letter-spacing:1px;font-size:9px}.panel-content{color:var(--text2);flex:1;padding:12px;font-size:11px;overflow:hidden auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text2)}.sev-critical{color:var(--red)}.sev-high{color:var(--red);opacity:.8}.sev-medium{color:var(--yellow)}.sev-low{color:var(--text)}.sev-info{color:var(--text2)}.card{background:var(--bg2);border:1px solid var(--border2);border-radius:2px;margin-bottom:8px;padding:10px 12px}.card-title{color:var(--text2);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:9px}.card-value{font-size:24px;font-weight:700;line-height:1}.card-sub{color:var(--text2);margin-top:4px;font-size:9px}.event-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:80px 60px 90px 1fr;gap:8px;padding:4px 6px;font-size:10px;display:grid}.event-row:hover{background:var(--bg2)}.event-time{color:var(--text2)}.event-source{color:var(--text)}.event-rule{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-msg{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hash{color:var(--text2);word-break:break-all;font-size:9px;font-family:var(--font)}.hash-valid{color:var(--green)}.hash-invalid{color:var(--red)}.status-dot{border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.dot-green{background:var(--green)}.dot-yellow{background:var(--yellow)}.dot-red{background:var(--red)}.btn{border:1px solid var(--border2);color:var(--text);font-family:var(--font);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;padding:4px 10px;font-size:10px}.btn:hover{border-color:var(--green);color:var(--green)}.btn-red{border-color:var(--red);color:var(--red)}.btn-red:hover{background:var(--red);color:var(--bg)}