:root{--bg-main: #0b0f19;--bg-card: rgba(18, 24, 38, .75);--bg-card-hover: rgba(24, 32, 52, .85);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(34, 197, 94, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-mantis: #10b981;--accent-mantis-glow: rgba(16, 185, 129, .25);--accent-cyan: #06b6d4;--color-good: #10b981;--color-average: #f59e0b;--color-poor: #ef4444;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(6,182,212,.06) 0px,transparent 50%);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.glass-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 14px 40px -10px #0009}.navbar-health-pill{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 16px;font-size:.8125rem}@media(max-width:768px){.navbar-health-pill{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-sans);text-decoration:none}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px 0 var(--accent-mantis-glow)}.btn-primary:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-healthy{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-degraded{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-pending{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-unknown{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.modal-overlay{position:fixed;inset:0;background:#030712cc;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fadeIn .15s ease}.modal-content{background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);max-width:580px;width:100%;padding:28px;box-shadow:0 25px 50px -12px #000000b3;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;padding:11px 14px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9375rem;font-family:var(--font-sans);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--accent-mantis);box-shadow:0 0 0 3px #10b98126}.gauge-svg{transform:rotate(-90deg);transform-origin:50% 50%}.gauge-bg{stroke:#ffffff0f}.gauge-meter{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1),stroke .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:pulse 1.8s cubic-bezier(.4,0,.6,1) infinite}.skeleton-shimmer{position:relative;overflow:hidden;background:#ffffff0d}.skeleton-shimmer:after{position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 75%,transparent 100%);animation:skeleton-wave 1.8s infinite cubic-bezier(.4,0,.2,1);content:""}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton-shimmer:after{animation:none}.animate-pulse{animation:none}}