:root{--fundo: #F6F7F9;--cartao: #FFFFFF;--borda: #E4E7EC;--texto: #101828;--suave: #667085;--azul: #2563EB;--azul-fraco:#EFF4FF;--verde: #067647;--verde-fraco:#ECFDF3;--vermelho: #B42318;--vermelho-fraco:#FEF3F2;--ambar: #B54708;--ambar-fraco:#FFFAEB;--raio: 10px;--sombra: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.1)}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font:14px/1.5 -apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100vh}.lateral{width:232px;flex:none;background:var(--cartao);border-right:1px solid var(--borda);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.marca{display:flex;align-items:center;gap:9px;padding:0 8px 22px}.marca-icone{width:30px;height:30px;border-radius:8px;background:var(--azul);display:grid;place-items:center;color:#fff;flex:none}.marca-nome{font-weight:700;font-size:15px;letter-spacing:-.01em}.marca-sub{font-size:11px;color:var(--suave)}.menu{display:flex;flex-direction:column;gap:2px;flex:1}.menu button{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--suave);cursor:pointer;text-align:left;width:100%}.menu button:hover{background:var(--fundo);color:var(--texto)}.menu button.ativo{background:var(--azul-fraco);color:var(--azul);font-weight:600}.menu button svg{width:17px;height:17px;flex:none}.menu .sair{color:var(--suave);margin-top:auto}.menu .sair:hover{background:var(--vermelho-fraco);color:var(--vermelho)}.conteudo{flex:1;min-width:0;padding:26px 30px 60px}.cabecalho{margin-bottom:22px}.cabecalho h1{margin:0 0 3px;font-size:22px;letter-spacing:-.02em}.cabecalho p{margin:0;color:var(--suave)}.grade{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:16px 18px;box-shadow:var(--sombra)}.cartao h2{margin:0 0 14px;font-size:14px;font-weight:600}.numero{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.rotulo{font-size:12.5px;color:var(--suave);margin-bottom:6px}.linha{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--borda)}.linha:last-child{border-bottom:0}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--fundo);color:var(--suave);white-space:nowrap}.chip.ok{background:var(--verde-fraco);color:var(--verde)}.chip.erro{background:var(--vermelho-fraco);color:var(--vermelho)}.chip.aviso{background:var(--ambar-fraco);color:var(--ambar)}.chip.info{background:var(--azul-fraco);color:var(--azul)}.ponto{width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:9px 15px;border-radius:8px;border:1px solid var(--borda);background:var(--cartao);cursor:pointer;font-weight:500}.btn:hover:not(:disabled){background:var(--fundo)}.btn:disabled{opacity:.55;cursor:default}.btn.primario{background:var(--azul);border-color:var(--azul);color:#fff}.btn.primario:hover:not(:disabled){background:#1d4ed8}.btn.perigo{color:var(--vermelho)}.btn.perigo:hover:not(:disabled){background:var(--vermelho-fraco)}.btn.pequeno{padding:6px 11px;font-size:13px}.campo{display:block;margin-bottom:15px}.campo>span{display:block;font-weight:500;margin-bottom:6px;font-size:13px}.campo input,.campo select,.campo textarea{width:100%;padding:9px 11px;border:1px solid var(--borda);border-radius:8px;background:var(--cartao)}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--azul-fraco);border-color:var(--azul)}.campo textarea{resize:vertical;min-height:92px;font-family:inherit}.ajuda{font-size:12px;color:var(--suave);margin-top:5px}.tabela{width:100%;border-collapse:collapse}.tabela th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--suave);font-weight:600;padding:0 12px 9px 0;border-bottom:1px solid var(--borda)}.tabela td{padding:11px 12px 11px 0;border-bottom:1px solid var(--borda);vertical-align:middle}.tabela tr:last-child td{border-bottom:0}.tabela audio{height:32px;max-width:220px}.vazio{text-align:center;color:var(--suave);padding:34px 10px}.qr{display:grid;place-items:center;gap:12px;padding:18px}.qr img{width:232px;height:232px;border-radius:8px;border:1px solid var(--borda)}.aviso-barra{display:flex;gap:10px;align-items:flex-start;background:var(--ambar-fraco);border:1px solid #FEDF89;color:#93370d;border-radius:var(--raio);padding:12px 14px;margin-bottom:18px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-caixa{width:100%;max-width:372px;background:var(--cartao);border:1px solid var(--borda);border-radius:14px;padding:30px 28px;box-shadow:0 8px 28px #10182814}.login-marca{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login h1{margin:0 0 4px;font-size:19px}.login .sub{color:var(--suave);margin:0 0 22px}.erro-caixa{background:var(--vermelho-fraco);color:var(--vermelho);border-radius:8px;padding:9px 12px;margin-bottom:14px;font-size:13px}@media(max-width:820px){.app{flex-direction:column}.lateral{width:100%;height:auto;position:static;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--borda)}.marca{padding:0 10px 0 2px}.marca-sub{display:none}.menu{flex-direction:row;gap:4px}.menu button{padding:8px 10px;white-space:nowrap}.menu .sair{margin-top:0}.conteudo{padding:18px 16px 44px}}