.footer-actions[data-v-7d7a4c43]{display:flex;align-items:center;gap:12px;width:100%;justify-content:flex-end}.step-content[data-v-7d7a4c43]{padding:0 24px 20px;max-height:60vh;overflow-y:auto}.step-description[data-v-7d7a4c43]{color:#64748b;font-size:14px;margin-bottom:24px;line-height:1.5}.form-group[data-v-7d7a4c43]{margin-bottom:20px}.form-label[data-v-7d7a4c43]{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.name-input-container[data-v-7d7a4c43]{position:relative}.form-input[data-v-7d7a4c43],.name-input-full[data-v-7d7a4c43]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;outline:none;font-size:14px;color:#1e293b}.name-input-full[data-v-7d7a4c43]{padding-right:50px}.form-input[data-v-7d7a4c43]:focus,.name-input-full[data-v-7d7a4c43]:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-textarea[data-v-7d7a4c43]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;resize:vertical;outline:none;font-size:14px;color:#1e293b;font-family:inherit}.form-textarea[data-v-7d7a4c43]:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-select[data-v-7d7a4c43]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;outline:none;font-size:14px;color:#1e293b;cursor:pointer}.form-select[data-v-7d7a4c43]:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.char-count[data-v-7d7a4c43]{position:absolute;right:12px;color:#64748b;font-size:12px;pointer-events:none}.form-group .char-count[data-v-7d7a4c43]{position:static;text-align:right;margin-top:4px}.error-message[data-v-7d7a4c43]{color:#ef4444;font-size:12px;margin-top:4px}.hub-preview[data-v-7d7a4c43]{margin-top:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.preview-header[data-v-7d7a4c43]{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.preview-card[data-v-7d7a4c43]{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.preview-banner[data-v-7d7a4c43]{width:100%;height:80px;overflow:hidden;background:#f1f5f9}.preview-banner-image[data-v-7d7a4c43]{width:100%;height:100%;object-fit:cover}.preview-content[data-v-7d7a4c43]{display:flex;align-items:flex-start;gap:12px;padding:16px}.preview-avatar[data-v-7d7a4c43]{width:40px;height:40px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;overflow:hidden}.preview-avatar-image[data-v-7d7a4c43]{width:100%;height:100%;object-fit:cover}.preview-info[data-v-7d7a4c43]{flex:1}.preview-name[data-v-7d7a4c43]{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:2px}.preview-meta[data-v-7d7a4c43]{font-size:12px;color:#64748b;margin-bottom:8px}.preview-description[data-v-7d7a4c43]{font-size:13px;color:#475569;line-height:1.4}.link[data-v-7d7a4c43]{color:#3b82f6;text-decoration:none}.link[data-v-7d7a4c43]:hover{text-decoration:underline}.btn[data-v-7d7a4c43]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary[data-v-7d7a4c43]{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-7d7a4c43]:hover{background:#f9fafb}.btn-primary[data-v-7d7a4c43]{background:#3b82f6;color:#fff}.btn-primary[data-v-7d7a4c43]:hover:not(:disabled){background:#2563eb}.btn-primary[data-v-7d7a4c43]:disabled{background:#9ca3af;cursor:not-allowed}@media(max-width:768px){.step-content[data-v-7d7a4c43]{padding:0 20px 16px}.footer-actions[data-v-7d7a4c43]{flex-wrap:wrap}.btn[data-v-7d7a4c43]{flex:1;min-width:100px}}.visual-section[data-v-7d7a4c43]{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.section-title[data-v-7d7a4c43]{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.section-description[data-v-7d7a4c43]{font-size:14px;color:#64748b;margin-bottom:20px;line-height:1.5}.upload-section[data-v-7d7a4c43]{margin-bottom:20px}.upload-card[data-v-7d7a4c43]{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease;background:#fafbfc}.upload-card[data-v-7d7a4c43]:hover{border-color:#3b82f6;background:#f8fafc}.upload-card.uploaded[data-v-7d7a4c43]{background:#fff;border-color:#10b981}.banner-card[data-v-7d7a4c43]{min-height:120px}.upload-preview-area[data-v-7d7a4c43]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.upload-icon[data-v-7d7a4c43]{color:#9ca3af;flex-shrink:0}.upload-info[data-v-7d7a4c43]{flex:1}.upload-title[data-v-7d7a4c43]{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.upload-subtitle[data-v-7d7a4c43]{font-size:14px;color:#64748b;margin-bottom:4px}.upload-specs[data-v-7d7a4c43]{font-size:12px;color:#9ca3af}.upload-actions[data-v-7d7a4c43]{display:flex;justify-content:flex-start}.upload-btn[data-v-7d7a4c43]{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-btn[data-v-7d7a4c43]:hover{background:#2563eb;transform:translateY(-1px)}.uploaded-preview[data-v-7d7a4c43]{position:relative;border-radius:8px;overflow:hidden;height:100px}.uploaded-image[data-v-7d7a4c43]{width:100%;height:100%;object-fit:cover}.upload-overlay[data-v-7d7a4c43]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.uploaded-preview:hover .upload-overlay[data-v-7d7a4c43]{opacity:1}.overlay-actions[data-v-7d7a4c43]{display:flex;gap:8px}.overlay-btn[data-v-7d7a4c43]{background:#ffffffe6;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.overlay-btn[data-v-7d7a4c43]:hover{background:#fff;transform:scale(1.05)}.overlay-btn.remove-btn[data-v-7d7a4c43]{color:#ef4444}.overlay-btn.change-btn[data-v-7d7a4c43]{color:#3b82f6}.icon-section[data-v-7d7a4c43]{max-width:400px}.icon-card[data-v-7d7a4c43]{min-height:auto}.icon-upload-area[data-v-7d7a4c43]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.icon-placeholder[data-v-7d7a4c43]{width:60px;height:60px;border:2px dashed #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.placeholder-icon[data-v-7d7a4c43]{color:#9ca3af}.icon-info[data-v-7d7a4c43]{flex:1}.icon-btn[data-v-7d7a4c43]{padding:8px 16px;font-size:13px}.icon-preview-container[data-v-7d7a4c43]{display:flex;align-items:center;gap:16px}.icon-preview[data-v-7d7a4c43]{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.icon-image[data-v-7d7a4c43]{width:100%;height:100%;object-fit:cover}.icon-overlay[data-v-7d7a4c43]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.icon-preview:hover .icon-overlay[data-v-7d7a4c43]{opacity:1}.icon-overlay .overlay-actions[data-v-7d7a4c43]{gap:4px}.icon-overlay .overlay-btn[data-v-7d7a4c43]{padding:4px;border-radius:4px}.uploaded-info .upload-title[data-v-7d7a4c43]{color:#10b981}.uploaded-info .upload-subtitle[data-v-7d7a4c43]{color:#64748b}.hidden-input[data-v-7d7a4c43]{display:none}.modal-content[data-v-cc16d4f0]{display:flex;flex-direction:column;height:60vh;overflow:hidden}.search-section[data-v-cc16d4f0]{padding:20px 24px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.search-container[data-v-cc16d4f0]{position:relative;display:flex;align-items:center}.search-clear-button[data-v-cc16d4f0]{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;margin-left:8px;display:flex;align-items:center;justify-content:center;opacity:.7;flex-shrink:0;position:absolute;right:12px;z-index:2}.search-clear-button[data-v-cc16d4f0]:hover{color:#ef4444;background:#ef44441a;opacity:1}.search-clear-button[data-v-cc16d4f0]:active{transform:scale(.95)}.search-icon[data-v-cc16d4f0]{position:absolute;left:12px;color:#64748b;z-index:1}.search-input[data-v-cc16d4f0]{width:100%;padding:12px 44px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;color:#1e293b;outline:none;transition:all .2s ease}.search-input[data-v-cc16d4f0]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input[data-v-cc16d4f0]::placeholder{color:#94a3b8}.tab-navigation[data-v-cc16d4f0]{display:flex;border-bottom:1px solid #e2e8f0;flex-shrink:0}.tab-btn[data-v-cc16d4f0]{flex:1;padding:16px 24px;background:none;border:none;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.tab-btn[data-v-cc16d4f0]:hover{background:#f8fafc;color:#374151}.tab-btn.active[data-v-cc16d4f0]{color:#3b82f6;border-bottom-color:#3b82f6;background:#fff}.tab-content[data-v-cc16d4f0],.joined-hubs-content[data-v-cc16d4f0],.discover-hubs-content[data-v-cc16d4f0]{flex:1;overflow:hidden;display:flex;flex-direction:column}.hubs-list[data-v-cc16d4f0]{flex:1;overflow-y:auto;padding:16px 24px}.hub-item[data-v-cc16d4f0]{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;background:#fff}.hub-item[data-v-cc16d4f0]:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.hub-item[data-v-cc16d4f0]:last-child{margin-bottom:0}.hub-avatar[data-v-cc16d4f0]{flex-shrink:0}.hub-info[data-v-cc16d4f0]{flex:1;min-width:0}.hub-header[data-v-cc16d4f0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.hub-name[data-v-cc16d4f0]{font-size:16px;font-weight:600;color:#1e293b;margin:0}.member-count[data-v-cc16d4f0]{color:#64748b;font-size:12px;font-weight:500}.hub-description[data-v-cc16d4f0]{color:#475569;font-size:14px;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hub-meta[data-v-cc16d4f0]{display:flex;align-items:center;gap:16px;font-size:12px}.joined-date[data-v-cc16d4f0]{color:#64748b}.notification-status[data-v-cc16d4f0]{display:flex;align-items:center;gap:4px;color:#64748b}.notification-status.active[data-v-cc16d4f0]{color:#f59e0b}.hub-actions[data-v-cc16d4f0]{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-btn[data-v-cc16d4f0]{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn[data-v-cc16d4f0]:hover{background:#f9fafb;border-color:#cbd5e1}.notification-btn.active[data-v-cc16d4f0]{background:#fef3c7;color:#f59e0b;border-color:#f59e0b}.join-btn[data-v-cc16d4f0]{background:#3b82f6;color:#fff;border-color:#3b82f6}.join-btn[data-v-cc16d4f0]:hover{background:#2563eb;border-color:#2563eb}.join-btn.joined[data-v-cc16d4f0]{background:#10b981;border-color:#10b981}.join-btn.joined[data-v-cc16d4f0]:hover{background:#059669;border-color:#059669}.leave-btn[data-v-cc16d4f0]{color:#ef4444;border-color:#fecaca}.leave-btn[data-v-cc16d4f0]:hover{background:#fef2f2;border-color:#ef4444}@media(max-width:768px){.search-section[data-v-cc16d4f0]{padding:16px 20px}.tab-btn[data-v-cc16d4f0]{padding:12px 16px;font-size:13px}.hubs-list[data-v-cc16d4f0]{padding:12px 20px}.hub-item[data-v-cc16d4f0]{padding:12px;gap:12px}.hub-name[data-v-cc16d4f0]{font-size:15px}.hub-description[data-v-cc16d4f0]{font-size:13px}.hub-actions[data-v-cc16d4f0]{flex-direction:column;gap:6px}}@media(max-width:480px){.hub-header[data-v-cc16d4f0],.hub-meta[data-v-cc16d4f0]{flex-direction:column;align-items:flex-start;gap:4px}}.hubs-list[data-v-cc16d4f0]::-webkit-scrollbar{width:6px}.hubs-list[data-v-cc16d4f0]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.hubs-list[data-v-cc16d4f0]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.hubs-list[data-v-cc16d4f0]::-webkit-scrollbar-thumb:hover{background:#94a3b8}