:root{font:15px/1.6 system-ui,sans-serif;color:#1e293b;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#152c45;color:white;padding:20px 5%;display:flex;align-items:center;gap:24px}header strong{font-size:24px}header button{margin-left:auto}main{max-width:1150px;margin:32px auto;padding:0 24px}h1{font-size:28px}h2{font-size:20px;margin-top:32px}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:24px;background:white;border:1px solid #dce4ec;border-radius:12px;margin-bottom:24px}label{display:flex;flex-direction:column;gap:6px}input,select,textarea{font:inherit;border:1px solid #a5b4c4;border-radius:6px;padding:9px;background:white}button{font:inherit;border:0;border-radius:6px;padding:9px 16px;background:#176b77;color:white;cursor:pointer;align-self:end}button:disabled{opacity:.5}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}article{background:white;border:1px solid #dce4ec;border-radius:10px;padding:20px;margin:16px 0}article h2{margin:0}code{overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;background:white}td,th{text-align:left;padding:12px;border-bottom:1px solid #dce4ec}.table-scroll{overflow:auto}#message{white-space:pre-wrap;color:#9b321c}#issued-key{white-space:pre-wrap;overflow-wrap:anywhere;background:#e3f0ed;padding:16px}#login{max-width:560px;margin:auto}[hidden]{display:none!important}.muted{color:#64748b;font-size:13px}

.module-picker{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.module-picker label{flex:1;min-width:180px}