:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#17202a;background:#f4f6f8}
*{box-sizing:border-box}body{margin:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#111827;color:white;position:sticky;top:0}.brand{font-weight:800;letter-spacing:.08em}.subtitle{font-size:.8rem;opacity:.75}.topbar nav{display:flex;gap:16px;flex-wrap:wrap}.topbar a{color:white;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:26px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.hero h1{margin:0}.mode{padding:8px 12px;border-radius:999px;background:#fff3cd;color:#6b5200;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card,.login-card{background:white;border:1px solid #dde2e7;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.login-card{max-width:480px;margin:8vh auto}.login-card.wide{max-width:700px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.status{font-weight:800;font-size:.8rem;padding:5px 9px;border-radius:999px}.status.ok,.alert.ok{background:#dcfce7;color:#166534}.status.warn{background:#fef3c7;color:#92400e}.status.bad,.alert.bad{background:#fee2e2;color:#991b1b}.status.unknown{background:#e5e7eb;color:#4b5563}.alert{padding:12px;border-radius:10px;margin:12px 0}.muted,small{color:#667085}.module-row{display:flex;gap:10px;flex-wrap:wrap}.module-row span{background:#eef2f6;padding:7px 10px;border-radius:8px}label{display:flex;flex-direction:column;gap:6px;font-weight:650;margin:12px 0}input{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}button,.button{display:inline-block;border:0;border-radius:8px;background:#1f2937;color:#fff;padding:10px 14px;font-weight:700;text-decoration:none;cursor:pointer}.secondary{background:#64748b}.inline{display:flex;gap:7px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.table-wrap{overflow:auto;background:white;border:1px solid #dde2e7;border-radius:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eef0f2;vertical-align:top}td small{display:block}.permission-box{border-top:1px solid #e5e7eb;padding-top:12px;margin-top:12px}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.checks label{display:grid;grid-template-columns:auto 1fr;align-items:start;font-weight:600;background:#f8fafc;padding:9px;border-radius:8px}.checks small{grid-column:2}.checks input{margin-top:3px}dl{display:grid;grid-template-columns:1fr 1fr;gap:7px}dt{color:#667085}dd{margin:0;font-weight:650}pre,code{white-space:pre-wrap;word-break:break-word}footer{text-align:center;color:#667085;padding:24px;font-size:.85rem}
@media(max-width:700px){.topbar,.hero{align-items:flex-start;flex-direction:column}.container{padding:16px}.topbar{position:static}}