*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e8eb}a{color:#7aa2f7}.container{max-width:960px;margin:0 auto;padding:24px}.card{background:#171a21;border:1px solid #262b36;border-radius:10px;padding:16px;margin-bottom:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}button{background:#2a3140;color:#e6e8eb;border:1px solid #3a4152;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px}button:hover{background:#333c4e}button:disabled{opacity:.5}button.primary{background:#3b5bdb;border-color:#3b5bdb}input{background:#0f1115;color:#e6e8eb;border:1px solid #333c4e;border-radius:8px;padding:8px 10px;font-size:14px;width:100%}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.connected{background:#12351f;color:#4ade80}.badge.connecting{background:#3a3112;color:#fbbf24}.badge.disconnected{background:#3a1616;color:#f87171}.muted{color:#8b93a1;font-size:13px}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.modal{background:#171a21;border:1px solid #262b36;border-radius:12px;padding:24px;max-width:380px;text-align:center}.qr{width:260px;height:260px;background:#fff;border-radius:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:#1f2733;border:1px solid #2f3a48;border-radius:14px;padding:3px 10px;margin:0 6px 6px 0;font-size:13px}.chip-x{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:15px;line-height:1;padding:0}.chip-x:hover{color:#f87171}select{background:#131a24;color:#e5e7eb;border:1px solid #2f3a48;border-radius:8px;padding:8px 10px}button.danger{border-color:#7f1d1d;color:#fca5a5}button.danger:hover{background:#7f1d1d;color:#fff}.badge.provisioning{background:#422006;color:#fbbf24}button:disabled{opacity:.45;cursor:not-allowed}