:root{--background:#f9fafb;--foreground:#111827;--superficie:#fff;--superficie-sutil:#f9fafb;--hover:#f3f4f6;--borda:#e5e7eb;--borda-campo:#d1d5db;--borda-sutil:#f3f4f6;--texto:#111827;--texto-corpo:#4b5563;--texto-suave:#6b7280;--texto-fraco:#9ca3af;--primaria:#1e40af;--primaria-hover:#1e3a8a;--primaria-foco:#1d4ed8;--primaria-suave:#eff6ff;--sucesso-fundo:#f0fdf4;--sucesso-borda:#bbf7d0;--sucesso-texto:#166534;--sucesso-forte:#22c55e;--erro-fundo:#fef2f2;--erro-borda:#fecaca;--erro-texto:#991b1b;--erro-botao:#b91c1c;--erro-link:#dc2626;--alerta-fundo:#fffbeb;--alerta-borda:#fde68a;--alerta-texto:#92400e;--raio-controle:6px;--raio-cartao:8px;--sombra:0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;--sombra-forte:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px}a{color:var(--primaria)}button{font:inherit;cursor:pointer;border-radius:var(--raio-controle);background:var(--primaria);color:#fff;border:1px solid #0000;padding:8px 16px;font-size:14px;transition:background-color .15s,color .15s}button:hover:not(:disabled){background:var(--primaria-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:var(--superficie);color:var(--texto-corpo);border-color:var(--borda-campo)}button.secundario:hover:not(:disabled){background:var(--superficie-sutil);color:var(--texto)}button.perigo{background:var(--erro-botao);color:#fff}button.perigo:hover:not(:disabled){background:var(--erro-texto)}button.discreto{color:var(--texto-fraco);background:0 0;border-color:#0000;padding:2px 6px}button.discreto:hover:not(:disabled){background:var(--hover);color:var(--texto-corpo)}button.ligacao{color:var(--primaria);text-align:left;background:0 0;border-color:#0000;padding:0;font-weight:500}button.ligacao:hover:not(:disabled){color:var(--primaria-hover);background:0 0;text-decoration:underline}button.pequeno{padding:6px 12px;font-size:14px}input,select,textarea{font:inherit;border:1px solid var(--borda-campo);border-radius:var(--raio-controle);background:var(--superficie);width:100%;color:var(--texto);padding:6px 8px;font-size:14px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px var(--primaria-foco);outline:none}input[type=checkbox]{width:auto}input:disabled{background:var(--superficie-sutil)}label{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.campo{margin-bottom:16px}.cartao{background:var(--superficie);border-radius:var(--raio-cartao);box-shadow:var(--sombra);padding:24px}.cartao.contorno{box-shadow:none;border:1px solid var(--borda)}.topo{background:var(--superficie);border-bottom:1px solid var(--borda);z-index:20;position:sticky;top:0}.topo .faixa{justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 16px;display:flex}.topo .marca{align-items:center;gap:12px;min-width:0;display:flex}.topo .marca img{flex-shrink:0;width:auto;height:32px}.topo .separador{background:var(--borda);flex-shrink:0;width:1px;height:32px}.topo .sistema{color:#374151;white-space:nowrap;font-size:14px;font-weight:500}.topo .direita{align-items:center;gap:12px;display:flex}.topo .usuario{color:var(--texto-corpo);font-size:14px}.topo .papel{background:var(--hover);border-radius:var(--raio-controle);text-transform:uppercase;padding:2px 8px;font-size:12px}.topo .sair{color:var(--erro-link);background:0 0;border-color:#0000;padding:4px 8px}.topo .sair:hover{color:var(--erro-texto);background:0 0}.corpo{align-items:flex-start;display:flex}.lateral{background:var(--superficie);border-right:1px solid var(--borda);flex-shrink:0;align-self:flex-start;width:240px;max-height:calc(100vh - 64px);padding:16px 0;position:sticky;top:64px;overflow-y:auto}.lateral .grupo{text-transform:uppercase;letter-spacing:.025em;color:var(--texto-fraco);margin-bottom:4px;padding:0 16px;font-size:12px;font-weight:600}.lateral a{color:var(--texto-corpo);border-left:2px solid #0000;align-items:center;gap:12px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.lateral a:hover{background:var(--superficie-sutil);color:var(--texto)}.lateral a.ativo{border-left-color:var(--primaria);background:var(--primaria-suave);color:var(--primaria)}.lateral .separador-menu{background:var(--borda-sutil);height:1px;margin:12px 0}.lateral a svg{color:var(--texto-fraco);flex-shrink:0}.lateral a:hover svg{color:var(--texto-suave)}.lateral a.ativo svg{color:var(--primaria)}.conteudo{flex:1;min-width:0;max-width:1536px;padding:32px 16px}.rodape-marca{color:var(--texto-suave);justify-content:center;align-items:center;gap:8px;padding:32px 0 16px;font-size:12px;display:flex}.rodape-marca img{object-fit:contain;filter:grayscale();opacity:.6;width:auto;height:18px}@media (width>=640px){.topo .faixa,.conteudo{padding-left:24px;padding-right:24px}}@media (width>=1024px){.topo .faixa,.conteudo{padding-left:32px;padding-right:32px}}.cabecalho-pagina{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.cabecalho-pagina h2{color:var(--texto);margin:0;font-size:24px;font-weight:700}.cabecalho-pagina p{color:var(--texto-suave);margin:4px 0 0}h3{color:var(--texto);font-size:18px;font-weight:600}.vazio,.carregando{color:var(--texto-fraco)}.tabela-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--superficie-sutil)}th{text-align:left;text-transform:uppercase;color:var(--texto-suave);white-space:nowrap;padding:12px 24px;font-size:12px;font-weight:500}td{color:var(--texto-suave);border-top:1px solid var(--borda);white-space:nowrap;padding:14px 24px;font-size:14px}td.principal{color:var(--texto);font-weight:500}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;color:#374151}.tabela-compacta th,.tabela-compacta td{padding:8px 12px}.etiqueta{background:var(--hover);color:#1f2937;border-radius:9999px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.etiqueta.ok{color:#166534;background:#dcfce7}.etiqueta.info{color:#1e40af;background:#dbeafe}.etiqueta.atencao{color:#854d0e;background:#fef9c3}.etiqueta.falta{color:#991b1b;background:#fee2e2}.etiqueta.neutra{background:var(--hover);color:var(--texto-suave)}.aviso{border-radius:var(--raio-controle);border:1px solid #0000;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.aviso.ok{background:var(--sucesso-fundo);border-color:var(--sucesso-borda);color:var(--sucesso-texto)}.aviso.erro{background:var(--erro-fundo);border-color:var(--erro-borda);color:var(--erro-texto)}.aviso.atencao{background:var(--alerta-fundo);border-color:var(--alerta-borda);color:var(--alerta-texto)}.aviso button{color:inherit;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0;font-size:18px;line-height:1}.aviso button:hover{opacity:1;background:0 0}.linha{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.linha>*{flex:160px}.linha>button{flex:none}.cartoes-resumo{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.cartoes-resumo .cartao{padding:24px}.cartoes-resumo span{color:var(--texto-suave);font-size:14px;display:block}.cartoes-resumo strong{color:var(--texto);font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:700;display:block}.secao{flex-direction:column;gap:24px;display:flex}.login{background:var(--background);place-items:center;min-height:100vh;padding:16px;display:grid}.login form{background:var(--superficie);border-radius:var(--raio-cartao);width:100%;max-width:448px;padding:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.login .marca{text-align:center;margin-bottom:24px}.login .marca img{width:auto;height:52px}.login .marca p{color:var(--texto-suave);margin:8px 0 0;font-size:14px}.login button[type=submit]{width:100%;padding:10px 16px;font-weight:500}.login .rodape{text-align:center;margin:16px 0 0;font-size:14px}.quiosque{color:oklch(25% .02 255);background-color:oklch(96.5% .006 255);background-image:radial-gradient(70% 55% at 50% 38%,oklch(100% .004 255/.95),#0000 70%),radial-gradient(circle,oklch(52% .05 255/.22) 1.8px,#0000 1.9px),repeating-linear-gradient(90deg,#0000 0 95px,oklch(52% .05 255/.1) 95px 96px);background-position:50%,0 0,0 0;background-size:100% 100%,26px 26px,100% 100%;place-items:center;min-height:100vh;padding:24px 16px;display:grid}.quiosque:before,.quiosque:after{content:"";pointer-events:none;background-image:radial-gradient(circle,oklch(52% .05 255/.3) 3.2px,#0000 3.4px);background-size:26px 34px;width:26px;position:fixed;top:0;bottom:0}.quiosque:before{left:0}.quiosque:after{right:0}.quiosque .painel{width:100%;max-width:448px;position:relative}.quiosque .marca{text-align:center;margin-bottom:20px}.quiosque .marca img{width:auto;height:40px}.quiosque .relogio{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:oklch(25% .025 255);justify-content:center;align-items:baseline;gap:.06em;font-size:76px;font-weight:700;line-height:1;display:flex}.quiosque .relogio .segundos{color:oklch(58% .03 255);letter-spacing:0;font-size:30px;font-weight:600}.quiosque .data{text-align:center;color:oklch(50% .025 255);text-transform:capitalize;margin:10px 0 28px;font-size:15px}.quiosque .caixa{background:oklch(99.5% .002 255);border:1px solid oklch(90% .012 255);border-radius:14px;padding:32px;box-shadow:0 1px 2px oklch(25% .03 255/.05),0 12px 28px -12px oklch(25% .05 255/.25)}.quiosque input{text-align:center;letter-spacing:.18em;border-color:oklch(86% .015 255);padding:14px;font-size:22px}.quiosque .registrar{letter-spacing:.01em;background:oklch(42% .17 262);width:100%;margin-top:22px;padding:18px;font-size:18px;font-weight:600}.quiosque .registrar:hover:not(:disabled){background:oklch(36% .16 262)}.quiosque .link-admin{text-align:center;color:oklch(55% .025 255);margin-top:26px;font-size:13px;display:block}.sobreposicao{z-index:60;background:oklch(25% .04 255/.45);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.popup{border-radius:var(--raio-cartao);width:100%;max-width:448px;box-shadow:var(--sombra-forte);text-align:center;border-top:6px solid var(--sucesso-forte);background:oklch(99.5% .002 255);padding:32px;animation:.26s cubic-bezier(.22,1,.36,1) popup-entra}@keyframes popup-entra{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.popup{animation:none}}.popup.falhou{border-top-color:var(--erro-botao)}.popup .selo{color:#fff;background:var(--sucesso-forte);border-radius:9999px;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:32px;font-weight:700;display:grid}.popup .selo.saida,.popup .selo.erro{background:var(--erro-botao)}.popup h2{color:var(--texto);margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2}.popup .confirmacao{color:var(--texto-corpo);margin:0;font-size:16px}.popup .hora-registro{color:var(--texto);font-variant-numeric:tabular-nums;margin:12px 0 4px;font-size:44px;font-weight:700;line-height:1}.popup .matricula-popup{color:var(--texto-suave);margin:0;font-size:14px}.popup .batidas-dia{color:var(--texto-fraco);margin:12px 0 0;font-size:13px}.popup button{min-width:150px;margin-top:20px}@media (width<=420px){.quiosque:before,.quiosque:after{display:none}.quiosque .relogio{font-size:58px}.quiosque .relogio .segundos{font-size:24px}.quiosque .caixa{padding:24px}}.grade-crachas{grid-template-columns:repeat(auto-fill,85.6mm);justify-content:start;gap:5mm;display:grid}.cracha{background:var(--superficie);border:1px solid var(--borda);break-inside:avoid;width:85.6mm;height:53.98mm;color:var(--texto);border-radius:3mm;flex-direction:column;padding:3.5mm 4mm;display:flex;overflow:hidden}.cracha .cracha-corpo{flex:1;justify-content:space-between;align-items:flex-start;gap:3mm;min-height:0;display:flex}.cracha .cracha-dados{flex:1;min-width:0}.cracha .logo{width:auto;height:6.5mm;margin-bottom:2mm;display:block}.cracha .qr{flex-shrink:0;align-self:center;width:17mm;height:17mm}.cracha .nome{overflow-wrap:anywhere;font-size:4.2mm;font-weight:700;line-height:1.15}.cracha .cargo{color:var(--texto-corpo);margin-top:.8mm;font-size:3.1mm}.cracha .setor{color:var(--texto-suave);font-size:2.9mm}.cracha .matricula{color:var(--texto-corpo);font-variant-numeric:tabular-nums;margin-top:1.5mm;font-size:3mm}.cracha .pin{color:var(--alerta-texto);font-size:3mm}.cracha .ean13{align-self:flex-start;margin-top:1mm;display:block}.modal{background:var(--superficie);border-radius:var(--raio-cartao);width:100%;max-width:448px;max-height:calc(100vh - 32px);box-shadow:var(--sombra-forte);flex-direction:column;animation:.2s cubic-bezier(.22,1,.36,1) popup-entra;display:flex}.modal-largo{max-width:680px}@media (prefers-reduced-motion:reduce){.modal{animation:none}}.modal-topo{border-bottom:1px solid var(--borda);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.modal-topo h3{margin:0;font-size:16px;font-weight:600}.modal-topo .fechar{color:var(--texto-fraco);background:0 0;border-color:#0000;padding:2px 8px;font-size:20px;line-height:1}.modal-topo .fechar:hover{background:var(--hover);color:var(--texto-corpo)}.modal-corpo{padding:20px;overflow-y:auto}.modal-rodape{border-top:1px solid var(--borda);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.comprovantes{flex-direction:column;gap:6mm;display:flex}.comprovante{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-cartao);break-inside:avoid;padding:8mm}.comprovante-topo{border-bottom:1px solid var(--borda);align-items:center;gap:4mm;padding-bottom:4mm;display:flex}.comprovante-topo img{width:auto;height:8mm}.comprovante-topo span{color:var(--texto);font-size:3.6mm;font-weight:600}.comprovante-dados{flex-wrap:wrap;align-items:flex-end;gap:4mm 10mm;margin:5mm 0;display:flex}.comprovante-dados .rotulo{text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);font-size:2.8mm;display:block}.comprovante-dados strong{color:var(--texto);font-size:4mm}.comprovante-dados .bloco-pin{border:1px dashed var(--borda-campo);border-radius:var(--raio-controle);text-align:center;margin-left:auto;padding:2mm 6mm}.comprovante-dados .bloco-pin strong{letter-spacing:.15em;font-variant-numeric:tabular-nums;font-size:9mm}.comprovante-texto{color:var(--texto-corpo);margin:0 0 8mm;font-size:3mm;line-height:1.5}.comprovante-assinatura{align-items:flex-end;gap:10mm;display:flex}.comprovante-assinatura>div{flex:1}.comprovante-assinatura .data-recebimento{flex:0 0 45mm}.comprovante-assinatura .linha-assinatura{border-bottom:1px solid var(--texto);height:8mm}.comprovante-assinatura span{color:var(--texto-suave);margin-top:1mm;font-size:2.8mm;display:block}@media print{.topo,.lateral,.nao-imprimir{display:none!important}.corpo{display:block}.conteudo{max-width:none;padding:0}.cartao{box-shadow:none;border:1px solid var(--borda);padding:0}.grade-crachas{gap:4mm}.cracha{border:1px dashed #9ca3af}.comprovantes{gap:0}.comprovante{border:none;border-bottom:1px dashed #9ca3af;border-radius:0;padding:6mm 0 8mm}body{background:#fff}}@media (width<=900px){.corpo{display:block}.lateral{border-right:none;border-bottom:1px solid var(--borda);width:100%;max-height:none;padding:0;display:flex;position:static;overflow-x:auto}.lateral .grupo,.lateral .separador-menu{display:none}.lateral a{white-space:nowrap;border-bottom:2px solid #0000;border-left:none}.lateral a.ativo{border-left:none;border-bottom-color:var(--primaria)}.conteudo{padding:24px 16px}td,th{padding-left:12px;padding-right:12px}}