:root{--fundo:#0c0f14;--superficie:#141922;--superficie-2:#1b222d;--borda:#262e3b;--texto:#e8ebf0;--fraco:#8d99ad;--bronze:#c9a15b;--bronze-claro:#e2c07f;--bronze-fundo:#c9a15b1f;--verde:#3fb68b;--verde-fundo:#3fb68b1f;--azul:#5aa9e6;--azul-fundo:#5aa9e61f;--vermelho:#e5584f;--vermelho-fundo:#e5584f1f;--ambar:#e0a93b;--ambar-fundo:#e0a93b1f;--raio:12px;color:var(--texto);background:var(--fundo);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 10% -10%, #c9a15b12, transparent 60%), var(--fundo);min-height:100vh;margin:0}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.05rem;font-weight:600}p{margin:0}a{color:var(--bronze-claro)}main{flex-direction:column;gap:20px;max-width:1120px;margin:0 auto;padding:24px 16px 48px;display:flex}.topo{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda);background:#0c0f14d9;align-items:center;gap:20px;padding:10px 20px;display:flex;position:sticky;top:0}.marca{color:var(--texto);align-items:center;gap:10px;text-decoration:none;display:flex}.marca img{width:36px;height:36px}.marca strong{letter-spacing:.02em;font-size:1.05rem}.marca span{color:var(--bronze)}.topo nav{flex:1;gap:4px;display:flex}.topo nav a{color:var(--fraco);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.92rem;text-decoration:none;display:flex}.topo nav a:hover{color:var(--texto);background:var(--superficie-2)}.topo nav a.active{color:var(--bronze-claro);background:var(--bronze-fundo)}.usuario{color:var(--fraco);align-items:center;gap:10px;font-size:.9rem;display:flex}.usuario .conta{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.usuario .conta:hover{color:var(--texto)}.avatar{background:var(--bronze-fundo);width:32px;height:32px;color:var(--bronze-claro);border-radius:50%;place-items:center;font-weight:700;display:grid}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:20px}.cabecalho{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cabecalho .titulo{align-items:center;gap:10px;display:flex}.cabecalho .titulo svg{color:var(--bronze)}.subtitulo{color:var(--fraco);margin-top:4px;font-size:.9rem}.saudacao h1{font-size:1.5rem}.saudacao p{color:var(--fraco);margin-top:4px}.estatisticas{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.estatistica{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);align-items:center;gap:14px;padding:16px;display:flex}.estatistica .icone{border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.estatistica .rotulo{color:var(--fraco);font-size:.82rem}.estatistica .valor{margin-top:2px;font-size:1.35rem;font-weight:700}.estatistica .detalhe{color:var(--fraco);font-size:.78rem}.tom-bronze{background:var(--bronze-fundo);color:var(--bronze-claro)}.tom-verde{background:var(--verde-fundo);color:var(--verde)}.tom-azul{background:var(--azul-fundo);color:var(--azul)}.tom-ambar{background:var(--ambar-fundo);color:var(--ambar)}.tom-vermelho{background:var(--vermelho-fundo);color:var(--vermelho)}.duas-colunas{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=860px){.duas-colunas{grid-template-columns:1fr}}.passos{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.passo{background:var(--superficie-2);border:1px solid var(--borda);border-radius:10px;gap:12px;padding:14px;display:flex}.passo .numero{background:var(--bronze-fundo);width:28px;height:28px;color:var(--bronze-claro);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}.passo.feito .numero{background:var(--verde-fundo);color:var(--verde)}.passo strong{font-size:.92rem;display:block}.passo span{color:var(--fraco);font-size:.85rem}.contas{flex-direction:column;gap:10px;display:flex}.conta{background:var(--superficie-2);border:1px solid var(--borda);border-radius:10px;align-items:center;gap:14px;padding:14px;display:flex}.conta .icone{background:var(--azul-fundo);width:40px;height:40px;color:var(--azul);border-radius:10px;place-items:center;display:grid}.conta .info{flex:1;min-width:0}.conta .nome{font-weight:600}.conta .saldo{color:var(--fraco);align-items:center;gap:6px;font-size:.85rem;display:flex}.conta .saldo b{color:var(--texto)}.vendas{flex-direction:column;gap:12px;display:flex}.venda{background:var(--superficie-2);border:1px solid var(--borda);border-radius:10px;padding:16px}.venda .topo-venda{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.venda .conta-venda{align-items:center;gap:8px;font-weight:600;display:flex}.venda .numeros{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px;font-size:.9rem;display:flex}.venda .numeros .grande{font-size:1.1rem;font-weight:700}.venda .rodape{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.venda .quando{color:var(--fraco);align-items:center;gap:6px;font-size:.8rem;display:flex}.receber{color:var(--verde);font-weight:700}.barra{background:var(--fundo);border-radius:6px;height:10px;margin-top:10px;overflow:hidden}.barra div{background:linear-gradient(90deg, var(--bronze), var(--bronze-claro));border-radius:6px;height:100%;transition:width .6s}.barra.cheia div{background:linear-gradient(90deg, var(--verde), #6fd3ad)}.aviso{background:var(--ambar-fundo);color:var(--ambar);border-radius:8px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:.85rem;display:flex}.selo{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.selo:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.selo.Rodando:before,.selo.Abrindo:before{animation:1.4s infinite pulsar}@keyframes pulsar{50%{opacity:.25}}label{color:var(--fraco);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.ajuda{color:var(--fraco);opacity:.85;font-size:.78rem}input,select{background:var(--fundo);color:var(--texto);border:1px solid var(--borda);font:inherit;border-radius:8px;padding:10px 12px;font-size:.95rem}input:focus,select:focus{border-color:var(--bronze);box-shadow:0 0 0 3px var(--bronze-fundo);outline:none}.formulario{flex-direction:column;gap:14px;display:flex}.grade{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:12px;display:grid}.em-linha{flex-wrap:wrap;gap:10px;display:flex}.em-linha input{flex:1;min-width:200px}button{background:linear-gradient(180deg, var(--bronze-claro), var(--bronze));color:#1a1409;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.92rem;font-weight:600;display:inline-flex}button:hover{filter:brightness(1.07)}button:disabled{opacity:.55;cursor:default;filter:none}button.secundario{background:var(--superficie-2);color:var(--texto);border:1px solid var(--borda);font-weight:500}button.secundario:hover{border-color:var(--bronze)}button.fantasma{color:var(--fraco);background:0 0;padding:6px 8px;font-weight:500}button.fantasma:hover{color:var(--texto)}button.pequeno{padding:6px 10px;font-size:.82rem}.erro{background:var(--vermelho-fundo);color:var(--vermelho);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;display:flex}.ok{color:var(--verde)}.nota{color:var(--fraco);font-size:.85rem}.vazio{text-align:center;color:var(--fraco);padding:28px 16px}.vazio svg{color:var(--bronze);opacity:.8;margin-bottom:8px}.vazio strong{color:var(--texto);margin-bottom:4px;display:block}.entrada{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.entrada .cartao{flex-direction:column;gap:16px;width:min(400px,100%);padding:28px;display:flex}.entrada .logo{filter:drop-shadow(0 8px 24px #c9a15b40);width:120px;height:120px;margin:0 auto}.entrada h1{text-align:center}.entrada .lema{text-align:center;color:var(--fraco);margin-top:-8px;font-size:.92rem}.entrada button[type=submit]{width:100%;padding:12px}.entrada .nota{text-align:center}.tabela{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--borda);white-space:nowrap;padding:10px 8px}th{color:var(--fraco);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}tbody tr:hover{background:var(--superficie-2)}td.acoes{gap:6px;display:flex}code{background:var(--superficie-2);color:var(--bronze-claro);border-radius:6px;padding:3px 8px;font-size:.9rem}.log{background:var(--fundo);border:1px solid var(--borda);white-space:pre-wrap;border-radius:8px;max-height:280px;margin-top:12px;padding:12px;font-size:.78rem;overflow:auto}.abas{background:var(--superficie);border:1px solid var(--borda);border-radius:10px;flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:flex}.abas button{color:var(--fraco);background:0 0;font-weight:500}.abas button.ativa{background:var(--bronze-fundo);color:var(--bronze-claro)}.modal{z-index:20;background:#000000b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal .cartao{width:min(1000px,100%);max-height:92vh;overflow:auto}.tela-ea{border:2px solid var(--borda);border-radius:8px;outline:none;max-width:100%;margin-top:12px;display:inline-block;overflow:hidden}.tela-ea:focus{border-color:var(--bronze)}.tela-ea img{cursor:pointer;max-width:100%;display:block}.tela-ea.apagada{opacity:.35}.carregando{color:var(--fraco);justify-content:center;align-items:center;gap:10px;padding:40px 0;display:flex}.girando{animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.sucesso{color:var(--verde);flex-direction:column;align-items:center;gap:10px;padding:36px 0;font-size:1.1rem;font-weight:600;display:flex}.pilha{flex-direction:column;gap:20px;display:flex}.estatisticas.cinco{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.filtros{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}tr.total td{color:var(--bronze-claro);background:var(--bronze-fundo);font-weight:700}tr.destaque-perda td{color:var(--vermelho)}@media (width<=640px){.topo{gap:10px;padding:10px 12px}.marca strong,.usuario .nome{display:none}.topo nav a{padding:6px 8px}main,.pilha{gap:14px}main{padding:16px 12px 40px}.saudacao h1{font-size:1.3rem}.cartao{padding:14px}.cabecalho{margin-bottom:12px}.estatisticas{grid-template-columns:1fr 1fr;gap:10px}.estatistica{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.estatistica .icone{border-radius:8px;width:34px;height:34px}.estatistica .icone svg{width:18px;height:18px}.estatistica .valor{font-size:1.1rem}.abas{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.abas::-webkit-scrollbar{display:none}.abas button{white-space:nowrap;flex-shrink:0}.vazio{padding:16px 8px}.conta{flex-wrap:wrap}.conta .info{flex-basis:calc(100% - 54px)}.conta button{margin-left:auto}.venda .rodape{flex-direction:column;align-items:stretch}.venda .rodape button{width:100%}.tabela table,.tabela tbody{display:block}.tabela thead{display:none}.tabela tbody tr{background:var(--superficie-2);border:1px solid var(--borda);border-radius:10px;margin-bottom:10px;padding:6px 12px;display:block}.tabela tbody tr:hover{background:var(--superficie-2)}.tabela td{border-bottom:1px solid var(--borda);white-space:normal;text-align:right;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.tabela td:last-child{border-bottom:0}.tabela td:before{content:attr(data-rotulo);text-align:left;color:var(--fraco);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.74rem}.tabela td[data-rotulo=""]:before{display:none}.tabela td[data-rotulo=""]{justify-content:flex-end}.tabela td.acoes{flex-wrap:wrap}.tabela td select,.tabela td input{max-width:60%}}.grupos{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.grupo{background:var(--superficie-2);border:1px solid var(--borda);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.grupo svg{color:var(--bronze)}.grupo span{color:var(--fraco)}td select,td input{padding:6px 8px;font-size:.85rem}