:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f2ff;background:#0b0913}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top right,#291348 0,transparent 38%),#0b0913}.shell{max-width:1200px;margin:auto;padding:0 24px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30233d}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:20px;letter-spacing:1px}.brand small{display:block;color:#a99bb8;margin-top:3px}.logo{display:grid;place-items:center;background:linear-gradient(140deg,#8d3bfa,#e343a3);width:46px;height:46px;border-radius:14px;font-weight:900;font-size:24px}main{min-height:70vh;padding-top:42px}h1{font-size:30px;margin:0 0 8px}h2{margin:0 0 16px}p{color:#ac9fbc}.panel,.stat{background:#171121;border:1px solid #362641;border-radius:18px;padding:26px;box-shadow:0 12px 38px #0002}.login{max-width:460px;margin:50px auto}.login p{margin-bottom:26px}label{display:block;color:#c8bbd6;margin:16px 0 8px;font-size:14px}input,select{display:block;width:100%;margin-top:8px;padding:13px 14px;background:#100c19;border:1px solid #483556;border-radius:10px;color:#fff;font:inherit}input:focus,select:focus{outline:2px solid #974cf2}button{border:0;border-radius:10px;background:#8539dc;color:white;padding:12px 18px;font-weight:650;cursor:pointer;font:inherit}button:hover{filter:brightness(1.13)}button:disabled{opacity:.5}.login button{width:100%;margin-top:16px}.outline{background:#24182f;border:1px solid #5b3c76}.danger{background:#512031}.small{font-size:13px;padding:8px 10px}.intro,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.intro p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{color:#b4a5c3}.stat strong{display:block;font-size:32px;color:white;margin-top:12px}.toolbar input{max-width:380px;margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px 12px;border-bottom:1px solid #30253b;font-size:14px}th{color:#bca9cf;font-weight:600}td.url{max-width:350px;overflow-wrap:anywhere;color:#bcb0ca}.mono{font-family:ui-monospace,Consolas,monospace}.muted{color:#877a96}.pill{display:inline-block;padding:5px 10px;border-radius:30px;font-size:12px}.on{background:#163e34;color:#86e9bf}.off{background:#483036;color:#f3b1b1}.hidden{display:none!important}#message{min-height:26px}.error{color:#ff9da9!important}.ok{color:#a1e6c0!important}footer{text-align:center;color:#766987;padding:28px}dialog{width:min(480px,calc(100% - 30px));border:1px solid #624178;border-radius:18px;background:#1a1226;color:white;padding:28px}dialog::backdrop{background:#000b}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}code{color:#d4aaff}@media(max-width:700px){.shell{padding:0 14px}.intro{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.panel{padding:16px}h1{font-size:25px}.brand strong{font-size:17px}}

.server-panel{margin-bottom:28px}.server-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.server-head h2{margin:0 0 6px}.server-head p,.server-note{color:#ad9dbe}.server-chip{font-size:11px;letter-spacing:1px;padding:8px 12px;border:1px solid #65418a;border-radius:20px;white-space:nowrap}.server-panel form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:16px}.server-panel form label{flex:1;min-width:220px}.server-panel .actions{display:flex;gap:8px;flex-wrap:wrap}.server-panel .actions button{white-space:nowrap}.server-note{font-size:13px;line-height:1.5;margin:16px 0 0}@media(max-width:700px){.server-head{align-items:start;flex-direction:column}.server-panel .actions{width:100%}.server-panel .actions button{flex:1}}

.account-name{font-weight:650}.account-hint{font-size:12px;color:#a99bb8;margin-top:4px}.server-preview{font-size:12px;color:#d5b8fa;overflow-wrap:anywhere}.server-note{line-height:1.5}

.pairing-panel{margin-bottom:28px}.pairing-panel form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.pairing-panel label{flex:1;min-width:190px}.pairing-panel button{margin-bottom:8px}