*{box-sizing:border-box}body{margin:0;background:#070b0f;color:#f3f6f7;font-family:Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#1a3037,#070b0f 58%)}.login form{width:min(92vw,440px);padding:38px;background:#0d1419;border:1px solid #34454d;box-shadow:0 30px 90px #000}.brand,.eyebrow{color:#f4bd3b;font-weight:900;letter-spacing:.22em;font-size:13px}.login h1,header h1{margin:10px 0;font-size:36px}.login p{color:#9eabb1}.login label{display:block;margin:20px 0;color:#aab5ba;font-size:13px;font-weight:800;letter-spacing:.08em}.login input,.toolbar input,.toolbar select{width:100%;margin-top:8px;padding:14px;background:#111b21;border:1px solid #3c505a;color:#fff}.login button,header button,.license button,.dialog button{border:0;padding:13px 18px;background:#efb93b;color:#101010;font-weight:900;cursor:pointer}.login button{width:100%}.status{min-height:24px;margin-top:14px;color:#ff7878}main{padding:28px clamp(18px,4vw,64px)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #293840;padding-bottom:22px}.header-actions{display:flex;align-items:center;gap:10px;color:#829098;font-family:monospace}.quiet{background:#25323a!important;color:#e6ecef!important}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metrics article{padding:20px;background:#0e161b;border:1px solid #293941}.metrics span{display:block;color:#86959d;font-size:12px;font-weight:900;letter-spacing:.14em}.metrics strong{display:block;margin-top:8px;font:900 34px monospace;color:#f4bd3b}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:12px;align-items:end;margin-bottom:18px}.toolbar input,.toolbar select{margin:0}.toolbar span{padding:14px;color:#8fa0a8}.licenses{display:grid;gap:12px}.license{display:grid;grid-template-columns:minmax(280px,1.2fr) .65fr .8fr 1.2fr auto;gap:18px;align-items:center;padding:18px;background:#0c1419;border:1px solid #26363e;border-left:5px solid #50616a}.license.activated{border-left-color:#28d878}.license.deactivated{border-left-color:#e44848}.license.expired{border-left-color:#ef993b}.key{font:900 16px monospace;color:#fff}.sub,.device{margin-top:6px;color:#829099;font-size:12px;overflow-wrap:anywhere}.tag{display:inline-block;padding:6px 9px;border:1px solid #41525b;color:#bfccd1;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.license button.danger,.danger{background:#d73d45;color:white}.empty{padding:60px;text-align:center;color:#8a989f;border:1px dashed #34444c}.dialog{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:20}.dialog[hidden]{display:none}.dialog>div{width:min(90vw,440px);padding:30px;background:#10191e;border:1px solid #53646c;text-align:center}.dialog button{margin:8px}.dialog p{font-size:20px;line-height:1.5}@media(max-width:900px){.metrics{grid-template-columns:1fr 1fr}.license{grid-template-columns:1fr 1fr}.license>button{grid-column:1/3}.toolbar{grid-template-columns:1fr 150px}.toolbar span{grid-column:1/3}header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:560px){main{padding:18px}.license{grid-template-columns:1fr}.license>button{grid-column:auto}.metrics{gap:8px}.metrics article{padding:14px}.metrics strong{font-size:27px}.header-actions span{display:none}}