:root{--azul:#0B62B0;--azul2:#06427A;--verde:#0E8A63;--amarelo:#FFC629;--tinta:#0A1F33;--t2:#3C4B5A;--t3:#5A7183;--fundo:#F1F5F9;--sep:#E2E8F0;--vermelho:#C62828}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--fundo);color:var(--tinta);font-size:15px;line-height:1.5}
a{color:var(--azul);text-decoration:none}
.topo{display:flex;align-items:center;gap:24px;padding:0 24px;height:58px;background:linear-gradient(90deg,var(--azul2),var(--azul),var(--verde));color:#fff;border-bottom:4px solid var(--amarelo)}
.topo .marca{color:#fff;font-weight:800;font-size:17px;letter-spacing:-.3px}.topo .marca small{font-weight:400;opacity:.8;margin-left:6px}
.topo .menu{display:flex;gap:4px;margin-left:auto}.topo .menu a{color:rgba(255,255,255,.85);padding:8px 14px;border-radius:8px;font-weight:600}.topo .menu a.on,.topo .menu a:hover{background:rgba(255,255,255,.16);color:#fff}
.topo .conta{color:rgba(255,255,255,.85);font-size:13px}.topo .conta a{color:#fff}
.wrap{max-width:1180px;margin:0 auto;padding:24px 20px 60px}
h1{font-size:24px;margin:0 0 4px;letter-spacing:-.5px}h2{font-size:16px;margin:24px 0 10px;color:var(--t2)}.sub{color:var(--t3);margin:0 0 20px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kpi{background:#fff;border:1px solid var(--sep);border-radius:14px;padding:14px 16px}.kpi b{display:block;font-size:28px;line-height:1.1;color:var(--azul)}.kpi span{font-size:12.5px;color:var(--t3)}
.kpi.ok b{color:var(--verde)}.kpi.alerta b{color:var(--vermelho)}.kpi.teste b{color:#B45309}
.cartao{background:#fff;border:1px solid var(--sep);border-radius:14px;padding:18px}
.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);padding:8px 10px;border-bottom:1px solid var(--sep)}td{padding:9px 10px;border-bottom:1px solid #F0F3F7;vertical-align:top}tr:last-child td{border-bottom:0}tr.link{cursor:pointer}tr.link:hover td{background:#F8FAFC}
.selo{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px}
.s-ok{background:#E4F6ED;color:#166534}.s-alerta{background:#FDECEA;color:var(--vermelho)}.s-neutro{background:#F1F5F9;color:var(--t3)}.s-teste{background:#FFF6DE;color:#8a5a00}.s-azul{background:#E8F1FA;color:var(--azul)}
.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filtros input,.filtros select{padding:8px 10px;border:1px solid var(--sep);border-radius:8px;font-size:14px}
.btn{display:inline-block;padding:9px 16px;border-radius:10px;border:0;background:var(--azul);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.btn.verde{background:var(--verde)}.btn.vermelho{background:var(--vermelho)}.btn.claro{background:#fff;color:var(--azul);border:1px solid var(--sep)}
.flash{padding:10px 14px;border-radius:10px;margin-bottom:14px;font-size:14px}.flash-ok{background:#E4F6ED;color:#166534}.flash-erro{background:#FDECEA;color:var(--vermelho)}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;font-size:14px}.meta b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--t3)}
.pag{display:flex;gap:6px;margin-top:12px;font-size:13px}.pag a{padding:4px 10px;border:1px solid var(--sep);border-radius:6px}.pag a.on{background:var(--azul);color:#fff}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:13px}
.login{max-width:380px;margin:80px auto}.login input{width:100%;padding:12px 14px;border:1px solid var(--sep);border-radius:10px;font-size:16px;margin-bottom:12px}
.wa{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.wa .qrbox{background:#fff;padding:16px;border-radius:14px;border:1px solid var(--sep)}
.ponto{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:6px;background:var(--vermelho)}.ponto.on{background:var(--verde)}