@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--brand: #2563eb;--brand-hover: #1d4ed8;--brand-light: rgba(37,99,235,.12);--brand-mid: rgba(37,99,235,.3);--bg: #0f1117;--s1: #161b27;--s2: #1c2333;--s3: #242d3d;--hover: rgba(255,255,255,.05);--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--text: #f1f5f9;--text2: #94a3b8;--text3: #64748b;--accent: #60a5fa;--green: #22c55e;--green-bg: rgba(34,197,94,.1);--green-border: rgba(34,197,94,.25);--amber: #f59e0b;--amber-bg: rgba(245,158,11,.1);--amber-border: rgba(245,158,11,.25);--red: #ef4444;--red-bg: rgba(239,68,68,.1);--red-border: rgba(239,68,68,.25);--blue: #3b82f6;--blue-bg: rgba(59,130,246,.1);--blue-border: rgba(59,130,246,.25);--purple: #8b5cf6;--purple-bg: rgba(139,92,246,.1);--purple-border: rgba(139,92,246,.25);--sidebar-w: 224px;--r: 8px;--rl: 12px;--rxl: 16px;--rfull: 9999px;--sh-sm: 0 1px 4px rgba(0,0,0,.4);--sh-md: 0 4px 16px rgba(0,0,0,.5);--sh-lg: 0 8px 32px rgba(0,0,0,.6);--focus: 0 0 0 3px rgba(37,99,235,.4);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}html,body,#root{width:100%;min-height:100vh;background:var(--bg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-700px 0}to{background-position:700px 0}}@keyframes spin{to{transform:rotate(360deg)}}.app{display:flex;min-height:100vh;background:var(--bg)}.topbar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--s1);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow-y:auto;overflow-x:hidden}.nav-links{display:flex;flex-direction:column;padding:6px 8px;flex:1;gap:1px}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:14px 8px 5px}.nav-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r);border:none;background:transparent;color:var(--text2);font:500 13px/1 Inter,sans-serif;cursor:pointer;transition:all .12s;text-align:left;width:100%;white-space:nowrap}.nav-btn:hover{color:var(--text);background:var(--hover)}.nav-btn.active{background:var(--brand-light);color:var(--accent);font-weight:600}.nav-user{padding:12px 14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.nav-user-email{font-size:11.5px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.btn-ghost{padding:6px 12px;border-radius:var(--r);border:1px solid var(--border2);background:transparent;color:var(--text2);font:500 12px/1 Inter,sans-serif;cursor:pointer;transition:all .12s}.btn-ghost:hover{background:var(--hover);color:var(--text)}main{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.container{padding:28px 32px 60px;max-width:1200px;width:100%;animation:fadeUp .22s ease both}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.page-header h1{font-size:20px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;color:var(--text);letter-spacing:-.3px}.page-header p{font-size:13px;color:var(--text2);margin-top:4px;line-height:1.5}.panel{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);padding:20px}.panel h3{font-size:14px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;color:var(--text);margin-bottom:4px}.panel-subtitle{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:16px}.panel-title-sm{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.btn-cyan,.btn-primary{padding:9px 18px;border-radius:var(--r);border:none;background:var(--brand);color:#fff;font:600 13px/1 Inter,sans-serif;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-cyan:hover,.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.btn-cyan:disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-emerald{padding:9px 18px;border-radius:var(--r);border:none;background:var(--green);color:#fff;font:600 13px/1 Inter,sans-serif;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn-emerald:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.btn-emerald:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-violet{padding:9px 18px;border-radius:var(--r);border:none;background:var(--purple);color:#fff;font:600 13px/1 Inter,sans-serif;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn-violet:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-violet:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{padding:8px 16px;border-radius:var(--r);border:1px solid var(--border2);background:var(--s2);color:var(--text2);font:500 13px/1 Inter,sans-serif;cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:var(--s3);color:var(--text);border-color:var(--border2)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-danger-sm{padding:6px 12px;border-radius:var(--r);border:1px solid var(--red-border);background:var(--red-bg);color:var(--red);font:500 12px/1 Inter,sans-serif;cursor:pointer;transition:all .12s}.btn-danger-sm:hover{background:#ef44442e}.btn-danger-sm:disabled{opacity:.4;cursor:not-allowed}.btn-lg{padding:11px 24px;font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1/-1}.field span,.field>span:first-child{font-size:12px;font-weight:500;color:var(--text2)}.field input,.field select,.field textarea{padding:9px 12px;border-radius:var(--r);border:1px solid var(--border2);background:var(--s2);color:var(--text);font:400 13px/1.4 Inter,sans-serif;transition:border-color .12s,box-shadow .12s;outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:var(--focus)}.field input:disabled,.field select:disabled{opacity:.5;cursor:not-allowed}.field input::placeholder,.field textarea::placeholder{color:var(--text3)}.field textarea{resize:vertical;min-height:80px;line-height:1.5}.field-help{font-size:11px;color:var(--text3);line-height:1.4}.check-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:12px}.check-row:last-child{border-bottom:none}.check-row span{font-size:13px;color:var(--text2)}.check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand);cursor:pointer;flex-shrink:0}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--rfull);font-size:11.5px;font-weight:600}.status-ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.status-warn{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.status-error{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.status-info{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.msg-box{padding:11px 14px;border-radius:var(--r);font-size:13px;line-height:1.5;margin-bottom:14px;animation:fadeUp .18s ease}.msg-ok{background:var(--green-bg);color:#86efac;border:1px solid var(--green-border)}.msg-error{background:var(--red-bg);color:#fca5a5;border:1px solid var(--red-border)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--rfull);font-size:11px;font-weight:600;white-space:nowrap}.badge-completed,.badge-success{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-failed,.badge-error{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-scheduled,.badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.badge-draft,.badge-pending{background:var(--s3);color:var(--text2);border:1px solid var(--border2)}.badge-queued,.badge-processing,.badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.badge-approved{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-rejected{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.mode-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--rfull);font-size:10.5px;font-weight:600;background:var(--brand-light);color:var(--accent);border:1px solid var(--brand-mid)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);padding:18px 20px;transition:all .15s;animation:fadeUp .28s ease both}.stat-card:nth-child(1){animation-delay:.04s}.stat-card:nth-child(2){animation-delay:.08s}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.16s}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px)}.stat-icon{width:34px;height:34px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px}.stat-label{font-size:11px;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;color:var(--text);letter-spacing:-.5px;line-height:1}.stat-sub{font-size:11.5px;color:var(--text3);margin-top:5px}.action-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.action-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);padding:18px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:6px;animation:fadeUp .28s ease both;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent,var(--brand));opacity:0;transition:opacity .15s}.action-card:hover{border-color:var(--border2);transform:translateY(-2px);background:var(--s2)}.action-card:hover:before{opacity:1}.action-card-icon{font-size:20px;width:38px;height:38px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;background:var(--s2);margin-bottom:4px}.action-card h3{font-size:13.5px;font-weight:600;color:var(--text);font-family:Plus Jakarta Sans,sans-serif}.action-card p{font-size:12px;color:var(--text3);line-height:1.4}.card-arrow{margin-top:auto;font-size:13px;color:var(--text3);transition:transform .15s,color .15s}.action-card:hover .card-arrow{transform:translate(3px);color:var(--accent)}.composer-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.manual-divider{height:1px;background:var(--border);margin:16px 0}.action-row{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border);margin-top:14px}.lang-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.lang-pill{padding:5px 11px;border-radius:var(--rfull);border:1px solid var(--border2);background:var(--s2);color:var(--text2);font:500 12px/1 Inter,sans-serif;cursor:pointer;transition:all .12s}.lang-pill:hover{border-color:var(--brand-mid);color:var(--accent);background:var(--brand-light)}.lang-pill.active{border-color:var(--brand);background:var(--brand-light);color:var(--accent);font-weight:600}.preview-device{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}.preview-header{padding:11px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.preview-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--purple));flex-shrink:0}.preview-name{font-size:13px;font-weight:600;color:var(--text)}.preview-handle{font-size:11px;color:var(--text3)}.preview-body{padding:13px}.preview-text{font-size:13.5px;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word}.preview-image-container{margin-top:11px;border-radius:var(--r);overflow:hidden;border:1px solid var(--border);background:var(--s2)}.preview-image-container img{width:100%;display:block;max-height:240px;object-fit:cover}.preview-hashtags{margin-top:9px;font-size:13px;color:var(--accent);line-height:1.5}.preview-footer{padding:9px 13px;border-top:1px solid var(--border);display:flex;gap:14px}.preview-action{font-size:11.5px;color:var(--text3);display:flex;align-items:center;gap:4px}.empty-preview{padding:36px 20px;text-align:center;color:var(--text3);font-size:13px;line-height:1.5}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px}.media-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:all .15s}.media-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--sh-sm)}.media-thumb{position:relative;padding-top:75%;background:var(--s2);overflow:hidden}.media-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .2s}.media-card:hover .media-thumb-img{transform:scale(1.04)}.media-type-badge{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:var(--rfull);font-size:9px;font-weight:700;background:#000000b3;color:#fff;text-transform:uppercase;letter-spacing:.04em}.media-info{padding:9px 11px}.media-title{font-size:11.5px;font-weight:500;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.upload-zone{border:2px dashed var(--border2);border-radius:var(--rl);padding:32px 20px;text-align:center;cursor:pointer;transition:all .15s;background:var(--s1);margin-bottom:18px}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--brand);background:var(--brand-light)}.upload-zone-icon{font-size:26px;margin-bottom:8px}.upload-zone-text{font-size:13.5px;font-weight:500;color:var(--text);margin-bottom:3px}.upload-zone-sub{font-size:12px;color:var(--text3)}.jobs-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.jobs-filters select{padding:7px 12px;border-radius:var(--r);border:1px solid var(--border2);background:var(--s2);color:var(--text2);font:500 12.5px/1 Inter,sans-serif;cursor:pointer;outline:none}.jobs-filters select:focus{border-color:var(--brand)}.jobs-list{display:flex;flex-direction:column;gap:8px}.job-row{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;transition:all .12s;cursor:default}.job-row:hover{border-color:var(--border2);background:var(--s2)}.job-platform-icon{width:34px;height:34px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--s2);flex-shrink:0}.job-topic{font-size:13.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-meta{font-size:11.5px;color:var(--text3);margin-top:3px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.job-actions{display:flex;gap:6px;flex-shrink:0}.job-action-btn{padding:5px 10px;border-radius:var(--r);border:1px solid var(--border2);background:var(--s2);color:var(--text2);font:500 11.5px/1 Inter,sans-serif;cursor:pointer;transition:all .12s}.job-action-btn:hover{background:var(--s3);color:var(--text)}.job-runs-list{margin-top:8px;padding:10px;background:var(--s2);border-radius:var(--r);display:flex;flex-direction:column;gap:6px}.job-run-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text2);padding:6px 8px;border-radius:var(--r);background:var(--s1)}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.settings-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);padding:20px 22px;animation:fadeUp .22s ease both}.settings-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--border)}.settings-card-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--s2);border-radius:var(--r);border:1px solid var(--border);flex-shrink:0}.actions-row{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}.destinations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.destination-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);padding:16px 18px;transition:all .12s}.destination-card:hover{border-color:var(--border2);background:var(--s2)}.destination-card-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.destination-icon{width:38px;height:38px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:17px;background:var(--s2);flex-shrink:0}.backup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.backup-card{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);padding:14px;transition:all .12s;display:flex;flex-direction:column;gap:9px}.backup-card:hover{border-color:var(--border2);background:var(--s2);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}.modal{background:var(--s1);border:1px solid var(--border2);border-radius:var(--rxl);width:100%;max-width:680px;max-height:82vh;display:flex;flex-direction:column;box-shadow:var(--sh-lg);animation:slideUp .2s ease;overflow:hidden}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h3{font-size:14.5px;font-weight:600;color:var(--text);margin:0}.modal-close{width:28px;height:28px;border-radius:var(--r);border:1px solid var(--border2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text2);transition:all .12s}.modal-close:hover{background:var(--s3);color:var(--text)}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.selected-media-card{display:flex;align-items:center;gap:11px;padding:11px 13px;background:var(--brand-light);border:1px solid var(--brand-mid);border-radius:var(--r);margin-bottom:10px}.selected-media-meta{flex:1;min-width:0}.selected-media-meta strong{display:block;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-media-meta p{font-size:11.5px;color:var(--text2);margin-top:2px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.auth-card{background:var(--s1);border:1px solid var(--border2);border-radius:var(--rxl);padding:38px 42px;width:100%;max-width:390px;box-shadow:var(--sh-lg);animation:slideUp .28s ease}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:26px}.auth-brand-icon{width:38px;height:38px;border-radius:var(--rl);background:var(--brand);display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;font-weight:800;font-family:Plus Jakarta Sans,sans-serif;box-shadow:0 4px 14px #2563eb73}.auth-brand-name{font-size:21px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;color:var(--text);letter-spacing:-.3px}.auth-card h1{font-size:19px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;color:var(--text);text-align:center;margin-bottom:5px;letter-spacing:-.2px}.auth-card>p{text-align:center;font-size:13px;color:var(--text2);margin-bottom:22px}.auth-fields{display:flex;flex-direction:column;gap:13px;margin-bottom:16px}.auth-input-wrap label{display:block;font-size:12px;font-weight:500;color:var(--text2);margin-bottom:5px}.auth-input-wrap input{width:100%;padding:10px 12px;border-radius:var(--r);border:1px solid var(--border2);background:var(--s2);font:400 13.5px/1 Inter,sans-serif;color:var(--text);transition:border-color .12s,box-shadow .12s;outline:none}.auth-input-wrap input:focus{border-color:var(--brand);box-shadow:var(--focus)}.auth-input-wrap input::placeholder{color:var(--text3)}.auth-submit{width:100%;padding:11px;border-radius:var(--r);border:none;background:var(--brand);color:#fff;font:600 13.5px/1 Inter,sans-serif;cursor:pointer;transition:all .15s;margin-bottom:14px}.auth-submit:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb73}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-toggle{text-align:center;font-size:12.5px;color:var(--text3)}.auth-toggle button{background:none;border:none;color:var(--accent);font:500 12.5px Inter,sans-serif;cursor:pointer;padding:0;margin-left:4px}.auth-toggle button:hover{text-decoration:underline}.option-grid{display:flex;flex-direction:column;gap:1px;margin-top:4px}.skeleton{background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 50%,var(--s2) 75%);background-size:700px 100%;animation:shimmer 1.5s infinite;border-radius:var(--r)}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--rfull);font-size:11px;font-weight:500;background:var(--s2);color:var(--text2);border:1px solid var(--border)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:var(--rfull)}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:900px){.composer-grid{grid-template-columns:1fr}.stats-grid,.action-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){main{margin-left:0}.topbar{width:100%;position:relative;flex-direction:row;height:auto}.container{padding:16px}.stats-grid{grid-template-columns:1fr 1fr}.action-cards,.form-grid{grid-template-columns:1fr}}.social-preview{background:var(--s2);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;margin-top:12px}.social-preview-header,.preview-header{padding:11px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.social-preview-header strong,.preview-header strong{font-size:13px;font-weight:600;color:var(--text)}.social-preview-header span,.preview-header span{font-size:11.5px;color:var(--text3)}.preview-media{width:100%;display:block;max-height:280px;object-fit:cover;background:var(--s3);min-height:120px}.preview-copy{padding:13px 14px}.preview-copy p{font-size:13.5px;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word}.preview-hashtags{color:var(--accent)!important;margin-top:8px;font-size:13px}.preview-cta{margin-top:6px;font-size:13px;color:var(--text2);font-style:italic}.preview-meta{padding:8px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--text3);line-height:1.5}.preview-meta strong{color:var(--text2)}.preview-shell{display:flex;flex-direction:column;gap:10px}.ai-mode-banner{padding:10px 14px;border-radius:var(--r);font-size:13px;background:var(--brand-light);color:var(--accent);border:1px solid var(--brand-mid);display:flex;align-items:center;gap:8px;margin-bottom:14px}.job-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--rfull);font-size:11px;font-weight:600}.job-badge-mode{background:var(--brand-light);color:var(--accent);border:1px solid var(--brand-mid)}.job-badge-lang{background:var(--s3);color:var(--text2);border:1px solid var(--border2)}.toggle-on{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.toggle-off{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.primary-btn,.btn-small{padding:7px 14px;border-radius:var(--r);border:none;background:var(--brand);color:#fff;font:600 12.5px/1 Inter,sans-serif;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.primary-btn:hover,.btn-small:hover{background:var(--brand-hover)}.primary-btn:disabled,.btn-small:disabled{opacity:.4;cursor:not-allowed}.danger-btn{padding:7px 14px;border-radius:var(--r);border:1px solid var(--red-border);background:var(--red-bg);color:var(--red);font:500 12.5px/1 Inter,sans-serif;cursor:pointer;transition:all .12s}.danger-btn:hover{background:#ef44442e}.button-group{display:flex;gap:8px;flex-wrap:wrap}.destination-list{display:flex;flex-direction:column;gap:10px}.destination-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.destination-title{font-size:14px;font-weight:600;color:var(--text)}.destination-meta{font-size:12px;color:var(--text3);margin-top:2px}.destination-form{display:flex;flex-direction:column;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.oauth-btn{padding:9px 18px;border-radius:var(--r);border:1px solid var(--border2);background:var(--s2);color:var(--text);font:500 13px/1 Inter,sans-serif;cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;gap:8px}.oauth-btn:hover{background:var(--s3);border-color:var(--border2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.info-box{padding:12px 14px;border-radius:var(--r);background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border);font-size:13px;line-height:1.5}.helper-box{padding:12px 14px;border-radius:var(--r);background:var(--s2);border:1px solid var(--border);font-size:13px;color:var(--text2);line-height:1.5}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.info-label{font-size:11.5px;color:var(--text3);font-weight:500}.info-value{font-size:13px;color:var(--text);font-weight:500}.settings-note{font-size:12px;color:var(--text3);line-height:1.5;margin-top:8px}.meta-section{margin-bottom:20px}.meta-section-head{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.setup-box{background:var(--s2);border:1px solid var(--border);border-radius:var(--rl);padding:18px 20px;margin-bottom:14px}.setup-box-blue{border-left:3px solid var(--blue)}.setup-box-yellow{border-left:3px solid var(--amber)}.setup-box-title{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:8px}.setup-content-panel{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}.setup-tab-card{padding:16px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.setup-tab-card:hover{background:var(--hover)}.setup-tab-card:last-child{border-bottom:none}.setup-steps-mini{display:flex;flex-direction:column;gap:10px;margin-top:12px}.setup-step-mini{display:flex;align-items:flex-start;gap:10px}.setup-step-content{flex:1}.step-num{width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.help-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-column,.help-sections{display:flex;flex-direction:column;gap:14px}.help-section-block{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);padding:16px 18px}.help-section-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px;font-family:Plus Jakarta Sans,sans-serif}.help-section-text{font-size:13px;color:var(--text2);line-height:1.6}.help-steps{display:flex;flex-direction:column;gap:8px;margin-top:10px}.help-step{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.help-step:last-child{border-bottom:none}.help-step-num{width:22px;height:22px;border-radius:50%;background:var(--brand-light);color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-step-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.help-step-text{font-size:12px;color:var(--text3);line-height:1.4}.faq-list{display:flex;flex-direction:column;gap:1px}.faq-item{border-bottom:1px solid var(--border);padding:10px 0}.faq-answer{font-size:12.5px;color:var(--text3);line-height:1.5;margin-top:5px}.page-shell{padding:28px 32px 60px;max-width:1200px;width:100%;animation:fadeUp .22s ease both}.page-subtitle{font-size:13px;color:var(--text2);margin-top:3px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.modal-card{background:var(--s1);border:1px solid var(--border2);border-radius:var(--rxl);width:100%;max-width:680px;max-height:82vh;display:flex;flex-direction:column;box-shadow:var(--sh-lg);animation:slideUp .2s ease;overflow:hidden}.dash-section-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.empty-state{padding:48px 20px;text-align:center;color:var(--text3);font-size:13.5px;line-height:1.6}.muted-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--rfull);font-size:11px;font-weight:500;background:var(--s3);color:var(--text3);border:1px solid var(--border)}.backup-count{font-size:12px;color:var(--text3);margin-top:4px}.saved-panel{background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--r);padding:10px 14px;font-size:13px;color:var(--green)}.success{color:var(--green)}.error{color:var(--red)}.alert{padding:10px 14px;border-radius:var(--r);font-size:13px}.selected-asset-card{display:flex;align-items:center;gap:12px;padding:11px 13px;background:var(--brand-light);border:1px solid var(--brand-mid);border-radius:var(--r)}.selected-asset-info{flex:1;min-width:0}.selected-asset-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-asset-sub{font-size:11.5px;color:var(--text2);margin-top:2px}.music-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);padding:8px 0}.manual-note{font-size:12px;color:var(--text3);padding:10px 14px;background:var(--s2);border-radius:var(--r);border:1px solid var(--border)}.composer-preview-panel{background:var(--s1);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;position:sticky;top:20px}.linkedin-panel{background:var(--s2);border:1px solid var(--border);border-radius:var(--rl);padding:16px 18px}.linkedin-box{background:var(--s1);border:1px solid var(--border2);border-radius:var(--r);padding:14px}.linkedin-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.linkedin-subtitle{font-size:12px;color:var(--text3)}.linkedin-option{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer}.linkedin-option:last-child{border-bottom:none}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.upload-zone-prompt{font-size:12px;color:var(--text3);margin-top:4px}.field-label{font-size:12px;font-weight:500;color:var(--text2);margin-bottom:5px;display:block}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#060910;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}button{font-family:inherit;cursor:pointer}