*{box-sizing:border-box}:root{--bg: #0f172a;--panel: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--azul: #3b82f6;--verde: #16a34a;--vermelho: #dc2626;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{margin:0;background:var(--bg);color:var(--text)}input,button{font-family:inherit}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:2.5rem;width:320px;display:flex;flex-direction:column;gap:.5rem}.login-card h1{margin:0;font-size:1.5rem}.subtitle{margin:0 0 1rem;color:var(--muted)}.login-card label{font-size:.85rem;color:var(--muted);margin-top:.5rem}.login-card input{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.6rem .75rem;border-radius:8px;font-size:1rem}.login-card button{margin-top:1.25rem;background:var(--azul);color:#fff;border:none;padding:.7rem;border-radius:8px;font-size:1rem;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.alert{padding:.6rem .75rem;border-radius:8px;font-size:.9rem}.alert-erro{background:#dc262626;color:#fca5a5;border:1px solid rgba(220,38,38,.4)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:1.1rem}.topbar nav{display:flex;gap:1rem;flex:1}.topbar nav a{color:var(--muted);text-decoration:none;padding:.4rem .6rem;border-radius:6px}.topbar nav a.active{color:var(--text);background:#3b82f626}.btn-link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem}.btn-link:hover{color:var(--text)}main{flex:1;padding:1.5rem}.bipagem-page{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.feedback-banner{min-height:100px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:var(--panel);border:1px solid var(--border);transition:background .15s,border-color .15s}.feedback-banner.show.sucesso{background:#16a34a33;border-color:var(--verde)}.feedback-banner.show.erro{background:#dc262633;border-color:var(--vermelho)}.feedback-titulo{font-size:1.4rem;font-weight:700}.feedback-detalhe{color:var(--muted);margin-top:.25rem}.scan-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.6rem}.scan-box label{color:var(--muted);font-size:.9rem}.scan-box input{font-size:1.4rem;letter-spacing:.05em;padding:.9rem 1rem;background:#0f172a;border:2px solid var(--azul);color:var(--text);border-radius:10px;text-align:center}.scan-box input:disabled{opacity:.6}.processando{text-align:center;color:var(--muted)}.modo-tabs{display:flex;gap:.5rem}.modo-tabs button{flex:1;background:var(--panel);border:1px solid var(--border);color:var(--muted);padding:.6rem;border-radius:8px;cursor:pointer;font-size:.9rem}.modo-tabs button.active{color:var(--text);border-color:var(--azul);background:#3b82f626}.btn-camera{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.7rem;border-radius:10px;font-size:1rem;cursor:pointer}.btn-camera:disabled{opacity:.5;cursor:default}.btn-camera:not(:disabled):hover{border-color:var(--azul)}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100;display:flex;flex-direction:column}.camera-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--panel);color:var(--text)}.camera-header button{background:var(--vermelho);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.camera-viewport{flex:1}.camera-viewport video{width:100%;height:100%;object-fit:cover}.camera-dica{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;background:#0f172ae6;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;font-size:.9rem;text-align:center}.lista-recentes{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.lista-recentes h2{font-size:1rem;margin:0 0 .75rem;color:var(--muted)}.lista-recentes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.lista-recentes li{display:flex;gap:.75rem;font-size:.9rem;padding:.4rem .5rem;border-radius:6px}.lista-recentes li.ok{background:#16a34a1a}.lista-recentes li.falha{background:#dc26261a}.lista-recentes .hora{color:var(--muted);width:5.5rem}.lista-recentes .chave{font-family:monospace;width:6rem}.lista-recentes .msg{flex:1;color:var(--text)}.vazio{color:var(--muted)}.historico-page{max-width:960px;margin:0 auto}.historico-filtros{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.historico-filtros input,.historico-filtros select{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:6px}.historico-filtros .limite-label{margin-left:.5rem}.historico-total{margin-left:auto;color:var(--muted);font-size:.85rem}.historico-paginacao{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;color:var(--muted);font-size:.9rem}.historico-paginacao button{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.4rem .8rem;border-radius:6px;cursor:pointer}.historico-paginacao button:disabled{opacity:.4;cursor:default}.tabela-historico{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tabela-historico th,.tabela-historico td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}.tabela-historico th{color:var(--muted);font-weight:600}.tabela-historico .mono{font-family:monospace}.badge{padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-sucesso{background:#16a34a33;color:#86efac}.badge-erro{background:#dc262633;color:#fca5a5}.badge-duplicado{background:#eab30833;color:#fde047}.config-page{max-width:900px;margin:0 auto}.config-page .subtitle{color:var(--muted);margin-bottom:1.25rem}.tabela-config{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tabela-config th,.tabela-config td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}.tabela-config th{color:var(--muted);font-weight:600}.tabela-config tr.ativo{background:#16a34a14}.tabela-config select{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.3rem .5rem;border-radius:6px;min-width:220px}.tabela-config input[type=checkbox]{width:1.1rem;height:1.1rem}.notas-page{max-width:1100px;margin:0 auto}.notas-page .subtitle{color:var(--muted);margin:1rem 0;font-size:.9rem}.notas-topo{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.notas-poller{display:flex;align-items:center;gap:1.25rem;font-size:.9rem}.notas-poller label{display:flex;align-items:center;gap:.4rem}.intervalo-label input{width:3.5rem;background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.3rem .4rem;border-radius:6px;margin:0 .3rem}.notas-acoes{display:flex;gap:.6rem}.notas-acoes button{background:var(--azul);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem}.notas-acoes button:disabled{opacity:.6;cursor:default}.notas-mensagem{margin-top:1rem;padding:.7rem 1rem;background:#3b82f626;border:1px solid var(--azul);border-radius:8px;font-size:.9rem}.tabela-notas{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tabela-notas th,.tabela-notas td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.85rem}.tabela-notas th{color:var(--muted);font-weight:600}