@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-primary: #0a0a0c;--bg-secondary: #111115;--bg-tertiary: #18181e;--glass-bg: rgba(255, 255, 255, .035);--glass-border: rgba(0, 245, 255, .12);--glass-hover: rgba(0, 245, 255, .06);--neon-cyan: #00f5ff;--neon-green: #00ff88;--neon-red: #ff3b5c;--neon-amber: #ffb800;--neon-purple: #bd93f9;--neon-blue: #4d9fff;--text-primary: #e8eaf0;--text-secondary: #8892a4;--text-muted: #4a5568;--severity-critical: #ff3b5c;--severity-high: #ff8c00;--severity-medium: #ffb800;--severity-low: #00ff88;--severity-info: #4d9fff;--sidebar-width: 240px;--navbar-height: 60px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-glow-cyan: 0 0 20px rgba(0, 245, 255, .25);--shadow-glow-red: 0 0 20px rgba(255, 59, 92, .3);--shadow-glow-green: 0 0 20px rgba(0, 255, 136, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 20% 20%,rgba(0,245,255,.07) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(0,255,136,.04) 0%,transparent 55%)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00f5ff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f5ff73}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-card:hover{border-color:#ffffff21}.mono{font-family:JetBrains Mono,monospace}.text-cyan{color:var(--neon-cyan)}.text-green{color:var(--neon-green)}.text-red{color:var(--neon-red)}.text-amber{color:var(--neon-amber)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge-critical{background:#ff3b5c26;color:var(--severity-critical);border:1px solid rgba(255,59,92,.3)}.badge-high{background:#ff8c0026;color:var(--severity-high);border:1px solid rgba(255,140,0,.3)}.badge-medium{background:#ffb80026;color:var(--severity-medium);border:1px solid rgba(255,184,0,.3)}.badge-low{background:#00ff881f;color:var(--severity-low);border:1px solid rgba(0,255,136,.25)}.badge-info{background:#4d9fff1f;color:var(--severity-info);border:1px solid rgba(77,159,255,.25)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.status-dot.offline{background:var(--text-muted)}.status-dot.warning{background:var(--neon-amber);box-shadow:0 0 8px var(--neon-amber)}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 6px currentColor}50%{opacity:.6;box-shadow:0 0 16px currentColor}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slide-in-left{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.animate-blink{animation:blink 1s step-end infinite}.fade-in{animation:fade-in .4s ease forwards}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 25%,rgba(255,255,255,.07) 50%,var(--glass-bg) 75%);background-size:400px 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-sm);border:none;font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:#00f5ff14;color:var(--neon-cyan);border:1px solid rgba(0,245,255,.25)}.btn-primary:hover{background:#00f5ff26;box-shadow:var(--shadow-glow-cyan)}.btn-danger{background:#ff3b5c1f;color:var(--neon-red);border:1px solid rgba(255,59,92,.25)}.btn-danger:hover{background:#ff3b5c38}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-hover);color:var(--text-primary)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid var(--glass-border);text-align:left}.data-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04)}.data-table tr:hover td{background:var(--glass-hover);cursor:pointer}.data-table tr:last-child td{border-bottom:none}.input{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;padding:8px 12px;outline:none;transition:border-color .2s;width:100%}.input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 2px #00f5ff26}.input::placeholder{color:var(--text-muted)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:20px}