.header[data-v-d77d2bdf]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:100}.container[data-v-d77d2bdf]{max-width:1200px;margin:0 auto;padding:0 20px}.header-content[data-v-d77d2bdf]{display:flex;align-items:center;justify-content:space-between;padding:15px 0;flex-wrap:wrap;gap:20px}.logo[data-v-d77d2bdf]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-d77d2bdf]{font-size:32px}.logo h1[data-v-d77d2bdf]{font-size:24px;font-weight:600;color:#333;margin:0}.status-bar[data-v-d77d2bdf]{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.status-item[data-v-d77d2bdf]{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.status-item.connected[data-v-d77d2bdf]{color:#22c55e}.status-item.disconnected[data-v-d77d2bdf]{color:#ef4444}.status-dot[data-v-d77d2bdf]{width:8px;height:8px;border-radius:50%;background:currentColor}.connection-controls[data-v-d77d2bdf]{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.input-group[data-v-d77d2bdf]{display:flex;flex-direction:column;gap:4px}.input-group label[data-v-d77d2bdf]{font-size:12px;font-weight:500;color:#666;margin:0}.network-input[data-v-d77d2bdf],.url-input[data-v-d77d2bdf]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:150px}.network-input[data-v-d77d2bdf]{min-width:120px}.url-input[data-v-d77d2bdf]{min-width:200px}.network-input[data-v-d77d2bdf]:disabled,.url-input[data-v-d77d2bdf]:disabled{background:#f5f5f5;color:#999}.network-display[data-v-d77d2bdf]{color:#3b82f6;font-weight:600}.fallback-indicator[data-v-d77d2bdf]{background:#f59e0b;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;margin-left:6px}.btn[data-v-d77d2bdf]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn[data-v-d77d2bdf]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-d77d2bdf]{background:#3b82f6;color:#fff}.btn-primary[data-v-d77d2bdf]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-d77d2bdf]{background:#6b7280;color:#fff}.btn-secondary[data-v-d77d2bdf]:hover:not(:disabled){background:#4b5563}.nav-tabs[data-v-d77d2bdf]{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.tabs[data-v-d77d2bdf]{display:flex;gap:2px;overflow-x:auto;padding:10px 0}.tab[data-v-d77d2bdf]{display:flex;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;color:#666;border-radius:8px;transition:all .2s;white-space:nowrap;font-weight:500}.tab[data-v-d77d2bdf]:hover{background:#3b82f61a;color:#3b82f6}.tab.router-link-active[data-v-d77d2bdf]{background:#3b82f6;color:#fff}.tab-icon[data-v-d77d2bdf]{font-size:16px}.main-content[data-v-d77d2bdf]{padding:30px 0;min-height:calc(100vh - 200px)}@media (max-width: 768px){.header-content[data-v-d77d2bdf]{flex-direction:column;align-items:stretch;gap:15px}.logo[data-v-d77d2bdf],.status-bar[data-v-d77d2bdf]{justify-content:center}.connection-controls[data-v-d77d2bdf]{justify-content:center;flex-direction:column;align-items:center;gap:12px}.input-group[data-v-d77d2bdf]{width:100%;max-width:250px}.network-input[data-v-d77d2bdf],.url-input[data-v-d77d2bdf]{width:100%;min-width:auto}.tabs[data-v-d77d2bdf]{justify-content:center}}.network-view[data-v-9e349e85]{max-width:1000px;margin:0 auto}.section-header[data-v-9e349e85]{text-align:center;margin-bottom:30px}.section-header h2[data-v-9e349e85]{font-size:28px;color:#333;margin-bottom:8px}.section-header p[data-v-9e349e85]{color:#666;font-size:16px}.status-grid[data-v-9e349e85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.status-card[data-v-9e349e85]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:16px}.status-card-icon[data-v-9e349e85]{font-size:32px;opacity:.8}.status-card-content h3[data-v-9e349e85]{font-size:14px;color:#666;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.status-value[data-v-9e349e85]{font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.status-meta[data-v-9e349e85]{font-size:12px;color:#999}.config-section[data-v-9e349e85]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.config-section h3[data-v-9e349e85]{margin:0 0 20px;color:#333}.config-grid[data-v-9e349e85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.config-item[data-v-9e349e85]{display:flex;flex-direction:column;gap:8px}.config-item label[data-v-9e349e85]{font-size:14px;font-weight:500;color:#666}.config-input[data-v-9e349e85]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.toggle-btn[data-v-9e349e85]{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.toggle-btn.active[data-v-9e349e85]{background:#3b82f6;color:#fff;border-color:#3b82f6}.peers-section[data-v-9e349e85]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.section-title[data-v-9e349e85]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h3[data-v-9e349e85]{margin:0;color:#333}.peers-list[data-v-9e349e85]{display:grid;gap:16px}.empty-state[data-v-9e349e85]{text-align:center;padding:40px 20px;color:#666}.empty-icon[data-v-9e349e85]{font-size:48px;margin-bottom:16px}.empty-meta[data-v-9e349e85]{font-size:14px;color:#999}.peer-card[data-v-9e349e85]{border:1px solid #eee;border-radius:8px;padding:16px;background:#fafafa}.peer-card.discovered[data-v-9e349e85]{border-color:#3b82f6;background:#3b82f60d}.peer-header[data-v-9e349e85]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.peer-id[data-v-9e349e85]{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:14px;color:#333}.peer-icon[data-v-9e349e85]{font-size:16px}.peer-status[data-v-9e349e85]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.peer-status.connected[data-v-9e349e85]{background:#22c55e;color:#fff}.peer-status.disconnected[data-v-9e349e85]{background:#ef4444;color:#fff}.peer-status.discovered[data-v-9e349e85]{background:#3b82f6;color:#fff}.peer-details[data-v-9e349e85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-bottom:12px}.peer-detail[data-v-9e349e85]{font-size:13px;color:#666}.peer-actions[data-v-9e349e85]{display:flex;gap:8px}.btn[data-v-9e349e85]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn[data-v-9e349e85]:disabled{opacity:.5;cursor:not-allowed}.btn-sm[data-v-9e349e85]{padding:4px 8px;font-size:11px}.btn-primary[data-v-9e349e85]{background:#3b82f6;color:#fff}.btn-primary[data-v-9e349e85]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-9e349e85]{background:#6b7280;color:#fff}.btn-secondary[data-v-9e349e85]:hover:not(:disabled){background:#4b5563}.btn-danger[data-v-9e349e85]{background:#ef4444;color:#fff}.btn-danger[data-v-9e349e85]:hover:not(:disabled){background:#dc2626}.stats-section[data-v-9e349e85]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.stats-section h3[data-v-9e349e85]{margin:0 0 20px;color:#333}.stats-grid[data-v-9e349e85]{display:grid;gap:16px}.stat-item[data-v-9e349e85]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.stat-item[data-v-9e349e85]:last-child{border-bottom:none}.stat-item code[data-v-9e349e85]{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-size:12px;word-break:break-all}.health-isolated[data-v-9e349e85]{color:#ef4444;font-weight:600}.health-poor[data-v-9e349e85]{color:#f59e0b;font-weight:600}.health-good[data-v-9e349e85]{color:#3b82f6;font-weight:600}.health-excellent[data-v-9e349e85]{color:#22c55e;font-weight:600}.namespace-section[data-v-9e349e85]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px}.namespace-section h3[data-v-9e349e85]{margin:0 0 16px;color:#1e293b;font-size:18px;font-weight:600}.namespace-info[data-v-9e349e85]{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.current-network[data-v-9e349e85]{min-width:200px}.network-badge[data-v-9e349e85]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.network-name[data-v-9e349e85]{background:#3b82f6;color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-size:14px}.fallback-indicator[data-v-9e349e85]{background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.original-network[data-v-9e349e85]{color:#64748b;font-size:13px}.namespace-controls[data-v-9e349e85]{display:flex;flex-direction:column;gap:16px}.network-switch[data-v-9e349e85]{display:flex;gap:8px;align-items:center}.network-input[data-v-9e349e85]{flex:1;max-width:300px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.network-input[data-v-9e349e85]:disabled{background-color:#f3f4f6;opacity:.6}.quick-networks[data-v-9e349e85]{display:flex;gap:6px;flex-wrap:wrap}.fallback-setting[data-v-9e349e85]{display:flex;align-items:center}.checkbox-label[data-v-9e349e85]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox][data-v-9e349e85]{margin:0}.btn-xs[data-v-9e349e85]{padding:4px 8px;font-size:12px}.btn-outline[data-v-9e349e85]{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline[data-v-9e349e85]:hover:not(:disabled){background:#f3f4f6}.btn-outline.active[data-v-9e349e85]{background:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width: 768px){.namespace-info[data-v-9e349e85]{grid-template-columns:1fr;gap:16px}.network-switch[data-v-9e349e85]{flex-direction:column;align-items:stretch}.network-input[data-v-9e349e85]{max-width:none}}.messaging-view[data-v-4e9d2c9c]{max-width:1200px;margin:0 auto}.section-header[data-v-4e9d2c9c]{text-align:center;margin-bottom:30px}.section-header h2[data-v-4e9d2c9c]{font-size:28px;color:#333;margin-bottom:8px}.section-header p[data-v-4e9d2c9c]{color:#666;font-size:16px}.messaging-layout[data-v-4e9d2c9c]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.broadcast-section[data-v-4e9d2c9c],.direct-section[data-v-4e9d2c9c]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.broadcast-section h3[data-v-4e9d2c9c],.direct-section h3[data-v-4e9d2c9c]{margin:0 0 8px;color:#333;font-size:20px}.section-description[data-v-4e9d2c9c]{color:#666;font-size:14px;margin-bottom:20px;line-height:1.5}.message-composer[data-v-4e9d2c9c]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px}.composer-header[data-v-4e9d2c9c]{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:500;color:#333}.composer-icon[data-v-4e9d2c9c]{font-size:16px}.composer-controls[data-v-4e9d2c9c]{display:flex;flex-direction:column;gap:12px}.message-input[data-v-4e9d2c9c]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;min-height:80px}.message-input[data-v-4e9d2c9c]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.composer-actions[data-v-4e9d2c9c]{display:flex;justify-content:space-between;align-items:center}.btn[data-v-4e9d2c9c]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn[data-v-4e9d2c9c]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-4e9d2c9c]{background:#3b82f6;color:#fff}.btn-primary[data-v-4e9d2c9c]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-4e9d2c9c]{background:#6b7280;color:#fff}.btn-secondary[data-v-4e9d2c9c]:hover:not(:disabled){background:#4b5563}.btn-sm[data-v-4e9d2c9c]{padding:4px 8px;font-size:12px}.btn-icon[data-v-4e9d2c9c]{font-size:14px}.shortcut-hint[data-v-4e9d2c9c]{font-size:12px;color:#999}.messages-container[data-v-4e9d2c9c]{border:1px solid #eee;border-radius:8px;overflow:hidden}.messages-header[data-v-4e9d2c9c]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #eee}.messages-header h4[data-v-4e9d2c9c]{margin:0;font-size:14px;color:#333}.messages-list[data-v-4e9d2c9c]{max-height:400px;overflow-y:auto}.empty-state[data-v-4e9d2c9c]{text-align:center;padding:40px 20px;color:#666}.empty-icon[data-v-4e9d2c9c]{font-size:32px;margin-bottom:12px}.empty-meta[data-v-4e9d2c9c]{font-size:12px;color:#999}.message-item[data-v-4e9d2c9c]{padding:12px 16px;border-bottom:1px solid #f0f0f0}.message-item[data-v-4e9d2c9c]:last-child{border-bottom:none}.message-item.own-message[data-v-4e9d2c9c]{background:#3b82f60d}.message-item.direct[data-v-4e9d2c9c]{background:#10b9810d}.message-item.direct.own-message[data-v-4e9d2c9c]{background:#3b82f61a}.message-header[data-v-4e9d2c9c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px}.message-sender[data-v-4e9d2c9c]{font-weight:500;color:#333}.message-time[data-v-4e9d2c9c]{color:#999}.message-type[data-v-4e9d2c9c]{background:#e5e7eb;color:#374151;padding:2px 6px;border-radius:3px;font-size:10px;text-transform:uppercase}.message-content[data-v-4e9d2c9c]{color:#333;line-height:1.4}.message-content pre[data-v-4e9d2c9c]{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit}.peer-selector[data-v-4e9d2c9c]{margin-bottom:20px}.peer-selector label[data-v-4e9d2c9c]{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.peer-select[data-v-4e9d2c9c]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}.conversations[data-v-4e9d2c9c]{border:1px solid #eee;border-radius:8px;overflow:hidden}.conversations-header[data-v-4e9d2c9c]{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #eee}.conversations-header h4[data-v-4e9d2c9c]{margin:0;font-size:14px;color:#333}.conversation[data-v-4e9d2c9c]{border-bottom:1px solid #eee}.conversation[data-v-4e9d2c9c]:last-child{border-bottom:none}.conversation-header[data-v-4e9d2c9c]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-bottom:1px solid #f0f0f0}.conversation-header h5[data-v-4e9d2c9c]{margin:0;font-size:13px;color:#333;font-family:monospace}.message-count[data-v-4e9d2c9c]{font-size:11px;color:#999}.conversation-messages[data-v-4e9d2c9c]{background:#fff}.more-messages[data-v-4e9d2c9c]{padding:8px 16px;font-size:11px;color:#999;text-align:center;background:#f8f9fa;border-top:1px solid #f0f0f0}.stats-section[data-v-4e9d2c9c]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.stats-section h3[data-v-4e9d2c9c]{margin:0 0 20px;color:#333}.stats-grid[data-v-4e9d2c9c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-item[data-v-4e9d2c9c]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.stat-item[data-v-4e9d2c9c]:last-child{border-bottom:none}.advanced-section[data-v-4e9d2c9c]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.advanced-section h3[data-v-4e9d2c9c]{margin:0 0 20px;color:#333}.advanced-controls[data-v-4e9d2c9c]{display:flex;flex-wrap:wrap;gap:12px}.encryption-indicator[data-v-4e9d2c9c]{display:inline-block;margin-left:4px;font-size:12px;opacity:.8;vertical-align:middle}@media (max-width: 768px){.messaging-layout[data-v-4e9d2c9c]{grid-template-columns:1fr}.advanced-controls[data-v-4e9d2c9c]{flex-direction:column}.composer-actions[data-v-4e9d2c9c]{flex-direction:column;align-items:stretch;gap:8px}.shortcut-hint[data-v-4e9d2c9c]{text-align:center}}.media-view[data-v-8cd6532e]{max-width:1200px;margin:0 auto}.section-header[data-v-8cd6532e]{text-align:center;margin-bottom:30px}.section-header h2[data-v-8cd6532e]{font-size:28px;color:#333;margin-bottom:8px}.section-header p[data-v-8cd6532e]{color:#666;font-size:16px}.media-controls[data-v-8cd6532e]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.media-controls h3[data-v-8cd6532e]{margin:0 0 20px;color:#333}.controls-grid[data-v-8cd6532e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.control-group h4[data-v-8cd6532e]{margin:0 0 12px;color:#555;font-size:16px}.control-buttons[data-v-8cd6532e]{display:flex;flex-wrap:wrap;gap:8px}.device-selectors[data-v-8cd6532e]{display:flex;flex-direction:column;gap:8px}.device-select[data-v-8cd6532e]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.quality-select[data-v-8cd6532e]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;margin-left:8px}.btn[data-v-8cd6532e]{padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn[data-v-8cd6532e]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-8cd6532e]{background:#3b82f6;color:#fff}.btn-primary[data-v-8cd6532e]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-8cd6532e]{background:#6b7280;color:#fff}.btn-secondary[data-v-8cd6532e]:hover:not(:disabled){background:#4b5563}.btn-success[data-v-8cd6532e]{background:#10b981;color:#fff}.btn-success[data-v-8cd6532e]:hover:not(:disabled){background:#059669}.btn-danger[data-v-8cd6532e]{background:#ef4444;color:#fff}.btn-danger[data-v-8cd6532e]:hover:not(:disabled){background:#dc2626}.btn-sm[data-v-8cd6532e]{padding:4px 8px;font-size:11px}.btn-icon[data-v-8cd6532e]{font-size:14px}.streams-container[data-v-8cd6532e]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.stream-section[data-v-8cd6532e]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.stream-section h3[data-v-8cd6532e]{margin:0 0 20px;color:#333}.local-stream-container[data-v-8cd6532e]{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.media-stream[data-v-8cd6532e]{width:100%;height:100%;object-fit:cover;background:#000}.media-stream.local-stream[data-v-8cd6532e]{transform:scaleX(-1)}.stream-overlay[data-v-8cd6532e]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000c;color:#fff}.overlay-content[data-v-8cd6532e]{text-align:center}.overlay-icon[data-v-8cd6532e]{font-size:48px;display:block;margin-bottom:16px}.overlay-content p[data-v-8cd6532e]{margin:0 0 8px}.overlay-meta[data-v-8cd6532e]{font-size:14px;color:#ccc}.stream-info[data-v-8cd6532e]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:16px}.stream-stats[data-v-8cd6532e]{display:flex;gap:16px}.stat[data-v-8cd6532e]{display:flex;align-items:center;gap:6px;font-size:14px}.stat-icon[data-v-8cd6532e]{font-size:16px}.peer-info[data-v-8cd6532e]{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500}.peer-icon[data-v-8cd6532e]{font-size:16px}.stream-time[data-v-8cd6532e]{font-size:12px;color:#ccc}.empty-streams[data-v-8cd6532e]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-8cd6532e]{font-size:48px;margin-bottom:16px}.empty-streams p[data-v-8cd6532e]{margin:0 0 8px}.empty-meta[data-v-8cd6532e]{font-size:14px;color:#999}.remote-streams-grid[data-v-8cd6532e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.remote-stream-container[data-v-8cd6532e]{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.stats-section[data-v-8cd6532e]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.stats-section h3[data-v-8cd6532e]{margin:0 0 20px;color:#333}.stats-grid[data-v-8cd6532e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card[data-v-8cd6532e]{display:flex;align-items:center;gap:16px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #eee}.stat-icon[data-v-8cd6532e]{font-size:32px;opacity:.8}.stat-content h4[data-v-8cd6532e]{margin:0 0 8px;font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-8cd6532e]{font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.stat-meta[data-v-8cd6532e]{font-size:12px;color:#999}.advanced-section[data-v-8cd6532e]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.advanced-section h3[data-v-8cd6532e]{margin:0 0 20px;color:#333}.advanced-features[data-v-8cd6532e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-group h4[data-v-8cd6532e]{margin:0 0 12px;color:#555;font-size:16px}.quality-controls[data-v-8cd6532e]{display:flex;align-items:center;gap:8px}.audio-controls[data-v-8cd6532e]{display:flex;flex-direction:column;gap:8px}.audio-controls label[data-v-8cd6532e]{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.screen-controls[data-v-8cd6532e],.recording-controls[data-v-8cd6532e]{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.streams-container[data-v-8cd6532e],.controls-grid[data-v-8cd6532e]{grid-template-columns:1fr}.control-buttons[data-v-8cd6532e]{justify-content:center}.remote-streams-grid[data-v-8cd6532e]{grid-template-columns:1fr}}.dht-view[data-v-537bb91a]{max-width:1200px;margin:0 auto}.section-header[data-v-537bb91a]{text-align:center;margin-bottom:30px}.section-header h2[data-v-537bb91a]{font-size:28px;color:#333;margin-bottom:8px}.section-header p[data-v-537bb91a]{color:#666;font-size:16px}.dht-operations[data-v-537bb91a]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.dht-operations h3[data-v-537bb91a]{margin:0 0 20px;color:#333}.operation-tabs[data-v-537bb91a]{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid #eee}.tab-btn[data-v-537bb91a]{padding:12px 20px;border:none;background:none;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;font-weight:500}.tab-btn[data-v-537bb91a]:hover{color:#3b82f6;background:#3b82f60d}.tab-btn.active[data-v-537bb91a]{color:#3b82f6;border-bottom-color:#3b82f6}.operation-panel[data-v-537bb91a]{padding:20px;border:1px solid #eee;border-radius:8px;background:#fafafa}.operation-panel h4[data-v-537bb91a]{margin:0 0 8px;color:#333}.operation-description[data-v-537bb91a]{color:#666;font-size:14px;margin-bottom:20px;line-height:1.5}.form-group[data-v-537bb91a]{margin-bottom:16px}.form-group label[data-v-537bb91a]{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-input[data-v-537bb91a],.form-textarea[data-v-537bb91a]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}.form-textarea[data-v-537bb91a]{resize:vertical;font-family:monospace}.form-input[data-v-537bb91a]:focus,.form-textarea[data-v-537bb91a]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.subscription-controls[data-v-537bb91a]{display:flex;gap:12px;margin-bottom:20px}.subscriptions-list h5[data-v-537bb91a]{margin:0 0 12px;color:#333}.subscription-items[data-v-537bb91a]{display:flex;flex-direction:column;gap:8px}.subscription-item[data-v-537bb91a]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border:1px solid #eee;border-radius:6px}.subscription-key[data-v-537bb91a]{font-family:monospace;font-size:13px;color:#333}.result-panel[data-v-537bb91a]{margin-top:16px;padding:16px;background:#fff;border:1px solid #eee;border-radius:6px}.result-panel h5[data-v-537bb91a]{margin:0 0 12px;color:#333}.result-content[data-v-537bb91a]{margin:0;padding:12px;background:#f8f9fa;border-radius:4px;font-size:13px;overflow-x:auto}.btn[data-v-537bb91a]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn[data-v-537bb91a]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-537bb91a]{background:#3b82f6;color:#fff}.btn-primary[data-v-537bb91a]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-537bb91a]{background:#6b7280;color:#fff}.btn-secondary[data-v-537bb91a]:hover:not(:disabled){background:#4b5563}.btn-success[data-v-537bb91a]{background:#10b981;color:#fff}.btn-success[data-v-537bb91a]:hover:not(:disabled){background:#059669}.btn-warning[data-v-537bb91a]{background:#f59e0b;color:#fff}.btn-warning[data-v-537bb91a]:hover:not(:disabled){background:#d97706}.btn-danger[data-v-537bb91a]{background:#ef4444;color:#fff}.btn-danger[data-v-537bb91a]:hover:not(:disabled){background:#dc2626}.btn-sm[data-v-537bb91a]{padding:4px 8px;font-size:12px}.btn-icon[data-v-537bb91a]{font-size:14px}.stored-data[data-v-537bb91a]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.section-title[data-v-537bb91a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h3[data-v-537bb91a]{margin:0;color:#333}.data-controls[data-v-537bb91a]{display:flex;gap:8px}.empty-data[data-v-537bb91a]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-537bb91a]{font-size:48px;margin-bottom:16px}.empty-data p[data-v-537bb91a]{margin:0 0 8px}.empty-meta[data-v-537bb91a]{font-size:14px;color:#999}.data-grid[data-v-537bb91a]{display:grid;gap:16px}.data-item[data-v-537bb91a]{border:1px solid #eee;border-radius:8px;padding:16px;background:#fafafa}.data-header[data-v-537bb91a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.data-key[data-v-537bb91a]{margin:0;font-family:monospace;font-size:14px;color:#333;word-break:break-all}.data-badges[data-v-537bb91a]{display:flex;gap:6px;flex-shrink:0}.badge[data-v-537bb91a]{padding:2px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;font-weight:500}.badge-local[data-v-537bb91a]{background:#10b981;color:#fff}.badge-remote[data-v-537bb91a]{background:#6b7280;color:#fff}.badge-subscribed[data-v-537bb91a]{background:#3b82f6;color:#fff}.data-meta[data-v-537bb91a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#999}.data-content[data-v-537bb91a]{margin-bottom:12px}.data-content pre[data-v-537bb91a]{margin:0;padding:12px;background:#fff;border:1px solid #eee;border-radius:4px;font-size:12px;overflow-x:auto;max-height:200px;overflow-y:auto}.data-actions[data-v-537bb91a]{display:flex;flex-wrap:wrap;gap:6px}.notifications[data-v-537bb91a]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.notifications h3[data-v-537bb91a]{margin:0 0 16px;color:#333}.notifications-list[data-v-537bb91a]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:300px;overflow-y:auto}.notification-item[data-v-537bb91a]{padding:12px;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px}.notification-header[data-v-537bb91a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notification-key[data-v-537bb91a]{font-family:monospace;font-weight:500;color:#0369a1}.notification-time[data-v-537bb91a]{font-size:12px;color:#64748b}.notification-content[data-v-537bb91a]{font-size:13px;line-height:1.4}.notification-content code[data-v-537bb91a]{background:#0000000d;padding:2px 4px;border-radius:2px;font-size:12px}.stats-section[data-v-537bb91a]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.stats-section h3[data-v-537bb91a]{margin:0 0 20px;color:#333}.stats-grid[data-v-537bb91a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card[data-v-537bb91a]{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #eee}.stat-icon[data-v-537bb91a]{font-size:24px;opacity:.8}.stat-content h4[data-v-537bb91a]{margin:0 0 4px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-537bb91a]{font-size:20px;font-weight:600;color:#333;margin-bottom:2px}.stat-meta[data-v-537bb91a]{font-size:11px;color:#999}.dht-stats-detail h4[data-v-537bb91a]{margin:0 0 12px;color:#333}.stats-json[data-v-537bb91a]{margin:0;padding:16px;background:#f8f9fa;border:1px solid #eee;border-radius:6px;font-size:12px;overflow-x:auto;max-height:300px;overflow-y:auto}.quick-actions[data-v-537bb91a]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.quick-actions h3[data-v-537bb91a]{margin:0 0 20px;color:#333}.action-buttons[data-v-537bb91a]{display:flex;flex-wrap:wrap;gap:12px}.empty-state[data-v-537bb91a]{color:#999;font-style:italic;text-align:center;padding:20px}@media (max-width: 768px){.operation-tabs[data-v-537bb91a]{flex-wrap:wrap}.tab-btn[data-v-537bb91a]{flex:1;min-width:120px}.subscription-controls[data-v-537bb91a]{flex-direction:column}.data-header[data-v-537bb91a]{flex-direction:column;align-items:flex-start;gap:8px}.data-actions[data-v-537bb91a]{justify-content:center}.action-buttons[data-v-537bb91a]{flex-direction:column}}.storage-view[data-v-5babeb99]{max-width:1200px;margin:0 auto}.section-header[data-v-5babeb99]{text-align:center;margin-bottom:30px}.section-header h2[data-v-5babeb99]{font-size:28px;color:#333;margin-bottom:8px}.section-header p[data-v-5babeb99]{color:#666;font-size:16px}.storage-operations[data-v-5babeb99]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.storage-operations h3[data-v-5babeb99]{margin:0 0 20px;color:#333}.operation-tabs[data-v-5babeb99]{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid #eee}.tab-btn[data-v-5babeb99]{padding:12px 20px;border:none;background:none;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;font-weight:500}.tab-btn[data-v-5babeb99]:hover{color:#3b82f6;background:#3b82f60d}.tab-btn.active[data-v-5babeb99]{color:#3b82f6;border-bottom-color:#3b82f6}.operation-panel[data-v-5babeb99]{padding:20px;border:1px solid #eee;border-radius:8px;background:#fafafa}.operation-panel h4[data-v-5babeb99]{margin:0 0 8px;color:#333}.operation-description[data-v-5babeb99]{color:#666;font-size:14px;margin-bottom:20px;line-height:1.5}.form-group[data-v-5babeb99]{margin-bottom:16px}.form-group label[data-v-5babeb99]{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-input[data-v-5babeb99],.form-textarea[data-v-5babeb99],.form-select[data-v-5babeb99]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}.form-textarea[data-v-5babeb99]{resize:vertical;font-family:monospace}.form-input[data-v-5babeb99]:focus,.form-textarea[data-v-5babeb99]:focus,.form-select[data-v-5babeb99]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.option-checkboxes[data-v-5babeb99]{display:flex;flex-direction:column;gap:8px}.checkbox-label[data-v-5babeb99]{display:flex!important;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin-bottom:0!important}.checkbox-label input[type=checkbox][data-v-5babeb99]{width:auto;margin:0}.access-section[data-v-5babeb99]{border-top:1px solid #eee;padding-top:16px}.access-section h5[data-v-5babeb99]{margin:0 0 16px;color:#333}.access-controls[data-v-5babeb99]{display:flex;gap:12px}.result-panel[data-v-5babeb99]{margin-top:16px;padding:16px;background:#fff;border:1px solid #eee;border-radius:6px}.result-panel h5[data-v-5babeb99]{margin:0 0 12px;color:#333}.result-content[data-v-5babeb99]{margin:0;padding:12px;background:#f8f9fa;border-radius:4px;font-size:13px;overflow-x:auto}.btn[data-v-5babeb99]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn[data-v-5babeb99]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-5babeb99]{background:#3b82f6;color:#fff}.btn-primary[data-v-5babeb99]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-5babeb99]{background:#6b7280;color:#fff}.btn-secondary[data-v-5babeb99]:hover:not(:disabled){background:#4b5563}.btn-success[data-v-5babeb99]{background:#10b981;color:#fff}.btn-success[data-v-5babeb99]:hover:not(:disabled){background:#059669}.btn-danger[data-v-5babeb99]{background:#ef4444;color:#fff}.btn-danger[data-v-5babeb99]:hover:not(:disabled){background:#dc2626}.btn-info[data-v-5babeb99]{background:#06b6d4;color:#fff}.btn-info[data-v-5babeb99]:hover:not(:disabled){background:#0891b2}.btn-sm[data-v-5babeb99]{padding:4px 8px;font-size:12px}.btn-icon[data-v-5babeb99]{font-size:14px}.stored-data[data-v-5babeb99]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.section-title[data-v-5babeb99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h3[data-v-5babeb99]{margin:0;color:#333}.data-controls[data-v-5babeb99]{display:flex;gap:8px}.empty-data[data-v-5babeb99]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-5babeb99]{font-size:48px;margin-bottom:16px}.empty-data p[data-v-5babeb99]{margin:0 0 8px}.empty-meta[data-v-5babeb99]{font-size:14px;color:#999}.data-grid[data-v-5babeb99]{display:grid;gap:16px}.data-item[data-v-5babeb99]{border:1px solid #eee;border-radius:8px;padding:16px;background:#fafafa}.data-header[data-v-5babeb99]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.data-key[data-v-5babeb99]{margin:0;font-family:monospace;font-size:14px;color:#333;word-break:break-all}.data-badges[data-v-5babeb99]{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.badge[data-v-5babeb99]{padding:2px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;font-weight:500}.badge-local[data-v-5babeb99]{background:#10b981;color:#fff}.badge-remote[data-v-5babeb99]{background:#6b7280;color:#fff}.badge-public[data-v-5babeb99]{background:#3b82f6;color:#fff}.badge-private[data-v-5babeb99]{background:#ef4444;color:#fff}.badge-immutable[data-v-5babeb99]{background:#f59e0b;color:#fff}.badge-crdt[data-v-5babeb99]{background:#8b5cf6;color:#fff}.data-meta[data-v-5babeb99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:#999;flex-wrap:wrap;gap:8px}.data-content[data-v-5babeb99]{margin-bottom:12px}.data-content pre[data-v-5babeb99]{margin:0;padding:12px;background:#fff;border:1px solid #eee;border-radius:4px;font-size:12px;overflow-x:auto;max-height:200px;overflow-y:auto}.data-actions[data-v-5babeb99]{display:flex;flex-wrap:wrap;gap:6px}.stats-section[data-v-5babeb99]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.stats-section h3[data-v-5babeb99]{margin:0 0 20px;color:#333}.stats-grid[data-v-5babeb99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card[data-v-5babeb99]{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #eee}.stat-icon[data-v-5babeb99]{font-size:24px;opacity:.8}.stat-content h4[data-v-5babeb99]{margin:0 0 4px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-5babeb99]{font-size:20px;font-weight:600;color:#333;margin-bottom:2px}.stat-meta[data-v-5babeb99]{font-size:11px;color:#999}.storage-stats-detail h4[data-v-5babeb99]{margin:0 0 12px;color:#333}.stats-json[data-v-5babeb99]{margin:0;padding:16px;background:#f8f9fa;border:1px solid #eee;border-radius:6px;font-size:12px;overflow-x:auto;max-height:300px;overflow-y:auto}.quick-actions[data-v-5babeb99]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.quick-actions h3[data-v-5babeb99]{margin:0 0 20px;color:#333}.action-buttons[data-v-5babeb99]{display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 768px){.operation-tabs[data-v-5babeb99]{flex-wrap:wrap}.tab-btn[data-v-5babeb99]{flex:1;min-width:120px}.access-controls[data-v-5babeb99]{flex-direction:column}.data-header[data-v-5babeb99]{flex-direction:column;align-items:flex-start;gap:8px}.data-actions[data-v-5babeb99]{justify-content:center}.action-buttons[data-v-5babeb99]{flex-direction:column}}.crypto-view[data-v-54778daf]{max-width:1200px;margin:0 auto}.section-header[data-v-54778daf]{text-align:center;margin-bottom:30px}.section-header h2[data-v-54778daf]{font-size:28px;color:#333;margin-bottom:8px}.section-header p[data-v-54778daf]{color:#666;font-size:16px}.crypto-operations[data-v-54778daf]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.crypto-operations h3[data-v-54778daf]{margin:0 0 20px;color:#333}.operation-tabs[data-v-54778daf]{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid #eee;overflow-x:auto}.tab-btn[data-v-54778daf]{padding:12px 20px;border:none;background:none;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;font-weight:500;white-space:nowrap}.tab-btn[data-v-54778daf]:hover{color:#3b82f6;background:#3b82f60d}.tab-btn.active[data-v-54778daf]{color:#3b82f6;border-bottom-color:#3b82f6}.operation-panel[data-v-54778daf]{padding:20px;border:1px solid #eee;border-radius:8px;background:#fafafa}.operation-panel h4[data-v-54778daf]{margin:0 0 8px;color:#333}.operation-description[data-v-54778daf]{color:#666;font-size:14px;margin-bottom:20px;line-height:1.5}.key-generation[data-v-54778daf],.key-import[data-v-54778daf],.encrypt-section[data-v-54778daf],.decrypt-section[data-v-54778daf],.sign-section[data-v-54778daf],.verify-section[data-v-54778daf],.exchange-section[data-v-54778daf]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}.key-generation[data-v-54778daf]:last-child,.key-import[data-v-54778daf]:last-child,.encrypt-section[data-v-54778daf]:last-child,.decrypt-section[data-v-54778daf]:last-child,.sign-section[data-v-54778daf]:last-child,.verify-section[data-v-54778daf]:last-child,.exchange-section[data-v-54778daf]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.key-generation h5[data-v-54778daf],.key-import h5[data-v-54778daf],.encrypt-section h5[data-v-54778daf],.decrypt-section h5[data-v-54778daf],.sign-section h5[data-v-54778daf],.verify-section h5[data-v-54778daf],.exchange-section h5[data-v-54778daf]{margin:0 0 16px;color:#333;font-size:16px}.form-group[data-v-54778daf]{margin-bottom:16px}.form-group label[data-v-54778daf]{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-input[data-v-54778daf],.form-textarea[data-v-54778daf],.form-select[data-v-54778daf]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}.form-textarea[data-v-54778daf]{resize:vertical;font-family:monospace}.form-input[data-v-54778daf]:focus,.form-textarea[data-v-54778daf]:focus,.form-select[data-v-54778daf]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.result-panel[data-v-54778daf]{margin-top:16px;padding:16px;background:#fff;border:1px solid #eee;border-radius:6px}.result-panel h6[data-v-54778daf]{margin:0 0 12px;color:#333}.result-content[data-v-54778daf]{margin:0;padding:12px;background:#f8f9fa;border-radius:4px;font-size:13px;overflow-x:auto;word-break:break-all}.verification-result[data-v-54778daf]{display:flex;align-items:center;gap:8px;padding:12px;border-radius:6px;font-weight:500}.verification-result.valid[data-v-54778daf]{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.verification-result.invalid[data-v-54778daf]{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.result-icon[data-v-54778daf]{font-size:18px}.shared-secrets[data-v-54778daf]{margin-top:24px}.shared-secrets h5[data-v-54778daf]{margin:0 0 16px;color:#333}.empty-secrets[data-v-54778daf]{text-align:center;padding:40px 20px;color:#666}.empty-icon[data-v-54778daf]{font-size:32px;margin-bottom:12px}.secrets-list[data-v-54778daf]{display:grid;gap:12px}.secret-item[data-v-54778daf]{border:1px solid #eee;border-radius:6px;padding:12px;background:#fff}.secret-header[data-v-54778daf]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.secret-header h6[data-v-54778daf]{margin:0;color:#333}.secret-badges[data-v-54778daf]{display:flex;gap:4px}.secret-details[data-v-54778daf]{display:grid;gap:4px;margin-bottom:12px;font-size:12px;color:#666}.secret-actions[data-v-54778daf]{display:flex;gap:6px}.btn[data-v-54778daf]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn[data-v-54778daf]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-54778daf]{background:#3b82f6;color:#fff}.btn-primary[data-v-54778daf]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-54778daf]{background:#6b7280;color:#fff}.btn-secondary[data-v-54778daf]:hover:not(:disabled){background:#4b5563}.btn-danger[data-v-54778daf]{background:#ef4444;color:#fff}.btn-danger[data-v-54778daf]:hover:not(:disabled){background:#dc2626}.btn-info[data-v-54778daf]{background:#06b6d4;color:#fff}.btn-info[data-v-54778daf]:hover:not(:disabled){background:#0891b2}.btn-sm[data-v-54778daf]{padding:4px 8px;font-size:12px}.btn-icon[data-v-54778daf]{font-size:14px}.key-management-display[data-v-54778daf]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.section-title[data-v-54778daf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h3[data-v-54778daf]{margin:0;color:#333}.key-controls[data-v-54778daf]{display:flex;gap:8px}.empty-keys[data-v-54778daf]{text-align:center;padding:60px 20px;color:#666}.empty-keys .empty-icon[data-v-54778daf]{font-size:48px;margin-bottom:16px}.empty-keys p[data-v-54778daf]{margin:0 0 8px}.empty-meta[data-v-54778daf]{font-size:14px;color:#999}.keys-grid[data-v-54778daf]{display:grid;gap:16px}.key-item[data-v-54778daf]{border:1px solid #eee;border-radius:8px;padding:16px;background:#fafafa}.key-header[data-v-54778daf]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.key-name[data-v-54778daf]{margin:0;color:#333;font-size:16px}.key-badges[data-v-54778daf]{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0}.badge[data-v-54778daf]{padding:2px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;font-weight:500}.badge-type[data-v-54778daf]{background:#3b82f6;color:#fff}.badge-usage[data-v-54778daf]{background:#10b981;color:#fff}.badge-extractable[data-v-54778daf]{background:#f59e0b;color:#fff}.badge-method[data-v-54778daf]{background:#8b5cf6;color:#fff}.badge-status[data-v-54778daf]{background:#10b981;color:#fff}.key-details[data-v-54778daf]{display:grid;gap:4px;margin-bottom:12px;font-size:12px;color:#666}.key-fingerprint[data-v-54778daf]{margin-bottom:12px}.key-fingerprint label[data-v-54778daf]{display:block;font-size:12px;color:#666;margin-bottom:4px}.fingerprint[data-v-54778daf]{background:#f8f9fa;padding:4px 6px;border-radius:3px;font-family:monospace;font-size:11px;word-break:break-all}.key-actions[data-v-54778daf]{display:flex;flex-wrap:wrap;gap:6px}.crypto-stats[data-v-54778daf]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.crypto-stats h3[data-v-54778daf]{margin:0 0 20px;color:#333}.stats-grid[data-v-54778daf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card[data-v-54778daf]{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #eee}.stat-icon[data-v-54778daf]{font-size:24px;opacity:.8}.stat-content h4[data-v-54778daf]{margin:0 0 4px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-54778daf]{font-size:20px;font-weight:600;color:#333;margin-bottom:2px}.stat-meta[data-v-54778daf]{font-size:11px;color:#999}.quick-actions[data-v-54778daf]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.quick-actions h3[data-v-54778daf]{margin:0 0 20px;color:#333}.action-buttons[data-v-54778daf]{display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 768px){.operation-tabs[data-v-54778daf]{flex-wrap:wrap}.tab-btn[data-v-54778daf]{flex:1;min-width:140px}.key-header[data-v-54778daf]{flex-direction:column;align-items:flex-start;gap:8px}.key-actions[data-v-54778daf]{justify-content:center}.action-buttons[data-v-54778daf]{flex-direction:column}.secret-header[data-v-54778daf]{flex-direction:column;align-items:flex-start;gap:8px}.secret-actions[data-v-54778daf]{flex-direction:column}}.debug-view[data-v-e5116d1c]{max-width:1400px;margin:0 auto}.section-header[data-v-e5116d1c]{text-align:center;margin-bottom:30px}.section-header h2[data-v-e5116d1c]{font-size:28px;color:#333;margin-bottom:8px}.section-header p[data-v-e5116d1c]{color:#666;font-size:16px}.debug-controls[data-v-e5116d1c]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.debug-controls h3[data-v-e5116d1c]{margin:0 0 20px;color:#333}.control-tabs[data-v-e5116d1c]{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid #eee;overflow-x:auto}.tab-btn[data-v-e5116d1c]{padding:12px 20px;border:none;background:none;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;font-weight:500;white-space:nowrap}.tab-btn[data-v-e5116d1c]:hover{color:#3b82f6;background:#3b82f60d}.tab-btn.active[data-v-e5116d1c]{color:#3b82f6;border-bottom-color:#3b82f6}.control-panel[data-v-e5116d1c]{padding:20px;border:1px solid #eee;border-radius:8px;background:#fafafa}.control-panel h4[data-v-e5116d1c]{margin:0 0 8px;color:#333}.panel-description[data-v-e5116d1c]{color:#666;font-size:14px;margin-bottom:20px;line-height:1.5}.logging-config[data-v-e5116d1c],.monitoring-config[data-v-e5116d1c],.performance-config[data-v-e5116d1c],.diagnostics-config[data-v-e5116d1c]{display:grid;gap:20px}.module-controls h5[data-v-e5116d1c]{margin:0 0 12px;color:#333}.module-grid[data-v-e5116d1c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.module-item[data-v-e5116d1c]{border:1px solid #ddd;border-radius:6px;padding:12px;background:#fff}.module-header[data-v-e5116d1c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.module-name[data-v-e5116d1c]{font-weight:500;color:#333}.module-status[data-v-e5116d1c]{padding:2px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;font-weight:500;background:#dc2626;color:#fff}.module-status.enabled[data-v-e5116d1c]{background:#10b981}.module-controls[data-v-e5116d1c]{display:flex;justify-content:space-between;align-items:center;gap:8px}.toggle-label[data-v-e5116d1c]{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.checkbox-label[data-v-e5116d1c]{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin-bottom:8px}.checkbox-label input[type=checkbox][data-v-e5116d1c]{width:auto;margin:0}.monitoring-toggles[data-v-e5116d1c]{display:flex;flex-direction:column;gap:8px}.form-group[data-v-e5116d1c]{margin-bottom:16px}.form-group label[data-v-e5116d1c]{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:14px}.form-select[data-v-e5116d1c],.form-select-sm[data-v-e5116d1c]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;background:#fff}.form-select-sm[data-v-e5116d1c]{padding:4px 8px;font-size:12px}.form-input-sm[data-v-e5116d1c]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;font-family:inherit}.logging-actions[data-v-e5116d1c],.monitoring-actions[data-v-e5116d1c],.profiling-actions[data-v-e5116d1c],.benchmark-actions[data-v-e5116d1c],.health-actions[data-v-e5116d1c],.trouble-actions[data-v-e5116d1c]{display:flex;flex-wrap:wrap;gap:8px}.profiling-controls[data-v-e5116d1c],.benchmark-controls[data-v-e5116d1c],.health-check[data-v-e5116d1c],.troubleshooting[data-v-e5116d1c]{border-top:1px solid #eee;padding-top:16px}.profiling-controls h5[data-v-e5116d1c],.benchmark-controls h5[data-v-e5116d1c],.health-check h5[data-v-e5116d1c],.troubleshooting h5[data-v-e5116d1c]{margin:0 0 12px;color:#333}.btn[data-v-e5116d1c]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn[data-v-e5116d1c]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-e5116d1c]{background:#3b82f6;color:#fff}.btn-primary[data-v-e5116d1c]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-e5116d1c]{background:#6b7280;color:#fff}.btn-secondary[data-v-e5116d1c]:hover:not(:disabled){background:#4b5563}.btn-success[data-v-e5116d1c]{background:#10b981;color:#fff}.btn-success[data-v-e5116d1c]:hover:not(:disabled){background:#059669}.btn-danger[data-v-e5116d1c]{background:#ef4444;color:#fff}.btn-danger[data-v-e5116d1c]:hover:not(:disabled){background:#dc2626}.btn-warning[data-v-e5116d1c]{background:#f59e0b;color:#fff}.btn-warning[data-v-e5116d1c]:hover:not(:disabled){background:#d97706}.btn-info[data-v-e5116d1c]{background:#06b6d4;color:#fff}.btn-info[data-v-e5116d1c]:hover:not(:disabled){background:#0891b2}.btn-sm[data-v-e5116d1c]{padding:4px 8px;font-size:12px}.btn-icon[data-v-e5116d1c]{font-size:14px}.debug-logs[data-v-e5116d1c]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.section-title[data-v-e5116d1c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.section-title h3[data-v-e5116d1c]{margin:0;color:#333}.log-controls[data-v-e5116d1c]{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.log-filters[data-v-e5116d1c]{display:flex;gap:8px;align-items:center}.log-actions[data-v-e5116d1c]{display:flex;gap:8px}.log-display[data-v-e5116d1c]{max-height:400px;overflow-y:auto;border:1px solid #eee;border-radius:6px;background:#fafafa}.empty-logs[data-v-e5116d1c]{text-align:center;padding:60px 20px;color:#666}.empty-icon[data-v-e5116d1c]{font-size:48px;margin-bottom:16px}.empty-logs p[data-v-e5116d1c]{margin:0 0 8px}.empty-meta[data-v-e5116d1c]{font-size:14px;color:#999}.log-entries[data-v-e5116d1c]{padding:16px}.log-entry[data-v-e5116d1c]{margin-bottom:12px;padding:8px 12px;border-radius:4px;border-left:3px solid #ddd;background:#fff}.log-entry.log-error[data-v-e5116d1c]{border-left-color:#ef4444;background:#fef2f2}.log-entry.log-warning[data-v-e5116d1c]{border-left-color:#f59e0b;background:#fffbeb}.log-entry.log-info[data-v-e5116d1c]{border-left-color:#3b82f6;background:#eff6ff}.log-entry.log-debug[data-v-e5116d1c]{border-left-color:#8b5cf6;background:#f5f3ff}.log-entry.log-verbose[data-v-e5116d1c]{border-left-color:#6b7280;background:#f9fafb}.log-entry.log-success[data-v-e5116d1c]{border-left-color:#10b981;background:#f0fdf4}.log-header[data-v-e5116d1c]{display:flex;gap:12px;align-items:center;margin-bottom:4px;font-size:12px}.log-timestamp[data-v-e5116d1c]{color:#666;font-family:monospace}.log-level[data-v-e5116d1c]{padding:1px 4px;border-radius:2px;font-weight:500;font-size:10px}.log-entry.log-error .log-level[data-v-e5116d1c]{background:#ef4444;color:#fff}.log-entry.log-warning .log-level[data-v-e5116d1c]{background:#f59e0b;color:#fff}.log-entry.log-info .log-level[data-v-e5116d1c]{background:#3b82f6;color:#fff}.log-entry.log-debug .log-level[data-v-e5116d1c]{background:#8b5cf6;color:#fff}.log-entry.log-verbose .log-level[data-v-e5116d1c]{background:#6b7280;color:#fff}.log-entry.log-success .log-level[data-v-e5116d1c]{background:#10b981;color:#fff}.log-module[data-v-e5116d1c]{background:#e5e7eb;color:#374151;padding:1px 4px;border-radius:2px;font-size:10px}.log-message[data-v-e5116d1c]{color:#333;font-size:13px;line-height:1.4}.log-data[data-v-e5116d1c]{margin-top:8px}.log-data details[data-v-e5116d1c]{cursor:pointer}.log-data summary[data-v-e5116d1c]{color:#666;font-size:12px;margin-bottom:4px}.log-data pre[data-v-e5116d1c]{margin:0;padding:8px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:3px;font-size:11px;overflow-x:auto}.system-dashboard[data-v-e5116d1c]{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.system-dashboard h3[data-v-e5116d1c]{margin:0 0 20px;color:#333}.dashboard-grid[data-v-e5116d1c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.status-card[data-v-e5116d1c]{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #eee}.status-icon[data-v-e5116d1c]{font-size:24px;opacity:.8}.status-content h4[data-v-e5116d1c]{margin:0 0 4px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.status-value[data-v-e5116d1c]{font-size:18px;font-weight:600;margin-bottom:2px}.status-value.healthy[data-v-e5116d1c],.status-value.good[data-v-e5116d1c]{color:#10b981}.status-value.warning[data-v-e5116d1c]{color:#f59e0b}.status-value.error[data-v-e5116d1c]{color:#ef4444}.status-meta[data-v-e5116d1c]{font-size:11px;color:#999}.monitoring-charts[data-v-e5116d1c]{border-top:1px solid #eee;padding-top:20px}.monitoring-charts h4[data-v-e5116d1c]{margin:0 0 16px;color:#333}.chart-placeholder[data-v-e5116d1c]{height:200px;background:#f8f9fa;border:2px dashed #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center}.chart-info[data-v-e5116d1c]{color:#666}.chart-info p[data-v-e5116d1c]{margin:0 0 4px}.quick-debug-actions[data-v-e5116d1c]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a}.quick-debug-actions h3[data-v-e5116d1c]{margin:0 0 20px;color:#333}.action-buttons[data-v-e5116d1c]{display:flex;flex-wrap:wrap;gap:12px}@media (max-width: 768px){.control-tabs[data-v-e5116d1c]{flex-wrap:wrap}.tab-btn[data-v-e5116d1c]{flex:1;min-width:120px}.section-title[data-v-e5116d1c],.log-controls[data-v-e5116d1c]{flex-direction:column;align-items:flex-start}.module-grid[data-v-e5116d1c],.dashboard-grid[data-v-e5116d1c]{grid-template-columns:1fr}.action-buttons[data-v-e5116d1c]{flex-direction:column}}.testing-view[data-v-6bb642a0]{display:flex;flex-direction:column;gap:24px}.view-header[data-v-6bb642a0]{margin-bottom:8px}.view-header h2[data-v-6bb642a0]{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 8px}.view-header p[data-v-6bb642a0]{color:#6b7280;margin:0}.card[data-v-6bb642a0]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.card h3[data-v-6bb642a0]{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.button-grid[data-v-6bb642a0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.input-grid[data-v-6bb642a0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.input-group[data-v-6bb642a0]{display:flex;flex-direction:column;gap:6px}.input-group label[data-v-6bb642a0]{font-size:14px;font-weight:500;color:#374151}.input-group input[data-v-6bb642a0]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.input-group input[data-v-6bb642a0]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn[data-v-6bb642a0]{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn[data-v-6bb642a0]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-6bb642a0]{background:#3b82f6;color:#fff}.btn-primary[data-v-6bb642a0]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-6bb642a0]{background:#6b7280;color:#fff}.btn-secondary[data-v-6bb642a0]:hover:not(:disabled){background:#4b5563}.btn-tertiary[data-v-6bb642a0]{background:#e5e7eb;color:#374151}.btn-tertiary[data-v-6bb642a0]:hover:not(:disabled){background:#d1d5db}.test-results-header[data-v-6bb642a0]{display:flex;gap:12px;margin-bottom:16px}.test-results[data-v-6bb642a0]{max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.empty-state[data-v-6bb642a0]{padding:40px;text-align:center;color:#9ca3af;font-style:italic}.test-result-item[data-v-6bb642a0]{padding:16px;border-radius:8px;border:1px solid #e5e7eb}.test-result-item.success[data-v-6bb642a0]{background:#f0fdf4;border-color:#86efac}.test-result-item.error[data-v-6bb642a0]{background:#fef2f2;border-color:#fca5a5}.test-result-item.warning[data-v-6bb642a0]{background:#fffbeb;border-color:#fde68a}.test-result-item.info[data-v-6bb642a0]{background:#eff6ff;border-color:#93c5fd}.result-header[data-v-6bb642a0]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.result-icon[data-v-6bb642a0]{font-size:20px}.result-name[data-v-6bb642a0]{font-weight:600;color:#1f2937;flex:1}.result-time[data-v-6bb642a0]{font-size:12px;color:#6b7280}.result-details[data-v-6bb642a0]{margin-top:8px}.result-details pre[data-v-6bb642a0]{margin:0;font-size:13px;white-space:pre-wrap;color:#374151}.result-error[data-v-6bb642a0]{margin-top:8px;padding:8px 12px;background:#ef44441a;border-radius:6px;font-size:13px;color:#dc2626}.utility-results[data-v-6bb642a0]{padding:16px;background:#f9fafb;border-radius:8px}.utility-results pre[data-v-6bb642a0]{margin:0;font-size:14px;color:#374151}.metrics-grid[data-v-6bb642a0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.metric-item[data-v-6bb642a0]{padding:16px;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:8px}.metric-label[data-v-6bb642a0]{font-size:13px;color:#6b7280;font-weight:500}.metric-value[data-v-6bb642a0]{font-size:24px;font-weight:700;color:#1f2937}.test-results[data-v-6bb642a0]::-webkit-scrollbar{width:8px}.test-results[data-v-6bb642a0]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.test-results[data-v-6bb642a0]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.test-results[data-v-6bb642a0]::-webkit-scrollbar-thumb:hover{background:#94a3b8}