@charset "UTF-8";:root{color-scheme:light;--brand-50: #eef4ff;--brand-100: #dbe6fe;--brand-500: #2563eb;--brand-600: #1d4ed8;--brand-700: #1e40af;--brand: var(--brand-500);--brand-strong: var(--brand-600);--on-brand: #ffffff;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--surface-3: #e8ebef;--surface-overlay: rgba(255 255 255 / .85);--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--text-inverse: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--ok: #059669;--ok-soft: #ecfdf5;--ok-border: #a7f3d0;--warn: #b45309;--warn-soft: #fffbeb;--warn-border: #fde68a;--danger: #dc2626;--danger-soft: #fef2f2;--danger-border: #fecaca;--info: #0284c7;--info-soft: #f0f9ff;--info-border: #bae6fd;--shadow-1: 0 1px 2px rgba(15 23 42 / .06);--shadow-2: 0 2px 8px rgba(15 23 42 / .08);--shadow-3: 0 8px 24px rgba(15 23 42 / .12);--font-sans: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .32s;--content-max: 1440px;--header-h: 64px}[data-theme=dark]{color-scheme:dark;--brand: #3b82f6;--brand-strong: #60a5fa;--brand-50: #172554;--brand-100: #1e3a8a;--on-brand: #ffffff;--bg: #0b1220;--surface: #111a2c;--surface-2: #1a2540;--surface-3: #223055;--surface-overlay: rgba(17 26 44 / .85);--text: #e6edf7;--text-2: #9fb0c8;--text-3: #64748b;--text-inverse: #0f172a;--border: #24334f;--border-strong: #334766;--ok: #34d399;--ok-soft: rgba(16 185 129 / .12);--ok-border: rgba(52 211 153 / .35);--warn: #fbbf24;--warn-soft: rgba(245 158 11 / .12);--warn-border: rgba(251 191 36 / .35);--danger: #f87171;--danger-soft: rgba(239 68 68 / .14);--danger-border: rgba(248 113 113 / .35);--info: #38bdf8;--info-soft: rgba(14 165 233 / .12);--info-border: rgba(56 189 248 / .35);--shadow-1: 0 1px 2px rgba(0 0 0 / .4);--shadow-2: 0 2px 8px rgba(0 0 0 / .45);--shadow-3: 0 8px 24px rgba(0 0 0 / .55)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv11";transition:background-color var(--dur-med) var(--ease),color var(--dur-med) var(--ease)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.015em;text-wrap:balance}.tabular{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background:var(--brand);color:var(--on-brand)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:600;line-height:1.4;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-1);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn--primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.btn--ghost{border-color:transparent;background:transparent}.btn--icon{padding:var(--sp-2);aspect-ratio:1;justify-content:center}.input,.select{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder,.select::placeholder{color:var(--text-3)}.input:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent);outline:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge--ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-border)}.badge--warn{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-border)}.badge--danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.badge--info{color:var(--info);background:var(--info-soft);border-color:var(--info-border)}.badge--neutral{color:var(--text-2);background:var(--surface-2);border-color:var(--border)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-xs);font-weight:600}.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--text-3);flex-shrink:0}.chip--up .dot{background:var(--ok)}.chip--warn{color:var(--warn);border-color:var(--warn-border)}.chip--warn .dot{background:var(--warn)}.chip--down{color:var(--danger);border-color:var(--danger-border)}.chip--down .dot{background:var(--danger)}.status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.status-dot--healthy{background:var(--ok)}.status-dot--degraded{background:var(--warn)}.status-dot--offline{background:var(--danger);animation:pulse 1.2s var(--ease) infinite}.status-dot--checking{background:var(--info);animation:pulse 1.4s var(--ease) infinite}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--surface-3),transparent);animation:shimmer 1.5s infinite}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.spin{animation:spin .9s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: more){:root,[data-theme=dark]{--border: var(--border-strong)}.badge,.chip{border-width:2px}}@media print{body{background:#fff}.app-header,.toolbar,.skip-link,button{display:none!important}.card{box-shadow:none;break-inside:avoid}}