:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#f4f7f6;background:#07131a;line-height:1.45}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,#12343c,#07131a 55%)}a{color:#7ee0d2;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:#0e1f24;border:1px solid #1e3a40;border-radius:20px;padding:28px;box-shadow:0 20px 60px #0008}.login .card{width:min(440px,100%)}h1,h2,h3{margin:0 0 12px;font-weight:700}.muted{color:#9bb3b0}label{display:block;margin:12px 0 6px;font-size:13px;color:#c5d6d3}input,select,textarea{width:100%;background:#07141a;border:1px solid #2a4a50;border-radius:12px;padding:10px 12px}textarea{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:160px}.btn{background:#00c2a8;color:#06221e;border:0;border-radius:12px;padding:10px 16px;font-weight:700}.btn.secondary{background:#1b3338;color:#e7f3f1}.btn.danger{background:#e21b70;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.error{color:#ff8b73;margin-top:10px}.ok{color:#7ee0d2;margin-top:10px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.nav{background:#0b1c21;border-right:1px solid #1e3a40;padding:20px 16px}.brand{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#7ee0d2;margin-bottom:24px}.nav a,.nav button.link{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:10px;color:#d5e6e3;margin-bottom:4px}.nav a.active,.nav a:hover,.nav button.link:hover{background:#163338}.main{padding:28px 32px 48px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tile{background:#0e1f24;border:1px solid #1e3a40;border-radius:16px;padding:18px}.tile h3{margin-bottom:6px}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.dot{width:8px;height:8px;border-radius:99px;background:#667}.dot.online{background:#00c2a8}.dot.offline{background:#6b7c80}.dot.error{background:#e21b70}.dot.pending{background:#f0c36a}.dot.unclaimed{background:#6b7c80}.code-input{font-size:28px;letter-spacing:.28em;font-variant-numeric:tabular-nums;text-align:center;font-weight:700}.tabs{display:flex;gap:8px;margin:8px 0 20px;flex-wrap:wrap}.tabs a,.tabs button{background:#12262b;border:1px solid #1e3a40;color:#d5e6e3;border-radius:999px;padding:8px 14px}.tabs a.active,.tabs button.active{background:#00c2a8;color:#06221e;border-color:#00c2a8}.token{background:#07141a;border-radius:12px;padding:12px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid #1e3a40;vertical-align:top}.table th{color:#9bb3b0;font-size:12px;text-transform:uppercase;letter-spacing:.06em}