:root{--fundo: #222733;--superficie: #2c3242;--superficie-funda: #1b1f29;--moldura: #10131a;--borda: #3a4155;--borda-sutil: rgba(229, 229, 229, .2);--borda-tracejada: rgba(229, 229, 229, .19);--texto: #e5e5e5;--texto-secundario: rgba(229, 229, 229, .63);--texto-terciario: rgba(229, 229, 229, .5);--acento: #fca311;--acento-hover: #db8a00;--sobre-acento: #1b1f29;--erro: #c1443c;--fonte-ui: "Space Grotesk", system-ui, -apple-system, sans-serif;--fonte-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--r-lg: 16px;--r-md: 12px;--r-sm: 10px;--r-xs: 8px;--r-barra: 6px;--gap-xs: 6px;--gap-sm: 10px;--gap: 14px;--gap-lg: 18px;--gap-xl: 28px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fundo);color:var(--texto);font-family:var(--fonte-ui);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--acento)}a:hover{color:var(--acento-hover)}h1,h2,h3{margin:0;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xl);padding:40px 20px}.topo{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:center}.marca{font-family:var(--fonte-mono);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--texto)}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--borda-sutil)}.avatar--botao{background:var(--superficie);color:var(--texto-secundario);font-family:var(--fonte-mono);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.avatar--botao:hover{border-color:var(--acento)}.menu-conta{position:relative}.menu-conta__painel{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;z-index:20;box-shadow:0 10px 30px #00000059}.menu-conta__nome{font-size:15px;font-weight:600;margin-bottom:var(--gap-sm)}.dispositivos{display:flex;flex-direction:column;gap:var(--gap-xs)}.leitor-qr{display:flex;flex-direction:column;gap:var(--gap-sm)}.leitor-qr__video{width:100%;border-radius:var(--r-sm);background:#000;aspect-ratio:1;object-fit:cover}.oferta-direta{width:100%;max-width:560px;background:var(--superficie);border:1px solid var(--acento);border-radius:var(--r-md);padding:16px;display:flex;flex-direction:column;gap:var(--gap-sm);align-items:flex-start}.oferta-direta__titulo{font-size:15px;font-weight:600}.conteudo{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--gap-lg)}.home{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.home__intro{text-align:center;max-width:520px}.home__intro h2{font-size:22px}.home__intro p{font-size:14px;color:var(--texto-secundario);margin:var(--gap-xs) 0 0}.home__opcoes{display:flex;gap:var(--gap);flex-wrap:wrap;justify-content:center;width:100%;max-width:640px;align-items:stretch}.cartao-acao{flex:.5;min-width:200px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--r-lg);padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;color:var(--texto);font-family:inherit;transition:border-color .15s}.cartao-acao:hover,.cartao-acao:focus-visible{border-color:var(--acento);outline:none}.cartao-acao__titulo{font-size:15px;font-weight:600}.cartao-acao__desc{font-size:11px;color:var(--texto-secundario);text-align:center}.cartao{flex:1;min-width:260px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:var(--gap-sm);color:var(--texto)}.cartao__cabecalho{display:flex;align-items:center;gap:var(--gap-xs)}.cartao__cabecalho h3{font-size:16px}.painel{width:100%;max-width:560px;background:var(--fundo);display:flex;flex-direction:column;gap:var(--gap-lg)}.painel__cabecalho{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.painel__cabecalho-centro{text-align:center;flex:1}.painel__titulo{font-size:16px;font-weight:600}.painel__subtitulo{font-size:12px;color:var(--texto-secundario);margin-top:4px}.painel__corpo{display:flex;flex-direction:column;gap:var(--gap);min-height:360px}.painel__corpo--centrado{align-items:center;justify-content:center;text-align:center}.espacador{flex:1}.voltar{background:none;border:none;color:var(--texto);cursor:pointer;font-size:13px;font-family:inherit;display:flex;align-items:center;gap:4px;padding:4px 8px 4px 0;min-width:52px}.voltar:hover{color:var(--acento)}.voltar[hidden]{visibility:hidden}.botao{font-family:var(--fonte-ui);font-size:15px;font-weight:600;border-radius:var(--r-sm);padding:14px;border:none;cursor:pointer;transition:opacity .15s,background .15s,border-color .15s}.botao:disabled{opacity:.4;cursor:not-allowed}.botao--primario{background:var(--acento);color:var(--sobre-acento)}.botao--primario:hover:not(:disabled){background:var(--acento-hover)}.botao--secundario{background:none;border:1px solid var(--borda);color:var(--texto);font-size:13px;font-weight:400;padding:8px 16px;border-radius:var(--r-xs)}.botao--secundario:hover:not(:disabled){border-color:var(--acento);color:var(--acento)}.botao--texto{background:none;border:none;color:var(--texto-secundario);font-size:13px;font-weight:400;padding:6px}.botao--texto:hover:not(:disabled){color:var(--texto)}.botao--perigo{background:none;border:none;color:var(--texto-terciario);font-size:12px;font-weight:400;padding:6px}.botao--perigo:hover:not(:disabled){color:var(--erro)}.botao--bloco{width:100%}.campo-grupo{display:flex;flex-direction:column;gap:var(--gap-xs)}.rotulo{font-size:12px;color:var(--texto-secundario)}.campo{width:100%;background:var(--superficie-funda);border:1px solid transparent;border-radius:var(--r-sm);padding:13px;color:var(--texto);font-size:15px;font-family:var(--fonte-mono);transition:border-color .15s}.campo::placeholder{color:#8891a3}.campo:focus{outline:none;border-color:var(--acento)}.campo--erro,.campo--erro:focus{border-color:var(--erro)}.campo--codigo{text-align:center;letter-spacing:6px;font-size:22px;padding:16px;text-transform:uppercase}.campo--codigo-compacto{text-align:center;letter-spacing:3px;font-size:15px;padding:11px;border-radius:var(--r-xs);text-transform:uppercase}.campo--senha-compacta{font-size:14px;padding:11px;border-radius:var(--r-xs)}.mensagem-erro{font-size:12px;color:var(--erro)}.dica{font-size:12px;color:var(--texto-terciario)}.dropzone{border:2px dashed var(--borda);border-radius:var(--r-md);padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);cursor:pointer;text-align:center;position:relative;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone:focus-within{border-color:var(--acento)}.dropzone--ativa{border-color:var(--acento);background:#fca3110f}.dropzone__texto{font-size:13px;color:var(--texto)}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.lista-arquivos{display:flex;flex-direction:column;gap:var(--gap-xs);max-height:200px;overflow:auto;margin:0;padding:0;list-style:none}.arquivo{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm);background:var(--superficie);border-radius:var(--r-xs);padding:10px 12px}.arquivo__nome{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.arquivo__meta{display:flex;gap:var(--gap-sm);align-items:center;flex-shrink:0}.arquivo__tamanho{font-size:11px;color:var(--texto-secundario);font-family:var(--fonte-mono)}.arquivo__remover{background:none;border:none;color:var(--texto-terciario);cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.arquivo__remover:hover{color:var(--erro)}.arquivo__estado{font-size:11px;font-family:var(--fonte-mono);color:var(--texto-terciario)}.arquivo__estado--concluido{color:var(--acento)}.arquivo__estado--erro,.arquivo__estado--cancelado{color:var(--erro)}.arquivo__barra{height:3px;background:var(--superficie-funda);border-radius:2px;overflow:hidden;margin-top:6px}.arquivo__barra-preenchimento{height:100%;background:var(--acento);transition:width .2s}.arquivo--empilhado{flex-direction:column;align-items:stretch;gap:4px}.arquivo__linha{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-sm)}.chips{display:flex;gap:var(--gap-xs);flex-wrap:wrap}.chip{flex:1;min-width:80px;padding:12px 8px;border-radius:var(--r-sm);cursor:pointer;font-size:14px;font-family:var(--fonte-mono);border:1px solid transparent;background:var(--superficie);color:var(--texto);transition:background .15s,border-color .15s}.chip:hover{border-color:var(--borda)}.chip--ativo{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}.chip--ativo:hover{border-color:var(--acento)}.codigo-caixa{display:flex;gap:var(--gap-sm);align-items:center;background:var(--superficie);border-radius:var(--r-md);padding:16px 20px}.codigo-valor{font-family:var(--fonte-mono);font-size:30px;font-weight:600;letter-spacing:4px;-webkit-user-select:all;user-select:all}.qr-placeholder{width:110px;height:110px;border:1px dashed var(--borda);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--texto-terciario);font-size:12px;font-family:var(--fonte-mono)}.pulsando{display:flex;align-items:center;gap:var(--gap-xs)}.pulsando__ponto{width:8px;height:8px;border-radius:50%;background:var(--acento);animation:pulse 1.4s infinite;flex-shrink:0}.pulsando__texto{font-size:13px;color:var(--texto)}.aviso{font-size:12px;color:var(--texto);background:var(--superficie);border-radius:var(--r-sm);padding:12px;line-height:1.5}.progresso{display:flex;flex-direction:column;gap:var(--gap);width:100%}.progresso__rotulo{font-size:13px;color:var(--texto);text-align:center}.barra{width:100%;height:10px;background:var(--superficie);border-radius:var(--r-barra);overflow:hidden}.barra__preenchimento{height:100%;background:var(--acento);transition:width .2s}.progresso__metricas{display:flex;justify-content:space-between;gap:var(--gap-sm);font-size:12px;color:var(--texto-secundario);font-family:var(--fonte-mono)}.estado-final{display:flex;flex-direction:column;gap:var(--gap);align-items:center;justify-content:center;text-align:center;flex:1}.estado-final__titulo{font-size:17px;font-weight:600}.estado-final__texto{font-size:13px;color:var(--texto-secundario);max-width:380px}.tecnico{border-top:1px solid var(--borda);padding-top:var(--gap-sm);display:flex;flex-wrap:wrap;gap:var(--gap-xs) var(--gap);font-family:var(--fonte-mono);font-size:11px;color:var(--texto-terciario)}.tecnico__item{display:flex;gap:5px;align-items:center}.tecnico__valor{color:var(--texto-secundario)}.tecnico__valor--ok{color:var(--acento)}.tecnico__valor--alerta{color:var(--erro)}.mono{font-family:var(--fonte-mono)}.centro{text-align:center}.so-leitor-de-tela{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){.app{padding:24px 14px;gap:20px}.home__opcoes{flex-direction:column}.cartao-acao{min-width:0}.campo--codigo{font-size:18px;letter-spacing:4px}.codigo-valor{font-size:24px;letter-spacing:3px}}