:root{font-family:Inter,system-ui,sans-serif;color:#e8edf7;background:#080b12}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17213a,#080b12 48%);min-height:100vh}main{width:min(1100px,calc(100% - 32px));margin:40px auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0;font-size:28px}header p{margin:6px 0 0;color:#8d9ab3}.card,.license{background:rgba(17,24,39,.9);border:1px solid #27334a;border-radius:14px;padding:16px;box-shadow:0 14px 40px #0004}.login,.create{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:12px}.create{grid-template-columns:1fr 260px auto}label{display:grid;gap:7px;color:#9eabc1;font-size:13px}input{width:100%;border:1px solid #33415c;border-radius:8px;background:#0c1220;color:#fff;padding:10px 12px}button{border:0;border-radius:8px;background:#5b7cfa;color:white;padding:10px 16px;font-weight:700;cursor:pointer}button.danger{background:#a9364c}button.muted{background:#33415c}.cards{display:grid;gap:12px}.license{display:grid;grid-template-columns:1fr auto;gap:14px}.key{font-family:ui-monospace,monospace;color:#78e6c0;word-break:break-all}.meta{display:flex;gap:14px;color:#8d9ab3;font-size:13px;margin-top:9px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.online{color:#78e6c0}.offline{color:#ff8a9d}#notice{min-height:28px;color:#ffbd66;padding:4px}#health{padding:7px 11px;border-radius:999px;background:#17243c;color:#78e6c0}@media(max-width:720px){.login,.create,.license{grid-template-columns:1fr}.actions{justify-content:flex-start}}
small{color:#8a8f99;margin-left:8px} dialog{max-width:560px;border:0;border-radius:16px;padding:24px;box-shadow:0 18px 60px #0004}dialog::backdrop{background:#0008}dialog code{display:block;word-break:break-all;background:#f2f3f5;padding:14px;border-radius:8px;margin:16px 0;font-size:15px}dialog .actions{display:flex;gap:10px;justify-content:flex-end}