/* InfraMonitor Pro – erzeugt von der Design-Konsole. Nicht von Hand bearbeiten. */
:root { --radius: 12px; --radius-sm: 8px; --rs: 1; --ctl-radius: 8px; --blur: saturate(180%) blur(16px); --font-sans: "Inter", "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif; --font-heading: "Inter", "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif; --font-mono: "Cascadia Mono", "Consolas", "SFMono-Regular", Menlo, monospace; --fs: 1; --hs: 1; --nav-k: 1; --btn-k: 1; --fw: 400; --fw-h: 700; --lh: normal; --ls: normal; --sp: 1; --gap: 14px; --bw: 1px; --cable-w: 2.5; --prop-w: 300px; --sidebar-w: 220px; --logo-size: 26px; --bg-base: #f4f6fa; --bg-solid: #ffffff; --bg-elevated: color-mix(in srgb, #ffffff 82%, transparent); --bg-hover: color-mix(in srgb, #0f172a 5%, transparent); --bg-active: color-mix(in srgb, #0f172a 9%, transparent); --border: color-mix(in srgb, #0f172a 9%, transparent); --border-strong: color-mix(in srgb, #0f172a 16%, transparent); --text-primary: #0f172a; --text-secondary: #64748b; --text-quaternary: #94a3b8; --accent: #4f6df5; --accent-2: #9a6dff; --accent-soft: color-mix(in srgb, #4f6df5 12%, transparent); --on-accent: #ffffff; --positive: #16a34a; --danger: #e11d48; --warning: #d97706; --maint: #8b5cf6; --shadow-sm: 0 1px 2px rgba(15,23,42,0.060); --shadow-md: 0 4px 16px rgba(15,23,42,0.100); --shadow-lg: 0 12px 40px rgba(15,23,42,0.180); --glow: color-mix(in srgb, #4f6df5 12%, transparent); --grid-color: var(--border); }
[data-theme="dark"] { --bg-base: #0b1020; --bg-solid: #11182c; --bg-elevated: color-mix(in srgb, #11182c 82%, transparent); --bg-hover: color-mix(in srgb, #94a3b8 9%, transparent); --bg-active: color-mix(in srgb, #94a3b8 16%, transparent); --border: color-mix(in srgb, #94a3b8 12%, transparent); --border-strong: color-mix(in srgb, #94a3b8 24%, transparent); --text-primary: #e6eaf4; --text-secondary: #93a0b8; --text-quaternary: #5b6780; --accent: #6d86ff; --accent-2: #9a6dff; --accent-soft: color-mix(in srgb, #6d86ff 14%, transparent); --on-accent: #ffffff; --positive: #34d399; --danger: #fb7185; --warning: #fbbf24; --maint: #a78bfa; --shadow-sm: 0 1px 2px rgba(0,0,0,0.300); --shadow-md: 0 4px 16px rgba(0,0,0,0.400); --shadow-lg: 0 12px 40px rgba(0,0,0,0.550); --glow: color-mix(in srgb, #6d86ff 12%, transparent); --grid-color: var(--border); }
body::before { background: radial-gradient(600px 400px at 85% -10%, var(--glow), transparent 70%), radial-gradient(500px 400px at -10% 110%, var(--glow), transparent 70%); }
.login-card { width: 400px; }