*{box-sizing:border-box;margin:0;padding:0}:root{--marinho:#00006b;--marinho-claro:#1a1a8c;--azul:#2a6bff;--azul-forte:#1e40ff;--fundo:#eef1f7;--fundo-painel:#f4f6fb;--linha:#e6e9f0;--texto:#14142b;--texto-suave:#6b7280;--verde:#15803d;--vermelho:#dc2626;--laranja:#b45309;--raio:12px;--sombra:0 6px 20px #14143c14}body{background:var(--fundo);color:var(--texto);font-family:Segoe UI,Tahoma,Verdana,sans-serif;font-size:13px}button{cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--azul), var(--azul-forte));border:none;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:filter .15s,transform 50ms,box-shadow .15s}button:hover:not(:disabled){filter:brightness(1.07)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{color:var(--texto);border:1.5px solid var(--linha);background:#fff;font-weight:600}button.secundario:hover:not(:disabled){background:var(--fundo-painel);filter:none}button.perigo{background:linear-gradient(#ef4444,#dc2626)}button.pequeno{border-radius:7px;padding:4px 10px;font-size:11px}input,select{border:1.5px solid var(--linha);color:var(--texto);background:#fff;border-radius:9px;width:100%;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px #2a6bff26}.banner{color:var(--marinho);border-radius:var(--raio);box-shadow:var(--sombra);text-align:center;letter-spacing:.5px;background:#fff;margin:16px 18px 10px;padding:14px;font-size:18px;font-weight:800}.aplicacao{gap:4px;min-height:calc(100vh - 108px);display:flex}.menu-lateral{width:172px;box-shadow:var(--sombra);background:linear-gradient(165deg,#00006b 0%,#1414c4 60%,#2a6bff 130%);border-radius:16px;flex-direction:column;align-self:flex-start;gap:9px;margin:0 4px 0 18px;padding:16px 12px;display:flex;position:sticky;top:16px}.menu-lateral>label{color:#ffffffb3!important}.menu-lateral select{color:#fff;background:#ffffff24;border:1px solid #ffffff40;font-weight:700}.menu-lateral select option{color:var(--texto)}.menu-lateral button{color:#fff;letter-spacing:.4px;text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;padding:11px 8px;font-size:12.5px}.menu-lateral button:hover:not(:disabled){filter:none;background:#fff3}.menu-lateral button.ativo{color:var(--marinho);background:#fff;border-color:#fff}.menu-lateral button:disabled{color:#fff6;opacity:1;background:#ffffff0d}.conteudo{flex:1;padding:4px 20px 20px;position:relative;overflow-x:auto}.conteudo:before{content:"";opacity:.05;pointer-events:none;z-index:0;background:url(/borrachariaAv.png) 50% 90%/min(400px,42vw) no-repeat;position:fixed;inset:0}.conteudo>*{z-index:1;position:relative}.painel{border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);background:#fff;overflow:hidden}.painel>.painel-titulo{background:var(--fundo-painel);color:var(--marinho);text-align:center;letter-spacing:.4px;border-bottom:2px solid var(--azul);padding:11px;font-size:13.5px;font-weight:800}.painel>.painel-corpo{padding:14px}.grade-menu{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.grade-menu button{color:var(--marinho);border:1.5px solid var(--linha);background:#fff;border-radius:11px;padding:18px 12px;font-size:13.5px;box-shadow:0 2px 6px #14143c0d}.grade-menu button:hover:not(:disabled){background:var(--fundo-painel);border-color:var(--azul);color:var(--azul-forte);filter:none;transform:translateY(-1px)}.grade-menu button:disabled{color:#b8bcc6;opacity:1;background:#fafafa}.menu-principal{grid-template-columns:440px 1fr;align-items:start;gap:24px;display:grid}.lista-mov{max-height:440px;overflow-y:auto}.lista-mov table{box-shadow:none;border:none}.lista-mov tr:nth-child(odd) td{background:var(--fundo-painel)}.lista-mov td{border-bottom:none;padding:6px 10px;font-size:12px}.alerta-vermelho{color:var(--vermelho);border:1px solid #fecaca;border-left:4px solid var(--vermelho);text-align:center;background:#fef2f2;border-radius:10px;margin-top:14px;padding:12px;font-size:13px;font-weight:700}.rodape{background:var(--marinho);color:#fff;z-index:5;align-items:center;gap:16px;padding:6px 14px;font-size:11.5px;display:flex;position:fixed;bottom:0;left:0;right:0}.rodape .usuario{color:#fff;background:#ffffff2e;border-radius:20px;padding:3px 14px;font-weight:700}.rodape .centro{text-align:center;opacity:.85;flex:1}.pdv{grid-template-columns:1fr 390px;align-items:start;gap:18px;display:grid}.lista-produtos{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;margin-top:12px;display:grid}.produto-cartao{border:1.5px solid var(--linha);cursor:pointer;background:#fff;border-radius:11px;padding:12px;transition:border-color .12s,transform 50ms,box-shadow .12s}.produto-cartao:hover{border-color:var(--azul);box-shadow:var(--sombra);transform:translateY(-1px)}.produto-cartao .codigo{color:var(--texto-suave);font-size:11px}.produto-cartao .preco{color:var(--azul-forte);margin-top:4px;font-weight:800}.produto-cartao .estoque{color:var(--texto-suave);font-size:11px}.produto-cartao .estoque.baixo{color:var(--vermelho);font-weight:700}.carrinho-item{border-bottom:1px solid var(--linha);align-items:center;gap:8px;padding:8px 0;display:flex}.carrinho-item .nome{flex:1;font-size:12.5px}.carrinho-item input{text-align:center;width:60px;padding:5px}.carrinho-item .total{text-align:right;width:82px;font-weight:700}.linha-form{align-items:center;gap:8px;margin-top:10px;display:flex}.linha-form label{color:var(--texto-suave);white-space:nowrap;font-size:11.5px;font-weight:700}.total-grande{color:#fff;background:linear-gradient(135deg, var(--marinho), var(--azul-forte));border-radius:11px;justify-content:space-between;margin-top:14px;padding:12px 16px;font-size:22px;font-weight:800;display:flex}table{border-collapse:collapse;border:1px solid var(--linha);border-radius:var(--raio);width:100%;box-shadow:var(--sombra);background:#fff;overflow:hidden}th{text-align:left;text-transform:uppercase;letter-spacing:.4px;background:var(--fundo-painel);color:var(--texto-suave);border-bottom:1px solid var(--linha);padding:10px 11px;font-size:11px}td{border-bottom:1px solid var(--linha);vertical-align:middle;padding:9px 11px;font-size:12.5px}tbody tr:last-child td{border-bottom:none}tr.clicavel{cursor:pointer}tr.clicavel:hover td{background:var(--fundo-painel)}.selo{border:1px solid;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.selo.verde{color:var(--verde);background:#e7f6ec;border-color:#b7e4c5}.selo.vermelho{color:var(--vermelho);background:#fdeaea;border-color:#f5c2c2}.selo.laranja{color:var(--laranja);background:#fdf2e2;border-color:#f3d9ac}.selo.cinza{color:#555;background:#f0f1f4;border-color:#d7dae1}.aviso{border:1px solid;border-radius:10px;margin-bottom:12px;padding:11px 16px;font-size:13px;font-weight:700}.aviso.erro{color:var(--vermelho);background:#fdeaea;border-color:#f5c2c2}.aviso.ok{color:var(--verde);background:#e7f6ec;border-color:#b7e4c5}.login-fundo{background:linear-gradient(135deg,#00006b 0%,#1414c4 45%,#2a6bff 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;font-family:Segoe UI,Tahoma,Verdana,sans-serif;display:flex;position:fixed;inset:0}.login-card{background:#fff;border-radius:18px;flex-direction:column;width:380px;max-width:calc(100vw - 32px);padding:34px 34px 30px;display:flex;box-shadow:0 24px 60px #00000059}.login-logo{object-fit:contain;align-self:center;width:190px;margin-bottom:10px}.login-card h1{color:#14142b;text-align:center;font-size:22px;font-weight:800}.login-sub{color:#6b7280;text-align:center;margin:6px 0 22px;font-size:13px}.login-label{letter-spacing:.5px;color:#6b7280;margin:12px 0 6px;font-size:11px;font-weight:700;display:block}.login-campo{border:1.5px solid #e2e5ec;border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.login-campo:focus-within{border-color:#2a6bff;box-shadow:0 0 0 3px #2a6bff26}.login-icone{color:#9aa0ab;display:flex}.login-campo input{color:#14142b;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.login-opcoes{justify-content:space-between;align-items:center;margin:16px 0 20px;font-size:13px;display:flex}.login-lembrar{color:#4b5563;cursor:pointer;align-items:center;gap:6px;display:flex}.login-lembrar input{accent-color:#2a6bff;width:15px;height:15px}.login-esqueci{color:#2a6bff;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.login-esqueci:hover{text-decoration:underline}.login-entrar{color:#fff;cursor:pointer;background:linear-gradient(#1e40ff,#0d24d6);border:none;border-radius:10px;width:100%;padding:13px;font-size:15px;font-weight:700;transition:filter .15s}.login-entrar:hover:not(:disabled){filter:brightness(1.08)}.login-entrar:disabled{opacity:.7;cursor:default}.login-rodape{color:#ffffffbf;text-align:center;font-size:12px}.cartao{border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);background:#fff;padding:16px}.grade-config{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px;display:grid}.grade-config .cartao h3{color:var(--marinho);text-transform:uppercase;background:var(--fundo-painel);border-bottom:2px solid var(--azul);border-radius:var(--raio) var(--raio) 0 0;margin:-16px -16px 12px;padding:10px 14px;font-size:12px}.grade-config .cartao p{margin:4px 0;font-size:13px}.sub-abas{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sub-abas button{color:var(--texto);border:1.5px solid var(--linha);background:#fff}.sub-abas button.ativo{background:linear-gradient(180deg, var(--azul), var(--azul-forte));color:#fff;border-color:#0000}.form-grade{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:4px;display:grid}.campo{flex-direction:column;gap:4px;display:flex}.campo label{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;font-weight:700}.campo.largo{grid-column:span 2}.barra-acoes{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.form-titulo{color:var(--marinho);background:var(--fundo-painel);border-bottom:2px solid var(--azul);border-radius:var(--raio) var(--raio) 0 0;margin:-16px -16px 4px;padding:12px 16px;font-size:14px;font-weight:800}.form-cartao{margin-bottom:18px}.linha-topo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.linha-topo input{max-width:340px}