:root{--fundo: #0b1220;--fundo-2: #131c30;--fundo-3: #1b2743;--borda: #2a3655;--texto: #e8edf7;--texto-fraco: #97a3bd;--primaria: #4f8cff;--primaria-forte: #2f6fe4;--ok: #2fbf71;--alerta: #f0a72a;--erro: #f0554f;--raio: 12px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--primaria)}.app{min-height:100vh;display:flex;flex-direction:column}.topo{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 20px;background:var(--fundo-2);border-bottom:1px solid var(--borda)}.topo .marca{font-weight:700;letter-spacing:-.2px}.topo nav{display:flex;gap:4px;flex-wrap:wrap}.topo nav a{padding:7px 13px;border-radius:8px;color:var(--texto-fraco);text-decoration:none;font-size:14px}.topo nav a:hover{background:var(--fundo-3);color:var(--texto)}.topo nav a.ativo{background:var(--primaria);color:#fff}.topo .direita{margin-left:auto;display:flex;align-items:center;gap:12px}.conteudo{flex:1;padding:24px 20px 56px;max-width:1180px;width:100%;margin:0 auto}.conteudo.largo{max-width:100%}h1{font-size:24px;margin:0 0 6px;letter-spacing:-.4px}h2{font-size:18px;margin:28px 0 12px}h3{font-size:15px;margin:20px 0 8px}.subtitulo{color:var(--texto-fraco);margin:0 0 22px}.cartao{background:var(--fundo-2);border:1px solid var(--borda);border-radius:var(--raio);padding:18px;margin-bottom:16px}.grade{display:grid;gap:16px}.grade.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grade.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap}label{display:block;font-size:13px;color:var(--texto-fraco);margin:12px 0 5px}input,select,textarea{width:100%;padding:10px 12px;background:var(--fundo);color:var(--texto);border:1px solid var(--borda);border-radius:9px;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--primaria);border-color:transparent}.checkbox{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.checkbox input{width:20px;height:20px;margin-top:2px;flex-shrink:0}.checkbox span{font-size:14px;color:var(--texto);line-height:1.5}button{padding:10px 18px;border:0;border-radius:9px;background:var(--primaria);color:#fff;font:inherit;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--primaria-forte)}button:disabled{opacity:.45;cursor:not-allowed}button.secundario{background:var(--fundo-3);color:var(--texto)}button.perigo{background:var(--erro)}button.grande{padding:18px 28px;font-size:18px;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--borda)}th{color:var(--texto-fraco);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:var(--fundo-3)}.rolagem{overflow-x:auto}.etiqueta{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--fundo-3);color:var(--texto-fraco)}.etiqueta.ok{background:#2fbf7129;color:var(--ok)}.etiqueta.alerta{background:#f0a72a29;color:var(--alerta)}.etiqueta.erro{background:#f0554f29;color:var(--erro)}.etiqueta.info{background:#4f8cff29;color:var(--primaria)}.aviso{padding:12px 15px;border-radius:10px;margin:12px 0;border-left:4px solid var(--texto-fraco);background:var(--fundo-3);font-size:14px}.aviso.ok{border-color:var(--ok);background:#2fbf711a}.aviso.alerta{border-color:var(--alerta);background:#f0a72a1a}.aviso.erro{border-color:var(--erro);background:#f0554f1a}.kpi{background:var(--fundo-3);border-radius:var(--raio);padding:16px}.kpi .valor{font-size:28px;font-weight:700;letter-spacing:-.6px}.kpi .rotulo{color:var(--texto-fraco);font-size:13px;margin-top:2px}.totem{min-height:100vh;display:flex;flex-direction:column;background:var(--fundo);padding:0}.totem-topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 22px;background:var(--fundo-2);border-bottom:1px solid var(--borda)}.totem-palco{flex:1;display:flex;align-items:center;justify-content:center;padding:22px;gap:26px;flex-wrap:wrap}.video-caixa{position:relative;width:min(560px,92vw);aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#000;border:3px solid var(--borda)}.video-caixa.ativo{border-color:var(--primaria)}.video-caixa.ok{border-color:var(--ok)}.video-caixa.ruim{border-color:var(--alerta)}.video-caixa video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.guia{position:absolute;top:6%;right:28%;bottom:6%;left:28%;border:3px dashed rgba(255,255,255,.4);border-radius:50%;pointer-events:none;transition:border-color .16s,box-shadow .16s}.guia:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 100vmax #00000073;pointer-events:none}.guia.ok{border-color:var(--ok);border-style:solid;box-shadow:0 0 0 4px #2fbf7140}.guia.ruim{border-color:var(--alerta);border-style:solid}.video-caixa.ok .guia{border-color:var(--ok);border-style:solid}.contagem{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:84px;font-weight:700;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.6);pointer-events:none}.dica-captura{position:absolute;left:0;right:0;bottom:14px;text-align:center;padding:0 16px;font-size:17px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.8);pointer-events:none}.amostras-pontos{display:flex;gap:8px;justify-content:center;margin:14px 0}.amostras-pontos span{width:13px;height:13px;border-radius:50%;background:var(--fundo-3);border:2px solid var(--borda)}.amostras-pontos span.feita{background:var(--ok);border-color:var(--ok)}.faixa-progresso{position:absolute;left:0;right:0;bottom:0;height:6px;background:#ffffff1f}.faixa-progresso>div{height:100%;background:var(--ok);transition:width .12s linear}.painel-totem{width:min(440px,92vw)}.resultado{text-align:center;padding:26px 20px;border-radius:16px}.resultado.ok{background:#2fbf7124;border:2px solid var(--ok)}.resultado.falha{background:#f0a72a1f;border:2px solid var(--alerta)}.resultado.bloqueio{background:#f0554f1f;border:2px solid var(--erro)}.resultado .titulo{font-size:26px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px}.resultado .nome{font-size:20px;color:var(--texto-fraco)}.instrucao{text-align:center;font-size:19px;color:var(--texto-fraco);margin:14px 0}.modo-toggle{display:flex;gap:6px;background:var(--fundo-3);padding:4px;border-radius:10px}.modo-toggle button{background:transparent;color:var(--texto-fraco);padding:8px 18px}.modo-toggle button.ativo{background:var(--primaria);color:#fff}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.discreto{color:var(--texto-fraco);font-size:13px}.centro{text-align:center}.pilha>*+*{margin-top:10px}