:root{--bg: #0A0E1A;--bg-1: #111827;--bg-2: #1A2332;--bg-3: #2D3748;--ac: #63B3ED;--ac-dim: rgba(99, 179, 237, .12);--ac-glow: rgba(99, 179, 237, .06);--gn: #48BB78;--gn-dim: rgba(72, 187, 120, .12);--wn: #ECC94B;--wn-dim: rgba(236, 201, 75, .12);--rd: #FC8181;--rd-dim: rgba(252, 129, 129, .12);--gold: #ECC94B;--tx: #F7FAFC;--tx-2: #A0AEC0;--tx-3: #4A5568;--font-ui: "Inter", "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;--sidebar-w: 220px;--sidebar-w-collapsed: 52px;--radius: 6px;--radius-lg: 10px;--gap: 16px;--gap-sm: 8px;--gap-lg: 24px;--shadow: 0 1px 4px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.65);--border: 1px solid var(--bg-3);--ease: cubic-bezier(.4, 0, .2, 1);--dur: .15s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:14px;-webkit-font-smoothing:antialiased}body{height:100%;background:var(--bg);color:var(--tx);font-family:var(--font-ui);font-size:14px;line-height:1.5;overflow-x:hidden}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--tx-3)}.mono{font-family:var(--font-mono)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.text-muted{color:var(--tx-2)}.text-ok{color:var(--gn)}.text-warn{color:var(--wn)}.text-crit{color:var(--rd)}.text-ac{color:var(--ac)}.label-caps{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-3)}.card{background:var(--bg-1);border:var(--border);border-radius:var(--radius-lg);padding:var(--gap)}.card-elevated{background:var(--bg-2);border:var(--border);border-radius:var(--radius-lg);padding:var(--gap);box-shadow:var(--shadow)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}@media (max-width: 1280px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:1200px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .2s var(--ease) both}.animate-up{animation:fadeUp .3s var(--ease) both}.animate-pulse{animation:pulse 1.8s ease-in-out infinite}.animate-spin{animation:spin .8s linear infinite}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-ok{background:var(--gn-dim);color:var(--gn)}.badge-warn{background:var(--wn-dim);color:var(--wn)}.badge-crit{background:var(--rd-dim);color:var(--rd)}.badge-info{background:var(--ac-dim);color:var(--ac)}.divider{border:none;border-top:var(--border);margin:var(--gap) 0}.section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tx-3);margin-bottom:12px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{padding:8px 10px;text-align:left;font-size:10px;color:var(--tx-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-bottom:var(--border)}.data-table td{padding:8px 10px;border-bottom:1px solid rgba(45,55,72,.5);color:var(--tx)}.data-table tbody tr:hover td{background:#ffffff05}.data-table tfoot td{border-top:2px solid var(--bg-3);border-bottom:none;font-weight:700}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:var(--font-ui);border:none;cursor:pointer;transition:all var(--dur) var(--ease)}.btn-primary{background:var(--ac);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{background:var(--bg-3);color:var(--tx-3);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--tx-2);border:var(--border)}.btn-ghost:hover{background:var(--bg-2);color:var(--tx)}.input{background:var(--bg-2);border:var(--border);border-radius:var(--radius);padding:6px 10px;color:var(--tx);font-size:13px;font-family:var(--font-ui);outline:none;width:100%;transition:border-color var(--dur) var(--ease)}.input:focus{border-color:var(--ac)}.input::placeholder{color:var(--tx-3)}