.panel-heading,.access-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading h3{margin:1em 0}.traffic-used{text-align:right}.traffic-remaining{text-align:right;color:var(--muted);font-size:14px;margin-top:-6px;margin-bottom:18px}.connection-panel{min-height:470px}.connection-location{display:grid;gap:16px;color:var(--muted);font-size:13px}.connection-location select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#090d16;color:var(--text)}.protocol-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.protocol-tab{border:1px solid var(--line);border-radius:11px;padding:11px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}.protocol-tab.active{background:#282250;border-color:#7564ff;color:#fff}.protocol-pane{display:none}.protocol-pane.active{display:block}.protocol-pane h4{margin:22px 0 10px}.connection-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.qr{width:156px;height:156px;background:#fff;border-radius:12px;padding:7px}.config-link{color:#9e93ff;font-weight:750;cursor:pointer}.button-link{appearance:none;border:0;background:transparent;padding:0;font:inherit}.credential-box{margin-top:15px;border:1px solid var(--line);border-radius:13px;padding:14px}.credential-box>div{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.credential-box>div:last-of-type{border-bottom:0}.credential-box code{overflow-wrap:anywhere;color:var(--text)}.credential-box button{border:0;background:transparent;color:#9e93ff;cursor:pointer}.app-links{display:flex;gap:10px;flex-wrap:wrap}.app-links a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:#c7c0ff}.bad{color:#ff8f9b}.status-dot.bad{background:#ff6677;box-shadow:0 0 20px #ff6677}.status-dot.ok{background:var(--ok)}@media(max-width:700px){.protocol-tabs{grid-template-columns:1fr}.connection-actions{align-items:flex-start}.credential-box>div{grid-template-columns:78px 1fr}.credential-box button{grid-column:2}.plan-big{font-size:26px}}