@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--surface:#131318;--surface-dim:#131318;--surface-bright:#39393e;--surface-container-lowest:#0e0e13;--surface-container-low:#1b1b20;--surface-container:#1f1f24;--surface-container-high:#2a292f;--surface-container-highest:#35343a;--surface-variant:#35343a;--primary:#c4c0ff;--primary-container:#8781ff;--primary-fixed:#e3dfff;--primary-fixed-dim:#c4c0ff;--on-primary:#2d2a5e;--on-primary-container:#1b0091;--secondary:#a2e7ff;--secondary-container:#005d71;--secondary-fixed:#b4ebff;--secondary-fixed-dim:#3cd7ff;--on-secondary:#003642;--tertiary:#fae189;--tertiary-container:#ddc570;--on-tertiary:#3b2f00;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--success:#7dffb3;--success-container:#005e2b;--on-surface:#e4e1e9;--on-surface-variant:#c7c4d8;--on-background:#e4e1e9;--outline:#918fa1;--outline-variant:#464555;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--surface);color:var(--on-surface);min-height:100vh;line-height:1.6;overflow-x:hidden}.display-lg{letter-spacing:-.04em;font-size:3.5rem;font-weight:800;line-height:1.1}.display-md{letter-spacing:-.03em;font-size:2.75rem;font-weight:700;line-height:1.15}.display-sm{letter-spacing:-.02em;font-size:2.25rem;font-weight:700;line-height:1.2}.headline-lg{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.25}.headline-md{letter-spacing:-.01em;font-size:1.75rem;font-weight:600;line-height:1.3}.headline-sm{font-size:1.5rem;font-weight:600;line-height:1.35}.title-lg{font-size:1.375rem;font-weight:600;line-height:1.35}.title-md{font-size:1.125rem;font-weight:600;line-height:1.4}.title-sm{font-size:1rem;font-weight:600;line-height:1.4}.body-lg{font-size:1rem;font-weight:400;line-height:1.6}.body-md{font-size:.875rem;font-weight:400;line-height:1.6}.body-sm{font-size:.8125rem;font-weight:400;line-height:1.5}.label-lg{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:500}.label-md{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:500}.label-sm{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.mono{font-family:var(--font-mono)}.glass{-webkit-backdrop-filter:blur(12px);background:#35343a4d;border:1px solid #46455526}.glass-heavy{-webkit-backdrop-filter:blur(20px);background:#35343a80;border:1px solid #46455533}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);background:#2a292f99;border:1px solid #46455526;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#c4c0ff4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:#c4c0ff26;box-shadow:0 0 40px #c4c0ff0d}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary-container);box-shadow:0 0 20px #c4c0ff26}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #c4c0ff40}.btn-secondary{color:var(--secondary);background:0 0;border:1px solid #4645554d}.btn-secondary:hover{border-color:var(--secondary);box-shadow:0 0 20px #a2e7ff1a}.btn-ghost{color:var(--on-surface-variant);padding:var(--space-2) var(--space-4);background:0 0}.btn-ghost:hover{color:var(--on-surface);background:#ffffff0d}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.75rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.02em;font-size:.75rem;font-weight:500;display:inline-flex}.pill-critical{color:var(--error);text-shadow:0 0 8px #ffb4ab4d;background:#93000a4d;border:1px solid #ffb4ab33}.pill-warning{color:var(--tertiary);text-shadow:0 0 8px #fae1894d;background:#3b2f004d;border:1px solid #fae18933}.pill-healthy{color:var(--success);text-shadow:0 0 8px #7dffb34d;background:#005e2b4d;border:1px solid #7dffb333}.pill-info{color:var(--secondary);background:#005d714d;border:1px solid #a2e7ff33}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-critical{color:var(--error);background:#93000a66}.badge-warning{color:var(--tertiary);background:#3b2f0066}.badge-healthy{color:var(--success);background:#005e2b66}.container{max-width:1440px;padding:0 var(--space-8);margin:0 auto}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3,.grid-2x3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-gap-2{align-items:center;gap:var(--space-2);display:flex}.flex-gap-3{align-items:center;gap:var(--space-3);display:flex}.flex-gap-4{align-items:center;gap:var(--space-4);display:flex}.flex-wrap{gap:var(--space-3);flex-wrap:wrap;display:flex}.stack{flex-direction:column;display:flex}.stack-2{gap:var(--space-2);flex-direction:column;display:flex}.stack-3{gap:var(--space-3);flex-direction:column;display:flex}.stack-4{gap:var(--space-4);flex-direction:column;display:flex}.stack-6{gap:var(--space-6);flex-direction:column;display:flex}.stack-8{gap:var(--space-8);flex-direction:column;display:flex}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-tertiary{color:var(--tertiary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.text-muted{color:var(--on-surface-variant)}.text-dim{color:var(--outline)}.bg-surface{background:var(--surface)}.bg-container{background:var(--surface-container)}.bg-container-low{background:var(--surface-container-low)}.bg-container-high{background:var(--surface-container-high)}.bg-lowest{background:var(--surface-container-lowest)}.glow-purple{box-shadow:0 0 40px #c4c0ff14}.glow-cyan{box-shadow:0 0 40px #a2e7ff14}.glow-error{box-shadow:0 0 30px #ffb4ab1a}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:.6s forwards fade-in-up}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse-glow}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}::selection{color:var(--on-surface);background:#c4c0ff4d}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:768px){.grid-2,.grid-3,.grid-2x3{grid-template-columns:1fr}.container{padding:0 var(--space-4)}.display-lg{font-size:2.5rem}.display-md{font-size:2rem}.headline-lg{font-size:1.5rem}.headline-md{font-size:1.25rem}}@media (max-width:1024px){.grid-2x3{grid-template-columns:repeat(2,1fr)}}.code-block{background:var(--surface-container-lowest);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);color:var(--on-surface);border:1px solid #4645551a;font-size:.8125rem;line-height:1.7;overflow-x:auto}.dx-table{border-collapse:separate;width:100%;border-spacing:0 var(--space-1)}.dx-table th{text-align:left;padding:var(--space-2) var(--space-4);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);font-size:.6875rem;font-weight:600}.dx-table td{padding:var(--space-3) var(--space-4);background:var(--surface-container-low);vertical-align:middle;font-size:.875rem}.dx-table tr td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.dx-table tr td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.dx-table tbody tr{transition:all var(--transition-fast)}.dx-table tbody tr:hover td{background:var(--surface-container)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);padding:var(--space-1) var(--space-3);background:var(--surface-container-highest);color:var(--on-surface);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);font-size:.75rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}