:root{font-family:system-ui,sans-serif;color:#1d2330;background:#f5f6f8}body{margin:0}header{display:flex;gap:1rem;align-items:center;padding:.5rem 1rem;background:#1d2330;color:#fff}header nav{display:flex;gap:.25rem;flex:1}header button{background:none;color:inherit;border:1px solid transparent;padding:.3rem .6rem;cursor:pointer}header button.active{border-color:#fff;border-radius:4px}main{padding:1rem}table{border-collapse:collapse;width:100%;margin-bottom:1rem;background:#fff}th,td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid #e3e6ec}tr.online td:nth-child(2){color:#1a7f37}tr.token-expired td:nth-child(2),tr.crash-loop td:nth-child(2),tr.login-refused td:nth-child(2){color:#b42318}.login{max-width:22rem;margin:10vh auto;display:grid;gap:.75rem;background:#fff;padding:1.5rem;border-radius:8px}.row{display:flex;gap:.5rem;align-items:center;margin:.5rem 0}.grid{display:grid;gap:.5rem;max-width:32rem}label{display:grid;gap:.2rem}.error{color:#b42318}.ok{color:#1a7f37}.muted{color:#6b7280}.confirm,.stepup{background:#fff7e6;padding:.75rem;border-radius:6px;margin:.5rem 0}pre{white-space:pre-wrap;background:#fff;padding:.5rem}.alerts li.critical{color:#b42318}tr.click{cursor:pointer}.heat{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;max-width:48rem}.heat .cell{display:grid;gap:2px;text-align:center;font-size:.7rem;color:#6b7280}.heat .bar{height:2rem;border-radius:2px;background:#e3e6ec}.heat .bar[data-level="0"]{background:#fde7c4}.heat .bar[data-level="1"]{background:#c6dbef}.heat .bar[data-level="2"]{background:#6baed6}.heat .bar[data-level="3"]{background:#2171b5}.heat .bar[data-level="4"]{background:#08306b}