:root{--bg-primary: #010a1f;--bg-secondary: #06142b;--bg-panel: rgba(6, 20, 48, .88);--border-color: rgba(0, 180, 255, .18);--border-active: rgba(0, 200, 255, .55);--text-primary: #e0f0ff;--text-secondary: #8aafce;--text-muted: #4a6a8a;--accent: #00d4ff;--accent-glow: rgba(0, 212, 255, .35);--accent-strong: #0ea5e9;--danger: #ff3b5c;--danger-glow: rgba(255, 59, 92, .4);--warning: #ff8c00;--warning-glow: rgba(255, 140, 0, .4);--success: #00e676;--success-glow: rgba(0, 230, 118, .3);--panel-width: 340px;--header-height: 56px;--timeline-height: 80px;--font-mono: "Consolas", "Courier New", monospace}@media(max-width:768px){:root{--panel-width: 85vw;--header-height: 44px;--timeline-height: auto}html,body{font-size:13px;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.btn{min-height:32px;min-width:32px;padding:4px 10px;font-size:11px}.panel-header{height:36px;padding:0 10px}.panel-header .title{font-size:13px}.panel-body{padding:8px}}@media(max-width:480px){:root{--panel-width: 92vw;--header-height: 40px}html,body{font-size:12px}.btn{padding:3px 8px;font-size:10px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased}#app{width:100%;height:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#00b4ff08}::-webkit-scrollbar-thumb{background:#00c8ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00c8ff73}.panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;position:relative;box-shadow:0 0 20px #0082ff0f,inset 0 1px #00c8ff0a}.panel:before,.panel:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none;z-index:1}.panel:before{top:0;left:0;border-top:2px solid var(--accent);border-left:2px solid var(--accent);border-radius:6px 0 0}.panel:after{bottom:0;right:0;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);border-radius:0 0 6px}.panel-body:before,.panel-body:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none;z-index:1}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:40px;border-bottom:1px solid var(--border-color);background:#001e5059}.panel-header .title{font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;letter-spacing:1px}.panel-header .title:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg,var(--accent),rgba(0,200,255,.3));border-radius:2px;box-shadow:0 0 8px var(--accent-glow)}.panel-body{padding:10px;overflow-y:auto}.btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:12px;border:1px solid rgba(0,180,255,.25);border-radius:4px;background:#0078dc1a;color:var(--text-primary);cursor:pointer;transition:all .25s;white-space:nowrap;text-shadow:0 0 4px rgba(0,200,255,.15)}.btn:hover{border-color:var(--accent);background:#00b4ff2e;box-shadow:0 0 12px #00b4ff33}.btn.active{border-color:var(--accent);background:#00c8ff33;box-shadow:0 0 10px #00c8ff40}.btn.danger{border-color:#ff3b5c59;color:var(--danger)}.btn.danger:hover{border-color:var(--danger);background:#ff3b5c1f;box-shadow:0 0 12px #ff3b5c33}.btn-primary{background:linear-gradient(135deg,#00b4ff40,#0078dc26);border-color:var(--accent);font-weight:600;box-shadow:0 0 12px #00b4ff33}.btn-primary:hover{background:linear-gradient(135deg,#00c8ff59,#008cf033);box-shadow:0 0 18px #00c8ff59}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px #00c8ff99}}@keyframes alert-flash{0%,to{box-shadow:0 0 0 0 var(--danger-glow)}50%{box-shadow:0 0 20px 6px var(--danger-glow)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-block;padding:1px 8px;font-size:11px;border-radius:3px;line-height:18px;font-weight:600}.badge.danger{background:#ff3b5c33;color:#ff6b81;border:1px solid rgba(255,59,92,.3)}.badge.warning{background:#ff8c0033;color:#ffa940;border:1px solid rgba(255,140,0,.3)}.badge.success{background:#00e67633;color:#5dfc8e;border:1px solid rgba(0,230,118,.3)}.badge.info{background:#00c8ff33;color:#7dd8ff;border:1px solid rgba(0,200,255,.3)}