*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0f0f0f;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard{max-width:700px;margin:0 auto;padding:20px}header{text-align:center;padding:30px 0 20px;position:relative}.header-top{justify-content:center;align-items:center;gap:12px;display:flex}.header-back{cursor:pointer;color:#aaa;font-size:24px;position:absolute;left:20px}.header-back:hover{color:#fff}.header-titles{text-align:center}header h1{color:#fff;font-size:28px}.subtitle{color:#888;margin-top:4px}.accounts-section{margin-top:10px}.accounts-section h2{margin-bottom:16px}.accounts-grid{flex-direction:column;gap:12px;display:flex}.account-card{cursor:pointer;background:#1a1a1a;border:2px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .2s,background .2s;display:flex}.account-card:hover{background:#1d2d1d;border-color:#4caf50}.account-avatar{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:flex}.account-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.account-name{color:#fff;font-size:16px;font-weight:600}.account-platforms{flex-wrap:wrap;gap:6px;display:flex}.mini-badge.tk{color:#69c9d0;background:#1a2a3c}.mini-badge.yt{color:#f44;background:#3a1a1a}.account-token-hint{color:#666;font-size:11px}.account-actions{flex-shrink:0;gap:8px;display:flex}.btn-icon{color:#aaa;cursor:pointer;background:#0f0f0f;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .2s,color .2s;display:flex}.btn-icon:hover{color:#fff;background:#2a2a2a}.btn-icon-danger:hover{color:#f55;background:#3a1a1a}.empty-accounts{text-align:center;color:#666;padding:40px 20px;font-size:15px}.account-form-section{margin-top:20px}.account-form-card{background:#1a1a1a;border-radius:14px;padding:20px}.account-form-card h3{margin-bottom:16px;font-size:18px}.account-form-fields{flex-direction:column;gap:14px;display:flex}.account-form-fields label{flex-direction:column;gap:6px;display:flex}.account-form-fields label span{color:#aaa;font-size:13px}.form-hint{color:#555;font-size:12px;font-style:italic}.token-feedback{background:#141414;border:1px solid #2a2a2a;border-radius:8px;padding:8px 12px}.token-success p{color:#4caf50;margin:2px 0;font-size:13px}.token-error{color:#ef5350;margin:0;font-size:13px}.youtube-connect-box{background:#141414;border:1px solid #2a2a2a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.youtube-connect-title{color:#fff;margin-bottom:4px;font-size:13px}.youtube-connect-btn{white-space:nowrap;margin-top:0}.success-inline-card{color:#9ee2ac;background:#17311d;border:1px solid #2d6a39;border-radius:12px;padding:12px 14px}.account-form-actions{gap:10px;margin-top:18px;display:flex}.account-form-actions .btn-secondary{margin-top:0}.account-form-actions .btn-primary{flex:1}h2{color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:16px}h3{color:#ccc;margin-bottom:10px;font-size:15px}section{margin-bottom:28px}.toggles{flex-direction:column;gap:12px;display:flex}.ai-prompt-box{background:#1a1a1a;border-radius:12px;margin-top:14px;padding:14px}.ai-prompt-title{color:#b5b5b5;margin-bottom:8px;font-size:13px}.ai-prompt-textarea{resize:vertical;width:100%;min-height:88px}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a1a;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.toggle-label span{font-size:15px}.toggle-label.disabled{opacity:.55;cursor:not-allowed}.bg-mode-row{background:#1a1a1a;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.bg-mode-actions{gap:8px;display:flex}.bg-mode-btn{color:#d0d0d0;cursor:pointer;background:#0f0f0f;border:1px solid #3d3d3d;border-radius:8px;padding:6px 12px}.bg-mode-btn.active{color:#fff;background:#1e3a1f;border-color:#4caf50}.toggle{background:#333;border-radius:14px;width:50px;height:28px;transition:background .2s;position:relative}.toggle.active{background:#4caf50}.toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.active .toggle-knob{transform:translate(22px)}.video-list{flex-wrap:wrap;gap:12px;display:flex}.video-card{background:#1a1a1a;border-radius:12px;width:150px;position:relative;overflow:hidden}.video-preview{object-fit:cover;background:#222;width:100%;height:200px}.processed-preview-wrap{margin-top:14px}.processed-preview-title{color:#cfcfcf;margin-bottom:8px;font-size:13px}.processed-preview{background:#000;border:1px solid #2e2e2e;border-radius:12px;width:100%;max-height:460px}.video-info{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.video-name{color:#ccc;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.video-size{color:#666;font-size:11px}.btn-remove{color:#f55;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex;position:absolute;top:6px;right:6px}.add-video-card{cursor:pointer;background:#1a1a1a;border:2px dashed #333;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:150px;height:248px;transition:border-color .2s,background .2s;display:flex}.add-video-card:hover{background:#1d2d1d;border-color:#4caf50}.add-icon{color:#4caf50;font-size:40px;font-weight:300}.add-video-card span{color:#888;font-size:13px}.concat-hint{color:#f0ad4e;margin-top:10px;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:12px;width:100%;padding:16px;font-size:18px;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.primary-actions-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-process{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:12px;width:100%;padding:16px;font-size:18px;font-weight:600;transition:opacity .2s}.btn-process:disabled{opacity:.4;cursor:not-allowed}.btn-process:not(:disabled):hover{opacity:.9}.btn-secondary{color:#ccc;cursor:pointer;background:#333;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:15px}.btn-secondary:hover{background:#444}@media (width<=760px){.primary-actions-row{grid-template-columns:1fr}}.btn-schedule{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2196f3,#1565c0);border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s}.btn-schedule:disabled{opacity:.4;cursor:not-allowed}.btn-schedule:not(:disabled):hover{opacity:.9}.btn-repost{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800,#e65100);border:none;border-radius:12px;width:100%;padding:16px;font-size:18px;font-weight:600;transition:opacity .2s}.btn-repost:disabled{opacity:.4;cursor:not-allowed}.btn-repost:not(:disabled):hover{opacity:.9}.spinner{animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dual-actions{flex-direction:column;gap:20px;display:flex}.schedule-form{background:#1a1a1a;border-radius:12px;padding:20px}.schedule-inputs{gap:10px;margin-bottom:12px;display:flex}.input-dark{color:#e0e0e0;background:#0f0f0f;border:1px solid #333;border-radius:8px;flex:1;padding:12px 14px;font-size:15px}.input-select{flex:0 0 95px}.input-dark:focus{border-color:#2196f3;outline:none}.current-step{color:#aaa;margin-bottom:12px;font-size:14px;animation:1.5s infinite pulse}.steps-list{flex-direction:column;gap:8px;display:flex}.step-item{background:#1a1a1a;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.step-icon{font-size:16px}.step-error{color:#f55;margin-left:auto;font-size:12px}.result-card{background:#1a1a1a;border-radius:12px;padding:20px}.result-card.success{border-left:4px solid #4caf50}.result-card.failure{border-left:4px solid #f55}.copy-info p{margin-bottom:6px;font-size:14px}.manual-copy-edit{margin-top:10px}.manual-copy-fields{flex-direction:column;gap:8px;margin-top:10px;display:flex}.manual-hashtags{resize:vertical;min-height:70px}.publish-status{gap:10px;margin-top:14px;display:flex}.badge{border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.badge-fb{color:#4a9eff;background:#1a3a5c}.badge-ig{color:#e040fb;background:#3a1a3c}.badge-yt{color:#ff6b6b;background:#3a1a1a}.post-action{flex-direction:column;gap:8px;display:flex}.jobs-list{flex-direction:column;gap:10px;display:flex}.job-card{cursor:pointer;background:#1a1a1a;border-left:4px solid #555;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.job-card.scheduled{border-left-color:#2196f3}.job-card.pending{border-left-color:#ff9800}.job-card.published{border-left-color:#4caf50}.job-card.error{border-left-color:#f55}.job-card.cancelled{opacity:.6;border-left-color:#666}.job-info{flex-direction:column;gap:4px;display:flex}.job-status{font-size:13px;font-weight:600}.job-date{color:#ccc;font-size:14px}.job-title{color:#888;font-size:12px}.job-platforms{gap:6px;margin-top:4px;display:flex}.mini-badge{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.mini-badge.fb{color:#4a9eff;background:#1a3a5c}.mini-badge.ig{color:#e040fb;background:#3a1a3c}.btn-cancel{color:#f55;cursor:pointer;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.btn-cancel:hover{background:#422}.edit-scheduled-modal{margin-top:6px}.btn-remove-cancelled{color:#ffb3b3;cursor:pointer;background:#4a1f1f;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px}.btn-remove-cancelled:hover{background:#5a2525}.error-card{color:#f88;background:#2d1a1a;border-left:4px solid #f55;border-radius:8px;padding:16px}.errors-list{margin-top:10px}