.panel-overlay[data-v-622aa9f2]{position:fixed;inset:0;background:rgba(0,0,0,.08);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.panel[data-v-622aa9f2]{width:420px;max-width:100%;height:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:-4px 0 20px rgba(0,0,0,.1);box-shadow:-4px 0 20px rgba(0,0,0,.1)}.panel.panel--wide[data-v-622aa9f2]{width:520px}.panel-header[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb;-ms-flex-negative:0;flex-shrink:0}.panel-header h3[data-v-622aa9f2]{margin:0;font-size:15px;font-weight:600;color:#111}.panel-close[data-v-622aa9f2]{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:#9ca3af;cursor:pointer;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.panel-close[data-v-622aa9f2]:hover{background:#f3f4f6;color:#374151}.panel-body[data-v-622aa9f2]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:16px 18px}.panel-footer[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:12px 18px;border-top:1px solid #e5e7eb;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.btn-cancel[data-v-622aa9f2]{padding:7px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;color:#6b7280;cursor:pointer}.btn-cancel[data-v-622aa9f2]:hover{background:#f9fafb}.btn-save[data-v-622aa9f2]{padding:7px 20px;border:none;border-radius:6px;background:#3b82f6;font-size:13px;font-weight:500;color:#fff;cursor:pointer}.btn-save[data-v-622aa9f2]:hover{background:#2563eb}.btn-save[data-v-622aa9f2]:disabled{opacity:.6;cursor:not-allowed}.slide-enter-active[data-v-622aa9f2],.slide-leave-active[data-v-622aa9f2]{-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.slide-enter-active .panel[data-v-622aa9f2],.slide-leave-active .panel[data-v-622aa9f2]{-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.slide-enter-from[data-v-622aa9f2],.slide-leave-to[data-v-622aa9f2]{opacity:0}.slide-enter-from .panel[data-v-622aa9f2],.slide-leave-to .panel[data-v-622aa9f2]{-webkit-transform:translateX(100%);transform:translateX(100%)}.pf-field[data-v-622aa9f2]{margin-bottom:12px}.pf-field label[data-v-622aa9f2]{display:block;font-size:11px;font-weight:500;color:#6b7280;margin-bottom:3px}.pf-field label.required[data-v-622aa9f2]:after{content:" *";color:#ef4444}.pf-field>input[data-v-622aa9f2],.pf-field>select[data-v-622aa9f2]{width:100%;height:34px;padding:0 10px;border:1px solid #e5e7eb;border-radius:5px;font-size:13px;color:#111;-webkit-box-sizing:border-box;box-sizing:border-box}.pf-field>input[data-v-622aa9f2]:focus,.pf-field>select[data-v-622aa9f2]:focus{outline:none;border-color:#3b82f6}.pf-field>input[data-v-622aa9f2]::-webkit-input-placeholder,.pf-field>select[data-v-622aa9f2]::-webkit-input-placeholder{color:#c5c8ce}.pf-field>input[data-v-622aa9f2]::-moz-placeholder,.pf-field>select[data-v-622aa9f2]::-moz-placeholder{color:#c5c8ce}.pf-field>input[data-v-622aa9f2]:-ms-input-placeholder,.pf-field>select[data-v-622aa9f2]:-ms-input-placeholder{color:#c5c8ce}.pf-field>input[data-v-622aa9f2]::-ms-input-placeholder,.pf-field>select[data-v-622aa9f2]::-ms-input-placeholder{color:#c5c8ce}.pf-field>input[data-v-622aa9f2]::placeholder,.pf-field>select[data-v-622aa9f2]::placeholder{color:#c5c8ce}.pf-field>input[data-v-622aa9f2]:disabled,.pf-field>select[data-v-622aa9f2]:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.pf-field>input[readonly][data-v-622aa9f2],.pf-field>select[readonly][data-v-622aa9f2]{background:#f9fafb}.pf-field>textarea[data-v-622aa9f2]{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:5px;font-size:13px;color:#111;-webkit-box-sizing:border-box;box-sizing:border-box;resize:vertical;min-height:60px;font-family:inherit}.pf-field>textarea[data-v-622aa9f2]:focus{outline:none;border-color:#3b82f6}.pf-field>textarea[data-v-622aa9f2]::-webkit-input-placeholder{color:#c5c8ce}.pf-field>textarea[data-v-622aa9f2]::-moz-placeholder{color:#c5c8ce}.pf-field>textarea[data-v-622aa9f2]:-ms-input-placeholder{color:#c5c8ce}.pf-field>textarea[data-v-622aa9f2]::-ms-input-placeholder{color:#c5c8ce}.pf-field>textarea[data-v-622aa9f2]::placeholder{color:#c5c8ce}.pf-row[data-v-622aa9f2]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pf-divider[data-v-622aa9f2]{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;border-top:1px solid #e5e7eb;padding-top:10px;margin-top:4px;margin-bottom:10px}.pf-hint[data-v-622aa9f2]{display:block;font-size:11px;color:#9ca3af;margin-top:3px}.pf-password[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.pf-password input[data-v-622aa9f2]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:34px;padding:0 10px;border:1px solid #e5e7eb;border-radius:5px;font-size:13px;color:#111}.pf-password input[data-v-622aa9f2]:focus{outline:none;border-color:#3b82f6}.pf-password input[data-v-622aa9f2]::-webkit-input-placeholder{color:#c5c8ce}.pf-password input[data-v-622aa9f2]::-moz-placeholder{color:#c5c8ce}.pf-password input[data-v-622aa9f2]:-ms-input-placeholder{color:#c5c8ce}.pf-password input[data-v-622aa9f2]::-ms-input-placeholder{color:#c5c8ce}.pf-password input[data-v-622aa9f2]::placeholder{color:#c5c8ce}.pf-pw-toggle[data-v-622aa9f2]{padding:0 10px;height:34px;border:1px solid #e5e7eb;border-radius:5px;background:#fff;font-size:11px;color:#6b7280;cursor:pointer;white-space:nowrap}.pf-pw-toggle[data-v-622aa9f2]:hover{background:#f9fafb;border-color:#9ca3af}.pf-copyable[data-v-622aa9f2]{cursor:pointer}.pf-copyable[data-v-622aa9f2]:hover{border-color:#3b82f6!important}.pf-codecs[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.pf-codecs label[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:12px;color:#374151;cursor:pointer;padding:4px 8px;border:1px solid #e5e7eb;border-radius:4px;-webkit-transition:all .15s;transition:all .15s}.pf-codecs label[data-v-622aa9f2]:hover{border-color:#9ca3af}.pf-codecs label input[data-v-622aa9f2]{margin:0}.pf-codecs label.active[data-v-622aa9f2]{border-color:#3b82f6;background:#eff6ff}.pf-config-grid[data-v-622aa9f2]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.pf-members[data-v-622aa9f2]{max-height:300px;overflow-y:auto}.pf-member-row[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f3f4f6}.pf-member-row[data-v-622aa9f2]:last-child{border-bottom:none}.pf-user-name[data-v-622aa9f2]{font-size:12px;font-weight:500;color:#374151;min-width:100px;-ms-flex-negative:0;flex-shrink:0}.pf-endpoints[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px}.pf-endpoint-chip[data-v-622aa9f2]{font-size:11px;padding:3px 8px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;color:#6b7280}.pf-endpoint-chip[data-v-622aa9f2]:hover{border-color:#9ca3af}.pf-endpoint-chip.selected[data-v-622aa9f2]{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.pf-advanced-toggle[data-v-622aa9f2]{margin:8px 0}.pf-advanced-toggle button[data-v-622aa9f2]{background:none;border:none;font-size:11px;font-weight:500;color:#6b7280;cursor:pointer;padding:4px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.pf-advanced-toggle button[data-v-622aa9f2]:hover{color:#374151}.pf-advanced-toggle .arrow[data-v-622aa9f2]{font-size:8px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.pf-advanced-toggle .arrow.open[data-v-622aa9f2]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pf-details[data-v-622aa9f2]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:5px;padding:10px 12px;margin-bottom:12px}.pf-details h4[data-v-622aa9f2]{margin:0 0 6px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.pf-detail-row[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 0;font-size:12px}.pf-detail-row label[data-v-622aa9f2]{color:#9ca3af;font-weight:500}.pf-detail-row span[data-v-622aa9f2]{color:#374151;font-weight:500}.pf-toggles[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;margin-bottom:12px}.pf-toggle[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer}.pf-toggle .pf-toggle-track[data-v-622aa9f2]{width:32px;height:18px;border-radius:9px;background:#d1d5db;position:relative;-webkit-transition:background .2s;transition:background .2s}.pf-toggle .pf-toggle-track.active[data-v-622aa9f2]{background:#3b82f6}.pf-toggle .pf-toggle-track[data-v-622aa9f2]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15)}.pf-toggle .pf-toggle-track.active[data-v-622aa9f2]:after{-webkit-transform:translateX(14px);transform:translateX(14px)}.pf-toggle .pf-toggle-label[data-v-622aa9f2]{font-size:12px;color:#374151;font-weight:500}.pf-chips[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.pf-chip[data-v-622aa9f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:5px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.pf-chip[data-v-622aa9f2]:hover{border-color:#9ca3af}.pf-chip.selected[data-v-622aa9f2]{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.pf-chip img[data-v-622aa9f2]{width:16px;height:16px}.pf-chip input[data-v-622aa9f2]{display:none}.pf-chip-type[data-v-622aa9f2]{font-size:10px;color:#9ca3af;margin-left:2px}.pf-empty[data-v-622aa9f2],.pf-loading[data-v-622aa9f2]{padding:16px;text-align:center;font-size:12px;color:#9ca3af;font-style:italic}