:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#19243c;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}aside{position:fixed;width:245px;inset:0 auto 0 0;background:#101b31;color:#b3bed1;padding:38px 25px}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none;font-size:30px;font-weight:750;margin-bottom:62px}.brand>span{font-size:21px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#9baac3;margin-top:6px}.nav{padding:16px 14px;margin:8px 0;border-radius:9px;font-size:14px}.nav.active{background:#26374e;color:#fff}.side-bottom{position:absolute;bottom:30px;font-size:12px;line-height:2}.side-bottom small{color:#8191aa}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#7ce0b5;margin-right:5px}main{margin-left:245px;padding:0 5vw 40px;max-width:1700px}header{height:98px;border-bottom:1px solid #e1e6ef;display:flex;justify-content:space-between;align-items:center;color:#7a8599;font-size:12px;letter-spacing:.5px}header b{font-weight:500;color:#334057;margin-left:14px}button{font:inherit;border:1px solid #dae1eb;background:white;color:#263650;border-radius:8px;padding:11px 17px;cursor:pointer}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}button.primary{background:#226955;color:#fff;border-color:#226955}button.danger{color:#b1293d;border-color:#e8b7bd}.plain{margin-top:18px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:48px 0 32px}.eyebrow{color:#5b7c73;letter-spacing:2px;font-size:11px;font-weight:700}h1{font-size:42px;letter-spacing:-1.6px;margin:12px 0;font-weight:650}h2{font-size:19px;font-weight:650;margin:0 0 15px}.accent{color:#268567}.muted{color:#7a8598;font-size:14px;line-height:1.7}p{line-height:1.6}.panel{background:white;border:1px solid #e0e6ee;border-radius:13px;padding:25px;box-shadow:0 3px 8px #15213a03}.stats{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:18px;margin-bottom:40px}.stats strong{display:block;font-size:31px;margin-top:12px;font-weight:600}.stats .small-value{font-size:17px;color:#226955;margin-top:23px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2{margin:0}.section-title span{font-size:12px}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.device{max-width:460px}.device-icon{font-size:35px;color:#628073;margin:5px 0 24px}.device h3{font-size:18px;margin:0}.device .state{display:inline-block;font-size:12px;padding:5px 9px;border-radius:20px;background:#eef2f6;color:#7a8598;margin:12px 0 24px}.device .state.online{color:#237353;background:#eaf7ef}.device footer{display:flex;justify-content:space-between;gap:10px}.device footer button{font-size:13px}.device footer .revoke{color:#8a5260;background:transparent;border:0}.empty{padding:45px;text-align:center;grid-column:1/-1;border:1px dashed #cbd4e1;border-radius:12px}.info{display:flex;gap:20px;background:#eaf2ef;border:1px solid #d5e5de;border-radius:12px;padding:23px;margin:28px 0;color:#395d50}.info>span{font-size:28px}.info p{font-size:13px;margin:7px 0 0;color:#618173}.footnote{font-size:12px;color:#8791a3;line-height:1.8;margin-top:25px}.login{max-width:510px;margin:65px auto}.login h1{font-size:48px}.login .panel{margin-top:30px}.login small{display:block;color:#8791a3;font-size:12px;line-height:1.6;margin-top:18px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input{display:block;width:100%;border:1px solid #d9e0ea;border-radius:7px;padding:12px;margin-top:8px;font:inherit;background:#fcfdff;color:#1c2b43}input:focus{outline:2px solid #8cbeac;outline-offset:1px}.login .primary{width:100%;margin-top:6px}#notice{color:#a32c3b;font-size:14px;line-height:1.5;margin-top:16px;min-height:21px}dialog{border:1px solid #d9e0ea;border-radius:15px;padding:30px;max-width:540px;width:calc(100% - 30px);color:#263650}dialog::backdrop{background:#101b3199}dialog p{font-size:14px;color:#6b788e}code{display:block;overflow-wrap:anywhere;background:#f0f3f7;padding:14px;border-radius:7px;margin:10px 0;font-size:12px}a{color:#226955}summary{cursor:pointer;font-size:14px;font-weight:600}#audit>div{border-bottom:1px solid #edf0f5;padding:12px 0;font-size:13px}#audit small{color:#8791a3;display:block;margin-top:5px}#viewer{margin-top:35px}#viewer .heading{margin:0 0 20px}#screen{width:100%;background:#101b31;border-radius:8px;touch-action:manipulation;cursor:crosshair}#textForm{display:flex;align-items:end;gap:10px}.keys{display:flex;gap:8px;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:900px){aside{width:190px;padding:30px 18px}main{margin-left:190px;padding:0 25px 30px}.stats{grid-template-columns:1fr 1fr}.stats .panel:last-child{grid-column:1/-1}.heading{align-items:start}h1{font-size:34px}}@media(max-width:650px){aside{position:relative;width:100%;padding:18px 20px}.brand{margin:0;font-size:25px}.brand>span{font-size:18px}.nav,.side-bottom{display:none}main{margin:0;padding:0 18px 30px}header{height:65px;font-size:10px}.heading{margin:32px 0 24px;flex-direction:column;gap:12px}.stats{gap:10px;margin-bottom:28px}.panel{padding:19px}.stats .muted{font-size:12px}.section-title{align-items:start;gap:10px;flex-direction:column}.login{margin:35px auto}.login h1{font-size:40px}.info{padding:18px}#textForm{flex-wrap:wrap}h1{font-size:33px}}