:root{font-family:system-ui,-apple-system,sans-serif;color:#1e293b;background:#f5f7fb;line-height:1.6}body{margin:0}main{max-width:760px;margin:48px auto;padding:0 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.brand{font-weight:700;color:#64748b;letter-spacing:.04em}h1{font-size:30px;line-height:1.3}h2{font-size:20px}section,article{background:white;border:1px solid #dde3ed;border-radius:12px;padding:24px;margin:24px 0}#content{padding:0;border:0;background:none}article p,footer{font-size:14px;color:#64748b}button{font:inherit;border:0;background:#245de4;color:white;border-radius:7px;padding:9px 16px;cursor:pointer}.secondary,#logout{background:#eaf0fc;color:#244581}button:disabled{opacity:.5;cursor:wait}form{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}input{font:inherit;border:1px solid #cbd5e1;border-radius:7px;padding:9px;min-width:200px}ul{list-style:none;padding:0}li{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0f4}code{display:block;overflow-wrap:anywhere;background:#f5f7fb;padding:12px;border-radius:6px;font-size:13px}footer{margin:36px 0}.error{color:#b42318}#status:empty{display:none}[hidden]{display:none!important}