button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none;margin:0;padding:0}img,svg{display:block;max-width:100%}:root{--color-status-ok: #22c55e;--color-status-watch: #eab308;--color-status-warning: #f97316;--color-status-critical: #ef4444;--color-primary: #1e40af;--color-primary-hover: #1d4ed8;--color-primary-dark: #1e3a8a;--color-bg: #f8fafc;--color-bg-secondary: #f1f5f9;--color-surface: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-on-dark: #f8fafc;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 64px;--footer-height: 48px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--focus-ring: 0 0 0 3px rgb(30 64 175 / .4);--focus-ring-offset: 2px}.skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-on-dark);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);text-decoration:none;z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25;color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0}a{color:var(--color-primary);text-decoration:underline}a:hover{color:var(--color-primary-hover)}.status-ok{color:var(--color-status-ok)}.status-watch{color:var(--color-status-watch)}.status-warning{color:var(--color-status-warning)}.status-critical{color:var(--color-status-critical)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge--ok{background:#22c55e1f;color:#15803d}.badge--watch{background:#eab3081f;color:#a16207}.badge--warning{background:#f973161f;color:#c2410c}.badge--critical{background:#ef44441f;color:#dc2626}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}