.connection-status{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.publish{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.login{max-width:520px;margin:40px auto}.login form,.login label{display:grid;gap:12px}.test-results{margin-top:20px}.test-results li{padding:8px;border-bottom:1px solid #e6edf5}.field input[type=checkbox]{width:auto;min-height:auto}button:disabled{opacity:.5;cursor:wait}.form-note{line-height:1.6}.chip.error{background:#fff1f1;color:#a02626}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.form-note strong{color:#a05b00}

.lab-mark{display:grid;place-items:center;width:180px;height:180px;border-radius:32px;background:#173d70;color:white;font-size:48px;font-weight:800;letter-spacing:4px}
.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.link-grid input,.link-grid select{width:100%}.route-step{border-left:3px solid #227cba;padding:12px 18px;margin:16px 0;background:#f7faff}.route-step p{margin:5px 0;overflow-wrap:anywhere}@media(max-width:800px){.link-grid{grid-template-columns:1fr}}
.vpn-revoke-confirm{margin-top:18px;padding:16px;background:#fff4e3;border:1px solid #e9ca92;border-radius:10px}.vpn-revoke-confirm button{margin-top:12px;margin-right:10px}

.danger-button{color:#9b2424;border:1px solid #e5b9b9;background:#fff;margin-left:8px}.danger-button:hover{background:#fff1f1}