*{box-sizing:border-box}body{margin:0;background:#f6f5fb;color:#2d2839;font:14px "Microsoft YaHei",system-ui}header{height:90px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e9e5f0}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:19px}.brand img{width:48px;height:48px;border-radius:13px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#a497b7;margin-top:4px}main{max-width:1400px;margin:36px auto;padding:0 30px}h1{font-size:28px;margin:0 0 12px}h2{font-size:16px;margin:0 0 20px}p{color:#9487a3;font-size:12px;line-height:1.8}.panel{background:white;border:1px solid #e6e1ee;padding:25px;border-radius:13px;margin-bottom:22px}.login{max-width:420px;margin:80px auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.heading h2{margin:0}.inline{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.grow{flex:1}label{display:flex;flex-direction:column;gap:8px;color:#83748f;font-size:12px;margin-bottom:15px}.inline label{margin:0}input,select,textarea,button{font:inherit;border:1px solid #e0d8eb;border-radius:7px;padding:11px;background:white;color:#51425f}input,select,textarea{width:100%}button{cursor:pointer;white-space:nowrap}button:hover{background:#f5f0fc}.primary{background:#7561dd;color:white;border-color:#7561dd}.primary:hover{background:#6854cb}button:disabled{opacity:.5;cursor:wait}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat{background:white;border:1px solid #e9e3f0;border-radius:12px;padding:22px}.stat b{font-size:27px;display:block;margin-top:13px}.stat span{color:#9485a4;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:15px 10px;border-bottom:1px solid #f0ebf5;white-space:nowrap}th{color:#9e91aa;font-weight:500}td small{display:block;color:#a294b0;margin-top:6px}td code{font-size:11px}td button{padding:7px 9px;font-size:11px;margin-right:5px}.badge{padding:5px 8px;background:#eee8fc;color:#8971ad;border-radius:15px}.active{background:#e4f4e9;color:#5b9a74}.disabled,.expired{background:#fbece6;color:#bb8265}dialog{border:1px solid #e4dcee;border-radius:15px;padding:28px;width:470px}dialog::backdrop{background:#28203270}.check{flex-direction:row;align-items:center}.check input{width:auto}#edit-device{overflow-wrap:anywhere}#message{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#34283f;color:white;padding:16px 24px;border-radius:8px;max-width:90%;z-index:5}#generated{margin-top:20px}textarea{min-height:120px;resize:vertical}[hidden]{display:none!important}

dialog{position:relative}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:18px;padding:5px 9px}dialog h2{padding-right:24px}
td code{font-size:22px}#edit-code{font-size:24px}#codes{font-size:28px}