.spinner-border[data-v-694f6ab4]{width:1rem;height:1rem;border-width:.15em}.social-hub{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f6f8fd,#f1f4f9)}.social-hub .hub-header{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;margin-bottom:3rem}.social-hub .hub-header .header-content .gradient-text{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#2d3436,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.social-hub .hub-header .header-content .subtitle{font-size:1.1rem;color:#64748b;margin-top:.5rem}.social-hub .hub-header .stats-container{min-width:200px}.social-hub .hub-header .stats-container .stat-item{position:relative;text-align:center;padding:2rem;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;border:1px solid hsla(0,0%,100%,.8);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.social-hub .hub-header .stats-container .stat-item .stat-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;position:relative;z-index:1}.social-hub .hub-header .stats-container .stat-item .stat-label{font-size:1rem;color:#64748b;font-weight:500;position:relative;z-index:1}.social-hub .hub-header .stats-container .stat-item .progress-ring{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);width:140px;height:140px;z-index:0}.social-hub .hub-header .stats-container .stat-item .progress-ring svg{width:100%;height:100%}.social-hub .hub-header .stats-container .stat-item .progress-ring svg path{fill:none;stroke-width:2}.social-hub .hub-header .stats-container .stat-item .progress-ring svg path:first-child{stroke:#e2e8f0}.social-hub .hub-header .stats-container .stat-item .progress-ring svg path:last-child{stroke:#0ea5e9;-webkit-transition:stroke-dasharray .5s ease;transition:stroke-dasharray .5s ease}.social-hub .connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.social-hub .connection-grid .connection-card{height:100%;position:relative;cursor:pointer;-webkit-transition:-webkit-transform .3s cubic-bezier(.34,1.56,.64,1);transition:-webkit-transform .3s cubic-bezier(.34,1.56,.64,1);transition:transform .3s cubic-bezier(.34,1.56,.64,1);transition:transform .3s cubic-bezier(.34,1.56,.64,1),-webkit-transform .3s cubic-bezier(.34,1.56,.64,1)}.social-hub .connection-grid .connection-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.social-hub .connection-grid .connection-card:hover .card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.95)}.social-hub .connection-grid .connection-card:hover .hover-effect{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}.social-hub .connection-grid .connection-card .card-glass{height:100%;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;padding:2rem;border:1px solid hsla(0,0%,100%,.8);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.social-hub .connection-grid .connection-card .network-status{position:absolute;top:1rem;right:1rem;z-index:2}.social-hub .connection-grid .connection-card .network-status .status-indicator{width:12px;height:12px;border-radius:50%;background:#e2e8f0;position:relative}.social-hub .connection-grid .connection-card .network-status .status-indicator.active{background:#10b981}.social-hub .connection-grid .connection-card .network-status .status-indicator.active .pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.social-hub .connection-grid .connection-card .card-content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1.5rem;position:relative;z-index:1}.social-hub .connection-grid .connection-card .card-content .icon-wrapper{position:relative;width:3.5rem;height:3.5rem;-ms-flex-negative:0;flex-shrink:0}.social-hub .connection-grid .connection-card .card-content .icon-wrapper .c-icon{width:100%;height:100%;position:relative;z-index:1}.social-hub .connection-grid .connection-card .card-content .icon-wrapper .hover-effect{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:currentColor;opacity:.1;-webkit-transition:all .3s ease;transition:all .3s ease}.social-hub .connection-grid .connection-card .card-content .network-details{-webkit-box-flex:1;-ms-flex:1;flex:1;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-pack:center;-ms-flex-pack:center;justify-content:center;min-height:3.5rem}.social-hub .connection-grid .connection-card .card-content .network-details h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem 0;color:#1e293b}.social-hub .connection-grid .connection-card .card-content .network-details .status-message{font-size:.875rem;color:#64748b;margin:0}.social-hub .connection-grid .connection-card .card-content .network-details .status-message strong{color:#0ea5e9}.social-hub .connection-grid .connection-card .card-content .action-state{width:2.5rem;height:2.5rem;-ms-flex-negative:0;flex-shrink:0}.social-hub .connection-grid .connection-card .card-content .action-state .processing .loading-pulse{width:100%;height:100%;border-radius:50%;background:#e2e8f0;-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}.social-hub .connection-grid .connection-card .card-content .action-state .connection-action{width:100%;height:100%;border-radius:50%;background:#f1f5f9;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;font-size:1.25rem;color:#64748b;-webkit-transition:all .3s ease;transition:all .3s ease}.social-hub .connection-grid .connection-card .card-content .action-state .connection-action:hover{background:#e2e8f0;-webkit-transform:scale(1.1);transform:scale(1.1)}.social-hub .connection-grid .connection-card.facebook .icon-wrapper{color:#4267b2}.social-hub .connection-grid .connection-card.instagram .icon-wrapper{color:#e1306c}.social-hub .connection-grid .connection-card.linkedin .icon-wrapper{color:#0077b5}.social-hub .connection-grid .connection-card.is-connected .card-glass{border-color:#10b981;-webkit-box-shadow:0 0 0 2px rgba(16,185,129,.1);box-shadow:0 0 0 2px rgba(16,185,129,.1)}.social-hub .connection-timeline{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.social-hub .connection-timeline .timeline-header{margin-bottom:1.5rem}.social-hub .connection-timeline .timeline-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.social-hub .connection-timeline .timeline-events{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.social-hub .connection-timeline .timeline-events .timeline-event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background:#f8fafc;-webkit-transition:all .3s ease;transition:all .3s ease}.social-hub .connection-timeline .timeline-events .timeline-event.connected{background:#f0fdf4}.social-hub .connection-timeline .timeline-events .timeline-event .event-icon{width:2.5rem;height:2.5rem;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;background:#fff;border-radius:50%;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05);-ms-flex-negative:0;flex-shrink:0}.social-hub .connection-timeline .timeline-events .timeline-event .event-icon .c-icon{width:1.25rem;height:1.25rem}.social-hub .connection-timeline .timeline-events .timeline-event .event-details{-webkit-box-flex:1;-ms-flex:1;flex:1}.social-hub .connection-timeline .timeline-events .timeline-event .event-details h4{font-size:1rem;font-weight:500;color:#1e293b;margin:0}.social-hub .connection-timeline .timeline-events .timeline-event .event-details p{font-size:.875rem;color:#64748b;margin:.25rem 0 0 0}.social-hub .quick-actions{position:fixed;bottom:2rem;right:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;z-index:100}.social-hub .quick-actions .action-button{background:#fff;border:none;border-radius:2rem;padding:.75rem 1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;cursor:pointer;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.social-hub .quick-actions .action-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 12px -1px rgba(0,0,0,.1);box-shadow:0 8px 12px -1px rgba(0,0,0,.1)}.social-hub .quick-actions .action-button .button-icon{width:1.5rem;height:1.5rem;background:#f1f5f9;border-radius:50%;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;font-weight:600;color:#64748b}.social-hub .quick-actions .action-button .button-text{font-size:.875rem;font-weight:500;color:#1e293b}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(16,185,129,.4);box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(16,185,129,0);box-shadow:0 0 0 10px rgba(16,185,129,0)}to{-webkit-box-shadow:0 0 0 0 rgba(16,185,129,0);box-shadow:0 0 0 0 rgba(16,185,129,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(16,185,129,.4);box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{-webkit-box-shadow:0 0 0 10px rgba(16,185,129,0);box-shadow:0 0 0 10px rgba(16,185,129,0)}to{-webkit-box-shadow:0 0 0 0 rgba(16,185,129,0);box-shadow:0 0 0 0 rgba(16,185,129,0)}}@media(max-width:768px){.social-hub{padding:1rem}.social-hub .hub-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:2rem}.social-hub .hub-header .stats-container{width:100%;max-width:300px;margin:0 auto}.social-hub .hub-header .stats-container .stat-item{padding:1.5rem}.social-hub .hub-header .stats-container .stat-item .progress-ring{width:120px;height:120px}.social-hub .connection-grid{grid-template-columns:1fr}.social-hub .quick-actions{bottom:1rem;right:1rem;left:1rem}.social-hub .quick-actions .action-button{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}