:root{font-family:Inter,Segoe UI,sans-serif;color:#20332d;background:#f5f6f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:232px;position:fixed;inset:0 auto 0 0;background:#183d32;color:#d8e8de;padding:36px 24px}.brand{color:#fff;text-decoration:none;font-weight:650;font-size:19px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;margin:36px 0 12px;color:#688275}.nav{display:block;padding:13px 16px;background:#2e5446;border-radius:7px}.aside-note{position:absolute;bottom:30px;font-size:13px;line-height:1.8;color:#9bb9aa}main{margin-left:232px;width:calc(100% - 232px);max-width:1500px;padding:42px 48px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header .eyebrow{margin-top:0}h1{font-size:38px;letter-spacing:-1.3px;margin:8px 0}h2{font-size:19px;margin:0 0 10px}h3{font-size:14px}p{font-size:14px;line-height:1.6;color:#6a7c72;margin:7px 0 16px}.panel{background:#fff;border:1px solid #e0e7dd;border-radius:12px;padding:25px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats span{font-size:13px;color:#6a7c72}.stats strong{display:block;font-size:34px;margin-top:12px}.section-title{display:flex;justify-content:space-between;align-items:center}button{background:#245b45;border:0;color:white;padding:12px 18px;border-radius:7px;font:inherit;font-size:13px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b7c998;outline-offset:3px}form{display:grid;gap:10px;max-width:520px}label{font-size:13px;font-weight:600}input,textarea{border:1px solid #cbd8cc;border-radius:6px;padding:12px;font:inherit;width:100%}textarea{margin:12px 0;height:74px}form button{justify-self:start;margin-top:8px}.server{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 0;border-top:1px solid #edf0e9}.server-name{background:none;padding:0;color:#234735;font-size:15px;font-weight:650;text-align:left}.server p{margin:6px 0 0;font-size:12px}.badge{font-size:11px;border-radius:20px;padding:7px 12px;background:#eef1e9;color:#6c766d}.online{color:#226143;background:#e7f3e8}.offline,.revoked{color:#954f3a;background:#fcf0e9}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric{background:#f6f8f3;border-radius:7px;padding:16px}.metric span{display:block;font-size:12px;color:#6a7c72}.metric strong{display:block;margin-top:9px;font-size:17px}.history{display:flex;align-items:end;height:90px;gap:3px;background:#f4f7f0;padding:10px;border-radius:6px;overflow:hidden}.history div{flex:1;min-width:2px;background:#559371;min-height:2px}.danger{background:#8c4636;margin-top:12px}#error{background:#f9eae5;color:#91452e;padding:15px;border-radius:8px}footer{font-size:12px;color:#879589;margin:30px 0}[hidden]{display:none!important}@media(max-width:800px){aside{display:none}main{margin:0;width:100%;padding:25px 18px}.stats,.metrics{grid-template-columns:1fr}.stats{gap:0}header{align-items:start;gap:15px}.server{align-items:start}}

#device-invite-qr svg { display: block; width: min(100%, 320px); height: auto; margin: 16px 0; }
#device-invitation details { margin-bottom: 16px; }