@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
:root{--bg-main:#071018;--bg-secondary:#0b1620;--bg-card:#101c28;--bg-elevated:#132434;--bg-sidebar:#08131d;--cyan:#00d1ff;--cyan-dim:#00d1ff14;--cyan-glow:0 0 18px #00d1ff14;--green:#18e28f;--green-dim:#18e28f1a;--green-glow:0 0 16px #18e28f1a;--status-ok:#18e28f;--status-warn:#f5c451;--status-med:#ff9e3d;--status-crit:#ff4d67;--ok-bg:#18e28f1a;--warn-bg:#f5c4511a;--med-bg:#ff9e3d1a;--crit-bg:#ff4d671f;--text-primary:#b8cdd8;--text-secondary:#6b8fa8;--text-muted:#2e4a5e;--text-label:#4a6a82;--border:#ffffff0d;--border-active:#00d1ff2e;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--ease:ease-out;--duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.font-mono{font-family:Space Mono,monospace}h1{letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1.2}h2{letter-spacing:-.01em;font-size:18px;font-weight:600}h3{letter-spacing:0;font-size:14px;font-weight:500}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00d1ff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d1ff40}.card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#101c28e0}.card:hover{box-shadow:var(--cyan-glow);border-color:#00d1ff1f}.badge{letter-spacing:.04em;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-family:Space Mono,monospace;font-size:11px;display:inline-flex}.badge-ok{background:var(--ok-bg);color:var(--status-ok);border:1px solid #18e28f33}.badge-warn{background:var(--warn-bg);color:var(--status-warn);border:1px solid #f5c45133}.badge-med{background:var(--med-bg);color:var(--status-med);border:1px solid #ff9e3d33}.badge-critical{background:var(--crit-bg);color:var(--status-crit);border:1px solid #ff4d6733}.badge-pending{color:var(--text-secondary);background:#6b8fa81a;border:1px solid #6b8fa833}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot-ok{background:var(--status-ok);box-shadow:0 0 6px var(--status-ok)}.dot-warn{background:var(--status-warn);box-shadow:0 0 6px var(--status-warn)}.dot-critical{background:var(--status-crit);box-shadow:0 0 6px var(--status-crit);animation:1.2s ease-in-out infinite blink}.dot-pending{background:var(--text-secondary)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #18e28f00}50%{box-shadow:0 0 0 4px #18e28f1f}}@keyframes matrix-fall{0%{opacity:0;transform:translateY(-10px)}20%{opacity:.12}80%{opacity:.08}to{opacity:0;transform:translateY(100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadein{animation:.22s ease-out both fadeIn}.matrix-col{filter:blur(1px);pointer-events:none;background:linear-gradient(#0000,#18e28f1f,#0000);width:1px;animation:2.2s ease-out forwards matrix-fall;position:absolute;top:0}.shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.grid-bg{background-image:linear-gradient(#00d1ff06 1px,#0000 1px),linear-gradient(90deg,#00d1ff06 1px,#0000 1px);background-size:48px 48px}.item-confirmed{color:#7a9aaa!important}.item-critical{color:#e8c0c8!important}@keyframes notePulse{0%,to{opacity:.35}50%{opacity:.8}}@keyframes itemFlash{0%{background:0 0}15%{background:#00d1ff1f;box-shadow:inset 0 0 20px #00d1ff0f}50%{background:#00d1ff0f}to{background:0 0}}@keyframes badgeUpdate{0%{transform:scale(1)}30%{transform:scale(1.12)}60%{transform:scale(.96)}to{transform:scale(1)}}