*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--bg:#fff;--bg-2:#f7f6f3;--bg-3:#f0efe9;--border:#0000001a;--border-md:#0000002e;--text:#1a1a18;--text-2:#5f5e5a;--text-3:#9a9994;--accent:#5919c0;--accent-bg:#eeedfe;--accent-text:#3c3489;--green:#3b6d11;--green-bg:#eaf3de;--amber:#854f0b;--amber-bg:#faeeda;--red:#a32d2d;--red-bg:#fcebeb;--blue:#185fa5;--blue-bg:#e6f1fb;--gray:#5f5e5a;--gray-bg:#f1efe8;--sidebar-w:216px;--topbar-h:52px}@media (prefers-color-scheme:dark){:root{--bg:#1c1c1a;--bg-2:#242422;--bg-3:#2c2c29;--border:#ffffff1a;--border-md:#ffffff2e;--text:#e8e6df;--text-2:#9a9994;--text-3:#6b6a65;--accent-bg:#26215c;--accent-text:#afa9ec;--green-bg:#173404;--green:#97c459;--amber-bg:#412402;--amber:#ef9f27;--red-bg:#501313;--red:#f09595;--blue-bg:#042c53;--blue:#85b7eb;--gray-bg:#2c2c2a;--gray:#b4b2a9}}html,body,#root{height:100%;font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px}button{font-family:var(--font);cursor:pointer;font-size:13px}input,select,textarea{font-family:var(--font);font-size:13px}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-2);border-right:.5px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.sidebar-logo{letter-spacing:.06em;color:var(--text-2);border-bottom:.5px solid var(--border);padding:18px 16px 14px;font-size:13px;font-weight:500}.sidebar-logo span{color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex}.nav-section{letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;padding:10px 8px 4px;font-size:10px}.nav-item{border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;transition:background .12s;display:flex}.nav-item:hover{background:var(--bg-3);color:var(--text)}.nav-item.active{background:var(--bg);color:var(--text);border:.5px solid var(--border);font-weight:500}.nav-item i{flex-shrink:0;font-size:15px}.nav-item .badge-count{background:var(--accent-bg);color:var(--accent-text);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:500}.sidebar-user{border-top:.5px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.user-avatar{background:var(--accent-bg);width:28px;height:28px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.user-info{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.user-role{color:var(--text-3);font-size:11px}.main-area{flex-direction:column;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:.5px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-title{font-size:15px;font-weight:500}.topbar-sub{color:var(--text-3);font-size:12px}.topbar-actions{align-items:center;gap:8px;display:flex}.page-content{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.btn{border-radius:var(--radius-md);border:.5px solid var(--border-md);color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:background .12s;display:inline-flex}.btn:hover{background:var(--bg-2)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--text);color:var(--bg);border-color:#0000}.btn-primary:hover{opacity:.88;background:var(--text)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:#0000}.btn-success{background:var(--green-bg);color:var(--green);border-color:#0000}.btn-icon{border-radius:var(--radius-md);justify-content:center;width:30px;height:30px;padding:0}.btn-icon i{font-size:15px}.btn-sm{padding:4px 9px;font-size:12px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-card{background:var(--bg-2);border-radius:var(--radius-md);padding:14px 16px}.metric-label{letter-spacing:.06em;color:var(--text-3);text-transform:uppercase;margin-bottom:6px;font-size:10px}.metric-value{font-size:24px;font-weight:500;line-height:1}.metric-sub{color:var(--text-3);margin-top:4px;font-size:11px}.filter-bar{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{border:.5px solid var(--border);cursor:pointer;color:var(--text-2);background:0 0;border-radius:20px;padding:4px 11px;font-size:12px;transition:all .12s}.filter-pill:hover{border-color:var(--border-md);color:var(--text)}.filter-pill.active{background:var(--text);color:var(--bg);border-color:#0000}.task-table{flex-direction:column;gap:6px;display:flex}.task-table-header{letter-spacing:.05em;color:var(--text-3);text-transform:uppercase;grid-template-columns:1fr 100px 90px 70px 100px;gap:12px;padding:0 14px 6px;font-size:11px;display:grid}.task-row{background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;grid-template-columns:1fr 100px 90px 70px 100px;align-items:center;gap:12px;padding:11px 14px;transition:border-color .12s;display:grid}.task-row:hover{border-color:var(--border-md)}.task-row.selected{border-color:var(--accent)}.task-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.task-meta{color:var(--text-3);margin-top:2px;font-size:11px}.task-actions{justify-content:flex-end;gap:5px;display:flex}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-pendente{background:var(--gray-bg);color:var(--gray)}.badge-a_processar,.badge-gerando{background:var(--blue-bg);color:var(--blue)}.badge-em_revisao{background:var(--amber-bg);color:var(--amber)}.badge-aprovado{background:var(--green-bg);color:var(--green)}.badge-rejeitado,.badge-erro{background:var(--red-bg);color:var(--red)}.badge-carrossel{background:var(--accent-bg);color:var(--accent-text)}.badge-estatico{background:var(--gray-bg);color:var(--gray)}.badge-story{background:var(--blue-bg);color:var(--blue)}.badge-claude{background:var(--accent-bg);color:var(--accent-text)}.badge-gpt{background:var(--green-bg);color:var(--green)}.overlay{z-index:100;background:#00000059;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.drawer{background:var(--bg);border-left:.5px solid var(--border);flex-direction:column;width:520px;height:100vh;animation:.18s slideIn;display:flex;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.drawer-header{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.drawer-title{font-size:14px;font-weight:500;line-height:1.4}.drawer-sub{color:var(--text-3);margin-top:2px;font-size:12px}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.drawer-footer{border-top:.5px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.output-preview{background:var(--bg-2);border:.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.output-preview-img{aspect-ratio:1;background:var(--bg-3);width:100%;color:var(--text-3);justify-content:center;align-items:center;font-size:12px;display:flex}.output-preview-img iframe{border:none;width:100%;height:100%}.output-tabs{border-bottom:.5px solid var(--border);display:flex}.output-tab{cursor:pointer;color:var(--text-2);border-bottom:2px solid #0000;margin-bottom:-.5px;padding:8px 14px;font-size:12px}.output-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.output-tab-content{padding:14px}.copy-block{background:var(--bg-2);border-radius:var(--radius-md);padding:12px 14px}.copy-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;font-size:10px}.copy-text{color:var(--text);font-size:13px;line-height:1.6}.slide-nav{gap:6px;margin-bottom:12px;display:flex}.slide-dot{border-radius:var(--radius-sm);border:.5px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--text-2);background:0 0;justify-content:center;align-items:center;font-size:12px;display:flex}.slide-dot.active{background:var(--accent-bg);color:var(--accent-text);border-color:#0000}.revisao-textarea{border:.5px solid var(--border-md);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);resize:vertical;min-height:72px;padding:10px 12px;font-size:13px;line-height:1.5}.revisao-textarea:focus{border-color:var(--accent);outline:none}.model-selector{gap:8px;display:flex}.model-option{border-radius:var(--radius-md);border:.5px solid var(--border);cursor:pointer;text-align:center;color:var(--text-2);flex:1;padding:8px 12px;font-size:12px;transition:all .12s}.model-option:hover{border-color:var(--border-md)}.model-option.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-text);font-weight:500}.model-option .model-name{margin-bottom:2px;font-weight:500}.model-option .model-desc{opacity:.7;font-size:11px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-2);font-size:12px;font-weight:500}.form-input{border:.5px solid var(--border-md);border-radius:var(--radius-md);background:var(--bg);color:var(--text);padding:8px 12px;font-size:13px}.form-input:focus{border-color:var(--accent);outline:none}.form-select{border:.5px solid var(--border-md);border-radius:var(--radius-md);background:var(--bg);color:var(--text);padding:8px 12px;font-size:13px}.form-select:focus{border-color:var(--accent);outline:none}.form-hint{color:var(--text-3);font-size:11px}.toggle-row{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-info .toggle-label{font-size:13px;font-weight:500}.toggle-info .toggle-desc{color:var(--text-3);margin-top:2px;font-size:12px}.toggle{width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:var(--border-md);cursor:pointer;border-radius:20px;transition:background .15s;position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked~.toggle-thumb{transform:translate(16px)}.empty-state{text-align:center;color:var(--text-3);padding:48px 20px}.empty-state i{margin-bottom:12px;font-size:32px;display:block}.empty-state p{font-size:13px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot{background:var(--blue);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.canva-link{background:var(--accent-bg);color:var(--accent-text);border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.canva-link i{font-size:15px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:4px}