:root{--bg: #f5f5f5;--painel: #ffffff;--painel-2: #eef4fc;--borda: #dddddd;--texto: #111111;--texto-fraco: #555555;--acento: #0066cc;--acento-claro: #02cbfb;--verde: #00a86d;--vermelho: #be0040}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:980px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:20px}.navbar{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:12px 20px;display:flex;align-items:center;box-shadow:0 2px 8px #0000000f}.navbar-logo{height:48px;width:auto;display:block}.cabecalho{background:linear-gradient(45deg,#06c,#02cbfb);border-radius:12px;padding:24px 24px 20px;color:#fff}.cabecalho h1{margin:0 0 6px;font-size:1.7rem;color:#fff}.cabecalho p{margin:0;color:#ffffffe0}.painel{background:var(--painel);border:1px solid var(--borda);border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px #0000000f}.painel h2{margin:0 0 14px;font-size:1.1rem}.grid-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.campo{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--texto-fraco)}.campo input{background:#fff;border:1px solid var(--borda);border-radius:8px;padding:8px 10px;color:var(--texto);font-size:.95rem}.campo input:focus{outline:2px solid var(--acento);border-color:var(--acento)}.destaque{border-color:var(--acento);border-width:2px}.cards-numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0 8px}.card-num{background:var(--painel-2);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.card-num .rotulo{font-size:.8rem;color:var(--texto-fraco)}.card-num .valor{font-size:1.25rem;font-weight:700}.card-num.negativo .valor{color:var(--vermelho)}.tabela-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:right;padding:10px 12px;border-bottom:1px solid var(--borda);white-space:nowrap}th:first-child,td:first-child{text-align:left}thead th{color:var(--texto-fraco);font-weight:600}tr.melhor{background:#0066cc0f}td.forte{font-weight:700}.bolinha{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.tag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;font-size:.7rem;background:var(--painel-2);color:var(--texto-fraco)}.tag-melhor{background:#0066cc1f;color:var(--acento)}.legenda-aux{color:var(--texto-fraco);font-size:.85rem;margin:0 0 10px}.toggles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.toggle-btn{display:flex;align-items:center;gap:6px;padding:4px 12px;border:1.5px solid var(--borda);border-radius:999px;background:transparent;color:var(--texto-fraco);font-size:.82rem;cursor:pointer;transition:all .15s}.toggle-btn:hover{border-color:#aaa;color:var(--texto)}.toggle-btn.ativo{font-weight:600}.toggle-bolinha{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.rodape{color:var(--texto-fraco);font-size:.78rem;display:flex;flex-direction:column;gap:8px}.rodape p{margin:0}.rodape-link a{color:var(--acento);text-decoration:none;font-weight:600;font-size:.88rem}.rodape-link a:hover{text-decoration:underline}