:root{--marca-carvao:#363435;--marca-vermelho:#ec3237;--marca-amarelo:#fff112;--marca-claro:#f0f0f0;--base-fundo:#e8e8e8;--base:var(--marca-claro);--superficie:#fff;--superficie-2:#f4f4f4;--borda:#d9d8d8;--borda-viva:#bdbbbb;--texto:var(--marca-carvao);--texto-2:#5f5c5d;--texto-3:#8b8788;--rail-fundo:#322f30;--rail-topo:#3d3a3b;--rail-borda:#4a4647;--rail-texto:#e6e4e4;--rail-texto-2:#a09c9d;--sinal:var(--marca-amarelo);--sinal-fraco:#fff11233;--perigo:#c4181e;--perigo-fraco:#ec32371a;--ok:var(--texto-2);--ok-fraco:#3634350a;--display:"Chakra Petch", system-ui, sans-serif;--corpo:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--raio:3px;--rail:232px;--sombra:0 1px 2px #3634350f, 0 8px 20px -14px #36343533}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--base-fundo);color:var(--texto);font-family:var(--corpo);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#3634350a 1px,#0000 1px),linear-gradient(90deg,#3634350a 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 20%,#0000 78%);mask-image:radial-gradient(120% 90% at 50% 0,#000 20%,#0000 78%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:600}.rotulo{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-3);font-size:10px;font-weight:600}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.app{z-index:2;grid-template-columns:var(--rail) 1fr;min-height:100%;display:grid;position:relative}.rail{background:linear-gradient(180deg, var(--rail-topo) 0%, var(--rail-fundo) 100%);color:var(--rail-texto);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.rail .rotulo{color:var(--rail-texto-2)}.marca{border-bottom:1px solid var(--rail-borda);padding:22px 20px 20px}.marca-placa{margin-bottom:12px;display:flex}.marca-placa img{width:100%;height:auto;display:block}.portao-logo{width:170px;height:auto;margin-bottom:18px;display:block}.barras{gap:2px;margin-bottom:9px;display:flex}.barras i{background:var(--marca-vermelho);border-radius:1px;height:4px;animation:2.4s ease-in-out infinite acende;display:block}.barras i:first-child{width:4px;animation-delay:0s}.barras i:nth-child(2){width:6px;animation-delay:90ms}.barras i:nth-child(3){width:9px;animation-delay:.18s}.barras i:nth-child(4){width:14px;animation-delay:.27s}.barras i:nth-child(5){width:22px;animation-delay:.36s}@keyframes acende{0%,to{opacity:1}50%{opacity:.45}}.marca-nome{font-family:var(--display);letter-spacing:.02em;align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.diodo{background:var(--rail-texto);border-radius:50%;width:7px;height:7px;animation:2.6s ease-in-out infinite respira;box-shadow:0 0 0 3px #ffffff1a}@keyframes respira{0%,to{opacity:1;box-shadow:0 0 0 3px #ffffff1a}50%{opacity:.4;box-shadow:0 0 0 6px #0000}}.nav{flex-direction:column;flex:1;gap:1px;padding:12px 10px;display:flex}.nav-item{border-radius:var(--raio);color:var(--rail-texto-2);border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;transition:background .14s,color .14s,border-color .14s;display:flex}.nav-item:hover{color:var(--rail-texto);background:#ffffff0d}.nav-item[aria-current=page]{color:#fff;border-left-color:var(--marca-vermelho);background:#ffffff14}.nav-contador{font-family:var(--mono);background:var(--marca-amarelo);color:var(--marca-carvao);border:1px solid var(--marca-amarelo);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600;animation:1.8s ease-in-out infinite pulso}@keyframes pulso{0%,to{box-shadow:0 0 #fff11266}60%{box-shadow:0 0 0 7px #0000}}.nav-contador-critico{background:var(--marca-vermelho);color:#fff;border-color:var(--marca-vermelho);animation-name:pulso-critico}@keyframes pulso-critico{0%,to{box-shadow:0 0 #ec323777}60%{box-shadow:0 0 0 7px #0000}}.rail-rodape{border-top:1px solid var(--rail-borda);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.palco{width:100%;max-width:1440px;padding:30px 34px 60px}.cabecalho{border-bottom:1px solid var(--borda);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;padding-bottom:18px;display:flex}.cabecalho h1{font-size:25px;line-height:1.15}.cabecalho p{color:var(--texto-3);max-width:62ch;margin:5px 0 0;font-size:13px}.surge{animation:.5s cubic-bezier(.2,.7,.3,1) backwards surge}@keyframes surge{0%{opacity:0;transform:translateY(9px)}}.painel{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra)}.painel-topo{border-bottom:1px solid var(--borda);justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.painel-corpo{padding:16px}.grade-metricas{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:24px;display:grid}.metrica{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:15px 16px 16px;position:relative;overflow:hidden}.metrica:before{content:"";background:var(--fio,transparent);height:2px;position:absolute;inset:0 0 auto}.metrica-valor{font-family:var(--display);font-variant-numeric:tabular-nums;margin-top:9px;font-size:33px;font-weight:700;line-height:1.05}.metrica-nota{color:var(--texto-3);margin-top:5px;font-size:11.5px}.tabela{border-collapse:collapse;width:100%;font-size:13px}.tabela th{text-align:left;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3);border-bottom:1px solid var(--borda);white-space:nowrap;background:var(--superficie-2);padding:9px 14px;font-size:10px;font-weight:600}.tabela td{border-bottom:1px solid var(--borda);vertical-align:top;padding:11px 14px}.tabela tbody tr{transition:background .12s}.tabela tbody tr:hover{background:var(--superficie-2)}.tabela a.linha-link,a.linha-link{color:var(--texto);border-bottom:1px solid var(--borda-viva);font-weight:500}.tabela a.linha-link:hover,a.linha-link:hover{border-bottom-color:var(--marca-vermelho);color:var(--perigo)}.rolagem{overflow-x:auto}.selo{font-family:var(--mono);white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.selo-ok,.selo-info{color:var(--texto-2);background:var(--superficie-2);border-color:var(--borda)}.selo-sinal{color:var(--marca-carvao);background:var(--marca-amarelo);border-color:#e2d500;font-weight:600}.selo-perigo{color:var(--perigo);background:var(--perigo-fraco);border-color:#ec323759;font-weight:600}.selo-neutro{color:var(--texto-3);border-color:var(--borda);background:0 0}.espera{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.espera-calma{color:var(--texto-2)}.espera-atencao{color:var(--marca-carvao);background:var(--marca-amarelo);border-radius:3px;padding:1px 7px}.espera-critica{color:var(--perigo)}.fita{flex-direction:column;gap:10px;padding:4px 2px;display:flex}.balao{border:1px solid var(--borda);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-width:74%;padding:9px 13px;font-size:13.5px}.balao-entrada{background:var(--superficie-2);border-bottom-left-radius:2px;align-self:flex-start}.balao-saida{background:var(--marca-carvao);color:var(--marca-claro);border-color:var(--marca-carvao);border-right:2px solid var(--marca-vermelho);border-bottom-right-radius:2px;align-self:flex-end}.balao-hora{font-family:var(--mono);color:var(--texto-3);margin-top:5px;font-size:10px;display:block}.balao-saida .balao-hora{color:#a09c9d}.json{font-family:var(--mono);background:var(--superficie-2);border:1px solid var(--borda);border-radius:var(--raio);color:var(--texto-2);max-height:260px;margin:0;padding:10px 12px;font-size:11.5px;line-height:1.5;overflow-x:auto}.par-json{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=900px){.par-json{grid-template-columns:1fr}}.campo,.selecao{background:var(--superficie);border:1px solid var(--borda-viva);border-radius:var(--raio);color:var(--texto);font-family:var(--mono);min-width:0;padding:7px 10px;font-size:12.5px;transition:border-color .14s}.campo:focus,.selecao:focus{border-color:var(--marca-vermelho);box-shadow:0 0 0 3px var(--perigo-fraco);outline:none}.campo::placeholder{color:var(--texto-3)}.filtros{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.botao{background:var(--marca-amarelo);color:var(--marca-carvao);border-radius:var(--raio);font-family:var(--display);letter-spacing:.02em;border:none;padding:9px 16px;font-size:13px;font-weight:700;transition:filter .14s,transform 80ms}.botao:hover{filter:brightness(.94)}.botao:active{transform:translateY(1px)}.botao:disabled{opacity:.5;cursor:not-allowed}.botao-perigo{background:var(--marca-vermelho);color:#fff}.botao-mini{border:1px solid var(--borda-viva);border-radius:var(--raio);font-family:var(--mono);color:var(--texto-2);background:0 0;padding:4px 9px;font-size:11px;transition:border-color .14s,color .14s}.botao-mini:hover{border-color:var(--texto-2);color:var(--texto)}.rail .botao-mini{border-color:var(--rail-borda);color:var(--rail-texto-2)}.rail .botao-mini:hover{border-color:var(--marca-vermelho);color:#fff}.vazio{text-align:center;color:var(--texto-3);padding:46px 20px}.vazio-marca{font-family:var(--display);color:var(--texto-2);margin-bottom:5px;font-size:15px}.vazio-dica{max-width:46ch;margin:0 auto;font-size:12.5px}.portao{z-index:2;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.portao-caixa{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);width:100%;max-width:372px;padding:30px;box-shadow:0 2px 4px #3634350f,0 20px 46px -24px #3634354d}.portao-caixa h1{margin-bottom:3px;font-size:21px}.portao-caixa p{color:var(--texto-3);margin:0 0 22px;font-size:12.5px}.portao-campos{flex-direction:column;gap:9px;display:flex}.portao-campos .campo{width:100%;padding:10px 12px}.portao-campos .botao{width:100%;margin-top:5px}.aviso{border-radius:var(--raio);background:var(--sinal-fraco);border:1px solid #e2d500;border-left:3px solid var(--marca-amarelo);color:var(--texto);margin-bottom:18px;padding:10px 13px;font-size:13px;font-weight:500}.erro{border-radius:var(--raio);background:var(--perigo-fraco);color:var(--perigo);border:1px solid #ec323740;margin-top:12px;padding:9px 11px;font-size:12.5px}.esqueleto{background:linear-gradient(90deg,#ececec,#f7f7f7,#ececec) 0 0/200% 100%;border-radius:2px;height:11px;animation:1.3s linear infinite varredura}@keyframes varredura{to{background-position:-200% 0}}.pilha{flex-direction:column;gap:18px;display:flex}.linha-flex{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.duas-colunas{grid-template-columns:1.55fr 1fr;align-items:start;gap:18px;display:grid}@media (width<=1080px){.duas-colunas{grid-template-columns:1fr}}@media (width<=820px){.app{grid-template-columns:1fr}.rail{height:auto;position:static}.nav{flex-direction:row;overflow-x:auto}.palco{padding:20px 16px 44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}