:root{font-family:system-ui,sans-serif;color:#e8f1f5;background:#0b141b;color-scheme:dark;font-size:18px}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #304650;padding:20px 5vw}main{max-width:1100px;margin:30px auto;padding:0 22px}h1{font-size:1.7rem}h2{font-size:1.15rem}p{line-height:1.55;color:#bacbd3}button,a.button{display:inline-block;border:1px solid #416271;border-radius:10px;background:#203b4a;color:inherit;padding:14px 20px;min-height:50px;font:inherit;cursor:pointer;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ce7bb;outline-offset:3px}.primary{background:#8ce0b6;color:#10251d;font-weight:700}button:disabled{opacity:.5;cursor:wait}label{display:block;margin:18px 0}input,select{display:block;padding:13px;width:100%;margin-top:8px;border:1px solid #476471;border-radius:9px;background:#12222d;color:inherit;font:inherit}input[type=checkbox]{display:inline;width:auto}form{max-width:540px;margin-bottom:26px}label span{color:#a9bcc7}details{padding:22px;background:#13232e;border:1px solid #304650;border-radius:12px;margin:16px 0}summary{cursor:pointer;font-weight:650;min-height:30px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{padding:24px;border:1px solid #304650;border-radius:15px;background:#13232e}.badge{font-weight:600;color:#f0bf74}.badge.online{color:#8ce0b6}dialog{max-width:540px;border:1px solid #476471;border-radius:15px;padding:28px}dialog::backdrop{background:#000b}dialog button{margin:6px}#message{color:#ffc594;min-height:28px}code{display:block;overflow-wrap:anywhere;font-size:1.1rem;padding:14px;background:#0b141b}#mfa-uri{display:block;color:#8ce0b6;margin-top:15px}footer{max-width:1100px;margin:40px auto;padding:22px;color:#94acb9;font-size:.85rem}[hidden]{display:none!important}.audit-row{padding:12px 0;border-bottom:1px solid #304650;font-size:.85rem}@media(max-width:520px){:root{font-size:17px}.row{flex-wrap:wrap}button{width:100%}header button{width:auto}main{padding:0 16px}}
.mfa-qr{display:block;width:260px;max-width:100%;background:white;padding:8px;margin:20px 0}