:root{font-family:Inter,Segoe UI,sans-serif;color:#252a34;background:#f6f7f9;font-size:15px}*{box-sizing:border-box}body{margin:0}header{height:88px;background:white;border-bottom:1px solid #e5e8ec;display:flex;gap:13px;align-items:center;padding:0 max(24px,calc((100vw - 1100px)/2))}.brand{background:#d94f30;color:white;border-radius:12px;font-size:24px;font-weight:800;padding:8px 15px}header small{display:block;color:#727b88;margin-top:4px}header button{margin-left:auto}main{max-width:1100px;margin:40px auto;padding:0 24px}h1{font-size:30px;letter-spacing:-.6px;margin:0 0 10px}h2{font-size:18px;margin:0 0 16px}h3{margin:0 0 8px;font-size:20px}p{line-height:1.65;color:#626d7b}section,.license{background:white;border:1px solid #e4e7eb;border-radius:14px;padding:24px;margin:20px 0}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}input{font:inherit;padding:12px;border:1px solid #bbc1c9;border-radius:8px;min-width:0}button{font:inherit;font-weight:600;background:#d94f30;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}.secondary{background:#f0f2f5;color:#374151}button:disabled{opacity:.5;cursor:wait}.row,.heading{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.row label:first-child{flex:1}.heading{align-items:center;justify-content:space-between}.row label input[type=number]{width:130px}.muted{color:#727b88;font-size:13px}.device{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #e5e8ec;padding:15px 0}.device:first-of-type{margin-top:20px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.badge{display:inline-block;padding:5px 9px;border-radius:6px;background:#eff6f0;font-size:12px;color:#24683d}.badge.off{background:#fceee8;color:#a43c22}#message:not(:empty){padding:16px;background:#fff0e9;border-radius:10px;color:#a53f25}#login{max-width:480px;margin:70px auto}#login button{margin-top:20px;width:100%}code{display:block;overflow-wrap:anywhere;background:#f6f7f9;padding:16px;margin:16px 0;font-size:17px}footer{max-width:1052px;margin:50px auto;color:#727b88;font-size:12px;padding:0 24px}footer span{display:block;margin-top:8px}#audit div{padding:10px 0;border-top:1px solid #edf0f2;font-size:13px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:650px){.row{align-items:stretch;flex-direction:column}.row label input[type=number]{width:100%}.device{align-items:start;flex-direction:column}main{margin-top:24px}}

#code{font-family:ui-monospace,Consolas,monospace;font-size:clamp(17px,3vw,26px);font-weight:600;letter-spacing:.06em}
