:root{font:14px/1.6 system-ui,sans-serif;color:#172033;background:#f4f6fa}*{box-sizing:border-box}
main{max-width:980px;margin:32px auto;padding:0 20px}h1{font-size:26px}h2{font-size:18px}
section,form#login{background:white;border:1px solid #dce1eb;border-radius:10px;padding:20px;margin:18px 0}
label{display:block;margin:10px 0}input,select,textarea{display:block;width:100%;max-width:580px;padding:9px;border:1px solid #c9d1df;border-radius:5px;font:inherit}
textarea{min-height:100px}button{font:inherit;cursor:pointer;color:white;background:#4f46e5;padding:8px 14px;border:0;border-radius:5px;margin:6px 8px 6px 0}
button:disabled{opacity:.5;cursor:wait}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.user{border-top:1px solid #dce1eb;padding:12px 0}.device{padding:5px 12px;background:#f5f6fb}
[role=status]{color:#b45309}nav{display:flex;gap:8px}small{color:#667085}