@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";
:root{--admin-primary:#0284c7;--admin-primary-hover:#0369a1;--admin-navy:#002f6c;--admin-bg:#f8fafc;--admin-card-bg:#fff;--admin-text-main:#0f172a;--admin-text-muted:#64748b;--admin-border:#e2e8f0;--admin-border-subtle:#f1f5f9;--admin-sidebar-bg:#090d16;--admin-sidebar-text:#94a3b8;--admin-sidebar-active:#0284c7;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--admin-bg);color:var(--admin-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;line-height:1.25;transition:all .18s ease-in-out;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;box-shadow:0 2px 4px #0284c733}.btn-primary:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);border-color:#0369a1;transform:translateY(-1px);box-shadow:0 4px 8px #0284c74d}.btn-secondary{color:#334155;box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #cbd5e1}.btn-secondary:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-danger{color:#fff;background-color:#ef4444;border-color:#ef4444}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.btn-outline{color:var(--admin-primary);border-color:var(--admin-border);background-color:#0000}.btn-outline:hover{border-color:var(--admin-primary);background-color:#f0f9ff}.form-group{margin-bottom:20px}.form-label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-sans);color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:13.5px;transition:all .15s ease-in-out}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #0284c726}.badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-published{color:#047857;background-color:#ecfdf5;border-color:#a7f3d0}.badge-draft{color:#b45309;background-color:#fffbeb;border-color:#fde68a}.badge-scheduled{color:#6d28d9;background-color:#f5f3ff;border-color:#ddd6fe}.badge-breaking{color:#be123c;background-color:#fff1f2;border-color:#fecdd3}.ht-social-embed{box-sizing:border-box;clear:both;margin:20px auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ht-instagram-embed{background:#fff;border:1px solid #dbdbdb;border-radius:8px;max-width:520px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.ht-instagram-embed .insta-header{background:#fff;border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ht-instagram-embed .insta-user-info{align-items:center;gap:10px;min-width:0;display:flex}.ht-instagram-embed .insta-avatar{object-fit:cover;border:2px solid #e1306c;border-radius:50%;flex-shrink:0;width:38px;height:38px}.ht-instagram-embed .insta-handle-col{flex-direction:column;min-width:0;display:flex}.ht-instagram-embed .insta-collab-row{color:#262626;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:flex;overflow:hidden}.ht-instagram-embed .insta-collab-row .insta-and{color:#737373;font-size:12px;font-weight:400}.ht-instagram-embed .insta-audio-row{color:#737373;align-items:center;gap:5px;font-size:11px;display:flex}.ht-instagram-embed .insta-view-profile-btn{white-space:nowrap;background-color:#0095f6;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;color:#fff!important}.ht-instagram-embed .insta-media-container{aspect-ratio:4/5;cursor:pointer;background:#000;justify-content:center;align-items:center;width:100%;max-height:520px;display:flex;position:relative;overflow:hidden}.ht-instagram-embed .insta-media-cover{object-fit:cover;width:100%;height:100%;display:block}.ht-instagram-embed .insta-play-overlay{background:#0003;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ht-instagram-embed .insta-play-circle{background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 16px #0006}.ht-instagram-embed .insta-play-triangle{color:#262626;margin-left:4px;font-size:24px}.ht-instagram-embed .insta-footer{background:#fff;padding:12px 14px}.ht-instagram-embed .insta-view-more-link{margin-bottom:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block;color:#0095f6!important}.ht-instagram-embed .insta-engagement-bar{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ht-instagram-embed .insta-left-icons{align-items:center;gap:14px;display:flex}.ht-instagram-embed .insta-svg-icon{color:#262626;width:22px;height:22px}.ht-instagram-embed .insta-likes-total{color:#262626;font-size:13px;font-weight:700}.ht-youtube-embed{background:#000;border-radius:12px;max-width:620px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000002e}.ht-youtube-embed .yt-shorts-header{z-index:3;background:#000000a6;border-radius:6px;align-items:center;gap:6px;padding:4px 10px 4px 8px;display:flex;position:absolute;top:12px;left:12px}.ht-youtube-embed .yt-shorts-logo-svg{width:18px;height:18px}.ht-youtube-embed .yt-shorts-text{color:#fff;font-size:13px;font-weight:800}.ht-youtube-embed .yt-media-box{aspect-ratio:16/9;background:#0a0a0a;width:100%;position:relative;overflow:hidden}.ht-youtube-embed.is-shorts .yt-media-box{aspect-ratio:9/16;max-height:520px;margin:0 auto}.ht-youtube-embed .yt-cover-img{object-fit:cover;width:100%;height:100%;display:block}.ht-youtube-embed .yt-center-play-btn{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ht-youtube-embed .yt-red-play-pill{background:red;border-radius:12px;justify-content:center;align-items:center;width:64px;height:44px;display:flex}.ht-youtube-embed .yt-play-arrow{color:#fff;margin-left:2px;font-size:18px}.ht-youtube-embed .yt-bottom-info-gradient{z-index:2;background:linear-gradient(#0000 0%,#0009 35%,#000000f2 100%);flex-direction:column;gap:5px;padding:36px 14px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.ht-youtube-embed .yt-channel-row{align-items:center;gap:8px;display:flex}.ht-youtube-embed .yt-channel-avatar{color:#fff;background:red;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:flex}.ht-youtube-embed .yt-channel-title{color:#fff;font-size:12px;font-weight:700}.ht-youtube-embed .yt-video-headline{color:#fff;margin:0;font-size:14px;font-weight:700;line-height:1.35}.ht-x-embed{background:#fff;border:1px solid #cfd9de;border-radius:14px;max-width:520px;padding:14px}.ht-x-embed .x-embed-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.ht-x-embed .x-user-meta{align-items:center;gap:10px;display:flex}.ht-x-embed .x-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.ht-x-embed .x-name{color:#0f1419;font-size:14px;font-weight:800}.ht-x-embed .x-verified-check{color:#1d9bf0;font-size:12px;font-weight:800}.ht-x-embed .x-handle{color:#536471;font-size:12.5px}.ht-x-embed .x-top-logo{color:#0f1419;font-size:17px;font-weight:800}.ht-x-embed .x-post-text{color:#0f1419;margin:0 0 10px;font-size:14.5px;line-height:1.45}.ht-x-embed .x-embed-media{border:1px solid #eff3f4;border-radius:10px;margin-top:8px;overflow:hidden}.ht-x-embed .x-post-img{object-fit:cover;width:100%;max-height:280px;display:block}.ht-x-embed .x-embed-footer{color:#536471;border-top:1px solid #eff3f4;justify-content:space-between;align-items:center;padding-top:8px;font-size:12px;display:flex}.ht-x-embed .x-open-btn{font-weight:700;text-decoration:none;color:#1d9bf0!important}.formatting-helpers{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.social-embed-btn{align-items:center;gap:4px;display:inline-flex;font-weight:600!important}.social-embed-btn.insta-btn{color:#db2777!important;background:#fdf2f8!important;border-color:#fbcfe8!important}.social-embed-btn.insta-btn:hover{background:#fce7f3!important;border-color:#f472b6!important}.social-embed-btn.yt-btn{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.social-embed-btn.yt-btn:hover{background:#fee2e2!important;border-color:#f87171!important}.social-embed-btn.x-btn{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.social-embed-btn.x-btn:hover{background:#f1f5f9!important;border-color:#94a3b8!important}.embed-builder-subtabs{border-bottom:2px solid #e2e8f0;gap:8px;margin:12px 0 16px;padding-bottom:8px;display:flex}.embed-subtab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.embed-subtab-btn:hover{color:#0f172a;background:#f8fafc}.embed-subtab-btn.active{color:#fff;background:#002f6c;border-color:#002f6c;box-shadow:0 2px 8px #002f6c40}.embed-builder-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:18px}.embed-builder-heading{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.embed-sample-btn{color:#0284c7;cursor:pointer;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600}.embed-sample-btn:hover{background:#bae6fd}.embed-preview-wrapper{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;margin-top:16px;padding:16px}.embed-preview-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:10px;font-size:11px;font-weight:800}.embed-action-row{align-items:center;gap:12px;margin-top:14px;display:flex}.btn-insert-embed{color:#fff;cursor:pointer;background:#00b1cd;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00b1cd4d}.btn-insert-embed:hover{background:#0087a2;transform:translateY(-1px);box-shadow:0 4px 10px #00b1cd66}.embed-success-toast{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;animation:.3s fadeIn;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.detected-platform-pill{border-radius:999px;align-items:center;gap:6px;margin-top:6px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.detected-platform-pill.instagram{color:#db2777;background:#fdf2f8;border:1px solid #fbcfe8}.detected-platform-pill.x{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}.detected-platform-pill.youtube{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.detected-platform-pill.error{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.embed-blocks-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.embed-block-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s;display:flex;box-shadow:0 1px 3px #0000000a}.embed-block-card:hover{border-color:#00b1cd}.embed-block-info{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.embed-block-header{align-items:center;gap:8px;display:flex}.embed-platform-tag{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.embed-platform-tag.instagram{color:#db2777;background:#fdf2f8}.embed-platform-tag.x{color:#0f172a;background:#f1f5f9}.embed-platform-tag.youtube{color:#dc2626;background:#fef2f2}.embed-block-title{color:#0f172a;font-size:13.5px;font-weight:700}.embed-block-url{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:12px;overflow:hidden}.embed-block-controls{align-items:center;gap:6px;display:flex}.btn-ctrl{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:5px 9px;font-size:12px;transition:all .2s}.btn-ctrl:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.btn-ctrl:disabled{opacity:.4;cursor:not-allowed}.btn-ctrl-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-ctrl-delete:hover{color:#b91c1c;background:#fee2e2}.social-embed-wrapper{flex-direction:column;align-items:center;width:100%;max-width:100%;margin:16px auto;display:flex}.social-embed-title{color:#111827;text-align:center;margin-bottom:8px;font-size:14px;font-weight:700}.social-embed-container{border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:540px;margin:0 auto;display:flex;overflow:hidden}.youtube-container.standard-ratio{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;max-width:600px;position:relative;overflow:hidden}.youtube-container.shorts-ratio{aspect-ratio:9/16;background:#000;border-radius:10px;width:100%;max-width:320px;max-height:520px;position:relative;overflow:hidden}.yt-official-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.social-embed-fallback-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;max-width:500px;margin:12px auto;padding:16px}.fallback-header{color:#334155;justify-content:center;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.fallback-text{color:#64748b;margin:4px 0 10px;font-size:12px}.fallback-btn{color:#fff;background:#0f172a;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.fallback-btn-instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.fallback-btn-x{background:#000}.social-embed-skeleton{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:20px}.skeleton-line{background:#e2e8f0;border-radius:4px;height:12px;margin-bottom:10px;animation:1.5s infinite pulse}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}.skeleton-box{background:#e2e8f0;border-radius:6px;height:140px;animation:1.5s infinite pulse}