:root { --fundo:#0E0E12; --cartao:#17171C; --campo:#1F1F26; --borda:#2A2A30; --texto:#F2F2F5; --fraco:#8A8A95; --marca:#FF3D6E; --moeda:#FFC24B; --verde:#3FCB7E; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin:0; background:var(--fundo); color:var(--texto); font:15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color: var(--marca); }
main { max-width: 960px; margin: 0 auto; padding: 16px; }
h1 { font-size: 20px; margin: 0 0 12px; font-weight: 600; }
h2 { font-size: 17px; margin: 0 0 12px; font-weight: 600; }
.topo { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-bottom:1px solid var(--borda); }
.marca { color: var(--texto); text-decoration:none; font-size:17px; } .marca b { color: var(--marca); }
.sair { color: var(--fraco); }
.topo nav { display:flex; gap:16px; } .topo nav a { color: var(--texto); text-decoration:none; } .topo nav a.sair { color: var(--fraco); }
table.lista { width:100%; border-collapse:collapse; font-size:14px; }
table.lista th { text-align:left; color:var(--fraco); font-weight:500; padding:6px; }
table.lista td { padding:6px; border-top:1px solid var(--borda); vertical-align:middle; }
table.lista input { width:100%; padding:6px 8px; }
.st-pago { color: var(--verde); } .st-pendente { color: var(--moeda); } .st-falhou, .st-expirado, .st-estornado { color:#ff8a8a; }
.metricas { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:16px; }
.metricas div { background:var(--cartao); border:1px solid var(--borda); border-radius:12px; padding:12px; }
.metricas b { display:block; font-size:20px; } .metricas span { color:var(--fraco); font-size:13px; }
.rolagem { overflow-x:auto; }
.cartao { background:var(--cartao); border:1px solid var(--borda); border-radius:12px; padding:16px; margin-bottom:16px; }
.login { max-width: 360px; margin: 40px auto; display:flex; flex-direction:column; gap:12px; }
.grade-form { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:12px; }
.largo { grid-column: 1 / -1; }
label { display:flex; flex-direction:column; gap:4px; color: var(--fraco); font-size: 13px; }
input, textarea { background:var(--campo); color:var(--texto); border:1px solid var(--borda); border-radius:8px; padding:9px 10px; font:inherit; }
input[type=file] { padding: 7px; }
input:focus, textarea:focus { outline: 2px solid var(--marca); outline-offset: -1px; }
fieldset.origem { border:1px solid var(--borda); border-radius:8px; display:flex; gap:16px; flex-wrap:wrap; margin:0; }
legend { color: var(--fraco); font-size: 13px; padding: 0 4px; }
.opcao { flex-direction:row; align-items:center; gap:6px; color:var(--texto); font-size:14px; }
button { background:transparent; color:var(--texto); border:1px solid var(--borda); border-radius:8px; padding:9px 14px; font:inherit; cursor:pointer; }
button:hover { border-color: var(--fraco); }
button.primario { background:var(--marca); border-color:var(--marca); color:#fff; font-weight:600; }
button.perigo { color:#ff7a7a; border-color:#5a2a2a; }
.aviso { padding:10px 12px; border-radius:8px; margin-bottom:16px; background:#163a2a; color:#9ff0c4; }
.aviso.erro { background:#3a1616; color:#ffb4b4; }
.fraco { color: var(--fraco); }
.lista-series { display:grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap:12px; }
.serie { display:flex; gap:10px; background:var(--cartao); border:1px solid var(--borda); border-radius:12px; padding:10px; text-decoration:none; color:var(--texto); }
.serie:hover { border-color: var(--marca); }
.serie .info { display:flex; flex-direction:column; gap:2px; font-size:13px; color:var(--fraco); min-width:0; }
.serie .info b { color: var(--texto); font-size: 14px; }
.capa { width:60px; aspect-ratio:3/4; border-radius:6px; background:#2A2230 center/cover no-repeat; flex:none; }
.capa.grande { width:120px; }
.cabecalho-serie { display:flex; gap:16px; align-items:flex-start; }
.selo { display:inline-block; font-size:12px; padding:2px 8px; border-radius:999px; background:var(--campo); color:var(--moeda); width:fit-content; }
.selo.no-ar { color: var(--verde); } .selo.rascunho { color: var(--fraco); }
.em-linha { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
table.eps { width:100%; border-collapse:collapse; table-layout:fixed; }
table.eps td { padding:8px 6px; border-top:1px solid var(--borda); vertical-align:middle; }
table.eps td.num { width:44px; font-weight:600; font-size:16px; }
table.eps td:nth-child(2) { width:110px; } table.eps td:last-child { width:90px; text-align:right; }
td.url a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: var(--fraco); }
@media (max-width: 560px) { .cabecalho-serie { flex-direction: column; } table.eps td:nth-child(2) { display:none; } }