:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--platform-youtube:red;--platform-youtube-light:#ff00001a;--platform-tiktok:#000;--platform-tiktok-light:#0000001a;--platform-instagram:#e4405f;--platform-instagram-light:#e4405f1a;--platform-x:#000;--platform-x-light:#0000001a;--post-draft-border:#9ca3af;--post-draft-bg:#9ca3af1a;--post-scheduled-border:#3b82f6;--post-scheduled-bg:#3b82f61a;--post-published-border:#10b981;--post-published-bg:#10b9811a;--post-failed-border:#ef4444;--post-failed-bg:#ef44441a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--platform-youtube:#f44;--platform-youtube-light:#ff444426;--platform-tiktok:#fff;--platform-tiktok-light:#ffffff1a;--platform-instagram:#e4405f;--platform-instagram-light:#e4405f26;--platform-x:#fff;--platform-x-light:#ffffff1a;--post-draft-border:#6b7280;--post-draft-bg:#6b728026;--post-scheduled-border:#60a5fa;--post-scheduled-bg:#60a5fa26;--post-published-border:#34d399;--post-published-bg:#34d39926;--post-failed-border:#f87171;--post-failed-bg:#f8717126}#social .button-icon{filter:invert()brightness(2)}}html,body,#root{width:100%;min-width:0;min-height:100%}body{margin:0;overflow-x:hidden}#root{box-sizing:border-box;min-height:100svh;text-align:initial;flex-direction:column;display:flex}img,video,canvas,svg{max-width:100%}button,input,select,textarea{font:inherit;max-width:100%}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:24px 0;font-size:32px;line-height:1.18}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h1{margin:20px 0;font-size:28px}h2{font-size:20px}}@media (width<=480px){h1{font-size:24px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.metadata-form-container{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px}.metadata-form-title{color:var(--text-h);margin:0 0 8px;font-size:18px;font-weight:600}.metadata-form-description{color:var(--text);margin:0 0 20px;font-size:14px}.btn-text-small{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px}.btn-text-small:hover{text-decoration:underline}.sidebar{z-index:100;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed{width:72px}.sidebar-overlay{z-index:99;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px;display:flex;position:relative}.sidebar-logo{align-items:center;gap:12px;display:flex;overflow:hidden}.logo-icon{flex-shrink:0;font-size:28px}.logo-text{color:#1a1a1a;white-space:nowrap;font-size:20px;font-weight:700;transition:opacity .2s}.sidebar.collapsed .logo-text{opacity:0;width:0}.sidebar-collapse-btn{cursor:pointer;color:#6b7280;opacity:0;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%);box-shadow:0 2px 4px #0000001a}.sidebar:hover .sidebar-collapse-btn{opacity:1}.sidebar-collapse-btn:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.sidebar.collapsed .sidebar-collapse-btn{opacity:1;right:-12px}.sidebar-mobile-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:8px;display:none}.sidebar-mobile-close:hover{color:#374151;background:#f3f4f6}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.navigation-item{flex-direction:column;display:flex}.navigation-link{color:#6b7280;white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navigation-link:hover{color:#374151;background:#f3f4f6}.navigation-link.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.sidebar.collapsed .navigation-link{justify-content:center;padding:12px}.navigation-label{text-overflow:ellipsis;flex:1;overflow:hidden}.navigation-chevron{transition:transform .2s}.navigation-chevron.expanded{transform:rotate(180deg)}.navigation-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:600}.navigation-badge-collapsed{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.sidebar.collapsed .navigation-badge-collapsed{margin-top:-12px;margin-left:-4px;position:static}.navigation-children{flex-direction:column;gap:2px;padding-top:4px;padding-left:48px;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navigation-child-link{color:#6b7280;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navigation-child-link:hover{color:#374151;background:#f3f4f6}.navigation-child-link.active{color:#667eea;background:#eef2ff}.sidebar-footer{border-top:1px solid #e5e7eb;padding:16px}.sidebar-user{border-radius:10px;align-items:center;gap:12px;padding:8px;transition:background .2s;display:flex}.sidebar-user:hover{background:#f3f4f6}.sidebar-user.collapsed{justify-content:center;padding:8px}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.user-email{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-role{color:#9ca3af;text-transform:capitalize;font-size:11px}@media (width<=768px){.sidebar{width:min(280px,100vw - 32px);transform:translate(-100%)}.sidebar.collapsed{width:min(280px,100vw - 32px)}.sidebar.mobile-open{transform:translate(0)}.sidebar-collapse-btn{display:none}.sidebar-mobile-close{display:block}.sidebar.collapsed .logo-text{opacity:1;width:auto}.sidebar.collapsed .navigation-link{justify-content:flex-start;padding:12px 16px}.sidebar.collapsed .sidebar-user{justify-content:flex-start}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#9ca3af}.header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 24px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.header-menu-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.header-menu-btn:hover{color:#374151;background:#f3f4f6}.header-title-text{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.header-breadcrumbs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.breadcrumb-home{color:#9ca3af;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.breadcrumb-home:hover{color:#374151;background:#f3f4f6}.breadcrumb-item{align-items:center;gap:4px;display:flex}.breadcrumb-separator{color:#d1d5db}.breadcrumb-link{color:#6b7280;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.breadcrumb-link:hover{color:#374151;background:#f3f4f6}.breadcrumb-current{color:#9ca3af;white-space:nowrap;align-items:center;gap:6px;padding:4px 8px;font-size:14px;font-weight:500;display:flex}.breadcrumb-current.active{color:#1a1a1a;font-weight:600}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.header-action-btn:hover{color:#374151;background:#f3f4f6}.notification-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.header-divider{background:#e5e7eb;width:1px;height:24px;margin:0 4px}.header-dropdown-container{position:relative}.header-user-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.header-user-btn:hover{background:#f3f4f6}.user-avatar-small{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.user-name{color:#374151;font-size:14px;font-weight:500}.header-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:280px;max-width:calc(100vw - 24px);animation:.2s dropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 40px #00000026}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown{padding:8px 0}.dropdown-user-info{align-items:center;gap:12px;padding:12px 16px;display:flex}.user-avatar-large{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.user-details{flex-direction:column;gap:2px;display:flex}.user-details .user-email{color:#1a1a1a;font-size:14px;font-weight:600}.user-details .user-role{color:#9ca3af;text-transform:capitalize;font-size:12px}.dropdown-divider{background:#e5e7eb;height:1px;margin:8px 0}.dropdown-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2}.notifications-dropdown{width:min(360px,100vw - 24px);min-width:0;padding:0;overflow:hidden}.dropdown-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px;display:flex}.dropdown-header h3{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.dropdown-action{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.dropdown-action:hover{text-decoration:underline}.dropdown-content{max-height:320px;overflow-y:auto}.notification-item{border-bottom:1px solid #f3f4f6;gap:12px;padding:16px;transition:background .2s;display:flex}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f0f9ff}.notification-item.unread:hover{background:#e0f2fe}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.notification-icon.success{color:#16a34a;background:#dcfce7}.notification-icon.warning{color:#d97706;background:#fef3c7}.notification-icon.info{color:#2563eb;background:#dbeafe}.notification-desc{color:#6b7280;margin:0 0 8px;font-size:13px}.notification-time{color:#9ca3af;font-size:12px}.dropdown-footer{text-align:center;border-top:1px solid #e5e7eb;padding:12px 16px}.dropdown-footer a{color:#667eea;font-size:14px;font-weight:500;text-decoration:none}.dropdown-footer a:hover{text-decoration:underline}.header-custom-actions{align-items:center;gap:8px;display:flex}@media (width<=768px){.header{padding:0 16px}.header-left{gap:8px}.header-breadcrumbs,.user-name{display:none}.header-user-btn{padding:6px}.notifications-dropdown{width:auto;min-width:auto;position:fixed;top:64px;left:16px;right:16px}.header-dropdown{position:fixed;top:64px;left:auto;right:16px}}@media (width<=480px){.header{padding:0 12px}.header-title-text{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.header-action-btn:not(.header-menu-btn){display:none}.header-dropdown{min-width:0;left:12px;right:12px}}.layout{background:#f5f6f8;width:100%;min-height:100svh;display:flex;overflow-x:hidden}.layout-main{flex-direction:column;flex:1;width:100%;min-width:0;margin-left:260px;transition:margin-left .3s;display:flex}.layout-main.sidebar-collapsed{margin-left:72px}.layout-content{flex:1;width:100%;min-width:0;padding:24px;overflow:hidden auto}.layout-content>*{min-width:0}@media (width<=768px){.layout-main,.layout-main.sidebar-collapsed{margin-left:0}.layout-content{padding:16px}}@media (width<=480px){.layout-content{padding:12px}}.auth-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-container{background:#fff;border-radius:16px;width:100%;min-width:0;max-width:420px;padding:40px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:#1a1a1a;margin:0 0 8px;font-size:28px;font-weight:700}.auth-header p{color:#666;margin:0;font-size:16px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group input{border:1px solid #d1d5db;border-radius:8px;width:100%;min-width:0;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;background-color:#f3f4f6}.field-error{color:#dc2626;font-size:12px}.field-hint{color:#6b7280;font-size:12px}.auth-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:14px}.auth-success{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 16px;font-size:14px}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;color:#6b7280;margin-top:24px;font-size:14px}.auth-footer a{color:#667eea;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.loading-fullscreen{background:#f5f6f8;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-fullscreen p{color:#6b7280;font-size:14px}@media (width<=480px){.auth-page{align-items:flex-start;padding:16px}.auth-container{border-radius:12px;margin-top:24px;padding:24px 20px}.auth-header{margin-bottom:24px}.auth-header h1{font-size:24px}.auth-header p{font-size:14px}.auth-button{width:100%}}.status-card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000014}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.status-card-header{justify-content:flex-start;display:flex}.status-card-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.status-card-content{flex-direction:column;gap:4px;display:flex}.status-card-value{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1.1}.status-card-label{color:#6b7280;font-size:13px;font-weight:500}.status-card-trend{align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-neutral{color:#6b7280}.trend-icon{align-items:center;display:flex}.trend-label{color:#9ca3af}@media (prefers-color-scheme:dark){.status-card{background:#1f2028;box-shadow:0 1px 3px #0003}.status-card:hover{box-shadow:0 4px 12px #0000004d}.status-card-value{color:#f3f4f6}.status-card-label{color:#9ca3af}.trend-label{color:#6b7280}}.status-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.status-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.status-cards-grid{grid-template-columns:1fr}}.post-status-badge{background-color:rgba(var(--status-color-rgb,107, 114, 128), .1);color:var(--status-color,#6b7280);border:1px solid rgba(var(--status-color-rgb,107, 114, 128), .2);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.post-status-badge--compact{padding:4px 10px;font-size:12px}.status-badge-dot{background-color:var(--status-color,#6b7280);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-badge-label{white-space:nowrap}.status-badge-count{background-color:var(--status-color,#6b7280);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.status-badge--draft{--status-color:#6b7280;--status-color-rgb:107, 114, 128}.status-badge--scheduled{--status-color:#3b82f6;--status-color-rgb:59, 130, 246}.status-badge--published{--status-color:#10b981;--status-color-rgb:16, 185, 129}.status-badge--failed{--status-color:#ef4444;--status-color-rgb:239, 68, 68}.post-status-filter-badge{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.post-status-filter-badge:hover{background-color:#f9fafb;border-color:#d1d5db}.post-status-filter-badge.is-active{background-color:rgba(var(--status-color-rgb,107, 114, 128), .1);border-color:var(--status-color,#6b7280);color:var(--status-color,#6b7280)}.post-status-filter-badge.is-active .status-badge-dot{background-color:var(--status-color,#6b7280)}.post-status-filter-badge.is-active .status-badge-count{background-color:var(--status-color,#6b7280);color:#fff}.post-status-filter-badge .status-badge-count{color:#6b7280;background-color:#e5e7eb}.post-status-filter-badge .status-badge-dot{background-color:#9ca3af}@media (width<=640px){.post-status-badge{padding:4px 10px;font-size:12px}.post-status-badge--compact{padding:3px 8px;font-size:11px}.post-status-filter-badge{padding:6px 10px;font-size:12px}.status-badge-count{min-width:18px;height:18px;font-size:10px}}.platform-icons{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.platform-icons-empty{color:#9ca3af;font-size:14px}.platform-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.platform-icon:hover{transform:scale(1.1)}.platform-icon--sm{width:24px;height:24px}.platform-icon--sm svg{width:14px;height:14px}.platform-icon--md{width:28px;height:28px}.platform-icon--md svg{width:16px;height:16px}.platform-icon--lg{width:32px;height:32px}.platform-icon--lg svg{width:18px;height:18px}.platform-icon-fallback{font-size:10px;font-weight:600}.platform-icons-more{color:#6b7280;background-color:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.platform-icon-single{align-items:center;gap:6px;display:inline-flex}.platform-icon-single.with-label{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:4px 10px 4px 4px}.platform-icon-bg{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.platform-label{color:#374151;white-space:nowrap;font-size:12px;font-weight:500}.platform-selector{flex-wrap:wrap;gap:8px;display:flex}.platform-option{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.platform-option:hover{background-color:#f9fafb;border-color:#d1d5db}.platform-option.is-selected{background-color:rgba(var(--platform-color-rgb,59, 130, 246), .1);border-color:currentColor}.platform-option .platform-icon{width:20px;height:20px}@media (width<=640px){.platform-icon--md{width:24px;height:24px}.platform-icon--md svg{width:14px;height:14px}.platform-icons-more{min-width:20px;height:20px;font-size:10px}.platform-icon-single.with-label{padding:3px 8px 3px 3px}.platform-label{font-size:11px}}.posts-filters{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.posts-filters-status{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;padding-bottom:16px;display:flex}.posts-filters-skeleton{gap:8px;display:flex}.skeleton-badge{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:20px;width:100px;height:36px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.posts-filters-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-search{flex:1;min-width:200px;max-width:320px;position:relative}.filter-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-search-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 36px 10px 40px;font-size:14px;transition:all .2s}.filter-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.filter-search-input::placeholder{color:#9ca3af}.filter-search-clear{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-search-clear:hover{color:#374151;background:#d1d5db}.filter-select{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:8px;min-width:180px;padding:10px 36px 10px 14px;font-size:14px;transition:all .2s}.filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.filter-toggle{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.filter-toggle:hover{background-color:#f9fafb;border-color:#d1d5db}.filter-toggle.is-active{color:#3b82f6;background-color:#3b82f60d;border-color:#3b82f6}.filter-badge-dot{background-color:#3b82f6;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.filter-clear-btn{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #ef4444;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.filter-clear-btn:hover{background-color:#fef2f2}.filter-clear-count{color:#fff;background-color:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.posts-filters-date-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:16px;padding:16px;animation:.2s slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.date-filter-group{flex-direction:column;gap:6px;display:flex}.date-filter-label{color:#6b7280;font-size:12px;font-weight:500}.date-filter-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.date-filter-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.posts-filters-active{border-top:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.active-filters-icon{color:#6b7280;flex-shrink:0}.active-filters-label{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:500}.active-filters-list{flex-wrap:wrap;gap:8px;display:flex}.active-filter-tag{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.active-filter-tag button{color:#1e40af;cursor:pointer;background:#1e40af1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:inline-flex}.active-filter-tag button:hover{background:#1e40af33}@media (width<=768px){.posts-filters{padding:12px}.posts-filters-status{padding-bottom:12px}.posts-filters-controls{flex-direction:column;align-items:stretch}.filter-search{min-width:auto;max-width:none}.filter-select{width:100%}.filter-toggle,.filter-clear-btn{justify-content:center;width:100%}.posts-filters-date-panel{flex-direction:column}.posts-filters-active{flex-direction:column;align-items:flex-start}.active-filters-list{width:100%}}@media (width<=480px){.posts-filters-status{justify-content:center}.skeleton-badge{width:80px;height:32px}}.posts-table-container{background-color:#fff;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 1px 3px #00000014}.posts-table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.posts-table-title{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.posts-table-new-btn{color:#fff;background-color:#3b82f6;border-radius:8px;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.posts-table-new-btn:hover{background-color:#2563eb}.posts-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.posts-table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.posts-table thead{background-color:#f9fafb}.posts-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.posts-table td{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:16px}.posts-table tbody tr:last-child td{border-bottom:none}.posts-table tbody tr:hover{background-color:#f9fafb}.col-title{width:35%;min-width:200px}.col-status{width:12%;min-width:100px}.col-platforms{width:18%;min-width:120px}.col-date{width:20%;min-width:160px}.col-media{width:10%;min-width:80px}.col-actions{text-align:center;width:5%;min-width:60px}.cell-title{max-width:0;overflow:hidden}.post-title{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.cell-date{white-space:nowrap}.post-date{color:#6b7280;font-size:13px}.cell-media{white-space:nowrap}.media-type{color:#6b7280;align-items:center;gap:6px;display:inline-flex}.media-type-label{font-size:13px}.action-menu{position:relative}.action-menu-trigger{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.action-menu-trigger:hover{color:#374151;background-color:#f3f4f6}.action-menu-dropdown{z-index:50;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;animation:.15s dropdown-appear;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-menu-item{color:#374151;text-align:left;cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;transition:all .15s;display:flex}.action-menu-item:hover{background-color:#f9fafb}.action-menu-item--primary{color:#3b82f6}.action-menu-item--danger{color:#ef4444}.action-menu-divider{border:none;border-top:1px solid #e5e7eb;margin:4px 0}.skeleton-row td{padding:16px}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite skeleton-loading}.skeleton-text{width:80%;height:16px}.skeleton-badge{border-radius:12px;width:80px;height:24px}.skeleton-icons{width:60px;height:24px}.skeleton-date{width:120px;height:16px}.skeleton-media{width:40px;height:16px}.skeleton-actions{border-radius:6px;width:32px;height:32px;margin:0 auto}.empty-state-cell{text-align:center;padding:48px 24px}.empty-state{flex-direction:column;align-items:center;gap:12px;display:flex}.empty-state-icon{font-size:48px;line-height:1}.empty-state-title{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.empty-state-description{color:#6b7280;max-width:300px;margin:0;font-size:14px}.empty-state-cta{color:#fff;background-color:#3b82f6;border-radius:8px;align-items:center;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.empty-state-cta:hover{background-color:#2563eb}.posts-table-error{background-color:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex;box-shadow:0 1px 3px #00000014}.error-content{text-align:center}.error-title{color:#ef4444;margin:0 0 8px;font-size:16px;font-weight:600}.error-retry-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.error-retry-btn:hover{background-color:#2563eb}.posts-table-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.pagination-info strong{color:#1a1a1a;font-weight:600}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.pagination-pages{align-items:center;gap:4px;margin:0 4px;display:flex}.pagination-page{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:14px;transition:all .2s;display:inline-flex}.pagination-page:hover:not(.is-active){background-color:#f9fafb;border-color:#d1d5db}.pagination-page.is-active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.pagination-ellipsis{color:#9ca3af;padding:0 8px}@media (width<=1024px){.posts-table th,.posts-table td{padding:12px}.col-platforms,.col-media{display:none}}@media (width<=768px){.posts-table-header{gap:12px;padding:16px}.posts-table th,.posts-table td{padding:10px 12px}.col-date{display:none}.posts-table-pagination{flex-direction:column;align-items:center;padding:16px}.pagination-info{order:1}.pagination-controls{order:0;max-width:100%;padding-bottom:2px;overflow-x:auto}}@media (width<=480px){.posts-table-header{flex-direction:column;align-items:stretch;gap:12px}.posts-table-new-btn{justify-content:center}.posts-table th,.posts-table td{padding:10px}.col-status{min-width:80px}.post-title{max-width:120px}.media-type-label{display:none}.pagination-btn,.pagination-page{width:32px;min-width:32px;height:32px;font-size:13px}}.dashboard-page{width:100%;min-width:0;max-width:1200px}.dashboard-welcome{margin-bottom:24px}.dashboard-welcome h2{color:#1a1a1a;margin:0 0 4px;font-size:24px;font-weight:600}.dashboard-welcome p{color:#6b7280;margin:0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;min-width:0;padding:20px;display:flex;box-shadow:0 1px 3px #00000014}.stat-info{flex-direction:column;min-width:0;display:flex}.stat-value{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1}.stat-label{color:#6b7280;margin-top:4px;font-size:13px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.dashboard-card{background:#fff;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 1px 3px #00000014}.card-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-header h3{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.upcoming-list{flex-direction:column;gap:12px;display:flex}.upcoming-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.upcoming-date{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.upcoming-date .day{font-size:18px;font-weight:700;line-height:1}.upcoming-date .month{text-transform:uppercase;font-size:11px}.upcoming-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.upcoming-title{color:#1a1a1a;font-size:14px;font-weight:500}.upcoming-platforms{color:#6b7280;text-transform:capitalize;font-size:12px}.upcoming-time{color:#6b7280;font-size:13px;font-weight:500}.accounts-list{flex-direction:column;gap:8px;display:flex}.account-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.account-icon{font-size:20px}.account-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.account-name{color:#1a1a1a;font-size:14px;font-weight:500}.account-provider{color:#6b7280;text-transform:capitalize;font-size:12px}.account-status{font-size:12px}.account-status.connected{color:#10b981}.empty-state-small{text-align:center;color:#6b7280;padding:32px 16px}.empty-state-small p{margin:0 0 12px}.btn-link{color:#667eea;font-size:14px;font-weight:500;text-decoration:none}.btn-link:hover{text-decoration:underline}.dashboard-posts-section{margin-bottom:24px}.quick-actions{margin-top:24px}.quick-actions h3{color:#1a1a1a;margin:0 0 16px;font-size:18px;font-weight:600}.actions-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.quick-action-card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000014}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-icon{font-size:32px}.action-label{color:#374151;font-size:14px;font-weight:500}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-welcome h2{font-size:22px}.dashboard-welcome p{font-size:14px}.stat-card,.quick-action-card{padding:16px}.stats-grid,.actions-grid{grid-template-columns:1fr}}.post-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:12px;padding:20px;transition:all .2s}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a}.post-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.post-title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:600;overflow:hidden}.post-status{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.post-status.draft{color:#6b7280;background:#f3f4f6}.post-status.scheduled{color:#3b82f6;background:#eff6ff}.post-status.published{color:#10b981;background:#ecfdf5}.post-status.failed{color:#ef4444;background:#fef2f2}.post-content{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-meta{color:var(--text);opacity:.8;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:13px;display:flex}.post-meta-item{align-items:center;gap:6px;display:flex}.post-platforms{gap:8px;margin-bottom:16px;display:flex}.platform-badge{background:var(--social-bg);color:var(--text-h);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.post-media{gap:8px;margin-bottom:16px;display:flex}.media-thumbnail{background:var(--social-bg);border-radius:8px;width:80px;height:80px;overflow:hidden}.media-thumbnail img{object-fit:cover;width:100%;height:100%}.media-more{background:var(--social-bg);width:80px;height:80px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.post-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.post-date{color:var(--text);opacity:.7;font-size:12px}.post-actions{gap:8px;display:flex}.post-action-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.post-action-btn:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.post-card.compact{padding:16px}.post-card.compact .post-content{-webkit-line-clamp:1}.post-card.compact .post-media{display:none}.posts-page{width:100%;min-width:0;max-width:1200px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-danger-outline{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-danger-outline:hover:not(:disabled){background:#fef2f2}.btn-danger-outline:disabled{opacity:.6;cursor:not-allowed}.header-left{align-items:center;gap:16px;display:flex}.posts-toolbar{gap:16px;min-width:0;margin-bottom:16px;display:flex}.search-box{flex:1;min-width:0;position:relative}.search-box input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 16px 10px 40px;font-size:14px}.search-icon{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-icon{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .2s;display:inline-flex}.btn-icon:hover,.btn-icon.active{background:#f3f4f6;border-color:#9ca3af}.view-toggle{background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden}.view-toggle button{cursor:pointer;color:#6b7280;background:#fff;border:none;padding:10px 12px;transition:all .2s}.view-toggle button.active{color:#374151;background:#f3f4f6}.view-toggle button:not(:last-child){border-right:1px solid #d1d5db}.post-filters{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group label{color:#374151;font-size:12px;font-weight:500}.filter-group select{border:1px solid #d1d5db;border-radius:6px;min-width:150px;padding:8px 12px;font-size:14px}.btn-text{color:#667eea;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px}.btn-text:hover{text-decoration:underline}.posts-list{flex-direction:column;gap:12px;display:flex}.posts-list.grid{grid-template-columns:repeat(3,1fr);gap:16px;min-width:0;display:grid}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:80px 24px}.empty-state h3{color:#1a1a1a;margin:0 0 8px;font-size:18px;font-weight:600}.empty-actions{justify-content:center;gap:12px;display:flex}.pagination{color:#6b7280;justify-content:center;padding:24px;font-size:14px;display:flex}.create-post-page,.edit-post-page{width:100%;min-width:0;max-width:900px}.btn-back{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.btn-back:hover{color:#374151;background:#f3f4f6}.post-form{background:#fff;border-radius:12px;padding:24px}.form-section{margin-bottom:32px}.form-section h3{color:#1a1a1a;border-bottom:1px solid #e5e7eb;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.info-banner{border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:14px;display:flex}.info-banner.success{color:#10b981;background:#ecfdf5}.media-selection{text-align:center;border:2px dashed #d1d5db;border-radius:8px;padding:32px}.media-selection:has(button:disabled){opacity:.6;cursor:not-allowed}.media-add-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.media-add-btn:hover:not(:disabled){color:#667eea}.media-add-btn:disabled{cursor:not-allowed}.selected-media{justify-content:center;align-items:center;gap:12px;display:flex}.platforms-selection{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.platform-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.platform-btn:hover:not(:disabled){border-color:#667eea}.platform-btn.selected{background:#eff6ff;border-color:#667eea}.platform-btn.disabled{opacity:.5;cursor:not-allowed}.platform-name{font-size:14px;font-weight:500}.platform-badge{color:#9ca3af;font-size:11px}.platform-configs{flex-direction:column;gap:16px;display:flex}.platform-config{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.platform-config-header{justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:500;display:flex}.btn-icon-small{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:24px;display:flex}.post-detail-page{width:100%;min-width:0;max-width:1200px}.detail-layout{grid-template-columns:1fr 360px;gap:24px;min-width:0;display:grid}.detail-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.detail-card h3{color:#1a1a1a;border-bottom:1px solid #e5e7eb;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:600}.status-card{border-left:4px solid}.status-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.status-badge-large{border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.post-id{color:#9ca3af;font-family:monospace;font-size:12px}.schedule-info{color:#6b7280;background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.schedule-info .label{margin-bottom:2px;font-size:12px;display:block}.schedule-info .date{color:#374151;font-size:14px;font-weight:500;display:block}.content-section{margin-bottom:20px}.content-section label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.content-value{color:#1a1a1a;margin:0;font-size:16px}.empty-text{color:#9ca3af;margin:0;font-style:italic}.platforms-list{flex-direction:column;gap:12px;display:flex}.platform-detail{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.platform-icon-large{font-size:24px}.platform-info{flex:1}.platform-name{text-transform:capitalize;font-weight:500;display:block}.platform-privacy{color:#6b7280;font-size:12px;display:block}.caption-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:24px}.caption-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.caption-section h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.caption-content{background:#f9fafb;border-radius:8px;margin-bottom:12px;padding:16px}.caption-content p{color:#374151;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.hashtags-list{flex-wrap:wrap;gap:8px;display:flex}.hashtag-tag{color:#667eea;background:#eff6ff;border-radius:20px;padding:4px 12px;font-size:13px}.media-list{flex-direction:column;gap:12px;display:flex}.media-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.media-item img,.media-placeholder{object-fit:cover;border-radius:6px;width:60px;height:60px}.media-placeholder{background:#e5e7eb;justify-content:center;align-items:center;font-size:24px;display:flex}.media-info{flex:1;min-width:0}.media-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.media-type{color:#9ca3af;text-transform:uppercase;font-size:12px;display:block}.meta-list{flex-direction:column;gap:12px;display:flex}.meta-item{justify-content:space-between;align-items:center;display:flex}.meta-label{color:#6b7280;font-size:13px}.meta-value{color:#374151;font-size:13px;font-weight:500}.quick-actions-list{flex-direction:column;gap:8px;display:flex}.action-link{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.action-link:hover{background:#f3f4f6}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.create-post-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;min-width:0;max-width:900px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header-content h2{color:#1a1a1a;margin:0 0 4px;font-size:20px;font-weight:600}.modal-header-content p{color:#6b7280;margin:0;font-size:14px}.modal-close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-btn:hover:not(:disabled){color:#374151;background:#e5e7eb}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-stepper{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:8px;padding:16px 24px;display:flex;overflow-x:auto}.stepper-item{cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex;position:relative}.stepper-item:hover{background:#e5e7eb}.stepper-item.active{background:#fff;box-shadow:0 2px 8px #0000001a}.stepper-item.completed{color:#10b981}.stepper-item.previous{cursor:pointer}.stepper-indicator{background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.stepper-item.active .stepper-indicator{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stepper-item.completed .stepper-indicator{color:#fff;background:#10b981}.stepper-label{flex-direction:column;gap:2px;display:flex}.stepper-title{color:#374151;font-size:13px;font-weight:600}.stepper-item.active .stepper-title{color:#667eea}.stepper-description{color:#9ca3af;font-size:11px}.stepper-connector{background:#e5e7eb;width:24px;height:2px;margin-left:8px}.stepper-item.completed+.stepper-item .stepper-connector{background:#10b981}.modal-content{flex:1;padding:24px;overflow-y:auto}.step-container{animation:.3s fadeIn}.step-header{margin-bottom:20px}.step-header h3{color:#1a1a1a;margin:0 0 4px;font-size:16px;font-weight:600}.step-header p{color:#6b7280;margin:0;font-size:14px}.step-content{min-height:200px}.step-placeholder{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.step-placeholder p{margin:0;font-size:14px}.modal-platform-selector{margin-top:16px}.modal-metadata-section{flex-direction:column;gap:24px;display:flex}.modal-title-field{flex-direction:column;gap:6px;display:flex}.modal-title-field label{color:#374151;font-size:14px;font-weight:500}.modal-input{border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.modal-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-footer-info{align-items:center;gap:8px;display:flex}.step-validation-error{color:#ef4444;align-items:center;gap:6px;font-size:13px;display:flex}.schedule-picker{flex-direction:column;gap:20px;display:flex}.schedule-picker-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.schedule-field{flex-direction:column;gap:6px;display:flex}.schedule-field-wide{grid-column:span 2}.schedule-label{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.schedule-input,.schedule-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.schedule-input:focus,.schedule-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.schedule-quick-actions{gap:12px;display:flex}.btn-now{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:inline-flex}.btn-now:hover{background:#f3f4f6;border-color:#9ca3af}.btn-now.active{color:#667eea;background:#eff6ff;border-color:#667eea}.schedule-summary{background:#ecfdf5;border-left:4px solid #10b981;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.schedule-summary.past{background:#fef2f2;border-left-color:#ef4444}.schedule-summary-icon{color:#10b981}.schedule-summary.past .schedule-summary-icon{color:#ef4444}.schedule-summary-text{flex-direction:column;gap:2px;display:flex}.schedule-summary-label{color:#6b7280;font-size:12px}.schedule-summary-value{color:#374151;font-size:14px;font-weight:500}.schedule-placeholder{color:#9ca3af;background:#f9fafb;border-radius:8px;align-items:center;gap:8px;padding:16px;font-size:14px;display:flex}.compact-schedule-picker{gap:8px;display:flex}.compact-date-input,.compact-time-input{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:13px}.media-uploader{flex-direction:column;gap:16px;display:flex}.media-uploader-stats{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.uploader-stat{align-items:center;gap:8px;font-size:14px;display:flex}.stat-label{color:#6b7280}.btn-clear-media{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.btn-clear-media:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.media-uploader-dropzone{text-align:center;cursor:pointer;border:2px dashed #d1d5db;border-radius:12px;padding:40px;transition:all .2s;position:relative}.media-uploader-dropzone:hover:not(.disabled){background:#f5f7ff;border-color:#667eea}.media-uploader-dropzone.dragging{background:#eff6ff;border-color:#667eea}.uploader-file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.uploader-label{pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex}.uploader-icon{color:#9ca3af}.uploader-title{color:#374151;margin:0;font-size:16px;font-weight:500}.uploader-subtitle{color:#9ca3af;margin:0;font-size:13px}.uploader-formats{gap:8px;margin-top:8px;display:flex}.format-badge{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.format-badge.video{color:#667eea;background:#eff6ff}.format-badge.image{color:#10b981;background:#f0fdf4}.media-uploader-max{color:#10b981;background:#f0fdf4;border:2px solid #10b981;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:40px;font-weight:500;display:flex}.media-uploader-errors{background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;padding:16px}.errors-header{color:#ef4444;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;display:flex}.media-uploader-errors ul{color:#ef4444;margin:0;padding-left:24px;font-size:13px}.media-uploader-list{flex-direction:column;gap:8px;display:flex}.media-uploader-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.media-uploader-item.status-ready{background:#f0fdf4;border-color:#10b981}.media-item-thumbnail{color:#6b7280;background:#e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.media-item-thumbnail img{object-fit:cover;width:100%;height:100%}.media-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.media-item-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.media-item-meta{color:#9ca3af;font-size:12px}.btn-remove-media{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-remove-media:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.media-uploader-empty{text-align:center;background:#f9fafb;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon{font-size:32px}.media-uploader-empty p{color:#374151;margin:0;font-size:14px;font-weight:500}.media-uploader-empty span{color:#9ca3af;font-size:13px}.post-preview-container{flex-direction:column;gap:24px;display:flex}.post-preview-summary{background:#f9fafb;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;display:grid}.preview-summary-item{align-items:center;gap:12px;display:flex}.preview-summary-icon{font-size:24px}.preview-summary-icon-calendar{color:#667eea}.preview-summary-content{flex-direction:column;gap:2px;display:flex}.preview-summary-label{color:#9ca3af;font-size:12px}.preview-summary-value{color:#374151;font-size:14px;font-weight:500}.post-preview-platforms{flex-direction:column;gap:16px;display:flex}.preview-section-title{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.preview-empty-state{color:#9ca3af;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px;display:flex}.preview-empty-state p{margin:0}.preview-platforms-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.preview-platform-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.preview-platform-card.has-errors{border-color:#ef4444}.preview-platform-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 16px;display:flex}.preview-platform-icon{font-size:20px}.preview-platform-name{color:#374151;font-size:14px;font-weight:600}.preview-platform-error-badge{color:#ef4444;margin-left:auto}.preview-platform-content{padding:16px}.preview-platform-errors{background:#fef2f2;border-top:1px solid #fecaca;flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.preview-error-item{color:#ef4444;font-size:12px}.preview-validation-summary{background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;padding:16px}.validation-summary-header{color:#ef4444;align-items:center;gap:8px;margin-bottom:12px;font-weight:500;display:flex}.validation-summary-list{color:#ef4444;margin:0;padding-left:24px;font-size:13px}.validation-summary-list li{margin-bottom:4px}.preview-validation-success{color:#10b981;background:#f0fdf4;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:500;display:flex}.spin{animation:1s linear infinite spin}@media (width<=1024px){.posts-list.grid,.platforms-selection{grid-template-columns:repeat(2,1fr)}.form-row,.detail-layout{grid-template-columns:1fr}.create-post-modal{border-radius:0;max-width:100%;max-height:100vh}.modal-stepper{padding:12px 16px}.stepper-item{padding:6px 8px}.stepper-label{display:none}.preview-platforms-grid,.post-preview-summary{grid-template-columns:1fr}}@media (width<=640px){.page-header h1{font-size:22px}.posts-list.grid{grid-template-columns:1fr}.posts-toolbar{flex-direction:column}.toolbar-actions,.empty-actions,.selected-media,.platform-config-header,.status-header,.meta-item{flex-direction:column;align-items:stretch}.toolbar-actions>*,.empty-actions>*,.post-filters .filter-group,.post-filters .btn-text{width:100%}.platforms-selection{grid-template-columns:1fr}.post-filters{flex-direction:column;align-items:stretch}.filter-group select{width:100%}.header-actions{flex-direction:column;width:100%}.header-actions button{justify-content:center;width:100%}.page-header{flex-direction:column;gap:16px}.form-actions{flex-direction:column}.form-actions button{justify-content:center;width:100%}.modal-header,.modal-content{padding:16px}.modal-footer{flex-direction:column;gap:12px;padding:16px}.modal-footer .btn-primary,.modal-footer .btn-secondary{justify-content:center;width:100%}.schedule-picker-grid{grid-template-columns:1fr}.schedule-field-wide{grid-column:span 1}}@media (width<=480px){.post-form,.detail-card,.platform-config,.caption-content{padding:16px}.media-selection{padding:24px 16px}.detail-layout{gap:16px}.modal-backdrop{padding:0}}.media-page{width:100%;min-width:0;max-width:1200px}.media-tabs{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex;overflow-x:auto}.media-tabs button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.media-tabs button:hover{background:var(--social-bg)}.media-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.upload-zone{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;margin-bottom:24px;padding:40px;transition:all .2s}.upload-zone:hover,.upload-zone.active{background:#eff6ff;border-color:#667eea}.upload-zone svg{color:#9ca3af;margin-bottom:12px}.upload-zone p{color:#374151;margin:0 0 8px;font-weight:500}.upload-zone small{color:#6b7280}.upload-progress{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.progress-item{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.progress-bar{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:100%;transition:width .3s}.media-toolbar{justify-content:space-between;align-items:center;gap:16px;min-width:0;margin-bottom:16px;display:flex}.filter-tabs{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.filter-tabs button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.filter-tabs button.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.selection-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#dc2626}.media-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;min-width:0;display:grid}.media-item{cursor:pointer;background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.media-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.media-item.selected{box-shadow:0 0 0 2px #667eea}.media-checkbox{z-index:1;background:#fff;border:2px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;left:8px}.media-item.selected .media-checkbox{color:#fff;background:#667eea;border-color:#667eea}.media-preview{aspect-ratio:1;background:#f3f4f6;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-preview img{object-fit:cover;width:100%;height:100%}.media-icon{color:#9ca3af}.media-duration{color:#fff;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;position:absolute;bottom:8px;right:8px}.media-info{padding:12px}.media-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:500;display:block;overflow:hidden}.media-meta{color:#6b7280;font-size:12px;display:block}.media-status{padding:0 12px 12px}.badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge.processing{color:#d97706;background:#fef3c7}.badge.error{color:#dc2626;background:#fee2e2}.media-preview-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.preview-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;position:relative;overflow:hidden}.preview-close{color:#fff;cursor:pointer;z-index:1;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:16px}.preview-media{background:#1a1a1a;justify-content:center;align-items:center;max-height:70vh;display:flex}.preview-media img,.preview-media video{max-width:100%;max-height:70vh}.preview-details{padding:20px}.preview-details h3{margin:0 0 12px;font-size:18px;font-weight:600}.preview-meta{flex-wrap:wrap;gap:16px;display:flex}.preview-meta span{color:#6b7280;font-size:14px}.media-selector-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.media-selector-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;min-width:0;max-width:800px;max-height:80vh;display:flex}@media (width<=768px){.media-tabs{margin-bottom:16px;padding-bottom:12px}.media-tabs button{flex:none;padding:9px 14px}.upload-zone{padding:28px 16px}.media-toolbar{flex-direction:column;align-items:stretch}.filter-tabs button,.selection-actions .btn-danger{flex:auto;justify-content:center}.media-preview-modal,.media-selector-modal{padding:12px}}@media (width<=480px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.media-info,.preview-details,.media-selector-body{padding:12px}.media-selector-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}.media-selector-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.media-selector-header h3{margin:0;font-size:18px}.media-selector-body{flex:1;padding:20px;overflow-y:auto}.media-selector-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.media-selector-item{aspect-ratio:1;cursor:pointer;background:#f3f4f6;border:2px solid #0000;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.media-selector-item:hover{border-color:#d1d5db}.media-selector-item.selected{border-color:#667eea}.selection-indicator{color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px}.media-thumb{justify-content:center;align-items:center;width:100%;height:calc(100% - 30px);display:flex}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-name-small{white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:4px 8px;font-size:11px;display:block;overflow:hidden}.media-selector-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.media-selector-footer .actions{gap:8px;display:flex}@media (width<=768px){.media-grid{grid-template-columns:repeat(2,1fr)}.media-toolbar{flex-direction:column;gap:12px}.filter-tabs{width:100%;overflow-x:auto}.selection-actions{justify-content:space-between;width:100%}}.character-counter{color:var(--text-h);font-size:12px;font-weight:500;transition:color .2s}.character-counter.counter-warning{color:#f59e0b}.character-counter.counter-error{color:#ef4444}.character-counter .counter-remaining{font-weight:600}.character-counter-extended{flex-direction:column;gap:4px;min-width:120px;display:flex}.character-counter-extended .counter-progress-bar{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden}.character-counter-extended .counter-progress-fill{background:#10b981;border-radius:2px;height:100%;transition:width .2s,background-color .2s}.character-counter-extended.counter-warning .counter-progress-fill{background:#f59e0b}.character-counter-extended.counter-error .counter-progress-fill{background:#ef4444}.character-counter-extended .counter-text{color:var(--text);align-items:center;gap:4px;font-size:12px;display:flex}.character-counter-extended .counter-current{color:var(--text-h);font-weight:600}.character-counter-extended .counter-separator,.character-counter-extended .counter-limit{color:var(--text)}.character-counter-extended .counter-remaining-badge{background:var(--accent-bg);color:var(--accent);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.hashtag-input-container{position:relative}.hashtag-tags{border:1px solid var(--border);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px;display:flex}.hashtag-tags.disabled{cursor:not-allowed;background:#f9fafb}.hashtag-tag-item{background:var(--accent-bg);color:var(--accent);border-radius:16px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:500;display:inline-flex}.hashtag-tag-item svg{opacity:.7}.hashtag-remove-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:background .2s;display:flex}.hashtag-remove-btn:hover{background:#0000001a}.hashtag-input{background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:4px 8px;font-size:14px}.hashtag-suggestions{border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;background:#fff;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.hashtag-suggestion{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .2s;display:flex}.hashtag-suggestion:hover,.hashtag-suggestion.selected{background:var(--accent-bg)}.hashtag-suggestion .suggestion-tag{color:var(--accent);font-weight:500}.hashtag-suggestion .suggestion-count{color:var(--text);margin-left:auto;font-size:12px}.hashtag-suggestion .suggestion-trending{font-size:12px}.hashtag-footer{color:var(--text);justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;display:flex}.hashtag-count.max-reached{color:#ef4444;font-weight:600}.hashtag-limit-msg{color:#ef4444;font-weight:500}.platform-selector-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.platform-card{border:2px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;padding:16px;transition:all .2s;display:flex}.platform-card:hover:not(:disabled){border-color:var(--accent-border)}.platform-card.selected{border-color:var(--accent);background:var(--accent-bg)}.platform-card.disconnected{opacity:.5;cursor:not-allowed}.platform-card.has-error{border-color:#ef4444}.platform-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.platform-card-icon{font-size:28px}.platform-card-check{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.platform-card-body{flex-direction:column;gap:2px;display:flex}.platform-card-name{color:var(--text-h);font-size:14px;font-weight:600}.platform-card-account{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.platform-card-status{color:#9ca3af;font-size:11px}.platform-card-error{color:#ef4444;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.platform-selector-tabs{border-bottom:1px solid var(--border);gap:8px;padding-bottom:8px;display:flex}.platform-tab{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.platform-tab:hover:not(:disabled){border-color:var(--accent-border)}.platform-tab.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.platform-tab.disconnected{opacity:.5;cursor:not-allowed}.platform-tab.has-error{color:#ef4444;border-color:#ef4444}.platform-tab-badge{color:#9ca3af;background:#f3f4f6;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.platform-selector-list{flex-direction:column;gap:8px;display:flex}.platform-list-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.platform-list-item:hover:not(:disabled){border-color:var(--accent-border)}.platform-list-item.selected{border-color:var(--accent);background:var(--accent-bg)}.platform-list-item.disconnected{opacity:.5;cursor:not-allowed}.platform-list-item.has-error{border-color:#ef4444}.platform-list-icon{font-size:24px}.platform-list-info{flex-direction:column;flex:1;display:flex}.platform-list-name{color:var(--text-h);font-weight:500}.platform-list-handle{color:var(--text);font-size:12px}.platform-list-badge{color:#9ca3af;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:11px}.platform-selector-compact{flex-wrap:wrap;gap:8px;display:flex}.platform-chip{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.platform-chip:hover:not(:disabled){border-color:var(--accent-border)}.platform-chip.selected{border-color:var(--accent);background:var(--accent-bg)}.platform-chip.disconnected{opacity:.5;cursor:not-allowed}.platform-chip-badge{color:#9ca3af;background:#f3f4f6;border-radius:10px;padding:1px 6px;font-size:10px}.platform-metadata-form{flex-direction:column;gap:24px;display:flex}.platform-selector-section h3,.platform-forms-section h3{color:var(--text-h);margin:0 0 16px;font-size:16px;font-weight:600}.platform-selector-placeholder{color:var(--text);background:#f9fafb;border-radius:8px;align-items:center;gap:8px;padding:24px;font-size:14px;display:flex}.platform-forms-list{flex-direction:column;gap:12px;display:flex}.platform-form-card{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.platform-form-card.has-errors{border-color:#ef4444}.platform-form-header{cursor:pointer;width:100%;font-size:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px;display:flex}.platform-form-title{align-items:center;gap:12px;display:flex}.platform-form-icon{font-size:24px}.platform-form-name{color:var(--text-h);font-size:15px;font-weight:600}.platform-form-error-badge{color:#ef4444;background:#fef2f2;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:flex}.platform-form-valid-badge{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.platform-form-toggle{color:var(--text)}.platform-form-content{border-top:1px solid var(--border);padding:0 16px 16px}.metadata-form{flex-direction:column;gap:20px;padding-top:16px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-h);justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:#ef4444}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{cursor:not-allowed;background:#f9fafb}.field-error{color:#ef4444;align-items:center;gap:4px;font-size:12px;display:flex}.field-hint{color:var(--text);align-items:center;gap:4px;font-size:12px;display:flex}.form-section{background:#f9fafb;border-radius:8px;padding:16px}.form-section h4{color:var(--text-h);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-label{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .2s;display:flex}.radio-label:hover{border-color:var(--accent-border)}.radio-label input[type=radio]{margin-top:2px}.radio-text{flex-direction:column;gap:2px;display:flex}.radio-text strong{color:var(--text-h);font-size:14px}.radio-text small{color:var(--text);font-size:12px}.checkbox-group{flex-direction:column;gap:10px;display:flex}.checkbox-label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.checkbox-label input[type=checkbox]{margin-top:2px}.checkbox-label span{color:var(--text-h);font-size:14px}.checkbox-description{color:var(--text);margin-top:2px;font-size:12px;display:block}.thumbnail-upload-label{cursor:pointer;display:block}.thumbnail-upload-input{display:none}.thumbnail-upload-placeholder{border:2px dashed var(--border);color:var(--text);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:32px;transition:border-color .2s,color .2s;display:flex}.thumbnail-upload-label:hover .thumbnail-upload-placeholder{border-color:var(--accent);color:var(--accent)}.thumbnail-preview-container{display:inline-block;position:relative}.thumbnail-preview{object-fit:cover;border-radius:8px;width:200px;height:120px}.thumbnail-remove-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s;position:absolute;bottom:8px;right:8px}.thumbnail-remove-btn:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.location-input-wrapper{align-items:center;display:flex;position:relative}.location-input{flex:1;padding-right:36px}.location-clear-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:8px}.location-clear-btn:hover{color:#ef4444;background:#f3f4f6}.location-suggestions{border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;background:#fff;border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;right:0}.location-suggestion-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:background .2s;display:flex}.location-suggestion-item:hover{background:var(--accent-bg)}.cover-options{gap:12px;display:flex}.cover-frame-option{border:2px dashed var(--border);color:var(--text);text-align:center;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:24px;display:flex}.cover-frame-option small{color:#9ca3af;font-size:11px}.x-content-textarea{font-size:16px}.reply-settings{gap:8px;display:flex}.reply-option{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.reply-option:hover{border-color:var(--accent-border)}.reply-option.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.media-attachments{gap:8px;display:flex}.media-attachment-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.media-attachment-btn:hover{border-color:var(--accent-border)}.media-attachment-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.media-attachment-btn:disabled{opacity:.5;cursor:not-allowed}.media-preview{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.poll-section{background:#f0f9ff;border:1px solid #bae6fd}.poll-options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.poll-option-input{align-items:center;gap:8px;display:flex}.poll-option-input input{flex:1}.poll-option-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.poll-option-remove:hover{color:#ef4444;background:#fef2f2}.poll-add-option{border:1px dashed var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:10px;font-size:13px;transition:all .2s;display:flex}.poll-add-option:hover{border-color:var(--accent);color:var(--accent)}.poll-duration{align-items:center;gap:12px;display:flex}.poll-duration label{color:var(--text);font-size:13px}.poll-duration select{border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px}.form-warnings{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.warning-item{color:#92400e;align-items:flex-start;gap:8px;font-size:13px;display:flex}.warning-item svg{flex-shrink:0;margin-top:2px}@media (width<=768px){.platform-selector-grid{grid-template-columns:repeat(2,1fr)}.cover-options{flex-direction:column}.reply-settings,.media-attachments{flex-wrap:wrap}}@media (width<=480px){.platform-selector-grid{grid-template-columns:1fr}.platform-selector-tabs{padding-bottom:4px;overflow-x:auto}.platform-tab{white-space:nowrap}}.week-view{flex-direction:column;height:100%;display:flex;overflow:hidden}.week-view__header{background-color:var(--border);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:60px repeat(7,1fr);gap:1px;display:grid}.week-view__time-column-header{background-color:var(--code-bg)}.week-view__day-header{background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 8px;display:flex;position:relative}.week-view__day-header--today{background-color:var(--accent-bg)}.week-view__day-name{color:var(--text);text-transform:uppercase;font-size:12px;font-weight:500}.week-view__day-number{color:var(--text-h);font-size:20px;font-weight:600}.week-view__day-header--today .week-view__day-number{color:var(--accent)}.week-view__post-count{background-color:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.week-view__grid-container{background-color:var(--border);flex:1;overflow:auto}.week-view__grid{grid-template-columns:60px repeat(7,1fr);gap:1px;min-width:800px;display:grid}.week-view__time-column{z-index:10;background-color:var(--code-bg);position:sticky;left:0}.week-view__day-column{background-color:var(--bg);min-width:120px}.week-view__day-column--today{background-color:var(--accent-bg)}.week-view__current-time{background-color:var(--accent);z-index:20;height:2px;position:absolute;left:0;right:0}.week-view__current-time:before{content:"";background-color:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-4px}@media (width<=768px){.week-view__header,.week-view__grid{grid-template-columns:50px repeat(7,1fr)}.week-view__day-header{padding:8px 4px}.week-view__day-name{font-size:10px}.week-view__day-number{font-size:16px}.week-view__day-column{min-width:100px}}.platform-badge{color:var(--platform-color);background-color:var(--platform-bg);border:1px solid var(--platform-color);border-radius:4px;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.platform-badge--sm{min-width:20px;height:20px;padding:2px 4px}.platform-badge--md{min-width:28px;height:28px;padding:4px 8px}.platform-badge--lg{min-width:36px;height:36px;padding:6px 12px}.platform-badge__label{margin-left:4px;font-size:12px;font-weight:500}.platform-badge--overflow{background-color:var(--text-h);color:#fff;border-color:var(--text-h);font-size:10px}.platform-badge-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.platform-badge--youtube{--platform-color:red;--platform-bg:#ff00001a}.platform-badge--tiktok{--platform-color:#000;--platform-bg:#0000001a}.platform-badge--instagram{--platform-color:#e4405f;--platform-bg:#e4405f1a}.platform-badge--x{--platform-color:#000;--platform-bg:#0000001a}@media (prefers-color-scheme:dark){.platform-badge--tiktok,.platform-badge--x{--platform-color:#fff;--platform-bg:#ffffff1a}.platform-badge--overflow{background-color:var(--border);color:var(--text-h);border-color:var(--border)}}.calendar-post-card{background-color:var(--post-bg-color);border:2px solid var(--post-border-color);cursor:pointer;opacity:var(--post-opacity,1);text-align:left;border-radius:8px;align-items:stretch;gap:8px;padding:8px;transition:all .2s;display:flex}.calendar-post-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.calendar-post-card:focus{outline:2px solid var(--accent);outline-offset:2px}.calendar-post-card--compact{flex-direction:column;gap:2px;min-height:auto;padding:4px 6px}.calendar-post-card--compact .calendar-post-card__title{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.calendar-post-card--compact .calendar-post-card__time{color:var(--text);font-size:10px;font-weight:500}.calendar-post-card__thumbnail{background-color:var(--code-bg);border-radius:4px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.calendar-post-card__thumbnail img{object-fit:cover;width:100%;height:100%}.calendar-post-card__placeholder{width:100%;height:100%;color:var(--text);justify-content:center;align-items:center;display:flex}.calendar-post-card__content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.calendar-post-card__header{justify-content:space-between;align-items:center;gap:4px;display:flex}.calendar-post-card__title{color:var(--text-h);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.calendar-post-card__meta{color:var(--text);align-items:center;gap:4px;font-size:11px;display:flex}.calendar-post-card__status-icon{flex-shrink:0}.calendar-post-card__status-icon--draft{color:#6b7280}.calendar-post-card__status-icon--scheduled{color:#3b82f6}.calendar-post-card__status-icon--published{color:#10b981}.calendar-post-card__status-icon--failed{color:#ef4444}.calendar-post-card--draft{--post-border-color:var(--post-draft-border,#9ca3af);--post-bg-color:var(--post-draft-bg,#9ca3af1a);--post-opacity:.7}.calendar-post-card--scheduled{--post-border-color:var(--post-scheduled-border,#3b82f6);--post-bg-color:var(--post-scheduled-bg,#3b82f61a);--post-opacity:1}.calendar-post-card--published{--post-border-color:var(--post-published-border,#10b981);--post-bg-color:var(--post-published-bg,#10b9811a);--post-opacity:1}.calendar-post-card--failed{--post-border-color:var(--post-failed-border,#ef4444);--post-bg-color:var(--post-failed-bg,#ef44441a);--post-opacity:1}.empty-slot{border:2px dashed var(--border);min-height:40px;color:var(--text);cursor:pointer;background-color:#0000;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:8px;transition:all .2s;display:flex}.empty-slot:hover{border-color:var(--accent);background-color:var(--accent-bg);color:var(--accent)}.empty-slot:focus{outline:2px solid var(--accent);outline-offset:2px}.empty-slot__icon{flex-shrink:0}.empty-slot__time{font-size:12px;font-weight:500}.empty-slot--compact{border-style:dashed;border-width:1px;min-height:28px;padding:4px}.empty-slot--compact:hover{border-style:solid}.empty-slot--droppable{border-color:var(--accent);background-color:var(--accent-bg);border-style:solid}.empty-slot--droppable-hover{border-color:var(--accent);background-color:var(--accent-bg);transform:scale(1.02)}.month-view{background-color:var(--bg);flex-direction:column;height:100%;display:flex}.month-view__weekdays{background-color:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.month-view__weekday{text-align:center;color:var(--text);text-transform:uppercase;background-color:var(--code-bg);padding:12px 8px;font-size:13px;font-weight:600}.month-view__grid{background-color:var(--border);flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,1fr);gap:1px;display:grid}.month-view__day{background-color:var(--bg);cursor:pointer;flex-direction:column;min-height:120px;padding:8px;transition:background-color .2s;display:flex}.month-view__day:hover{background-color:var(--code-bg)}.month-view__day:focus{outline:2px solid var(--accent);outline-offset:-2px}.month-view__day--other-month{background-color:var(--social-bg)}.month-view__day--other-month .month-view__day-number{color:var(--text);opacity:.5}.month-view__day--today{background-color:var(--accent-bg)}.month-view__day--today .month-view__day-number{color:var(--accent);font-weight:700}.month-view__day-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.month-view__day-number{color:var(--text-h);font-size:14px;font-weight:500}.month-view__today-badge{background-color:var(--accent);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.month-view__day-content{flex-direction:column;flex:1;gap:4px;display:flex}.month-view__day--empty .month-view__day-content{justify-content:center}.month-view__more-btn{color:var(--accent);cursor:pointer;text-align:center;background-color:#0000;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s}.month-view__more-btn:hover{background-color:var(--accent-bg)}@media (width<=1024px){.month-view__grid{grid-auto-rows:minmax(100px,1fr)}.month-view__day{min-height:100px;padding:6px}.month-view__day-number{font-size:12px}}@media (width<=768px){.month-view__weekday{padding:8px 4px;font-size:11px}.month-view__grid{grid-auto-rows:minmax(80px,1fr)}.month-view__day{min-height:80px;padding:4px}.month-view__day-header{margin-bottom:4px}.month-view__day-number{font-size:11px}.month-view__today-badge{padding:1px 4px;font-size:8px}}.calendar-filters{background-color:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:20px;width:240px;padding:16px;display:flex}.calendar-filters__header{color:var(--text-h);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.calendar-filters__clear{background-color:var(--code-bg);width:20px;height:20px;color:var(--text);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:all .2s;display:flex}.calendar-filters__clear:hover{background-color:var(--border);color:var(--text-h)}.calendar-filters__search{align-items:center;display:flex;position:relative}.calendar-filters__search svg{color:var(--text);pointer-events:none;position:absolute;left:10px}.calendar-filters__search input{background-color:var(--code-bg);border:1px solid var(--border);width:100%;color:var(--text-h);border-radius:6px;padding:8px 28px 8px 32px;font-size:13px;transition:all .2s}.calendar-filters__search input:focus{border-color:var(--accent);outline:none}.calendar-filters__search input::placeholder{color:var(--text)}.calendar-filters__search-clear{color:var(--text);cursor:pointer;opacity:.6;background-color:#0000;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .2s;display:flex;position:absolute;right:8px}.calendar-filters__search-clear:hover{opacity:1}.calendar-filters__section{flex-direction:column;gap:10px;display:flex}.calendar-filters__section-title{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:600}.calendar-filters__options{flex-direction:column;gap:6px;display:flex}.calendar-filters__option{border:1px solid var(--border);cursor:pointer;text-align:left;background-color:#0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.calendar-filters__option:hover{background-color:var(--code-bg)}.calendar-filters__option.active{border-color:var(--status-color,var(--platform-color,var(--accent)));background-color:var(--accent-bg)}.calendar-filters__option-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.calendar-filters__option-label{color:var(--text-h);font-size:13px}@media (width<=1024px){.calendar-filters{width:200px;padding:12px}}@media (width<=768px){.calendar-filters{border-right:none;border-bottom:1px solid var(--border);width:100%}.calendar-filters__options{flex-flow:wrap}.calendar-filters__option{flex:1;min-width:100px}}.calendar-container{background-color:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.calendar-container__body{flex:1;display:flex;overflow:hidden}.calendar-container__content{flex:1;padding:16px;overflow:auto}.calendar-container__legend{background-color:var(--code-bg);border-top:1px solid var(--border);padding:12px 20px}.calendar-legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.calendar-legend__title{color:var(--text);font-size:13px;font-weight:600}.calendar-legend__items{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.calendar-legend__item{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.calendar-legend__dot{border-radius:50%;width:10px;height:10px}.calendar-legend__dot--draft{background-color:#9ca3af}.calendar-legend__dot--scheduled{background-color:#3b82f6}.calendar-legend__dot--published{background-color:#10b981}.calendar-legend__dot--failed{background-color:#ef4444}@media (width<=768px){.calendar-container__body{flex-direction:column}.calendar-container__content{padding:12px}.calendar-legend,.calendar-legend__items{gap:12px}}.calendar-page{flex-direction:column;max-width:1400px;height:calc(100vh - 100px);margin:0 auto;padding:24px;display:flex}.calendar-page .page-header{flex-shrink:0;margin-bottom:24px}.calendar-page .page-header h1{color:var(--text-h);margin:0 0 8px;font-size:28px;font-weight:600}.calendar-page .page-header p{color:var(--text);margin:0;font-size:16px}.calendar-page .calendar-container{flex:1;min-height:0}@media (width<=768px){.calendar-page{height:auto;min-height:calc(100vh - 80px);padding:16px}.calendar-page .page-header h1{font-size:24px}.calendar-page .page-header p{font-size:14px}}.queue-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;transition:all .15s}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.stat-icon{border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.stat-trend{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.stat-value{color:var(--stat-color,#111827);margin-bottom:.25rem;font-size:1.875rem;font-weight:700;line-height:1}.queue-stats-skeleton{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:.75rem;height:100px;animation:1.5s infinite shimmer}.queue-stats-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;display:flex}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.queue-stats-compact{flex-wrap:wrap;gap:.5rem;display:flex}.compact-stat{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.compact-stat-value{font-weight:700}.queue-stats-compact-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:9999px;width:200px;height:24px;animation:1.5s infinite shimmer}.queue-stats-trends{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.trend-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.trend-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.trend-label{color:#6b7280;font-size:.875rem}.trend-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.trend-badge.positive{color:#10b981;background-color:#10b9811a}.trend-badge.negative{color:#ef4444;background-color:#ef44441a}.trend-value{font-size:1.5rem;font-weight:700}@media (width<=640px){.queue-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}}.queue-filters{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;padding:1rem}.queue-filters-header{align-items:center;gap:.75rem;display:flex}.queue-search{flex:1;max-width:400px;position:relative}.search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.5rem 2rem .5rem 2.5rem;font-size:.875rem;transition:all .15s}.search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#9ca3af}.search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-clear:hover{color:#374151;background-color:#f3f4f6}.filters-toggle{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex;position:relative}.filters-toggle:hover{background-color:#f9fafb;border-color:#d1d5db}.filters-toggle.active{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6}.filters-badge{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.queue-filters-expanded{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.filter-section{margin-bottom:1rem}.filter-section:last-child{margin-bottom:0}.filter-section-header{text-transform:uppercase;color:#6b7280;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.filter-options{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;transition:all .15s;display:inline-flex}.filter-chip:hover{background-color:#f9fafb;border-color:#d1d5db}.filter-chip.active{background-color:var(--status-color,#3b82f6);border-color:var(--status-color,#3b82f6);color:#fff}.filter-chip.active .status-dot{background-color:#fff!important}.status-dot{border-radius:50%;width:8px;height:8px}.clear-filters-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;font-size:.875rem;transition:all .15s;display:inline-flex}.clear-filters-btn:hover{color:#ef4444}@media (width<=640px){.queue-filters-header{flex-direction:column;align-items:stretch}.queue-search{max-width:none}.filters-toggle{justify-content:center}.filter-options{gap:.375rem}.filter-chip{padding:.25rem .5rem;font-size:.75rem}}.queue-item{background:#fff}.queue-item-row{grid-template-columns:40px 40px 2fr 120px 150px 180px 80px 120px;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:background-color .15s;display:grid}.queue-item-row:hover{background-color:#f9fafb}.item-checkbox{justify-content:center;align-items:center;display:flex}.item-checkbox input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.item-expand-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .15s;display:flex}.item-expand-btn:hover{color:#374151;background-color:#f3f4f6}.item-title{min-width:0}.title-text{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.item-meta{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.item-id{color:#9ca3af;font-size:.75rem}.media-badge{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.item-status{flex-direction:column;gap:.25rem;display:flex}.status-badge{border-radius:9999px;align-items:center;gap:.375rem;width:fit-content;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge .spinner{animation:1s linear infinite spin}.mini-progress{background-color:#e5e7eb;border-radius:2px;height:3px;overflow:hidden}.mini-progress-bar{border-radius:2px;height:100%;transition:width .3s}.item-platforms{align-items:center;display:flex}.platform-icons-row{align-items:center;gap:.25rem;display:flex}.platform-dot{border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;display:flex}.platform-more{color:#6b7280;padding-left:.25rem;font-size:.75rem}.item-date{color:#6b7280;align-items:center;gap:.375rem;font-size:.875rem;display:flex}.item-priority{justify-content:center;align-items:center;display:flex}.priority-badge{color:#f59e0b;font-size:.875rem;font-weight:700}.priority-badge.priority-3{color:#ef4444}.item-actions{justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .15s;display:flex}.action-btn:hover{background-color:#f3f4f6}.action-btn.retry:hover{color:#f97316}.action-btn.cancel:hover,.action-btn.delete:hover{color:#ef4444}.action-btn.pause:hover,.action-btn.resume:hover{color:#3b82f6}.queue-item.expanded .queue-item-row{background-color:#f0f9ff}.queue-item-details{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem}.details-section{margin-bottom:1.5rem}.details-section:last-child{margin-bottom:0}.details-section h4{color:#374151;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.platform-progress-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.platform-progress{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.platform-progress-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.platform-icon-emoji{font-size:1rem}.platform-status{align-items:center;gap:.375rem;font-size:.75rem;display:flex}.platform-status .spinner{animation:1s linear infinite spin}.platform-status .error-icon{color:#ef4444}.platform-status .success-icon{color:#10b981}.status-text{font-weight:500}.status-text.status-pending{color:#6b7280}.status-text.status-queued{color:#8b5cf6}.status-text.status-uploading{color:#3b82f6}.status-text.status-processing{color:#f59e0b}.status-text.status-published{color:#10b981}.status-text.status-failed{color:#ef4444}.status-text.status-cancelled{color:#9ca3af}.status-text.status-retrying{color:#f97316}.progress-percent{color:#6b7280;margin-left:.25rem}.progress-bar-container{background-color:#e5e7eb;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-bar{background-color:#3b82f6;border-radius:3px;height:100%;transition:width .3s}.progress-bar.error{background-color:#ef4444}.progress-bar.success{background-color:#10b981}.platform-error{color:#ef4444;margin-bottom:.5rem;font-size:.75rem}.platform-link{color:#3b82f6;align-items:center;gap:.25rem;font-size:.75rem;text-decoration:none;display:inline-flex}.platform-link:hover{text-decoration:underline}.info-item{gap:.5rem;font-size:.875rem;display:flex}.error-section .error-message{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.view-logs-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.view-logs-btn:hover{background-color:#f9fafb;border-color:#d1d5db}@media (width<=1200px){.queue-item-row{grid-template-columns:40px 40px 2fr 120px 120px 150px 60px 100px}}@media (width<=992px){.queue-item-row{grid-template-columns:40px 40px 2fr 100px 100px 120px 60px 80px}.item-date,.item-priority{display:none}}@media (width<=768px){.queue-item-row{grid-template-columns:40px 40px 1fr 80px 60px}.item-platforms,.item-date,.item-priority{display:none}}.queue-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.queue-list-header{text-transform:uppercase;color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:40px 40px 2fr 120px 150px 180px 80px 120px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:grid}.header-checkbox{justify-content:center;align-items:center;display:flex}.header-checkbox input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.queue-list-scroll{height:500px;overflow:hidden auto}.queue-list-scroll::-webkit-scrollbar{width:8px}.queue-list-scroll::-webkit-scrollbar-track{background:#f1f1f1}.queue-list-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.queue-list-scroll::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.queue-list-content{position:relative}.queue-list-items{position:absolute;left:0;right:0}.queue-list-item-wrapper{border-bottom:1px solid #f3f4f6}.queue-list-item-wrapper:last-child{border-bottom:none}.queue-list-footer{color:#6b7280;background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.queue-list-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.queue-list-loading .spinner{margin-bottom:1rem;animation:1s linear infinite spin}.queue-list-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-title{color:#374151;margin:0 0 .5rem;font-size:1rem;font-weight:600}.empty-description{color:#6b7280;max-width:300px;margin:0;font-size:.875rem}.queue-list-error{text-align:center;color:#ef4444;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.error-title{margin:1rem 0 .5rem;font-size:1rem;font-weight:600}.error-message{color:#6b7280;margin:0;font-size:.875rem}.queue-list-simple{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.queue-list-body{min-height:200px}@media (width<=1200px){.queue-list-header{grid-template-columns:40px 40px 2fr 120px 120px 150px 60px 100px}}@media (width<=992px){.queue-list-header{grid-template-columns:40px 40px 2fr 100px 100px 120px 60px 80px}.header-date,.header-priority{display:none}}@media (width<=768px){.queue-list-header{grid-template-columns:40px 40px 1fr 80px 60px}.header-platforms,.header-date,.header-priority,.header-actions{display:none}}.bulk-actions-bar{background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%);border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;animation:.2s slideDown;display:flex}.bulk-actions-info{align-items:center;gap:.75rem;display:flex}.selection-icon{color:#fff;background-color:#ffffff1a;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.selection-count{color:#fff;font-size:.875rem}.selection-count strong{font-weight:600}.clear-selection-btn{color:#fffc;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:.25rem;align-items:center;gap:.25rem;margin-left:.5rem;padding:.25rem .5rem;font-size:.75rem;transition:all .15s;display:inline-flex}.clear-selection-btn:hover{color:#fff;background-color:#fff3}.bulk-actions-buttons{align-items:center;gap:.5rem;display:flex}.bulk-action-btn{cursor:pointer;background-color:#fff;border:none;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.bulk-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.bulk-actions-bar-compact{z-index:100;background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%);padding:.75rem 1rem;animation:.2s slideUp;position:fixed;bottom:0;left:0;right:0}.compact-count{color:#fff;font-size:.875rem;font-weight:500}.compact-clear-btn{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex}.compact-clear-btn:hover{background-color:#fff3}.compact-actions{justify-content:center;gap:1rem;display:flex}.compact-action-btn{color:#374151;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .15s;display:flex}.compact-action-btn:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.compact-action-btn.danger{color:#ef4444}.selected-items-badge{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 100%);border:none;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.selected-items-badge:hover{transform:scale(1.05);box-shadow:0 2px 4px #0003}@media (width<=768px){.bulk-actions-bar{flex-direction:column;gap:.75rem;padding:.75rem}.bulk-actions-info{justify-content:center;width:100%}.bulk-actions-buttons{flex-wrap:wrap;justify-content:center;width:100%}.bulk-action-btn{flex:1;justify-content:center;min-width:80px}}.publish-log-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.publish-log-modal{background:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.2s slideUp;display:flex;box-shadow:0 20px 25px -5px #0000001a}.publish-log-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.log-header-title h3{color:#111827;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.log-item-id{color:#9ca3af;font-family:monospace;font-size:.75rem}.log-header-actions{gap:.5rem;display:flex}.log-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex}.log-action-btn:hover{color:#374151;background-color:#f3f4f6}.log-action-btn.close:hover{color:#dc2626;background-color:#fee2e2}.publish-log-info{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem 1.25rem}.info-row{gap:.5rem;margin-bottom:.375rem;font-size:.875rem;display:flex}.info-row:last-child{margin-bottom:0}.info-label{color:#6b7280;min-width:80px}.info-value{color:#374151;font-weight:500}.status-badge{text-transform:uppercase;background-color:#e5e7eb;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.publish-log-filters{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.log-filter-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.log-filter-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.log-filter-btn.active{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6}.log-filter-btn.level-all.active{color:#374151;background-color:#f3f4f6;border-color:#6b7280}.log-filter-btn.level-info.active{color:#2563eb;background-color:#eff6ff;border-color:#3b82f6}.log-filter-btn.level-success.active{color:#059669;background-color:#10b9811a;border-color:#10b981}.log-filter-btn.level-warning.active{color:#d97706;background-color:#f59e0b1a;border-color:#f59e0b}.log-filter-btn.level-error.active{color:#dc2626;background-color:#ef44441a;border-color:#ef4444}.log-count{background-color:#0000001a;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.625rem;font-weight:600;display:inline-flex}.auto-scroll-toggle{color:#6b7280;cursor:pointer;align-items:center;gap:.375rem;margin-left:auto;font-size:.75rem;display:inline-flex}.auto-scroll-toggle input[type=checkbox]{cursor:pointer}.publish-log-content{background-color:#1a1a2e;flex:1;max-height:400px;overflow-y:auto}.log-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.log-entries{padding:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.5}.log-entry{border-left:3px solid #0000;border-radius:.375rem;margin-bottom:.25rem;padding:.5rem .75rem}.log-entry:last-child{margin-bottom:0}.log-entry.level-info{background-color:#3b82f61a;border-left-color:#3b82f6}.log-entry.level-success{background-color:#10b9811a;border-left-color:#10b981}.log-entry.level-warning{background-color:#f59e0b1a;border-left-color:#f59e0b}.log-entry.level-error{background-color:#ef44441a;border-left-color:#ef4444}.log-entry-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.log-icon{flex-shrink:0}.log-icon.info{color:#60a5fa}.log-icon.success{color:#34d399}.log-icon.warning{color:#fbbf24}.log-icon.error{color:#f87171}.log-timestamp{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.log-level{border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.log-level.level-info{color:#60a5fa;background-color:#3b82f633}.log-level.level-success{color:#34d399;background-color:#10b98133}.log-level.level-warning{color:#fbbf24;background-color:#f59e0b33}.log-level.level-error{color:#f87171;background-color:#ef444433}.log-platform{color:#9ca3af;background-color:#ffffff1a;border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem}.log-entry-message{color:#e5e7eb;margin-left:1.5rem}.log-entry-metadata{margin-top:.25rem;margin-left:1.5rem}.log-entry-metadata pre{color:#9ca3af;background-color:#0000004d;border-radius:.25rem;margin:0;padding:.5rem;font-size:.75rem;overflow-x:auto}.publish-log-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.log-stats{color:#6b7280;font-size:.875rem}.log-close-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.log-close-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.compact-log-viewer{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.compact-log-viewer h4{color:#374151;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.compact-log-entries{flex-direction:column;gap:.5rem;display:flex}.compact-log-entry{background-color:#f9fafb;border-radius:.25rem;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.8125rem;display:flex}.compact-log-time{color:#6b7280;font-family:monospace;font-size:.75rem}.compact-log-message{color:#374151;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.compact-log-more{text-align:center;color:#6b7280;padding-top:.5rem;font-size:.75rem}.log-summary-badge{gap:.25rem;display:flex}.log-badge{border-radius:.25rem;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:600;display:inline-flex}.log-badge.error{color:#ef4444;background-color:#ef44441a}.log-badge.warning{color:#f59e0b;background-color:#f59e0b1a}@media (width<=640px){.publish-log-modal{border-radius:0;max-height:100vh}.publish-log-header,.publish-log-info,.publish-log-filters,.publish-log-footer{padding-left:1rem;padding-right:1rem}.publish-log-filters{gap:.5rem}.log-filter-btn{padding:.25rem .5rem}}.queue-page{max-width:1400px;margin:0 auto;padding:1.5rem}.header-title-section h1{color:#111827;margin:0 0 .25rem;font-size:1.875rem;font-weight:600}.header-title-section p{color:#6b7280;margin:0;font-size:.875rem}.refresh-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.refresh-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spinning{animation:1s linear infinite spin}.queue-view-toggle{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 0;display:flex}.view-toggle-buttons{background-color:#f3f4f6;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.view-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.view-btn:hover{color:#374151}.view-btn.active{color:#111827;background-color:#fff;box-shadow:0 1px 2px #0000000d}.view-info{color:#6b7280;font-size:.875rem}.loading-text{color:#9ca3af}.queue-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 0;display:flex}.pagination-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:.875rem}@media (width<=768px){.queue-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.header-title-section h1{font-size:1.5rem}.queue-view-toggle{flex-direction:column;align-items:flex-start;gap:.75rem}}.media-dropzone-container{flex-direction:column;gap:24px;display:flex}.media-stats-bar{background:var(--social-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:24px;padding:12px 16px;display:flex}.media-stat{align-items:center;gap:6px;font-size:14px;display:flex}.stat-label{color:var(--text);opacity:.8}.stat-value{color:var(--text-h);font-weight:600}.stat-value.uploading{color:#667eea}.stat-value.completed{color:#10b981}.stat-value.error{color:#ef4444}.btn-preview-media{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.btn-preview-media:hover{background:#dbeafe;border-color:#93c5fd}.btn-clear-all{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.btn-clear-all:hover:not(:disabled){background:var(--code-bg);color:#ef4444;border-color:#ef4444}.btn-clear-all:disabled{opacity:.5;cursor:not-allowed}.media-preview-section{background:var(--social-bg);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:20px}.preview-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-section-header h4{color:var(--text-h);margin:0;font-size:15px;font-weight:600}.btn-close-preview{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-close-preview:hover{background:var(--code-bg);color:var(--text-h)}.preview-media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px;display:grid}.preview-media-item{text-align:center;flex-direction:column;gap:8px;display:flex}.preview-media-item img{aspect-ratio:16/9;object-fit:cover;background:var(--code-bg);border-radius:8px;width:100%}.preview-media-placeholder{aspect-ratio:16/9;background:var(--code-bg);border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:32px;display:flex}.preview-media-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.preview-hint{color:var(--text);opacity:.8;text-align:center;border-top:1px solid var(--border);margin:0;padding-top:12px;font-size:13px}.media-dropzone{border:2px dashed var(--border);text-align:center;background:var(--social-bg);cursor:pointer;border-radius:16px;padding:48px 32px;transition:all .3s}.media-dropzone:hover:not(.disabled){border-color:var(--accent);background:var(--accent-bg)}.media-dropzone.active,.media-dropzone.dragging{border-color:var(--accent);background:var(--accent-bg);border-style:solid;transform:scale(1.01)}.media-dropzone.disabled{opacity:.6;cursor:not-allowed;background:var(--code-bg)}.media-dropzone-content{flex-direction:column;align-items:center;gap:16px;display:flex}.media-dropzone-icon{color:var(--accent);opacity:.8}.media-dropzone-title{color:var(--text-h);margin:0;font-size:18px;font-weight:500}.media-dropzone-subtitle{color:var(--text);opacity:.8;margin:0;font-size:14px}.media-dropzone-formats{gap:8px;margin-top:8px;display:flex}.format-badge{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.media-validation-errors{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:16px}.validation-header{align-items:center;gap:8px;margin-bottom:8px;font-weight:500;display:flex}.media-validation-errors ul{margin:0 0 12px;padding-left:20px;font-size:14px}.media-validation-errors li{margin-bottom:4px}.btn-dismiss-errors{color:#991b1b;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.btn-dismiss-errors:hover{background:#fecaca}.media-success-notification{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.media-success-notification svg{flex-shrink:0}.media-upload-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.media-upload-list-header{background:var(--social-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.media-upload-list-header h3{color:var(--text-h);margin:0;font-size:16px;font-weight:500}.btn-clear-completed{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:inline-flex}.btn-clear-completed:hover{background:var(--code-bg);border-color:var(--accent)}.media-upload-items{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:500px;padding:20px;display:grid;overflow-y:auto}.media-upload-empty{text-align:center;background:var(--social-bg);border:1px solid var(--border);border-style:dashed;border-radius:12px;padding:48px 32px}.media-upload-empty-icon{margin-bottom:16px;font-size:48px}.media-upload-empty h4{color:var(--text-h);margin:0 0 8px;font-size:16px;font-weight:500}.media-upload-empty p{color:var(--text);opacity:.8;margin:0;font-size:14px}.media-preview-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:all .2s;overflow:hidden}.media-preview-item:hover{box-shadow:var(--shadow)}.media-preview-item.status-error{border-color:#fecaca}.media-preview-item.status-completed{border-color:#a7f3d0}.media-preview-thumbnail{aspect-ratio:16/9;background:var(--code-bg);position:relative;overflow:hidden}.media-preview-thumbnail img{object-fit:cover;width:100%;height:100%}.media-preview-placeholder{width:100%;height:100%;color:var(--text);opacity:.5;justify-content:center;align-items:center;display:flex}.media-preview-overlay{color:#fff;opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.media-preview-item:hover .media-preview-overlay{opacity:1}.media-duration-badge{color:#fff;font-size:12px;font-weight:500;font-family:var(--mono);background:#000000b3;border-radius:4px;padding:2px 6px;position:absolute;bottom:8px;right:8px}.media-preview-remove{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.media-preview-remove:hover{background:#dc2626}.media-preview-info{padding:12px}.media-preview-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.media-preview-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.media-preview-retry{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.media-preview-retry:hover{background:#eff6ff}.media-preview-meta{color:var(--text);opacity:.8;margin-bottom:8px;font-size:12px}.media-status-badge{border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.media-status-badge.status-queued{color:#6b7280;background:#f3f4f6}.media-status-badge.status-uploading{color:#667eea;background:#eff6ff}.media-status-badge.status-processing{color:#d97706;background:#fef3c7}.media-status-badge.status-completed{color:#059669;background:#d1fae5}.media-status-badge.status-error{color:#dc2626;background:#fee2e2}.media-progress-bar{background:var(--border);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.media-progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:2px;height:100%;transition:width .3s}.media-error-message{color:#dc2626;background:#fee2e2;border-radius:4px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:12px;display:flex}@media (width<=768px){.media-dropzone{padding:32px 20px}.media-dropzone-title{font-size:16px}.media-upload-items{grid-template-columns:1fr;padding:16px}.media-stats-bar{flex-wrap:wrap;gap:12px}.btn-clear-all{justify-content:center;width:100%;margin-left:0}}@media (prefers-color-scheme:dark){.media-validation-errors{color:#fca5a5;background:#991b1b33;border-color:#dc26264d}.btn-dismiss-errors{color:#fca5a5;background:#0000004d;border-color:#dc26264d}.btn-dismiss-errors:hover{background:#dc262633}.media-success-notification{color:#6ee7b7;background:#065f4633;border-color:#10b9814d}.media-status-badge.status-queued{color:#9ca3af;background:#6b728033}.media-status-badge.status-uploading{color:#a5b4fc;background:#667eea33}.media-status-badge.status-processing{color:#fcd34d;background:#d9770633}.media-status-badge.status-completed{color:#34d399;background:#05966933}.media-status-badge.status-error,.media-error-message{color:#f87171;background:#dc262633}}.bulk-action-bar{z-index:100;animation:.3s slideUpBar;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes slideUpBar{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bulk-action-bar-content{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 10px 40px -10px #0003}.bulk-selection-info{border-right:1px solid var(--border);align-items:center;gap:12px;padding-right:16px;display:flex}.bulk-select-all-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.bulk-select-all-btn:hover{background:var(--social-bg);color:var(--accent)}.selection-count{white-space:nowrap}.bulk-actions{align-items:center;gap:8px;display:flex}.bulk-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-btn.edit{background:var(--accent);color:#fff}.bulk-action-btn.edit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.bulk-action-btn.disconnect{color:#ef4444;background:#ef44441a}.bulk-action-btn.disconnect:hover:not(:disabled){background:#ef444433}.bulk-action-btn.close{background:var(--social-bg);color:var(--text);padding:10px}.bulk-action-btn.close:hover{background:var(--border)}@media (width<=640px){.bulk-action-bar{bottom:16px;left:16px;right:16px;transform:none}@keyframes slideUpBar{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bulk-action-bar-content{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 16px}.bulk-selection-info{border-right:none;border-bottom:1px solid var(--border);justify-content:center;width:100%;padding-bottom:12px;padding-right:0}.bulk-action-btn span{display:none}.bulk-action-btn{padding:10px}}.bulk-edit-field-selector{padding:8px 0}.field-selector-description{color:var(--text);margin:0 0 20px;font-size:14px;line-height:1.5}.field-options-grid{flex-direction:column;gap:12px;display:flex}.field-option{background:var(--social-bg);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:all .2s;display:flex}.field-option:hover{border-color:var(--accent-border);background:var(--bg)}.field-option.selected{border-color:var(--accent);background:var(--accent-bg)}.field-option-content{flex:1;align-items:flex-start;gap:12px;display:flex}.field-option-icon{background:var(--bg);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.field-option.selected .field-option-icon{background:var(--accent);color:#fff}.field-option-info{flex:1;min-width:0}.field-option-label{color:var(--text-h);margin:0 0 4px;font-size:15px;font-weight:600}.field-option-description{color:var(--text);opacity:.8;margin:0;font-size:13px;line-height:1.4}.field-option-check{background:var(--accent);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:12px;transition:all .2s;display:flex;transform:scale(.8)}.field-option.selected .field-option-check{opacity:1;transform:scale(1)}.field-selector-hint{color:#f59e0b;text-align:center;background:#f59e0b1a;border-radius:8px;margin:16px 0 0;padding:12px;font-size:13px}@media (width<=640px){.field-option{padding:12px}.field-option-icon{width:36px;height:36px}.field-option-label{font-size:14px}.field-option-description{font-size:12px}}.bulk-edit-modal{max-width:600px}.modal-subtitle{color:var(--text);opacity:.8;margin-top:4px;font-size:14px;font-weight:400;display:block}.modal-step-indicator{background:var(--social-bg);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:8px;padding:16px 24px;display:flex}.step{color:var(--text);opacity:.5;align-items:center;gap:8px;display:flex}.step.active{opacity:1;color:var(--accent)}.step-number{background:var(--border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.step.active .step-number{background:var(--accent);color:#fff}.step-label{font-size:13px;font-weight:500}.step-connector{background:var(--border);width:40px;height:2px}.modal-footer{border-top:1px solid var(--border);align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.bulk-edit-values-form{padding:8px 0}.values-form-description{color:var(--text);margin:0 0 20px;font-size:14px;line-height:1.5}.fields-form-list{flex-direction:column;gap:20px;display:flex}.field-input-group{flex-direction:column;gap:8px;display:flex}.field-input-group label{color:var(--text-h);font-size:14px;font-weight:500}.field-input-group input,.field-input-group select,.field-input-group textarea{background:var(--social-bg);border:1px solid var(--border);color:var(--text-h);border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.field-input-group input:focus,.field-input-group select:focus,.field-input-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.field-input-group textarea{resize:vertical;min-height:80px}.toggle-switch{cursor:pointer;align-items:center;gap:12px;display:flex}.toggle-switch input{display:none}.toggle-slider{background:var(--border);border-radius:13px;width:48px;height:26px;transition:all .2s;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(22px)}.toggle-label{color:var(--text);font-size:14px}.notification-settings{background:var(--social-bg);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.checkbox-label input{width:18px;height:18px;accent-color:var(--accent)}.bulk-edit-progress{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.progress-text{color:var(--text-h);margin:20px 0 16px;font-size:16px}.progress-bar{background:var(--border);border-radius:4px;width:100%;max-width:300px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.bulk-edit-result{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.result-icon.success{color:#10b981;background:#10b9811a}.result-icon.partial{color:#f59e0b;background:#f59e0b1a;font-size:40px}.bulk-edit-result h3{color:var(--text-h);margin:0 0 12px;font-size:20px;font-weight:600}.bulk-edit-result>p{color:var(--text);margin:0 0 20px;font-size:14px}.result-errors{text-align:left;background:#ef44441a;border-radius:8px;width:100%;max-width:400px;padding:16px}.result-errors p{color:#ef4444;margin:0 0 8px;font-size:14px;font-weight:500}.result-errors ul{color:var(--text);margin:0;padding-left:20px;font-size:13px}.result-errors li{margin-bottom:4px}@media (width<=640px){.bulk-edit-modal{max-width:100%;margin:10px}.modal-step-indicator{padding:12px 16px}.step-label{display:none}.step-connector{width:24px}.modal-footer{padding:12px 16px}.bulk-edit-progress,.bulk-edit-result{padding:30px 16px}}.social-profile-grid{flex-direction:column;gap:24px;display:flex}.social-profile-grid-loading{color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.spinner-large{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.grid-header{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.grid-stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stat-badge{background:var(--social-bg);color:var(--text);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.stat-badge.success{color:#10b981;background:#10b9811a}.stat-badge.warning{color:#f59e0b;background:#f59e0b1a}.stat-badge.error{color:#ef4444;background:#ef44441a}.grid-actions{align-items:center;gap:12px;display:flex}.filter-dropdown{background:var(--social-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.filter-dropdown select{color:var(--text-h);cursor:pointer;background:0 0;border:none;outline:none;font-size:14px}.btn-refresh{background:var(--social-bg);border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-refresh:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-connect-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-connect-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-connect-primary:disabled{opacity:.6;cursor:not-allowed}.btn-selection-mode{background:var(--social-bg);border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-selection-mode:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.btn-selection-mode.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-selection-mode:disabled{opacity:.5;cursor:not-allowed}.profiles-grid-container{grid-template-columns:repeat(1,1fr);gap:20px;display:grid}@media (width>=640px){.profiles-grid-container{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.profiles-grid-container{grid-template-columns:repeat(3,1fr)}}@media (width>=1400px){.profiles-grid-container{grid-template-columns:repeat(4,1fr)}}.social-profile-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.social-profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px -5px #0000001f}.social-profile-card.selection-mode{border:2px solid var(--border)}.social-profile-card.selection-mode:hover{border-color:var(--accent-border)}.social-profile-card.selection-mode.selected{border-color:var(--accent);background:var(--accent-bg)}.selection-checkbox{z-index:10;position:absolute;top:12px;left:12px}.checkbox{background:var(--bg);border:2px solid var(--border);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.checkbox.checked{background:var(--accent);border-color:var(--accent)}.social-profile-card.selection-mode .profile-card-header{padding-left:32px}.social-profile-card.connected{border-left:4px solid #10b981}.social-profile-card.syncing{border-left:4px solid #f59e0b}.social-profile-card.error{border-left:4px solid #ef4444}.profile-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.platform-badge{background:var(--social-bg);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.profile-status-badge{background:var(--social-bg);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.status-icon.connected{color:#10b981}.status-icon.syncing{color:#f59e0b}.status-text.connected{color:#10b981}.status-text.syncing{color:#f59e0b}.profile-card-avatar{justify-content:center;margin-bottom:16px;display:flex}.profile-card-avatar img,.avatar-fallback{object-fit:cover;border-radius:50%;width:80px;height:80px}.avatar-fallback{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light,var(--accent)) 100%);color:#fff;justify-content:center;align-items:center;font-size:32px;font-weight:600;display:flex}.profile-card-info{text-align:center;margin-bottom:16px}.profile-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;overflow:hidden}.profile-handle{color:var(--text);opacity:.8;margin:4px 0 0;font-size:14px}.profile-bio-text{color:var(--text);opacity:.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.profile-card-metrics{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;gap:24px;margin-bottom:16px;padding:16px 0;display:flex}.metric-item{color:var(--text);flex-direction:column;align-items:center;gap:4px;display:flex}.metric-item svg{opacity:.6}.metric-label{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:11px}.profile-card-error{color:#ef4444;background:#ef44441a;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}.profile-card-actions{justify-content:center;gap:8px;margin-top:auto;display:flex}.btn-sync,.btn-visit,.btn-disconnect{background:var(--social-bg);border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-sync:hover:not(:disabled),.btn-visit:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.btn-disconnect:hover:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef44444d}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg);border-radius:16px;width:100%;max-width:560px;max-height:90vh;animation:.3s slideUp;overflow:hidden;box-shadow:0 20px 60px -10px #0000004d}.modal-header h2{color:var(--text-h);margin:0;font-size:20px;font-weight:600}.btn-close{background:var(--social-bg);width:32px;height:32px;color:var(--text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-close:hover:not(:disabled){background:var(--border)}.btn-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.provider-selection .modal-description{color:var(--text);margin:0 0 20px;font-size:14px;line-height:1.6}.provider-grid{flex-direction:column;gap:12px;display:flex}.provider-option{background:var(--social-bg);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:16px;width:100%;padding:16px;transition:all .2s;display:flex}.provider-option:hover{border-color:var(--provider-color,var(--accent));background:var(--bg)}.provider-icon{flex-shrink:0}.provider-info{flex:1;min-width:0}.provider-info h3{color:var(--text-h);margin:0;font-size:16px;font-weight:600}.provider-info p{color:var(--text);opacity:.8;margin:4px 0 0;font-size:13px}.provider-arrow{color:var(--text);opacity:.5;transition:all .2s}.provider-option:hover .provider-arrow{opacity:1;transform:translate(4px)}.oauth-simulation{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.oauth-provider-icon{margin-bottom:24px}.oauth-spinner{margin-bottom:16px}.oauth-text{color:var(--text-h);margin:0;font-size:18px;font-weight:600}.oauth-subtext{color:var(--text);opacity:.6;margin:8px 0 0;font-size:13px}.oauth-success{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.success-icon{color:#10b981;margin-bottom:16px}.oauth-success h3{color:var(--text-h);margin:0 0 8px;font-size:20px;font-weight:600}.oauth-success p{color:var(--text);margin:0 0 24px;font-size:14px;line-height:1.6}.handle-input-group{text-align:left;width:100%;margin-bottom:20px}.handle-input-group label{color:var(--text-h);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.handle-input-group input{background:var(--social-bg);border:1px solid var(--border);width:100%;color:var(--text-h);border-radius:8px;outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.handle-input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.handle-input-group input::placeholder{color:var(--text);opacity:.5}.error-message{color:#ef4444;background:#ef44441a;border-radius:8px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:13px}.btn-complete{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-complete:hover:not(:disabled){opacity:.9}.btn-complete:disabled{opacity:.6;cursor:not-allowed}.empty-profile-state{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.empty-state-illustration{margin-bottom:32px}.illustration-bg{background:var(--social-bg);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.center-icon{color:var(--accent);opacity:.3}.floating-icon{color:var(--text);opacity:.2;animation:3s ease-in-out infinite float;position:absolute}.icon-1{animation-delay:0s;top:20px;left:20px}.icon-2{animation-delay:.5s;top:20px;right:30px}.icon-3{animation-delay:1s;bottom:30px;left:30px}.icon-4{animation-delay:1.5s;bottom:20px;right:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-content h2{color:var(--text-h);margin:0 0 12px;font-size:24px;font-weight:600}.empty-state-content>p{color:var(--text);max-width:400px;margin:0 0 24px;font-size:15px;line-height:1.6}.btn-connect-empty{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;margin-bottom:40px;padding:14px 28px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.btn-connect-empty:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 20px -5px #0003}.benefits-grid{grid-template-columns:repeat(1,1fr);gap:16px;width:100%;max-width:600px;display:grid}@media (width>=640px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.benefit-icon{background:var(--accent-bg);width:44px;height:44px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.benefit-text h4{color:var(--text-h);margin:0 0 4px;font-size:14px;font-weight:600}.benefit-text p{color:var(--text);opacity:.8;margin:0;font-size:13px;line-height:1.5}@media (width<=768px){.grid-header{flex-direction:column;align-items:stretch}.grid-actions{justify-content:flex-end}.grid-stats{justify-content:center}.modal-content{max-width:100%;margin:10px}.modal-body{padding:16px}.provider-option{padding:12px}.illustration-bg{width:150px;height:150px}.floating-icon svg{width:24px;height:24px}.center-icon svg{width:36px;height:36px}}.accounts-page{width:100%;min-width:0;max-width:1400px;padding:24px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-header p{color:var(--text);opacity:.8;margin:0}.btn-secondary{background:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.accounts-content{margin-bottom:32px}.accounts-info-section{background:var(--bg);border:1px solid var(--border);border-radius:16px;min-width:0;padding:24px}.accounts-info-section h3{color:var(--text-h);margin:0 0 20px;font-size:18px;font-weight:600}.info-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.info-item{gap:16px;min-width:0;display:flex}.info-content{min-width:0}.info-icon{background:var(--accent-bg);width:48px;height:48px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-content h4{color:var(--text-h);margin:0 0 4px;font-size:15px;font-weight:600}.info-content p{color:var(--text);opacity:.8;margin:0;font-size:14px;line-height:1.5}@media (width<=1024px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.accounts-page{padding:16px}.page-header{flex-direction:column;gap:16px}.info-grid{grid-template-columns:1fr}.info-item{text-align:center;flex-direction:column;align-items:center}}.billing-page{max-width:1100px}.current-plan-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:24px;display:flex}.plan-status{align-items:center;gap:16px;display:flex}.plan-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.plan-info h3{margin:0 0 4px;font-size:20px;font-weight:600}.status-badge{background:#fff3;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge.active{background:#10b981}.status-badge.canceled{background:#ef4444}.plan-details{flex:1;justify-content:center;gap:32px;display:flex}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item label{opacity:.8;font-size:12px}.detail-item span{font-size:15px;font-weight:500}.current-plan-card .btn-secondary{color:#667eea;background:#fff;border:none}.current-plan-card .btn-secondary:hover{background:#ffffffe6}.section-title{color:#1a1a1a;margin:0 0 20px;font-size:20px;font-weight:600}.plans-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.plan-card{background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.plan-card.featured{border-color:#667eea;box-shadow:0 4px 20px #667eea26}.plan-card.current{border-color:#10b981}.featured-badge{color:#fff;text-transform:uppercase;background:#667eea;border-radius:0 0 8px 8px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:-1px;right:20px}.plan-header{margin-bottom:16px}.plan-header h3{color:#1a1a1a;margin:0 0 4px;font-size:18px;font-weight:600}.plan-header p{color:#6b7280;margin:0;font-size:13px}.plan-price{margin-bottom:20px}.plan-price .price{color:#1a1a1a;font-size:36px;font-weight:700}.plan-price .period{color:#6b7280;font-size:16px}.plan-limits{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.limit-item{color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.limit-item svg{color:#10b981}.plan-features{flex-direction:column;flex:1;gap:8px;margin-bottom:20px;display:flex}.feature-item{color:#6b7280;align-items:flex-start;gap:8px;font-size:13px;display:flex}.feature-check{color:#667eea;flex-shrink:0;margin-top:2px}.btn-plan{justify-content:center;width:100%}.btn-current{color:#10b981;cursor:default;background:#ecfdf5;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500}.billing-faq{background:#fff;border-radius:12px;padding:24px}.billing-faq h3{color:#1a1a1a;margin:0 0 20px;font-size:18px;font-weight:600}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item h4{color:#374151;margin:0 0 4px;font-size:14px;font-weight:600}.faq-item p{color:#6b7280;margin:0;font-size:14px}@media (width<=1024px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.current-plan-card{text-align:center;flex-direction:column}.plan-details{flex-direction:column;gap:12px}.plans-grid{grid-template-columns:1fr}}.scripts-page{max-width:1200px}.scripts-layout{grid-template-columns:320px 1fr;gap:24px;display:grid}.scripts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.script-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex}.script-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.script-card-header{gap:12px;margin-bottom:16px;display:flex}.script-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.script-title{flex:1;min-width:0}.script-title h3{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.script-platform{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:12px}.script-stats{border-bottom:1px solid #e5e7eb;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.script-stats .stat{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.script-stats .stat svg{color:#9ca3af}.script-preview{flex:1;margin-bottom:16px}.script-preview .preview-line{gap:8px;margin-bottom:6px;font-size:13px;line-height:1.4;display:flex}.script-preview .section-type{color:#667eea;text-transform:capitalize;flex-shrink:0;font-weight:600}.script-preview .section-content{color:#4b5563;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.script-preview .more-sections{color:#9ca3af;font-size:12px;font-style:italic}.script-card-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.script-date{color:#9ca3af;font-size:12px}.script-actions{gap:4px;display:flex}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s;display:flex}.template-card:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014}.template-header{margin-bottom:16px}.template-header h3{color:#1a1a1a;margin:0 0 4px;font-size:16px;font-weight:600}.template-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.template-category{color:#667eea;background:#eff6ff;border-radius:20px;margin-bottom:8px;padding:2px 8px;font-size:11px;display:inline-block}.template-structure{flex:1;margin-bottom:16px}.template-structure h4{color:#374151;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.template-structure .section-list{flex-wrap:wrap;gap:6px;display:flex}.template-structure .section-badge{color:#6b7280;text-transform:capitalize;background:#f3f4f6;border-radius:4px;padding:4px 10px;font-size:11px}.template-hashtags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.template-hashtags .hashtag{color:#667eea;background:#eff6ff;border-radius:4px;padding:2px 8px;font-size:12px}.templates-section h3,.scripts-section h3{color:#374151;margin:0 0 16px;font-size:16px;font-weight:600}.templates-list{flex-direction:column;gap:12px;display:flex}.template-card-old{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;gap:12px;padding:16px;transition:all .2s;display:flex}.template-card-old:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.template-icon-old{font-size:32px}.template-info h4{color:#1a1a1a;margin:0 0 4px;font-size:14px;font-weight:600}.template-info p{color:#6b7280;margin:0 0 8px;font-size:12px}.scripts-list{flex-direction:column;gap:12px;display:flex}.script-card-old{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.script-card-old:hover{box-shadow:0 4px 12px #00000014}.script-icon-old{color:#667eea;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.script-info{flex:1}.script-info h4{color:#1a1a1a;margin:0 0 6px;font-size:15px;font-weight:600}.script-meta{gap:16px;display:flex}.script-meta span{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.script-actions-old{opacity:0;gap:8px;transition:opacity .2s;display:flex}.script-card-old:hover .script-actions-old{opacity:1}.script-editor-page{max-width:900px}.editor-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;display:flex}.header-left{flex:1}.script-title-input{background:0 0;border:none;width:100%;margin-bottom:8px;padding:0;font-size:24px;font-weight:600}.script-title-input:focus{outline:none}.character-count{color:#6b7280;font-size:13px}.character-count span{color:#9ca3af}.header-actions{gap:8px;display:flex}.editor-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.toolbar-tabs{background:#f3f4f6;border-radius:8px;gap:4px;padding:4px;display:flex}.toolbar-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.toolbar-tabs button.active{color:#1a1a1a;background:#fff;box-shadow:0 1px 3px #0000001a}.toolbar-options{align-items:center;gap:12px;display:flex}.toolbar-options select{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px}.hashtags-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.hashtags-input svg{color:#9ca3af}.hashtags-input input{background:0 0;border:none;width:200px;font-size:14px}.hashtags-input input:focus{outline:none}.sections-container{background:#fff;border-radius:12px;padding:24px}.empty-sections{text-align:center;color:#6b7280;padding:60px 24px}.sections-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.section-item{background:#f9fafb;border-left:4px solid;border-radius:12px;padding:16px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-type{text-transform:uppercase;font-size:13px;font-weight:600}.section-actions{align-items:center;gap:8px;display:flex}.duration-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:flex}.duration-input svg{color:#9ca3af}.duration-input input{text-align:center;border:none;width:40px;font-size:14px}.duration-input input:focus{outline:none}.duration-input span{color:#6b7280;font-size:12px}.section-item textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:80px;padding:12px;font-size:14px}.section-item textarea:focus{border-color:#667eea;outline:none}.add-section{border-top:1px solid #e5e7eb;padding-top:24px}.add-section span{color:#6b7280;margin-bottom:12px;font-size:13px;display:block}.section-types{flex-wrap:wrap;gap:8px;display:flex}.section-types button{cursor:pointer;background:#fff;border:2px solid;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.section-types button:hover{background:#f9fafb}.preview-container{grid-template-columns:1fr 240px;gap:24px;display:grid}.preview-content{background:#fff;border-radius:12px;padding:24px}.preview-section{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.preview-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-label{text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.preview-section p{color:#374151;margin:0;font-size:15px;line-height:1.6}.preview-section p em{color:#9ca3af}.preview-hashtags{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:24px;display:flex}.hashtag{color:#667eea;background:#eff6ff;border-radius:20px;padding:4px 12px;font-size:13px}.preview-stats{background:#fff;border-radius:12px;height:fit-content;padding:20px}.preview-stats .stat{text-align:center;border-bottom:1px solid #e5e7eb;padding:16px 0}.preview-stats .stat:last-child{border-bottom:none}.preview-stats .stat-value{color:#1a1a1a;font-size:28px;font-weight:700;display:block}.preview-stats .stat-label{color:#6b7280;font-size:13px}@media (width<=1024px){.scripts-layout{grid-template-columns:1fr}.scripts-grid,.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.preview-container{grid-template-columns:1fr}.preview-stats{grid-template-columns:repeat(3,1fr);display:grid}.preview-stats .stat{border-bottom:none;border-right:1px solid #e5e7eb}.preview-stats .stat:last-child{border-right:none}}@media (width<=768px){.editor-toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-options{flex-direction:column;align-items:stretch}.hashtags-input,.hashtags-input input{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.scripts-grid,.templates-grid{grid-template-columns:1fr}.tabs{width:100%}.tabs button{flex:1}}.thumbnails-page{max-width:1200px}.thumbnails-intro{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:12px;margin-bottom:24px;padding:24px}.thumbnails-intro h3{margin:0 0 8px;font-size:18px;font-weight:600}.thumbnails-intro p{opacity:.9;margin:0}.tabs{background:#f3f4f6;border-radius:8px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.tabs button.active{color:#1a1a1a;background:#fff;box-shadow:0 1px 3px #0000001a}.thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.thumbnail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden}.thumbnail-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.thumbnail-preview{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative}.preview-placeholder{color:#ffffff80;flex-direction:column;align-items:center;gap:8px;display:flex}.thumbnail-dimensions{color:#fff;background:#0009;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px}.thumbnail-info{padding:16px}.thumbnail-info h3{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:15px;font-weight:600;overflow:hidden}.thumbnail-meta{gap:16px;display:flex}.thumbnail-meta span{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.thumbnail-actions{gap:4px;padding:0 16px 16px;display:flex}.btn-icon-small{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.templates-section{margin-top:8px}.templates-section h3{color:#374151;margin:0 0 16px;font-size:16px;font-weight:600}.dimension-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.dimension-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.dimension-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.dimension-preview{aspect-ratio:16/9;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.dimension-preview.vertical{aspect-ratio:9/16}.preview-box{color:#9ca3af;border:2px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:40%;height:40%;display:flex}.dimension-info h4{color:#1a1a1a;margin:0 0 4px;font-size:15px;font-weight:600}.dimension-info p{color:#6b7280;margin:0 0 8px;font-size:13px;line-height:1.4}.dimension-size{color:#667eea;background:#eff6ff;border-radius:4px;padding:2px 8px;font-size:12px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.project-card{cursor:pointer;background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #00000014}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.project-preview{aspect-ratio:16/9;background:#f3f4f6;padding:16px}.preview-canvas{border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.empty-canvas{color:#9ca3af;text-align:center;font-size:11px}.project-info{padding:16px}.project-info h4{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:15px;font-weight:600;overflow:hidden}.project-dims{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.project-date{color:#9ca3af;font-size:11px}.project-actions{opacity:0;gap:8px;padding:0 16px 16px;transition:opacity .2s;display:flex}.project-card:hover .project-actions{opacity:1}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;overflow:hidden}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{margin:0;font-size:18px}.btn-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:24px}.modal-body{padding:24px}.dimension-options{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dimension-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.dimension-option:hover{border-color:#667eea}.dimension-preview-old{background:#f3f4f6;border-radius:4px;margin-bottom:12px}.dimension-label{color:#374151;font-size:13px}.empty-actions{gap:12px;margin-top:20px;display:flex}.thumbnail-editor-page{flex-direction:column;height:calc(100vh - 64px);display:flex}.editor-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.toolbar-section{align-items:center;gap:8px;display:flex}.project-name-input{background:0 0;border:none;border-radius:6px;min-width:200px;padding:8px 12px;font-size:16px;font-weight:600}.project-name-input:focus{background:#f3f4f6;outline:none}.tools button{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px;padding:10px;transition:all .2s}.tools button:hover{background:#e5e7eb}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;display:flex}.editor-workspace{flex:1;display:flex;overflow:hidden}.canvas-container{background:#1a1a1a;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.canvas-container canvas{max-width:100%;max-height:100%;box-shadow:0 20px 60px #00000080}.properties-panel{background:#fff;border-left:1px solid #e5e7eb;width:280px;overflow-y:auto}.panel-section{border-bottom:1px solid #e5e7eb;padding:20px}.panel-section h4{color:#374151;margin:0 0 16px;font-size:14px;font-weight:600}.color-picker{align-items:center;gap:12px;display:flex}.color-picker input[type=color]{cursor:pointer;border:none;border-radius:8px;width:48px;height:48px}.layers-list{flex-direction:column;gap:4px;display:flex}.layer-item{cursor:pointer;background:#f9fafb;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.layer-item:hover,.layer-item.selected{background:#eff6ff}.layer-icon{color:#6b7280}.layer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.layer-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.layer-item:hover .layer-actions{opacity:1}.layer-actions button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px}.layer-actions button:hover{background:#e5e7eb}.layer-actions button.danger:hover{color:#ef4444;background:#fef2f2}.prop-group{margin-bottom:16px}.prop-group label{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.prop-group input,.prop-group select{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.prop-group input:focus,.prop-group select:focus{border-color:#667eea;outline:none}.color-options{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.color-btn{cursor:pointer;border:none;border-radius:4px;width:28px;height:28px}@media (width<=1024px){.editor-workspace{flex-direction:column}.properties-panel{border-top:1px solid #e5e7eb;border-left:none;width:100%;max-height:300px}.dimension-options{grid-template-columns:repeat(2,1fr)}.thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.dimension-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=768px){.editor-toolbar{flex-direction:column;gap:12px;padding:12px}.dimension-options,.thumbnails-grid{grid-template-columns:1fr}.dimension-grid{grid-template-columns:repeat(2,1fr)}.tabs{width:100%}.tabs button{flex:1}}@media (width<=480px){.dimension-grid{grid-template-columns:1fr}}.analytics-page{max-width:1400px;margin:0 auto;padding:24px}.analytics-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.analytics-title{align-items:center;gap:16px;display:flex}.analytics-title h1{color:var(--text-h);margin:0;font-size:28px}.analytics-title p{color:var(--text);opacity:.8;margin:4px 0 0}.analytics-actions{gap:12px;display:flex}.btn-export{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-export:hover{background:var(--accent);color:#fff}.analytics-filters{background:var(--social-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.filter-group{color:var(--text);align-items:center;gap:8px;display:flex}.filter-select{background:var(--bg);border:1px solid var(--border);color:var(--text-h);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.filter-select:focus{border-color:var(--accent)}.custom-date-range{align-items:center;gap:12px;display:flex}.date-input{background:var(--bg);border:1px solid var(--border);color:var(--text-h);border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.date-input:focus{border-color:var(--accent)}.analytics-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-bottom:0;display:flex}.analytics-loading{color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.analytics-overview{flex-direction:column;gap:32px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.kpi-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;position:relative}.kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-info{flex-direction:column;flex:1;display:flex}.kpi-value{color:var(--text-h);font-size:24px;font-weight:600;line-height:1.2}.kpi-label{color:var(--text);opacity:.8;font-size:13px}.kpi-trend{color:#10b981;background:#10b9811a;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:12px;right:12px}.analytics-section{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px}.analytics-section h2{color:var(--text-h);margin:0 0 20px;font-size:18px}.platform-comparison-table{overflow-x:auto}.platform-comparison-table table{border-collapse:collapse;width:100%}.platform-comparison-table th,.platform-comparison-table td{text-align:left;padding:14px 16px;font-size:14px}.platform-comparison-table th{color:var(--text);opacity:.8;border-bottom:1px solid var(--border);font-weight:500}.platform-comparison-table td{color:var(--text-h);border-bottom:1px solid var(--border)}.platform-comparison-table tr:last-child td{border-bottom:none}.platform-cell{align-items:center;gap:12px;display:flex}.platform-name{text-transform:capitalize;font-weight:500}.analytics-comparison{flex-direction:column;gap:32px;display:flex}.comparison-chart,.comparison-metrics{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px}.comparison-chart h2,.comparison-metrics h2{color:var(--text-h);margin:0 0 20px;font-size:18px}.chart-container{flex-direction:column;gap:16px;display:flex}.comparison-bar-item{grid-template-columns:120px 1fr 80px;align-items:center;gap:16px;display:grid}.bar-label{color:var(--text-h);text-transform:capitalize;align-items:center;gap:8px;font-size:14px;display:flex}.bar-wrapper{background:var(--social-bg);border-radius:8px;height:32px;overflow:hidden}.bar{border-radius:8px;height:100%;transition:width .5s}.bar.youtube{background:red}.bar.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.bar.tiktok,.bar.x{background:#000}.bar-value{color:var(--text-h);text-align:right;font-size:14px;font-weight:500}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.metric-card{background:var(--social-bg);border-radius:12px;padding:20px}.metric-card h3{color:var(--text);text-transform:capitalize;margin:0 0 16px;font-size:14px;font-weight:500}.metric-bars{flex-direction:column;gap:12px;display:flex}.metric-bar-row{grid-template-columns:80px 1fr 60px;align-items:center;gap:12px;display:grid}.metric-platform{color:var(--text);text-transform:capitalize;font-size:12px}.metric-bar-wrapper{background:var(--bg);border-radius:6px;height:24px;overflow:hidden}.metric-bar{border-radius:6px;height:100%;transition:width .5s}.metric-bar.youtube{background:red}.metric-bar.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.metric-bar.tiktok,.metric-bar.x{background:#000}.metric-value{color:var(--text-h);text-align:right;font-size:12px;font-weight:500}.analytics-networks{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px}@media (width<=768px){.analytics-page{padding:16px}.analytics-header{flex-direction:column;gap:16px}.analytics-filters{flex-direction:column;align-items:stretch}.custom-date-range{flex-direction:column}.analytics-tabs{padding-bottom:2px;overflow-x:auto}.tab{white-space:nowrap}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{padding:16px}.kpi-icon{width:40px;height:40px}.kpi-value{font-size:20px}.comparison-bar-item{grid-template-columns:100px 1fr 60px}.metrics-grid{grid-template-columns:1fr}}.performance-charts{flex-direction:column;gap:24px;display:flex}.analytics-controls{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.controls-left,.controls-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.time-range-selector{color:var(--text);align-items:center;gap:8px;display:flex}.select-input{background:var(--social-bg);border:1px solid var(--border);color:var(--text-h);cursor:pointer;border-radius:8px;outline:none;min-width:160px;padding:8px 12px;font-size:14px}.select-input:focus{border-color:var(--accent)}.filter-toggle{background:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.filter-toggle:hover{background:var(--accent-bg);color:var(--accent)}.filter-toggle.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.btn-icon{background:var(--social-bg);border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{background:var(--accent-bg);color:var(--accent)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background:var(--accent);color:#fff}.filters-panel{background:var(--social-bg);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:20px;animation:.2s slideDown;display:grid}.filter-section h4{color:var(--text-h);margin:0 0 12px;font-size:14px;font-weight:600}.platform-filters{flex-wrap:wrap;gap:12px;display:flex}.checkbox-label{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.metric-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.metric-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-card-loading{min-height:120px}.metric-card-skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--social-bg) 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;width:100%;height:100%;animation:1.5s infinite skeleton-loading}.metric-card-header{align-items:flex-start;gap:16px;display:flex}.metric-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.metric-card-title{color:var(--text);margin-bottom:4px;font-size:13px}.metric-card-value{color:var(--text-h);font-size:24px;font-weight:700;line-height:1.2}.metric-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-card-trend{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:500;display:flex}.trend-up{color:#10b981;background:#10b9811a}.trend-down{color:#ef4444;background:#ef44441a}.trend-neutral{color:var(--text);background:var(--social-bg)}.trend-value{font-weight:600}.trend-label{opacity:.8}.metric-card-sparkline{flex-shrink:0;width:80px;height:40px}.metric-card-compact{background:var(--bg);box-shadow:var(--shadow);border-left:4px solid;border-radius:8px;flex-direction:column;padding:16px;display:flex}.metric-compact-label{color:var(--text);margin-bottom:4px;font-size:12px}.metric-compact-row{align-items:center;gap:8px;display:flex}.metric-compact-value{color:var(--text-h);font-size:20px;font-weight:700}.metric-compact-change{border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500}.metric-compact-change.positive{color:#10b981;background:#10b9811a}.metric-compact-change.negative{color:#ef4444;background:#ef44441a}.charts-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.chart-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:20px}.chart-full-width{grid-column:1/-1}.chart-header{margin-bottom:20px}.chart-title{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:600}.chart-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.chart-subtitle{color:var(--text);opacity:.8;font-size:13px}.chart-body{min-height:280px}.chart-loading{justify-content:center;align-items:center;min-height:280px;display:flex}.chart-skeleton{flex-direction:column;gap:16px;width:100%;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--border) 25%, var(--social-bg) 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;height:60px;animation:1.5s infinite skeleton-loading}.skeleton-bar{background:linear-gradient(90deg, var(--border) 25%, var(--social-bg) 50%, var(--border) 75%);background-size:200% 100%;border-radius:6px;height:32px;animation:1.5s infinite skeleton-loading}.skeleton-area{background:linear-gradient(90deg, var(--border) 25%, var(--social-bg) 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;height:200px;animation:1.5s infinite skeleton-loading}.donut-skeleton{border-radius:50%;width:200px;height:200px;margin:0 auto}.engagement-chart{width:100%}.metric-toggles{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.metric-toggle{background:var(--social-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.metric-toggle:hover{background:var(--accent-bg);border-color:var(--accent-border)}.metric-toggle.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.platform-distribution-chart{width:100%}.donut-chart-container{position:relative}.donut-center-label{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.donut-total-value{color:var(--text-h);font-size:24px;font-weight:700;display:block}.donut-total-label{color:var(--text);font-size:12px;display:block}.platform-stats-grid{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px;padding-top:16px;display:grid}.platform-stat-item{align-items:center;gap:8px;display:flex}.platform-stat-icon{font-size:20px}.platform-stat-info{flex-direction:column;min-width:0;display:flex}.platform-stat-name{color:var(--text);font-size:12px}.platform-stat-value{color:var(--text-h);font-size:13px;font-weight:600}.growth-chart{width:100%}.growth-summary{gap:24px;margin-top:12px;display:flex}.growth-stat{color:var(--text);align-items:center;gap:6px;font-size:13px;display:flex}.growth-stat-value{color:var(--text-h);font-weight:600}.growth-stat-label{opacity:.8}.growth-stats-badge{color:#10b981;background:#10b9811a;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.growth-chart-legend{border-top:1px solid var(--border);justify-content:center;gap:24px;margin-top:16px;padding-top:16px;display:flex}.legend-item{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.posts-performance-chart{width:100%}.posts-list{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;display:flex}.post-list-item{background:var(--social-bg);border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.post-list-item:hover{background:var(--accent-bg)}.post-rank{background:var(--bg);width:32px;height:32px;color:var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.post-info{flex:1;min-width:0}.post-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.post-icon{flex-shrink:0;font-size:16px}.post-title{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.post-meta{color:var(--text);opacity:.8;align-items:center;gap:8px;font-size:12px;display:flex}.post-stats{flex-direction:column;align-items:flex-end;gap:4px;min-width:100px;display:flex}.post-views{color:var(--text-h);font-size:14px;font-weight:600}.post-bar-container{background:var(--border);border-radius:2px;width:80px;height:4px;overflow:hidden}.post-bar{border-radius:2px;height:100%;transition:width .5s}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}.chart-full-width{grid-column:1}.metric-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=768px){.analytics-controls{flex-direction:column;align-items:stretch}.controls-left,.controls-right{justify-content:space-between}.filters-panel,.metric-cards-grid{grid-template-columns:1fr}.metric-toggles{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.metric-toggle{white-space:nowrap}.growth-summary{flex-direction:column;gap:8px}.platform-stats-grid{grid-template-columns:repeat(2,1fr)}.post-list-item{flex-wrap:wrap}.post-stats{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}@media (width<=480px){.metric-card-header{flex-direction:column;gap:12px}.metric-card-footer{flex-direction:column;align-items:flex-start}.platform-stats-grid{grid-template-columns:1fr}}.profiles-page{max-width:1400px;margin:0 auto;padding:24px}.profiles-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.profiles-title{align-items:center;gap:16px;display:flex}.profiles-title h1{color:var(--text-h);margin:0;font-size:28px}.profiles-title p{color:var(--text);opacity:.8;margin:4px 0 0}.profiles-actions{gap:12px;display:flex}.btn-sync-all{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-sync-all:hover:not(:disabled){background:var(--accent);color:#fff}.btn-sync-all:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:1s linear infinite spin}.profiles-stats{background:var(--social-bg);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;padding:20px;display:grid}.stat-item{text-align:center;flex-direction:column;align-items:center;padding:12px;display:flex}.stat-number{color:var(--text-h);font-size:28px;font-weight:600;line-height:1}.stat-number.success{color:#10b981}.stat-number.warning{color:#f59e0b}.stat-number.error{color:#ef4444}.stat-label{color:var(--text);opacity:.8;margin-top:4px;font-size:13px}.profiles-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-bottom:0;display:flex}.tab{color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab:hover{color:var(--text-h);background:var(--social-bg);border-radius:8px 8px 0 0}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.profiles-list-view{flex-direction:column;gap:20px;display:flex}.profiles-filters{flex-wrap:wrap;gap:16px;display:flex}.search-box,.filter-box{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex}.search-box{flex:1;min-width:250px}.search-box input,.filter-box select{color:var(--text-h);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-box input::placeholder{color:var(--text);opacity:.6}.profiles-loading{color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.profile-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:20px;transition:all .2s}.profile-card:hover{box-shadow:0 8px 25px -5px #0000001a}.profile-card.synced{border-left:4px solid #10b981}.profile-card.pending{border-left:4px solid #f59e0b}.profile-card.error{border-left:4px solid #ef4444}.profile-card.never_synced{border-left:4px solid var(--border)}.profile-header{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.profile-avatar{background:var(--social-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{font-size:28px}.profile-info{flex:1;min-width:0}.profile-info h3{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.profile-username{color:var(--text);opacity:.8;margin:4px 0 0;font-size:13px}.profile-platform{align-items:center;gap:6px;margin-top:6px;display:flex}.platform-name{color:var(--text);text-transform:capitalize;font-size:12px}.profile-status{align-items:center;gap:6px;display:flex}.status-icon.synced{color:#10b981}.status-icon.never{color:var(--text);opacity:.5}.status-label{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.status-label.synced{color:#10b981;background:#10b9811a}.status-label.pending{color:#f59e0b;background:#f59e0b1a}.status-label.error{color:#ef4444;background:#ef44441a}.status-label.never_synced{color:var(--text);background:var(--social-bg)}.profile-bio{color:var(--text);background:var(--social-bg);border-radius:8px;min-height:44px;margin-bottom:16px;padding:12px;font-size:14px;line-height:1.5}.profile-metrics{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:20px;margin-bottom:16px;padding:12px 0;display:flex}.metric{flex-direction:column;display:flex}.metric-value{color:var(--text-h);font-size:16px;font-weight:600}.metric-label{color:var(--text);opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.profile-footer{justify-content:space-between;align-items:center;display:flex}.last-sync{color:var(--text);opacity:.7;font-size:12px}.profile-actions{gap:8px;display:flex}.btn-expand,.btn-sync{background:var(--social-bg);border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-expand:hover,.btn-sync:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.btn-sync:disabled{opacity:.5;cursor:not-allowed}.profile-details{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.detail-row{justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.detail-label{color:var(--text);opacity:.8}.detail-value{color:var(--text-h);font-family:var(--mono);font-size:12px}.profiles-history-view{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px}.empty-state{color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.empty-state h3{color:var(--text-h);margin:16px 0 8px}.empty-state p{opacity:.7}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:var(--social-bg);border-left:4px solid var(--border);border-radius:12px;gap:16px;padding:16px;display:flex}.history-item.completed{border-left-color:#10b981}.history-item.pending{border-left-color:#f59e0b}.history-item.failed{border-left-color:#ef4444}.history-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.history-item.completed .history-icon{color:#10b981;background:#10b9811a}.history-item.pending .history-icon{color:#f59e0b;background:#f59e0b1a}.history-item.failed .history-icon{color:#ef4444;background:#ef44441a}.history-content{flex:1;min-width:0}.history-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.history-platform{color:var(--text-h);text-transform:capitalize;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.history-field{color:var(--text);opacity:.8;background:var(--bg);text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:12px}.history-status{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.history-status.completed{color:#10b981;background:#10b9811a}.history-status.pending{color:#f59e0b;background:#f59e0b1a}.history-status.failed{color:#ef4444;background:#ef44441a}.history-change{align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.change-old{color:var(--text);opacity:.7;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;text-decoration:line-through;overflow:hidden}.change-arrow{color:var(--accent);font-weight:600}.change-new{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.history-error{color:#ef4444;background:#ef44441a;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:12px}.history-time{color:var(--text);opacity:.7;font-size:12px}.profiles-edit-view{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px}@media (width<=768px){.profiles-page{padding:16px}.profiles-header{flex-direction:column;gap:16px}.profiles-stats{grid-template-columns:repeat(2,1fr)}.profiles-tabs{padding-bottom:2px;overflow-x:auto}.tab{white-space:nowrap}.profiles-filters{flex-direction:column}.search-box,.filter-box{width:100%}.profiles-grid{grid-template-columns:1fr}.profile-metrics{gap:16px}.history-header{gap:8px}.history-change{flex-direction:column;align-items:flex-start;gap:6px}.change-old,.change-new{white-space:normal}}.settings-page{width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:24px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-header h1{color:#1a1a1a;margin:0;font-size:24px;font-weight:600}.save-btn{align-items:center;gap:8px;display:flex}.save-message{border-radius:8px;margin-bottom:24px;padding:12px 16px}.save-message.success{color:#166534;background:#dcfce7}.settings-content{grid-template-columns:240px 1fr;gap:24px;min-width:0;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav-item{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.settings-nav-item:hover{color:#374151;background:#f3f4f6}.settings-nav-item.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.settings-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:24px}.settings-section h2{color:#1a1a1a;margin:0 0 24px;font-size:18px;font-weight:600}.settings-form{flex-direction:column;gap:20px;display:flex}.form-input,.form-textarea,.form-select{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.form-textarea{resize:vertical}.settings-options{flex-direction:column;gap:16px;display:flex}.option-item{cursor:pointer;background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.option-info{flex-direction:column;gap:4px;display:flex}.option-title{color:#374151;font-size:14px;font-weight:500}.option-description{color:#6b7280;font-size:13px}.option-toggle{accent-color:#667eea;width:44px;height:24px}.theme-selector{gap:12px;display:flex}.theme-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:100px;padding:20px 24px;transition:all .2s;display:flex}.theme-option:hover{border-color:#d1d5db}.theme-option.active{background:#f5f3ff;border-color:#667eea}.theme-option span{color:#374151;font-size:13px;font-weight:500}.security-section{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:32px}.security-section h3{color:#1a1a1a;margin:0 0 16px;font-size:16px;font-weight:600}.session-item{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.session-info{flex-direction:column;gap:4px;display:flex}.session-device{color:#374151;font-size:14px;font-weight:500}.session-location{color:#6b7280;font-size:13px}.session-current{color:#22c55e;background:#dcfce7;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}@media (width<=768px){.settings-content{grid-template-columns:1fr}.settings-nav{flex-direction:row;padding-bottom:8px;overflow-x:auto}.settings-nav-item{white-space:nowrap}.theme-selector{flex-wrap:wrap}.settings-header{flex-direction:column;align-items:flex-start;gap:16px}}.notifications-page{max-width:900px;margin:0 auto;padding:24px}.notifications-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.notifications-title{align-items:center;gap:12px;display:flex}.notifications-title h1{color:#1a1a1a;margin:0;font-size:24px;font-weight:600}.unread-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.notifications-actions{align-items:center;gap:12px;display:flex}.filter-tabs{background:#f3f4f6;border-radius:8px;padding:4px;display:flex}.filter-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-tab:hover{color:#374151}.filter-tab.active{color:#1a1a1a;background:#fff;box-shadow:0 1px 3px #0000001a}.notifications-toolbar{background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notifications-list{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;overflow:hidden}.notification-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:16px;padding:16px;transition:background-color .2s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#f5f3ff}.notification-item.unread:hover{background-color:#ede9fe}.notification-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-content{flex:1;min-width:0}.notification-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.notification-title{color:#1a1a1a;margin:0;font-size:14px;font-weight:600}.notification-time{color:#9ca3af;flex-shrink:0;font-size:12px}.notification-message{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.notification-actions{opacity:0;align-items:center;gap:4px;transition:opacity .2s;display:flex}.notification-item:hover .notification-actions{opacity:1}.notifications-empty{text-align:center;padding:60px 24px}.empty-icon{color:#d1d5db;margin-bottom:16px}.notifications-empty h3{color:#374151;margin:0 0 8px;font-size:18px;font-weight:600}.notifications-empty p{color:#6b7280;margin:0;font-size:14px}.btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-text{color:#667eea}.btn-text:hover:not(:disabled){background:#f5f3ff}.btn-text-danger{color:#ef4444}.btn-text-danger:hover:not(:disabled){background:#fef2f2}.btn-icon{color:#6b7280;border-radius:6px;width:32px;height:32px;padding:0}.btn-icon-danger{color:#9ca3af;border-radius:6px;width:32px;height:32px;padding:0}.btn-icon-danger:hover{color:#ef4444;background:#fef2f2}@media (width<=640px){.notifications-header{flex-direction:column;align-items:flex-start}.notifications-actions{justify-content:space-between;width:100%}.notification-actions{opacity:1}.notification-header{flex-direction:column;align-items:flex-start;gap:4px}}.profile-page{padding-bottom:48px}.profile-cover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:200px;position:relative}.cover-gradient{background:linear-gradient(#0000001a,#0000004d);position:absolute;inset:0}.profile-header{z-index:1;justify-content:space-between;align-items:flex-end;margin-top:-48px;padding:0 24px;display:flex;position:relative}.profile-avatar-section{flex-shrink:0}.profile-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:48px;font-weight:600;display:flex;position:relative}.avatar-edit-btn{cursor:pointer;color:#6b7280;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 4px #0000001a}.avatar-edit-btn:hover{color:#667eea;transform:scale(1.1)}.profile-actions{gap:8px;padding-bottom:16px;display:flex}.profile-content{grid-template-columns:1fr 320px;gap:24px;max-width:1200px;margin:0 auto;padding:24px;display:grid}.profile-main,.profile-sidebar{flex-direction:column;gap:24px;display:flex}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.card-title{color:#1a1a1a;margin:0 0 16px;font-size:16px;font-weight:600}.profile-name{color:#1a1a1a;margin:0 0 4px;font-size:24px;font-weight:700}.profile-handle{color:#6b7280;margin:0 0 16px;font-size:15px}.profile-bio{color:#374151;margin:0 0 20px;font-size:15px;line-height:1.6}.profile-meta{flex-wrap:wrap;gap:16px;display:flex}.meta-item{color:#6b7280;align-items:center;gap:6px;font-size:14px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-item{text-align:center;background:#f9fafb;border-radius:8px;padding:16px}.stat-value{color:#1a1a1a;font-size:24px;font-weight:700;display:block}.stat-label{color:#6b7280;margin-top:4px;font-size:13px;display:block}.info-list{flex-direction:column;gap:16px;display:flex}.info-item{align-items:center;gap:12px;display:flex}.info-icon{color:#9ca3af;flex-shrink:0}.info-content{flex-direction:column;display:flex}.info-label{color:#9ca3af;font-size:12px}.info-value{color:#374151;font-size:14px;font-weight:500}.quick-links{flex-direction:column;gap:8px;display:flex}.quick-link{color:#374151;background:#f9fafb;border-radius:8px;padding:12px 16px;font-size:14px;text-decoration:none;transition:all .2s}.quick-link:hover{color:#667eea;background:#f3f4f6}.profile-edit-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-input,.form-textarea{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:80px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover:not(:disabled){background:#e5e7eb}@media (width<=900px){.profile-content{grid-template-columns:1fr}.profile-sidebar{order:-1}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.profile-header{text-align:center;flex-direction:column;align-items:center;gap:16px}.profile-avatar{width:100px;height:100px;font-size:36px}.profile-actions{justify-content:center;width:100%;padding-bottom:0}.profile-meta{justify-content:center}.profile-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.toast-container{z-index:9999;flex-direction:column;gap:10px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast{background:#fff;border-left:4px solid;border-radius:8px;align-items:center;gap:12px;padding:16px;animation:.3s ease-out slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon{flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-message{color:#1f2937;margin:0;font-size:14px;line-height:1.4}.toast-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#4b5563;background:#f3f4f6}.toast-progress{height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}@media (width<=640px){.toast-container{max-width:none;left:16px;right:16px}.toast{padding:12px}}.youtube-preview{color:#fff;background:#0f0f0f;border-radius:12px;font-family:Roboto,Arial,sans-serif;overflow:hidden}.youtube-player{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.youtube-thumbnail{object-fit:cover;width:100%;height:100%}.youtube-thumbnail-placeholder{background:#272727;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-text{color:#aaa;font-size:14px}.youtube-duration{color:#fff;background:#000c;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;position:absolute;bottom:48px;right:8px}.youtube-play-overlay{cursor:pointer;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.youtube-play-button{color:#fff;background:#000c;border-radius:8px;justify-content:center;align-items:center;width:68px;height:48px;transition:all .2s;display:flex}.youtube-play-button:hover{background:red}.youtube-controls{background:linear-gradient(#0000,#000c);align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.youtube-progress-bar{cursor:pointer;background:#ffffff4d;border-radius:2px;flex:1;height:3px}.youtube-progress-fill{background:red;border-radius:2px;height:100%}.youtube-info{padding:16px}.youtube-channel{gap:12px;margin-bottom:16px;display:flex}.channel-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.channel-avatar img{object-fit:cover;width:100%;height:100%}.channel-avatar-placeholder{color:#fff;background:red;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:600;display:flex}.channel-details{flex:1;min-width:0}.video-title{color:#f1f1f1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.channel-name-row{align-items:center;gap:4px;margin-bottom:2px;display:flex}.channel-name{color:#aaa;font-size:14px;font-weight:500}.verified-icon{color:#aaa}.video-meta{color:#aaa;font-size:12px}.meta-separator{margin:0 4px}.youtube-description{background:#272727;border-radius:8px;margin-bottom:12px;padding:12px}.youtube-description p{color:#f1f1f1;margin:0;font-size:13px;line-height:1.5}.youtube-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.youtube-tag{color:#3ea6ff;background:#272727;border-radius:16px;padding:4px 10px;font-size:12px}.youtube-tag.more{color:#aaa}.youtube-stats{border-top:1px solid #272727;border-bottom:1px solid #272727;gap:16px;margin-bottom:12px;padding:12px 0;display:flex}.stat-item{color:#f1f1f1;align-items:center;gap:6px;font-size:14px;display:flex}.youtube-settings{flex-direction:column;gap:8px;display:flex}.setting-item{gap:8px;font-size:12px;display:flex}.setting-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.setting-badge{border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.setting-badge.enabled{color:#4caf50;background:#1b5e20}.setting-badge.disabled{color:#ff6b6b;background:#5f2120}@media (width<=480px){.youtube-info{padding:12px}.video-title{font-size:14px}.channel-name{font-size:12px}.youtube-description{padding:10px}.youtube-description p{font-size:12px}}.tiktok-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.tiktok-phone{aspect-ratio:9/16;background:#000;border-radius:24px;width:100%;max-width:320px;margin:0 auto;position:relative;overflow:hidden}.tiktok-status-bar{z-index:10;background:linear-gradient(#0006,#0000);justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:absolute;top:0;left:0;right:0}.time{color:#fff;font-size:14px;font-weight:600}.status-icons{gap:4px;font-size:12px;display:flex}.tiktok-video-container{cursor:pointer;width:100%;height:100%;display:flex;position:relative}.tiktok-media{background:#1a1a1a;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.tiktok-media-content{object-fit:cover;width:100%;height:100%}.tiktok-media-placeholder{opacity:.5;font-size:64px}.tiktok-play-overlay{background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tiktok-play-icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.tiktok-volume{color:#fff;opacity:.8;position:absolute;bottom:100px;left:12px}.tiktok-actions{z-index:5;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:80px;right:8px}.action-item{color:#fff;flex-direction:column;align-items:center;gap:4px;display:flex}.action-avatar{border:2px solid #fff;border-radius:50%;width:44px;height:44px;position:relative;overflow:hidden}.action-avatar img{object-fit:cover;width:100%;height:100%}.action-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#ff0050,#00f2ea);justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:600;display:flex}.follow-btn{color:#fff;background:#ff0050;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.action-icon{filter:drop-shadow(0 2px 4px #0000004d)}.action-count{text-shadow:0 1px 2px #00000080;font-size:11px;font-weight:600}.tiktok-record{margin-top:8px}.record-disc{color:#fff;background:#1a1a1a;border:4px solid #333;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;animation:3s linear infinite spin;display:flex}.tiktok-info-overlay{color:#fff;z-index:5;background:linear-gradient(#0000,#0009);padding:16px 60px 24px 16px;position:absolute;bottom:0;left:0;right:0}.tiktok-author{margin-bottom:8px}.author-name{font-size:15px;font-weight:600}.tiktok-caption{margin-bottom:8px}.tiktok-caption p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.tiktok-music{align-items:center;gap:6px;display:flex}.music-icon{flex-shrink:0}.music-marquee{flex:1;overflow:hidden}.music-marquee span{white-space:nowrap;font-size:13px;animation:8s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.tiktok-home-indicator{z-index:10;background:#fff;border-radius:2px;width:120px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.tiktok-settings{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px}.tiktok-setting-row{gap:8px;margin-bottom:12px;font-size:13px;display:flex}.tiktok-setting-label{color:#6b7280}.tiktok-setting-value{color:#111827;font-weight:500}.tiktok-features{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.feature-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.feature-badge.enabled{color:#065f46;background:#d1fae5}.feature-badge.disabled{color:#991b1b;background:#fee2e2}.tiktok-duration{color:#6b7280;font-size:12px}@media (width<=400px){.tiktok-phone{max-width:280px}.tiktok-actions{gap:12px;bottom:70px}.action-icon{width:24px;height:24px}.action-count{font-size:10px}}.instagram-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.instagram-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.mode-badge{color:#374151;font-size:13px;font-weight:600}.instagram-container{background:#fff;max-width:400px;margin:0 auto}.instagram-container.reel{max-width:320px}.instagram-post-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.instagram-user{align-items:center;gap:10px;display:flex}.instagram-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;width:32px;height:32px;padding:2px;overflow:hidden}.instagram-avatar img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:100%;height:100%}.instagram-avatar-placeholder{color:#333;background:#f0f0f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:flex}.instagram-user-info{flex-direction:column;display:flex}.instagram-username{color:#262626;font-size:14px;font-weight:600}.instagram-location{color:#8e8e8e;font-size:12px}.instagram-more{color:#262626;cursor:pointer;background:0 0;border:none;padding:4px}.instagram-media{aspect-ratio:1;background:#f0f0f0;justify-content:center;align-items:center;display:flex;position:relative}.instagram-media.reel{aspect-ratio:9/16}.instagram-media-img{object-fit:cover;width:100%;height:100%}.instagram-media-placeholder{opacity:.5;font-size:64px}.reel-indicator{color:#fff;background:#0009;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;left:12px}.media-dots{gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.media-dot{background:#ffffff80;border-radius:50%;width:6px;height:6px}.media-dot.active{background:#fff}.instagram-actions{justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.instagram-actions-left{gap:16px;display:flex}.instagram-action{color:#262626;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.instagram-action:hover{color:#8e8e8e}.instagram-action.liked{color:#ed4956}.instagram-action.saved{color:#262626}.instagram-likes{color:#262626;padding:0 16px 8px;font-size:14px;font-weight:600}.instagram-caption{color:#262626;padding:0 16px 8px;font-size:14px;line-height:1.5}.caption-username{font-weight:600}.caption-text{color:#262626}.caption-hashtags{color:#00376b}.instagram-comments{color:#8e8e8e;padding:0 16px 8px;font-size:14px}.instagram-timestamp{text-transform:uppercase;color:#8e8e8e;letter-spacing:.2px;padding:0 16px 16px;font-size:10px}.instagram-settings{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px}.instagram-setting{margin-bottom:8px;font-size:13px}.setting-label{color:#6b7280}.setting-value{color:#111827;font-weight:500}.instagram-feature-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.feature-badge{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:4px 10px;font-size:11px}.instagram-preview.story{background:#1a1a1a}.instagram-preview.story .instagram-header{background:#262626;border-color:#333}.instagram-preview.story .mode-badge{color:#f1f1f1}.story-container{aspect-ratio:9/16;background:#1a1a1a;max-width:280px;margin:0 auto;position:relative;overflow:hidden}.story-status-bar{z-index:10;color:#fff;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex;position:absolute;top:0;left:0;right:0}.story-progress{z-index:10;gap:4px;display:flex;position:absolute;top:28px;left:8px;right:8px}.story-progress-segment{background:#ffffff4d;border-radius:1px;flex:1;height:2px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:1px;width:30%;height:100%}.story-viewer-header{z-index:10;color:#fff;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:40px;left:0;right:0}.story-avatar{border:2px solid #fff;border-radius:50%;width:32px;height:32px;overflow:hidden}.story-avatar img{object-fit:cover;width:100%;height:100%}.story-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#f09433,#bc1888);justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:600;display:flex}.story-username{font-size:14px;font-weight:600}.story-time{color:#ffffffb3;font-size:13px}.story-more{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto}.story-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.story-content img{object-fit:cover;width:100%;height:100%}.story-placeholder{opacity:.5;font-size:80px}.story-footer{z-index:10;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:12px;right:12px}.story-input{color:#fffc;border:1px solid #ffffff80;border-radius:20px;flex:1;padding:10px 16px;font-size:14px}.story-action{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px}.story-info{color:#fff;padding:16px;font-size:13px}.story-location{opacity:.9;margin-bottom:8px}.story-hashtags{color:#4db5ff}@media (width<=480px){.instagram-container,.instagram-container.reel,.story-container{max-width:100%}}.x-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.x-header{background:#000;border-bottom:1px solid #2f3336;align-items:center;gap:8px;padding:12px 16px;display:flex}.x-logo{color:#fff;font-size:20px;font-weight:700}.x-name{color:#fff;font-size:14px;font-weight:600}.x-post{background:#fff;max-width:500px;margin:0 auto}.x-post-header{align-items:center;gap:12px;padding:12px 16px;display:flex}.x-avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.x-avatar img{object-fit:cover;width:100%;height:100%}.x-avatar-placeholder{color:#fff;background:#1d9bf0;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;font-weight:600;display:flex}.x-user-info{flex:1;min-width:0}.x-name-row{align-items:center;gap:4px;display:flex}.x-display-name{color:#0f1419;font-size:15px;font-weight:700}.verified-badge{color:#1d9bf0}.x-handle{color:#536471;font-size:15px}.x-more{color:#536471;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:background-color .2s}.x-more:hover{color:#1d9bf0;background:#1d9bf01a}.x-content{padding:0 16px 12px}.x-text{color:#0f1419;white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:17px;line-height:1.5}.x-hashtags,.x-mentions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.x-hashtag,.x-mention{color:#1d9bf0;font-size:15px}.x-media{background:#e7e9ea;border-radius:16px;margin:0 16px 12px;overflow:hidden}.x-media-img{object-fit:cover;width:100%;height:auto;max-height:400px;display:block}.x-media-placeholder{aspect-ratio:16/9;color:#536471;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:48px;display:flex}.x-media-placeholder span{font-size:14px}.x-media-2,.x-media-3,.x-media-4{aspect-ratio:2;gap:2px;display:grid}.x-media-2{grid-template-columns:1fr 1fr}.x-media-3{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.x-media-3 .x-media-img:first-child{grid-row:span 2}.x-media-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.x-media-item-placeholder{background:#e7e9ea;justify-content:center;align-items:center;font-size:32px;display:flex}.x-sensitive-warning{text-align:center;color:#0f1419;background:#ffad1f;border-radius:8px;margin:0 16px 12px;padding:12px;font-size:14px;font-weight:500}.x-timestamp{color:#536471;border-top:1px solid #eff3f4;border-bottom:1px solid #eff3f4;align-items:center;gap:8px;padding:12px 16px;font-size:15px;display:flex}.x-timestamp .dot{color:#536471}.x-views{color:#0f1419}.x-stats{border-bottom:1px solid #eff3f4;gap:24px;padding:12px 16px;display:flex}.x-stat{align-items:center;gap:4px;display:flex}.stat-number{color:#0f1419;font-size:14px;font-weight:700}.stat-label{color:#536471;font-size:14px}.x-actions{justify-content:space-between;align-items:center;max-width:425px;margin:0 auto;padding:12px 16px;display:flex}.x-action{color:#536471;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.x-action:hover,.x-action.reply:hover{color:#1d9bf0;background:#1d9bf01a}.x-action.retweet:hover,.x-action.retweet.active{color:#00ba7c;background:#00ba7c1a}.x-action.like:hover,.x-action.like.active{color:#f91880;background:#f918801a}.x-action.analytics:hover,.x-action.share:hover{color:#1d9bf0;background:#1d9bf01a}.x-settings{background:#f7f9f9;border-top:1px solid #eff3f4;padding:16px}.x-setting-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.x-setting-row:last-child{margin-bottom:0}.x-setting-label{color:#536471}.x-setting-value{color:#0f1419;font-weight:500}.x-setting-value.warning{color:#ffad1f}@media (width<=480px){.x-post{max-width:100%}.x-text{font-size:16px}.x-stats{gap:16px}.x-stat{flex-direction:column;gap:2px}}.processing-steps{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.steps-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.steps-header h4{color:#111827;margin:0;font-size:14px;font-weight:600}.overall-progress{color:#3b82f6;font-size:14px;font-weight:600}.progress-bar-container{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);border-radius:3px;height:100%;transition:width .3s}.steps-list{flex-direction:column;gap:4px;display:flex}.step-item{border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:background-color .2s;display:flex}.step-item:hover{background:#f9fafb}.step-item.active{background:#eff6ff}.step-indicator{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.step-icon-wrapper{color:#6b7280;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.step-icon-wrapper.pending{color:#9ca3af;background:#f3f4f6}.step-icon-wrapper.in_progress{color:#3b82f6;background:#dbeafe}.step-icon-wrapper.completed{color:#10b981;background:#d1fae5}.step-icon-wrapper.error{color:#ef4444;background:#fee2e2}.step-item.active .step-icon-wrapper{transform:scale(1.1);box-shadow:0 0 0 3px #3b82f633}.step-connector{background:#e5e7eb;width:2px;height:24px;margin-top:4px;transition:background-color .3s}.step-connector.completed{background:#10b981}.step-content{flex:1;min-width:0}.step-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.step-label{color:#374151;font-size:14px;font-weight:500}.step-item.active .step-label{color:#1d4ed8;font-weight:600}.status-icon{flex-shrink:0}.status-icon.pending{color:#9ca3af}.status-icon.in-progress{color:#3b82f6}.status-icon.completed{color:#10b981}.step-message{color:#6b7280;margin-top:2px;font-size:12px;display:block}.step-error{color:#ef4444;margin-top:2px;font-size:12px;display:block}.step-progress{align-items:center;gap:8px;margin-top:8px;display:flex}.step-progress-bar{background:#e5e7eb;border-radius:2px;flex:1;height:4px;overflow:hidden}.step-progress-fill{background:#3b82f6;border-radius:2px;height:100%;transition:width .1s linear}.step-progress-text{color:#6b7280;text-align:right;min-width:28px;font-size:11px;font-weight:500}.processing-steps-compact{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.compact-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.compact-status{color:#374151;font-size:13px;font-weight:500}.compact-progress{color:#6b7280;font-size:12px}.compact-progress-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.compact-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);border-radius:2px;height:100%;transition:width .3s}.compact-steps{gap:4px;display:flex}.compact-step-dot{background:#e5e7eb;border-radius:2px;flex:1;height:4px;transition:background-color .3s}.compact-step-dot.pending{background:#e5e7eb}.compact-step-dot.in_progress{background:#3b82f6}.compact-step-dot.completed{background:#10b981}.compact-step-dot.error{background:#ef4444}.animate-spin{animation:1s linear infinite spin}@media (width<=480px){.processing-steps{padding:16px}.step-item{padding:10px}.step-icon-wrapper{width:28px;height:28px}.step-label{font-size:13px}}.progress-simulator{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.progress-simulator.compact{padding:16px}.simulator-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.simulator-header h3{color:#111827;margin:0;font-size:16px;font-weight:600}.simulator-platforms{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.platforms-label{color:#6b7280;font-size:13px;font-weight:500}.platforms-list{flex-wrap:wrap;gap:6px;display:flex}.platform-badge{color:#374151;background:#f3f4f6;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.simulator-actions{border-top:1px solid #f3f4f6;gap:12px;margin-top:20px;padding-top:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.btn-primary:hover{background:#2563eb}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-cancel{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-cancel:hover{background:#fee2e2;border-color:#ef4444}.btn-icon{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon:hover{color:#374151;background:#f3f4f6}.progress-simulator.compact{flex-direction:column;gap:12px;display:flex}.progress-simulator.compact .btn-cancel{align-self:flex-end;padding:6px 12px;font-size:12px}.progress-simulator.results{max-width:480px}.results-summary{text-align:center;border-radius:12px;margin-bottom:20px;padding:24px}.results-summary.success{background:#ecfdf5}.results-summary.partial{background:#fffbeb}.summary-icon{margin-bottom:12px}.summary-icon.success{color:#10b981}.summary-icon.warning{color:#f59e0b}.results-summary h4{color:#111827;margin:0 0 4px;font-size:18px;font-weight:600}.results-summary p{color:#6b7280;margin:0;font-size:14px}.platform-results{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.platform-result{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.platform-result.success{background:#f0fdf4;border-color:#bbf7d0}.platform-result.error{background:#fef2f2;border-color:#fecaca}.platform-info{align-items:center;gap:8px;display:flex}.result-status{align-items:center;gap:6px;display:flex}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-text{color:#6b7280;font-size:13px;font-weight:500}.status-text.error{color:#dc2626}@media (width<=480px){.progress-simulator{padding:16px}.simulator-platforms{flex-direction:column;align-items:flex-start}.platforms-list{width:100%}.simulator-actions{flex-direction:column}.simulator-actions button{width:100%}}.preview-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.preview-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s slideIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.preview-modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.preview-modal-title{color:#111827;align-items:center;gap:10px;display:flex}.preview-modal-title h2{margin:0;font-size:18px;font-weight:600}.preview-modal-close{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.preview-modal-close:hover{color:#374151;background:#f3f4f6}.preview-modal-tabs{scrollbar-width:none;border-bottom:1px solid #e5e7eb;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.preview-modal-tabs::-webkit-scrollbar{display:none}.preview-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.preview-tab:hover{background:#e5e7eb}.preview-tab.selected{color:#1d4ed8;background:#eff6ff}.preview-tab.active{color:#1e40af;background:#dbeafe;border-color:#3b82f6}.preview-tab .tab-icon{font-size:16px}.preview-tab input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.preview-modal-content{flex-direction:column;flex:1;min-height:400px;display:flex;overflow:hidden}.preview-empty{color:#6b7280;text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.preview-simulator-container{width:100%;max-width:600px;margin:0 auto;padding:24px}.preview-content-wrapper{flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:relative;overflow-y:auto}.preview-area{flex:1;max-width:500px;max-height:100%;overflow-y:auto}.preview-no-data{text-align:center;color:#6b7280;padding:40px}.preview-nav{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.preview-nav:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.preview-nav:disabled{opacity:.4;cursor:not-allowed}.preview-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.preview-info{color:#6b7280;font-size:13px}.preview-platform-count{font-weight:500}.preview-actions{gap:12px;display:flex}.btn-simulate{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.btn-simulate:hover:not(:disabled){background:#6d28d9}.btn-simulate:disabled{opacity:.6;cursor:not-allowed}.btn-close{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-close:hover{background:#f9fafb;border-color:#9ca3af}.btn-preview{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-preview:hover{background:#dbeafe;border-color:#93c5fd}.preview-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.preview-icon-btn:hover{color:#374151;background:#f3f4f6}@media (width<=768px){.preview-modal-overlay{align-items:flex-end;padding:0}.preview-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:95vh}.preview-modal-tabs{padding:12px 16px}.preview-tab{padding:8px 12px}.preview-tab .tab-label{display:none}.preview-content-wrapper{padding:16px}.preview-nav{display:none}.preview-modal-footer{flex-direction:column;gap:12px;padding:16px}.preview-actions{width:100%}.preview-actions button{flex:1}}@media (width<=480px){.preview-modal-header{padding:12px 16px}.preview-modal-title h2{font-size:16px}.preview-area{max-width:100%}}.platform-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.preview-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 16px;display:flex}.platform-icon{font-size:18px}.platform-name{color:#111827;font-size:14px;font-weight:600}.preview-content{padding:16px}.video-preview{aspect-ratio:16/9;background:#1f2937;border-radius:8px;margin-bottom:16px;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;width:100%;height:100%}.video-placeholder{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.video-overlay{background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.play-button{color:#111827;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0000004d}.play-button:hover{transform:scale(1.1)}.duration-badge{color:#fff;background:#000c;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;position:absolute;bottom:40px;right:8px}.video-controls-preview{color:#fff;background:linear-gradient(#0000,#000000b3);align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-controls-preview .progress-bar{background:#ffffff4d;border-radius:2px;flex:1;height:3px}.image-preview{aspect-ratio:16/9;background:#f3f4f6;border-radius:8px;margin-bottom:16px;overflow:hidden}.image-thumbnail{object-fit:cover;width:100%;height:100%}.image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-icon{opacity:.5;font-size:48px}.preview-info{flex-direction:column;gap:8px;display:flex}.preview-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.preview-description,.preview-caption{color:#4b5563;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.preview-hashtags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.hashtag{color:#3b82f6;font-size:12px;font-weight:500}.hashtag.more{color:#6b7280}.preview-metadata{border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:12px;display:flex}.metadata-pill{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.platform-preview.youtube .preview-header{background:#fee2e2}.platform-preview.tiktok .preview-header{background:#f3f4f6}.platform-preview.instagram .preview-header{background:#fce7f3}.platform-preview.x .preview-header{background:#f3f4f6}@media (width<=640px){.preview-content{padding:12px}.video-preview,.image-preview{aspect-ratio:1}.preview-title{font-size:14px}.preview-description,.preview-caption{font-size:12px}}*{box-sizing:border-box}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6f8;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body{width:100%;min-width:0;overflow-x:hidden}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#f3f4f6}.btn-icon{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:all .2s;display:inline-flex}.btn-icon:hover{background:#f3f4f6}.btn-icon-small{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.btn-icon-small:hover{color:#374151;background:#f3f4f6}.btn-icon-small.danger:hover{color:#ef4444;background:#fef2f2}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;margin-bottom:24px;display:flex}.page-header h1{color:#1a1a1a;margin:0 0 4px;font-size:24px;font-weight:600}.page-header p{color:#6b7280;margin:0}.page-header>div{min-width:0}.layout-content [class$=-page]{width:100%;min-width:0}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:80px 24px;box-shadow:0 1px 3px #00000014}.empty-icon{margin-bottom:16px;font-size:48px}.empty-state h3,.empty-state h4{color:#1a1a1a;margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{color:#6b7280;margin:0 0 24px}.loading-state{text-align:center;color:#6b7280;padding:60px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;min-width:0;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;background:#f3f4f6}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.card-header{border-bottom:1px solid #e5e7eb;padding:16px 20px}.card-content{padding:20px}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions,.page-header>div{width:100%;min-width:0}.header-actions{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}@media (width<=640px){.page-header h1{font-size:22px}.empty-state,.loading-state{padding:40px 16px}.card-header,.card-content{padding:16px}}