:root{--mc-bg:#f5f6f8;--mc-card:#fff;--mc-border:#e2e5ea;--mc-text:#1a1d21;--mc-muted:#5f6672;--mc-ok:#178a4c;--mc-warn:#b7791f;--mc-bad:#c0392b;--mc-nav:#1f2933;--mc-nav-text:#f7f9fb}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--mc-bg);color:var(--mc-text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1100px;margin:0 auto;padding:32px}h1{font-size:1.6rem;margin:24px 0 20px}nav[aria-label=Hauptnavigation]{background:var(--mc-nav);color:var(--mc-nav-text);display:flex;gap:18px;align-items:center;padding:12px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}nav[aria-label=Hauptnavigation] a{color:#9fd3ff;text-decoration:none;font-weight:500}nav[aria-label=Hauptnavigation] a:hover{text-decoration:underline}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px;margin-top:8px}.tile{background:var(--mc-card);border:1px solid var(--mc-border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(16,24,32,.05)}.tile strong{font-size:.95rem}.tile .detail{color:var(--mc-muted);font-size:.88rem}.dot{font-size:1rem;line-height:1}.dot.ok{color:var(--mc-ok)}.dot.bad{color:var(--mc-bad)}table[aria-label=Sites-Tabelle]{width:100%;border-collapse:collapse;background:var(--mc-card);border:1px solid var(--mc-border);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,32,.05)}.table-wrap{overflow-x:auto;border-radius:10px}td,th{text-align:left;padding:10px 14px;font-size:.92rem;border-bottom:1px solid var(--mc-border)}th{background:#fafbfc;color:var(--mc-muted);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.badge.healthy{background:#e5f4ec;color:var(--mc-ok);border-color:#bfe3d0}.badge.degraded{background:#fdf3e2;color:var(--mc-warn);border-color:#f2ddb5}.badge.error,.badge.retired{background:#fdeae7;color:var(--mc-bad);border-color:#f3c6c0}.badge.deploying,.badge.planned{background:#eef2f7;color:var(--mc-muted);border-color:#d9e0ea}form[aria-label=Login]{background:var(--mc-card);border:1px solid var(--mc-border);border-radius:12px;padding:28px 32px;display:grid;grid-gap:14px;gap:14px;min-width:320px;box-shadow:0 2px 10px rgba(16,24,32,.08)}form[aria-label=Login] label{display:grid;grid-gap:4px;gap:4px;font-size:.9rem;color:var(--mc-muted)}form[aria-label=Login] input{padding:9px 12px;border:1px solid var(--mc-border);border-radius:8px;font-size:.95rem;background:#fbfcfd}form[aria-label=Login] input:focus{outline:2px solid #9fd3ff;outline-offset:1px}form[aria-label=Login] button{padding:10px 12px;border-radius:8px;border:none;background:var(--mc-nav);color:var(--mc-nav-text);font-weight:600;cursor:pointer}form[aria-label=Login] button[disabled]{opacity:.6;cursor:wait}[role=alert]{background:#fdeae7;border:1px solid #f3c6c0;color:var(--mc-bad);border-radius:8px;padding:8px 12px;font-size:.9rem}[aria-busy=true]{color:var(--mc-muted);padding:16px 0}@media (max-width:480px){main{padding:20px 16px}h1{font-size:1.35rem}}