.blog-hero{text-align:center;background:linear-gradient(135deg,#0a0a1a 0%,#1a0a2e 50%,#0a1628 100%);padding:120px 20px 80px;position:relative;overflow:hidden}.blog-hero:before{content:"";background:radial-gradient(at 30%,#8b5cf614 0%,#0000 50%),radial-gradient(at 70%,#ec48990f 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite heroFloat;position:absolute;top:-50%;left:-50%}@keyframes heroFloat{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,-2%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-.5deg)}}.blog-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.blog-hero h1{background:linear-gradient(135deg,#fff 0%,#a78bfa 50%,#ec4899 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3.5rem;font-weight:800;line-height:1.1}.blog-hero p{color:#ffffffb3;max-width:600px;margin:0 auto 32px;font-size:1.2rem;line-height:1.6}.blog-search-container{max-width:500px;margin:0 auto 40px;position:relative}.blog-search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;outline:none;width:100%;padding:16px 24px 16px 52px;font-size:1rem;transition:all .3s}.blog-search-input:focus{background:#ffffff14;border-color:#8b5cf680;box-shadow:0 0 30px #8b5cf61a}.blog-search-input::placeholder{color:#fff6}.blog-search-icon{color:#fff6;font-size:1.1rem;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.blog-categories{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:50px;padding:0 20px;display:flex}.blog-category-chip{cursor:pointer;color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:all .3s}.blog-category-chip:hover{color:#fff;background:#8b5cf61a;border-color:#8b5cf64d}.blog-category-chip.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#0000;box-shadow:0 4px 15px #8b5cf64d}.blog-container{max-width:1200px;margin:0 auto;padding:0 20px 80px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-hero h1{font-size:2.2rem}.blog-hero{padding:100px 16px 60px}}.blog-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.blog-card:hover{border-color:#8b5cf633;transform:translateY(-6px);box-shadow:0 20px 60px #0000004d,0 0 40px #8b5cf60d}.blog-card-image{object-fit:cover;background:linear-gradient(135deg,#1a1a2e,#16213e);width:100%;height:200px;position:relative}.blog-card-image-placeholder{background:linear-gradient(135deg,#1a0a2e,#0a1628);justify-content:center;align-items:center;width:100%;height:200px;font-size:3rem;display:flex;position:relative}.blog-card-category-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf6e6;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:12px;left:12px}.blog-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-meta{color:#fff6;align-items:center;gap:12px;margin-bottom:12px;font-size:.8rem;display:flex}.blog-card-meta span{align-items:center;gap:4px;display:flex}.blog-card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:1.2rem;font-weight:700;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:#a78bfa}.blog-card-excerpt{color:#ffffff80;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.blog-card-author{color:#ffffff80;align-items:center;gap:8px;font-size:.85rem;display:flex}.blog-card-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.blog-card-read-time{color:#fff6;align-items:center;gap:4px;font-size:.8rem;display:flex}.blog-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.blog-tag{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:500}.blog-post-container{max-width:800px;margin:0 auto;padding:100px 20px 80px}.blog-post-header{margin-bottom:40px}.blog-post-category{color:#a78bfa;background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid #8b5cf64d;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.blog-post-title{color:#fff;letter-spacing:-.5px;margin-bottom:20px;font-size:2.8rem;font-weight:800;line-height:1.2}@media (max-width:640px){.blog-post-title{font-size:2rem}}.blog-post-meta{color:#fff6;align-items:center;gap:20px;margin-bottom:30px;font-size:.9rem;display:flex}.blog-post-meta span{align-items:center;gap:6px;display:flex}.blog-post-featured-image{object-fit:cover;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;width:100%;height:400px;margin-bottom:40px}@media (max-width:640px){.blog-post-featured-image{height:220px}}.blog-post-content{color:#fffc;font-size:1.1rem;line-height:1.8}.blog-post-content h2{color:#fff;letter-spacing:-.3px;margin:40px 0 16px;font-size:1.8rem;font-weight:700}.blog-post-content h3{color:#fff;margin:32px 0 12px;font-size:1.4rem;font-weight:600}.blog-post-content p{margin-bottom:20px}.blog-post-content a{color:#a78bfa;text-underline-offset:3px;text-decoration:underline;transition:color .3s}.blog-post-content a:hover{color:#c4b5fd}.blog-post-content ul,.blog-post-content ol{margin:16px 0 24px 24px}.blog-post-content li{margin-bottom:8px}.blog-post-content blockquote{color:#ffffffb3;background:#8b5cf60d;border-left:4px solid #8b5cf6;border-radius:0 12px 12px 0;margin:24px 0;padding:16px 24px;font-style:italic}.blog-post-content code{color:#c4b5fd;background:#8b5cf626;border-radius:6px;padding:2px 8px;font-size:.9em}.blog-post-content pre{background:#0006;border:1px solid #ffffff1a;border-radius:12px;margin:24px 0;padding:20px;overflow-x:auto}.blog-post-content pre code{color:#fffc;background:0 0;padding:0}.blog-post-content img{border-radius:12px;max-width:100%;margin:24px 0}.blog-share-bar{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin:40px 0;padding:24px 0;display:flex}.blog-share-label{color:#fff9;font-size:.9rem;font-weight:600}.blog-share-btn{cursor:pointer;color:#fff9;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .3s;display:flex}.blog-share-btn:hover{color:#fff;background:#8b5cf626;border-color:#8b5cf64d;transform:translateY(-2px)}.blog-comments-section{margin-top:60px}.blog-comments-title{color:#fff;margin-bottom:30px;font-size:1.5rem;font-weight:700}.blog-comment-form{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;margin-bottom:30px;padding:24px}.blog-comment-form textarea{color:#fff;resize:vertical;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:100px;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.blog-comment-form textarea:focus{border-color:#8b5cf666}.blog-comment-form-footer{align-items:center;gap:12px;margin-top:16px;display:flex}.blog-comment-form input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:.9rem;transition:border-color .3s}.blog-comment-form input:focus{border-color:#8b5cf666}.blog-comment-item{border-bottom:1px solid #ffffff0d;padding:20px 0}.blog-comment-author{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:600}.blog-comment-date{color:#ffffff4d;margin-bottom:10px;font-size:.8rem}.blog-comment-text{color:#fff9;font-size:.95rem;line-height:1.6}.blog-related{border-top:1px solid #ffffff14;margin-top:60px;padding-top:40px}.blog-related-title{color:#fff;margin-bottom:24px;font-size:1.5rem;font-weight:700}.blog-related-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:640px){.blog-related-grid{grid-template-columns:1fr}}.blog-pagination{justify-content:center;align-items:center;gap:8px;margin-top:50px;display:flex}.blog-page-btn{cursor:pointer;color:#fff9;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.blog-page-btn:hover{color:#fff;border-color:#8b5cf64d}.blog-page-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:#0000}.blog-skeleton{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;animation:1.5s ease-in-out infinite skeletonPulse;overflow:hidden}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.blog-skeleton-image{background:#ffffff08;width:100%;height:200px}.blog-skeleton-body{padding:24px}.blog-skeleton-line{background:#ffffff0d;border-radius:7px;height:14px;margin-bottom:12px}.blog-skeleton-line.title{width:80%;height:20px}.blog-skeleton-line.short{width:40%}.blog-empty{text-align:center;padding:80px 20px}.blog-empty-icon{opacity:.5;margin-bottom:20px;font-size:4rem}.blog-empty h3{color:#fff;margin-bottom:10px;font-size:1.5rem}.blog-empty p{color:#ffffff80;font-size:1rem}.blog-admin-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px;transition:all .3s;display:flex}.blog-admin-card:hover{background:#ffffff0d;border-color:#8b5cf633}.blog-admin-status{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.blog-admin-status.published{color:#22c55e;background:#22c55e26}.blog-admin-status.draft{color:#eab308;background:#eab30826}.blog-admin-actions{gap:8px;display:flex}.blog-admin-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .3s}.blog-admin-btn.edit{color:#a78bfa;background:#8b5cf626}.blog-admin-btn.edit:hover{background:#8b5cf64d}.blog-admin-btn.delete{color:#ef4444;background:#ef444426}.blog-admin-btn.delete:hover{background:#ef44444d}.blog-admin-btn.publish{color:#22c55e;background:#22c55e26}.blog-admin-btn.publish:hover{background:#22c55e4d}.blog-editor{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:30px}.blog-editor label{color:#ffffffb3;margin-top:20px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.blog-editor label:first-child{margin-top:0}.blog-editor input,.blog-editor textarea,.blog-editor select{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.blog-editor input:focus,.blog-editor textarea:focus,.blog-editor select:focus{border-color:#8b5cf666}.blog-editor textarea{resize:vertical;min-height:300px;line-height:1.6}.blog-editor-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.blog-editor-row{grid-template-columns:1fr}}.blog-editor-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.tiptap-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden}.tiptap-toolbar{background:#ffffff08;border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:4px;padding:10px 12px;display:flex}.tiptap-btn{color:#fff9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-size:.85rem;transition:all .2s;display:flex}.tiptap-btn:hover{color:#fff;background:#8b5cf626;border-color:#8b5cf64d}.tiptap-btn.active{color:#a78bfa;background:#8b5cf640;border-color:#8b5cf680}.tiptap-divider{background:#ffffff1a;width:1px;height:24px;margin:5px 6px}.tiptap-editor{color:#fff;outline:none;min-height:300px;max-height:600px;padding:20px;font-size:1rem;line-height:1.7;overflow-y:auto}.tiptap-editor:focus{background:#ffffff03}.tiptap-editor h2{color:#fff;letter-spacing:-.3px;margin:32px 0 12px;font-size:1.6rem;font-weight:700}.tiptap-editor h3{color:#fff;margin:24px 0 10px;font-size:1.3rem;font-weight:600}.tiptap-editor p{color:#ffffffd9;margin-bottom:14px}.tiptap-editor ul,.tiptap-editor ol{color:#ffffffd9;margin:12px 0 16px 24px}.tiptap-editor li{margin-bottom:6px}.tiptap-editor blockquote{color:#ffffffb3;background:#8b5cf60d;border-left:4px solid #8b5cf6;border-radius:0 8px 8px 0;margin:16px 0;padding:12px 20px;font-style:italic}.tiptap-editor code{color:#c4b5fd;background:#8b5cf626;border-radius:4px;padding:2px 6px;font-size:.9em}.tiptap-editor pre{background:#0006;border:1px solid #ffffff1a;border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.tiptap-editor pre code{color:#fffc;background:0 0;padding:0}.tiptap-editor a{color:#a78bfa;text-underline-offset:3px;text-decoration:underline}.tiptap-editor img{border-radius:10px;max-width:100%;margin:16px 0}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#ffffff4d;pointer-events:none;height:0}.blog-image-upload{text-align:center;cursor:pointer;background:#8b5cf605;border:2px dashed #8b5cf64d;border-radius:12px;margin-bottom:8px;padding:24px;transition:all .3s}.blog-image-upload:hover{background:#8b5cf60d;border-color:#8b5cf680}.blog-image-upload-icon{margin-bottom:8px;font-size:2rem}.blog-image-upload-text{color:#ffffff80;font-size:.9rem}.blog-image-upload-text span{color:#a78bfa;font-weight:600}.blog-image-preview{margin-top:12px;display:inline-block;position:relative}.blog-image-preview img{border:1px solid #ffffff1a;border-radius:8px;max-width:200px;max-height:120px}.blog-image-preview-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex;position:absolute;top:-8px;right:-8px}.reading-progress-bar{z-index:9999;background:linear-gradient(90deg,#8b5cf6,#ec4899);height:3px;transition:width .1s;position:fixed;top:0;left:0;box-shadow:0 0 10px #8b5cf680}.blog-toc{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;max-height:calc(100vh - 140px);padding:20px;position:sticky;top:100px;overflow-y:auto}.blog-toc-title{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:.85rem;font-weight:700}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-item{margin-bottom:4px}.blog-toc-link{color:#ffffff80;border-left:2px solid #0000;border-radius:6px;padding:6px 10px;font-size:.85rem;text-decoration:none;transition:all .2s;display:block}.blog-toc-link:hover{color:#fff;background:#8b5cf61a;border-left-color:#8b5cf64d}.blog-toc-link.active{color:#a78bfa;background:#8b5cf61a;border-left-color:#8b5cf6}.blog-toc-link.level-3{padding-left:24px;font-size:.8rem}.blog-post-layout{grid-template-columns:1fr 240px;align-items:start;gap:40px;display:grid}@media (max-width:1024px){.blog-post-layout{grid-template-columns:1fr}.blog-toc{max-height:none;margin-bottom:30px;position:static}}
.social-dashboard{max-width:1200px;margin:0 auto;padding:24px}.social-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.social-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.social-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}@media (max-width:768px){.social-stats{grid-template-columns:repeat(2,1fr)}}.social-stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:20px}.social-stat-value{margin-bottom:4px;font-size:2rem;font-weight:800}.social-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.social-stat-value.scheduled{color:#a78bfa}.social-stat-value.posted{color:#10b981}.social-stat-value.failed{color:#ef4444}.social-stat-value.total{color:#fff}.social-accounts-section{margin-bottom:30px}.social-section-title{color:#fff;align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.social-accounts-grid{flex-wrap:wrap;gap:12px;display:flex}.social-account-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.social-account-card:hover{background:#8b5cf60d;border-color:#8b5cf64d}.social-account-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.social-account-avatar.facebook{background:linear-gradient(135deg,#1877f2,#42a5f5)}.social-account-avatar.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-account-info{flex:1}.social-account-name{color:#fff;font-size:.9rem;font-weight:600}.social-account-platform{color:#fff6;text-transform:capitalize;font-size:.75rem}.social-account-disconnect{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;transition:color .2s}.social-account-disconnect:hover{color:#ef4444}.social-connect-btn{cursor:pointer;color:#a78bfa;background:#8b5cf60d;border:2px dashed #8b5cf64d;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.social-connect-btn:hover{background:#8b5cf61a;border-color:#8b5cf699;transform:translateY(-1px)}.social-connect-btn .icon{font-size:1.3rem}.social-schedule-section{margin-bottom:30px}.social-schedule-list{flex-direction:column;gap:12px;display:flex}.social-schedule-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.social-schedule-card:hover{background:#8b5cf608;border-color:#8b5cf633}.social-schedule-thumb{object-fit:cover;background:#ffffff0d;border-radius:10px;flex-shrink:0;width:80px;height:80px}.social-schedule-info{flex:1;min-width:0}.social-schedule-caption{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.95rem;font-weight:600;overflow:hidden}.social-schedule-meta{color:#fff6;align-items:center;gap:12px;font-size:.8rem;display:flex}.social-schedule-platforms{gap:6px;display:flex}.social-platform-badge{text-transform:capitalize;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.social-platform-badge.facebook{color:#42a5f5;background:#1877f233}.social-platform-badge.instagram{color:#e6683c;background:#dc274333}.social-schedule-status{border-radius:50px;padding:4px 12px;font-size:.75rem;font-weight:600}.social-schedule-status.scheduled{color:#a78bfa;background:#8b5cf626}.social-schedule-status.posted{color:#10b981;background:#10b98126}.social-schedule-status.failed{color:#ef4444;background:#ef444426}.social-schedule-actions{flex-shrink:0;gap:8px;display:flex}.social-schedule-actions button{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.social-btn-view{color:#a78bfa;background:#8b5cf626}.social-btn-view:hover{background:#8b5cf64d}.social-btn-cancel{color:#ef4444;background:#ef444426}.social-btn-cancel:hover{background:#ef44444d}.social-schedule-modal{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:30px;padding:24px}.social-schedule-modal h3{color:#fff;margin:0 0 20px;font-size:1.1rem}.social-form-group{margin-bottom:16px}.social-form-group label{color:#ffffffb3;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.social-form-group input,.social-form-group textarea,.social-form-group select{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .3s}.social-form-group input:focus,.social-form-group textarea:focus,.social-form-group select:focus{border-color:#8b5cf666}.social-form-group textarea{resize:vertical;min-height:80px}.platform-selector{flex-wrap:wrap;gap:10px;display:flex}.platform-option{cursor:pointer;color:#fff9;background:#ffffff05;border:2px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;transition:all .3s;display:flex}.platform-option:hover{border-color:#8b5cf64d}.platform-option.selected{color:#fff;background:#8b5cf61a;border-color:#8b5cf6}.platform-option input[type=checkbox]{width:auto;margin:0}.platform-option .platform-icon{font-size:1.2rem}.social-video-preview{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.social-video-thumb{object-fit:cover;background:#0000004d;border-radius:10px;width:100px;height:100px}.social-video-info{flex:1}.social-video-name{color:#fff;margin-bottom:4px;font-size:.9rem;font-weight:600}.social-video-meta{color:#fff6;font-size:.8rem}.social-empty{text-align:center;padding:60px 20px}.social-empty-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.social-empty h3{color:#fff;margin-bottom:8px;font-size:1.2rem}.social-empty p{color:#ffffff80;font-size:.9rem}.social-btn-retry{color:#f59e0b;cursor:pointer;background:#f59e0b26;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.social-btn-retry:hover{background:#f59e0b4d}.social-loading{justify-content:center;align-items:center;padding:40px;display:flex}.social-spinner{border:3px solid #8b5cf633;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}