:root{--brand: #1A56DB;--brand-dark: #0E3A99;--brand-light: #EBF1FB;--ink: #0F1117;--ink-muted: #5A6072;--ink-faint: #9AA0B4;--surface: #FFFFFF;--surface-2: #F7F8FA;--surface-3: #EEF0F5;--green-bg: #EDFAF1;--green-text: #0E5E2B;--green-border: #A5D6B5;--amber-text: #92400E;--amber-bg: #FFFBEB;--amber-border: #FCD34D;--red-bg: #FEF2F2;--red-text: #B42318;--red-border: #F3B5AE;--border: #E2E6EF;--radius: 12px;--radius-sm: 8px;--page-bg: #F0F2F7;--sidebar-bg: #0F1117;--shadow-sm: 0 1px 2px rgba(15,17,23,.04), 0 1px 3px rgba(15,17,23,.06);--shadow-md: 0 4px 12px rgba(15,17,23,.06), 0 2px 4px rgba(15,17,23,.04)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--page-bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.font-grotesk{font-family:Space Grotesk,system-ui,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.text-sm{font-size:14px}.text-xs{font-size:12px}.hidden{display:none!important}.spacer{flex:1}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:16px}.app{min-height:100vh}.hdr{background:var(--ink);color:#fff;padding:22px 32px 120px;position:relative;overflow:hidden}.hdr:after{content:"";position:absolute;right:-120px;top:-80px;width:480px;height:420px;background:radial-gradient(circle,#1a56db73,#1a56db00 68%);pointer-events:none}.hdr-top,.hdr-bottom{max-width:1180px;margin:0 auto;position:relative;z-index:1}.hdr-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.hdr-brand{display:flex;align-items:center}.hdr-brand img{height:30px;width:auto}.hdr-brand-fallback{font-family:Space Grotesk;font-weight:700;font-size:22px;color:#fff}.hdr-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:30px;flex-wrap:wrap}.hdr-title h1{font-family:Space Grotesk;font-weight:700;font-size:30px;color:#fff}.hdr-title p{color:#fff9;font-size:14px;margin-top:4px}.hdr-menu{display:flex;gap:6px}.hdr-menu-item{font-family:Space Grotesk;font-size:15px;font-weight:500;padding:8px 6px;color:#ffffff8c;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.hdr-menu-item:hover{color:#fff;text-decoration:none}.hdr-menu-item.active{color:#fff;border-bottom-color:var(--brand)}.user-chip{display:flex;align-items:center;gap:9px;cursor:pointer;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;transition:background .15s,border-color .15s}.user-chip:hover{background:#ffffff1f;border-color:#ffffff47}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk;font-weight:700;font-size:14px}.user-sair{font-family:Space Grotesk;font-size:13px;font-weight:500;color:#fff}.page{max-width:1180px;margin:-90px auto 0;padding:0 24px 110px;position:relative;z-index:2}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 40px #0f11171a,0 2px 8px #0f11170d;padding:28px;min-height:300px}.page-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.dock{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:4px;background:var(--ink);color:#fff;padding:7px;border-radius:14px;box-shadow:0 12px 32px #0f11174d,0 2px 8px #0f111733;border:1px solid rgba(255,255,255,.08)}.dock-item{display:flex;align-items:center;gap:8px;font-family:Space Grotesk;font-size:14px;font-weight:500;padding:9px 16px;border-radius:10px;color:#ffffffa6;background:transparent;border:0;cursor:pointer;transition:color .15s,background .15s}.dock-item:hover{color:#fff;background:#ffffff14;text-decoration:none}.dock-item.active{color:#fff;background:var(--brand)}@media (max-width: 680px){.hdr{padding:16px 18px 110px}.hdr-bottom{margin-top:22px}.hdr-title h1{font-size:24px}.hdr-menu-item{font-size:14px}.page{margin-top:-80px;padding:0 14px 100px}.panel{padding:18px}.user-sair{display:none}.user-chip{padding:4px}.dock{left:12px;right:12px;transform:none;justify-content:center;bottom:14px}.dock-item span{display:none}}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-link{display:block;color:inherit;transition:box-shadow .15s,border-color .15s,transform .15s}.card-link:hover{box-shadow:var(--shadow-md);border-color:#cdd5e5;transform:translateY(-2px);text-decoration:none}.card-title{font-family:Space Grotesk;font-weight:600;font-size:17px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media (max-width: 760px){.config-grid{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 1000px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.grid-3{grid-template-columns:1fr}.sidebar{display:none}}.badge{display:inline-block;font-family:Space Grotesk;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge-em_andamento{background:#ebf1fb;color:#1a56db}.badge-aguardando_aprovacao{background:#fffbeb;color:#92400e}.badge-aprovado{background:#edfaf1;color:#0e5e2b}.badge-entregue{background:#f7f8fa;color:#5a6072}.versao-badge{display:inline-block;font-family:Space Grotesk;font-size:12px;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);background:var(--surface-3);color:var(--ink-muted)}.versao-badge.recente{background:var(--brand-light);color:var(--brand)}.versao-badge.aprovado{background:var(--green-bg);color:var(--green-text)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:Space Grotesk;font-size:13px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--ink-muted)}.btn{font-family:Space Grotesk;font-size:14px;font-weight:500;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;transition:background .15s,border-color .15s;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--brand)}.btn-ghost:hover{background:var(--brand-light)}.btn-neutral{background:var(--surface);border-color:var(--border);color:var(--ink)}.btn-neutral:hover{background:var(--surface-2);border-color:var(--ink-faint)}.btn-danger{background:transparent;border-color:var(--red-border);color:var(--red-text)}.btn-danger:hover{background:var(--red-bg)}.btn-sm{padding:6px 12px;font-size:13px}.btn-aprovar{font-family:Space Grotesk;font-size:14px;font-weight:500;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid var(--green-border);color:var(--green-text);background:transparent;cursor:pointer;transition:background .15s}.btn-aprovar:hover{background:var(--green-bg)}.aprovado-pill{display:inline-flex;align-items:center;gap:6px;font-family:Space Grotesk;font-size:13px;padding:7px 14px;border-radius:var(--radius-sm);background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:22px;flex-wrap:wrap;align-items:flex-end}.tab{font-family:Space Grotesk;font-size:14px;font-weight:500;padding:10px 16px;cursor:pointer;color:var(--ink-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover{color:var(--ink)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-etapa{display:flex;align-items:center;gap:8px}.tab-x{border:0;background:transparent;color:var(--ink-faint);font-size:17px;line-height:1;cursor:pointer;padding:0 2px;border-radius:4px;transition:color .15s,background .15s}.tab-x:hover{color:var(--red-text);background:var(--red-bg)}.clamp-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hdr-link{color:#ffffffbf;text-decoration:underline}.hdr-link:hover{color:#fff}.form-roteiro{position:relative;padding-bottom:0}.form-roteiro-actions{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;margin:18px -20px -20px;padding:14px 20px;background:var(--surface-2);border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius)}label{display:block;font-size:13px;font-weight:500;color:var(--ink-muted);margin-bottom:6px}input,textarea,select{width:100%;font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}textarea{resize:vertical;min-height:80px}.field{margin-bottom:14px}.field-row{display:flex;gap:12px}.field-row>.field{flex:1}.search{max-width:320px;position:relative}.search input{padding-left:36px}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-faint)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.search-lg{flex:1;max-width:480px;min-width:240px}.search-lg input{padding:12px 12px 12px 40px;font-size:15px}.search-lg svg{left:13px}.toolbar-sort{width:auto;min-width:160px}@media (max-width: 560px){.toolbar-sort,.toolbar .btn{flex:1}.search-lg{max-width:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111780;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal h3{margin-bottom:16px}.msg-error{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red-text);padding:12px 14px;border-radius:var(--radius-sm);font-size:14px}.msg-ok{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green-text);padding:12px 14px;border-radius:var(--radius-sm);font-size:14px}.msg-info{background:var(--surface-2);border:1px solid var(--border);color:var(--ink-muted);padding:12px 14px;border-radius:var(--radius-sm);font-size:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--ink-muted)}.empty-state h2{font-size:20px;margin-bottom:8px;color:var(--ink)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:100%;max-width:380px;box-shadow:var(--shadow-md)}.auth-card h1{font-size:22px;margin-bottom:6px}.auth-card .sub{color:var(--ink-muted);font-size:14px;margin-bottom:22px}.portal-header{background:var(--ink);color:#fff;padding:40px 44px;border-radius:var(--radius);margin-bottom:26px;position:relative;overflow:hidden}.portal-header:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(26,86,219,.35),transparent 70%);pointer-events:none}.portal-header .portal-logo{height:32px;width:auto;margin-bottom:22px;position:relative;display:block}.portal-header .cliente-nome{font-family:Space Grotesk;font-weight:700;font-size:38px;line-height:1.05;color:#fff;margin-bottom:10px;position:relative}.portal-header .subtitulo{color:#fff9;font-size:15px;position:relative}.portal-header .pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.portal-header .pill-h{font-family:Space Grotesk;font-size:12px;padding:5px 12px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff}@media (max-width: 600px){.field-row{flex-direction:column}}.media-embed{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius-sm)}.media-embed.vertical{width:auto;aspect-ratio:9/16;max-height:70vh;max-width:100%;display:block;margin:0 auto}audio{width:100%}.roteiro-doc{background:var(--surface)}.doc-section{margin-bottom:36px}.doc-section:last-child{margin-bottom:0}.doc-label{font-family:Space Grotesk;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.doc-text{font-size:14px;color:var(--ink-muted);line-height:1.75}.time-table{width:100%;border-collapse:collapse;font-size:13px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.time-table thead th{background:var(--ink);color:#fff;font-family:Space Grotesk;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;text-align:left}.time-table tbody tr:nth-child(2n) td{background:var(--surface-2)}.time-table tbody td{padding:11px 16px;color:var(--ink-muted);border-bottom:1px solid var(--border);vertical-align:middle}.time-table tbody tr:last-child td{border-bottom:none}.cena-num{font-family:Space Grotesk;font-weight:700;font-size:14px;color:var(--brand)}.cena-name{font-weight:500;color:var(--ink)}.time-badge{display:inline-block;background:var(--surface-3);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.cena-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:22px;background:var(--surface)}.cena-header{background:var(--ink);color:#fff;padding:13px 18px;display:flex;align-items:center;gap:12px}.cena-num-badge{font-family:Space Grotesk;font-size:11px;font-weight:700;letter-spacing:.08em;background:var(--brand);color:#fff;padding:3px 10px;border-radius:4px;white-space:nowrap}.cena-titulo{font-family:Space Grotesk;font-weight:600;font-size:14px}.cena-tempo{margin-left:auto;color:#ffffff80;font-size:12px;font-weight:500;white-space:nowrap}.cena-grid{display:grid;grid-template-columns:1fr 1fr}.cena-col{padding:16px 18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.cena-col:last-child{border-right:none}.cena-col-label{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px}.cena-col-text{font-size:13px;color:var(--ink-muted);line-height:1.6}.narracao-cols{display:grid;grid-template-columns:1fr 1fr}.narracao{padding:16px 18px;font-size:13px;line-height:1.6;font-style:italic;color:var(--ink);border-right:1px solid var(--border)}.narracao:last-child{border-right:none}.narracao.en{background:var(--brand-light)}.narracao.pt{background:var(--green-bg)}.narracao .lang{display:block;font-family:Space Grotesk;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-style:normal;opacity:.85}.narracao.en .lang{color:var(--brand-dark)}.narracao.pt .lang{color:var(--green-text)}.nota-pt{margin-top:12px;font-size:11.5px;font-weight:500;color:var(--amber-text);background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:5px;padding:8px 10px;line-height:1.5;font-style:normal}.notes-list{list-style:none;display:flex;flex-direction:column;gap:10px}.notes-list li{display:flex;gap:12px;font-size:13.5px;color:var(--ink-muted);line-height:1.6}.note-num{font-family:Space Grotesk;font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-light);border-radius:50%;width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.media-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.media-card-head{background:var(--ink);color:#fff;padding:13px 18px;font-family:Space Grotesk;font-weight:600;font-size:14px}.media-card-body{padding:18px;background:var(--surface)}@media (max-width: 600px){.cena-grid{grid-template-columns:1fr}.cena-col{border-right:none}.narracao-cols{grid-template-columns:1fr}.narracao{border-right:none;border-bottom:1px solid var(--border)}}.comentarios{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-top:18px}.comentario{padding:12px 0;border-bottom:1px solid var(--border)}.comentario:last-child{border-bottom:0}.comentario .head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comentario .autor{font-family:Space Grotesk;font-weight:500;font-size:14px}.badge-autor{font-size:11px;padding:2px 8px;border-radius:999px}.badge-autor.admin{background:var(--brand-light);color:var(--brand)}.badge-autor.cliente{background:var(--surface-3);color:var(--ink-muted)}.comentario .ts{color:var(--ink-faint);font-size:12px;margin-left:auto}.comentario .msg{font-size:14px}.spin{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dash-greeting{margin-bottom:24px}.dash-greeting h1{font-size:28px;font-weight:700}.dash-greeting p{color:var(--ink-muted);margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-label{font-size:13px;color:var(--ink-muted);margin-bottom:10px}.stat-value{font-family:Space Grotesk;font-weight:700;font-size:28px;line-height:1}.stat-sub{font-size:12px;color:var(--ink-faint);margin-top:8px}.dash-row{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}@media (max-width: 900px){.dash-row{grid-template-columns:1fr}}.chart-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.chart-card h3{font-size:16px;margin-bottom:4px}.chart-wrap{width:100%;overflow:hidden}.chart-svg{width:100%;height:auto;display:block}.chart-axis{fill:var(--ink-faint);font-size:11px;font-family:Inter}.status-bar{display:flex;flex-direction:column;gap:14px;margin-top:16px}.status-line{display:flex;align-items:center;gap:12px}.status-line .lbl{font-size:13px;width:150px;flex-shrink:0;color:var(--ink-muted)}.status-line .track{flex:1;height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.status-line .fill{height:100%;border-radius:999px}.status-line .num{font-family:Space Grotesk;font-weight:600;font-size:14px;width:28px;text-align:right}.recent-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);color:inherit}.recent-row:last-child{border-bottom:0}.recent-row:hover{text-decoration:none}.recent-row>div:first-child{flex:1;min-width:0}