#stars{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
body{background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,0.15),transparent 60%),var(--ingos-bg);
 color:#f5f5f7;height:100dvh;overflow:hidden;margin:0;padding:0}
.login-bg{background:transparent;position:relative;z-index:1}
.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}
.h-screen{height:100vh}.text-center{text-align:center}.mb-8{margin-bottom:32px}.mb-4{margin-bottom:16px}
.karte{background:#0f172a;background:oklch(0.208 0.042 265.755);border:1px solid #1e293b;border-color:oklch(0.279 0.041 260.031);border-radius:24px;padding:32px;width:384px;
 box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.logo svg{width:200px;height:51px;color:#e2e8f0}
html.theme-light .logo svg{color:#2a213d}
.space-y-4>*+*{margin-top:16px}
.feldlabel{display:block;font-size:10px;line-height:15px;color:#64748b;color:oklch(0.554 0.046 257.417);text-transform:uppercase;
 letter-spacing:.5px;margin-bottom:6px}
.feld{width:100%;box-sizing:border-box;background:#1e293b;background:oklch(0.279 0.041 260.031);border:1px solid #334155;border-color:oklch(0.372 0.044 257.287);color:#e2e8f0;color:oklch(0.929 0.013 255.508);
 padding:10px 16px;border-radius:24px;outline:none;font-family:inherit;
 font-size:16px;line-height:22.8571px}
.feld:focus{border-color:rgba(139,92,246,.5);box-shadow:0 0 0 3px rgba(139,92,246,.15);outline:none}
.knopf{width:100%;background:linear-gradient(to right,#4f46e5,#9333ea);background:linear-gradient(to right,oklch(0.511 0.262 276.966) 0%,oklch(0.558 0.288 302.321) 100%);color:#fff;font-weight:400;
 font-family:inherit;padding:12px 0;border:0;border-radius:24px;margin-top:8px;
 font-size:16px;line-height:22.8571px;cursor:pointer;transition:opacity .15s}
.knopf:hover:not(:disabled){opacity:.9}
.knopf:disabled{opacity:.5;cursor:default}
.status{background:rgba(127,29,29,.3);border:1px solid #991b1b;color:#f87171;
 padding:8px 16px;border-radius:24px;font-size:14px;margin-bottom:16px}
.status.ok{background:rgba(6,78,59,.3);border-color:#065f46;color:#34d399}

/* ── Light-Mode ────────────────────────────────────────────────────────────
   Das Preflight setzt html.theme-light aus der Voreinstellung des Besuchers, BEVOR gemalt
   wird. Ohne die folgenden Regeln blieb die Anmelde-Karte dunkel auf hellem Grund (Oliver,
   2026-09-02). Die Werte sind nicht erfunden, sondern am gerenderten Dashboard-Login im
   Light-Mode GEMESSEN (scripts/pixel-parity — Karte #f8f8f8/Rand #e9e4ee, Feld weiss/Rand
   #d8cfe0, Text #2a213d, Marke rgba(120,8,209,.07)). Der Verlauf des Knopfes bleibt gleich:
   die Marke wechselt im Light-Mode nur beim Logo und bei Flaechen, nicht beim Hauptknopf. */
html.theme-light body{background:radial-gradient(ellipse at 30% 20%,rgba(120,8,209,.07),transparent 60%),var(--ingos-bg);
 color:#2a213d}
html.theme-light .karte{background:#f8f8f8;border-color:#e9e4ee;
 box-shadow:0 25px 50px -12px rgba(42,33,61,.10)}
html.theme-light .feldlabel{color:#6f6a7d}
html.theme-light .feld{background:#fff;border-color:#d8cfe0;color:#2a213d}
html.theme-light .status{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}
html.theme-light .status.ok{background:#d1fae5;border-color:#6ee7b7;color:#047857}