:root{--hb-bg: 5 5 5;--hb-sidebar: 4 4 4;--hb-header: 5 5 5;--hb-panel: 10 10 10;--hb-panelLight: 15 15 14;--hb-border: 22 21 21;--hb-borderHover: 43 42 40;--hb-inputBg: 13 13 13;--hb-statBg: 9 9 9;--hb-text: 216 211 199;--hb-textDim: 119 115 106;--hb-textMuted: 56 55 50;--hb-accent: 150 132 115;--hb-cream: 200 189 177;--hb-walnut: 96 84 77;--hb-green: 100 93 59;--hb-red: 134 105 95;--hb-amber: 134 131 101;--hb-blue: 145 156 157;--hb-scroll-track: #050505;--hb-scroll-thumb: rgba(216,211,199,.1);--hb-scroll-thumb-hover: rgba(216,211,199,.22)}:root.light{--hb-bg: 216 211 199;--hb-sidebar: 203 198 186;--hb-header: 216 211 199;--hb-panel: 231 227 217;--hb-panelLight: 239 236 227;--hb-border: 195 190 180;--hb-borderHover: 165 162 152;--hb-inputBg: 232 228 219;--hb-statBg: 228 224 214;--hb-text: 5 5 5;--hb-textDim: 119 115 106;--hb-textMuted: 142 139 131;--hb-accent: 96 84 77;--hb-cream: 150 132 115;--hb-walnut: 64 54 47;--hb-green: 100 93 59;--hb-red: 96 84 77;--hb-amber: 134 131 101;--hb-blue: 69 87 99;--hb-scroll-track: #D8D3C7;--hb-scroll-thumb: rgba(5,5,5,.12);--hb-scroll-thumb-hover: rgba(5,5,5,.24)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:rgb(var(--hb-bg));color:rgb(var(--hb-text));font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:.02em;-webkit-font-smoothing:antialiased;transition:background-color .35s,color .35s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--hb-scroll-track)}::-webkit-scrollbar-thumb{background:var(--hb-scroll-thumb);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--hb-scroll-thumb-hover)}::selection{background:rgb(var(--hb-accent) / .4);color:rgb(var(--hb-text))}input,select,textarea,button{border-radius:0;font-family:inherit}h1,h2,h3,.cinzel{font-family:Cinzel,Georgia,serif;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.app{display:flex;min-height:100dvh}.lateral{width:250px;flex:0 0 250px;background:rgb(var(--hb-sidebar));border-right:1px solid rgb(var(--hb-border));display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;overflow-y:auto;transition:background-color .35s,border-color .35s}.marca{padding:24px 20px 20px;border-bottom:1px solid rgb(var(--hb-border));display:flex;flex-direction:column;gap:6px}.marca strong{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--hb-text))}.marca span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--hb-textDim))}.lateral nav{padding:12px 10px;display:flex;flex-direction:column;gap:1px;flex:1}.nav-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;text-decoration:none;color:rgb(var(--hb-text));border-left:2px solid transparent;transition:background .15s,border-color .15s}.nav-item:hover{background:rgb(var(--hb-panelLight))}.nav-item.ativo{background:rgb(var(--hb-panelLight));border-left-color:rgb(var(--hb-accent))}.nav-nome{font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.nav-sub{font-size:10.5px;color:rgb(var(--hb-textDim));letter-spacing:.02em}.fontes{padding:16px 20px 20px;border-top:1px solid rgb(var(--hb-border));display:flex;flex-direction:column;gap:8px}.fontes-titulo{font-family:Cinzel,Georgia,serif;font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:rgb(var(--hb-textDim))}.fonte{font-size:11px;color:rgb(var(--hb-textDim));display:flex;align-items:center;gap:8px}.fonte:before{content:"";width:6px;height:6px;background:rgb(var(--hb-textMuted));flex:0 0 6px}.fonte.on:before{background:rgb(var(--hb-green))}.fonte.off:before{background:rgb(var(--hb-red))}.btn-lateral{margin-top:6px;background:transparent;border:1px solid rgb(var(--hb-border));color:rgb(var(--hb-textDim));padding:9px 10px;font-family:Cinzel,Georgia,serif;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s}.btn-lateral:hover{border-color:rgb(var(--hb-borderHover));color:rgb(var(--hb-text))}.conteudo{flex:1;min-width:0;padding:28px 32px 56px;background:rgb(var(--hb-bg));transition:background-color .35s}.topo{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgb(var(--hb-border))}.topo h1{margin:0;font-size:18px;letter-spacing:.18em}.topo p{margin:6px 0 0;color:rgb(var(--hb-textDim));font-size:11px;letter-spacing:.06em}.painel{display:flex;flex-direction:column;gap:2px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px}.kpi{background:rgb(var(--hb-statBg));border:1px solid rgb(var(--hb-border));padding:18px 20px;display:flex;flex-direction:column;gap:8px;border-top:2px solid rgb(var(--hb-border));transition:background .3s,border-color .3s}.kpi:hover{background:rgb(var(--hb-panel));border-color:rgb(var(--hb-borderHover))}.kpi-ok{border-top-color:rgb(var(--hb-green))}.kpi-alerta{border-top-color:rgb(var(--hb-amber))}.kpi-neutro{border-top-color:rgb(var(--hb-accent))}.kpi-rotulo{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:rgb(var(--hb-textDim))}.kpi-valor{font-family:Cinzel,Georgia,serif;font-size:24px;font-weight:500;letter-spacing:.04em;line-height:1.1;font-variant-numeric:tabular-nums lining-nums}.kpi-nota{font-size:10.5px;color:rgb(var(--hb-textDim));letter-spacing:.02em}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2px}.card{background:rgb(var(--hb-panel));border:1px solid rgb(var(--hb-border));min-width:0;transition:border-color .3s}.card:hover{border-color:rgb(var(--hb-borderHover))}.card-largo{grid-column:1 / -1}.card-head{padding:18px 20px 14px;border-bottom:1px solid rgb(var(--hb-border))}.card-head h2{margin:0;font-size:12px;letter-spacing:.16em}.card-sub{margin:6px 0 0;font-size:10.5px;color:rgb(var(--hb-textDim));line-height:1.5;letter-spacing:.02em}.card-body{padding:18px 20px}.barra-linha{display:grid;grid-template-columns:minmax(110px,1.5fr) 2fr minmax(96px,auto);align-items:center;gap:12px;padding:6px 0}.barra-rotulo{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barra-trilho{height:6px;background:rgb(var(--hb-inputBg));border:1px solid rgb(var(--hb-border))}.barra-fill{display:block;height:100%;background:rgb(var(--hb-accent))}.tom-bom{background:rgb(var(--hb-green))}.tom-medio{background:rgb(var(--hb-amber))}.tom-ruim{background:rgb(var(--hb-red))}.barra-valor{font-family:Cinzel,Georgia,serif;font-size:10.5px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:rgb(var(--hb-textDim));text-align:right;white-space:nowrap}.tabela{width:100%;border-collapse:collapse;font-size:11.5px}.tabela th{text-align:left;font-family:Cinzel,Georgia,serif;font-weight:500;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:rgb(var(--hb-textDim));padding:10px;border-bottom:1px solid rgb(var(--hb-border));position:sticky;top:0;background:rgb(var(--hb-panel))}.tabela td{padding:9px 10px;border-bottom:1px solid rgb(var(--hb-border))}.tabela tr:last-child td{border-bottom:none}.tabela tr:hover td{background:rgb(var(--hb-panelLight))}.tabela .dir{text-align:right;white-space:nowrap;font-family:Cinzel,Georgia,serif;letter-spacing:.04em;font-variant-numeric:tabular-nums lining-nums}.col-fraca,.linha-fraca td{color:rgb(var(--hb-textDim))}.tag{display:inline-block;font-size:8.5px;font-weight:500;padding:3px 7px;border-radius:2px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgb(var(--hb-border));color:rgb(var(--hb-textDim));white-space:nowrap}.tag-em_execucao{border-color:rgb(var(--hb-amber) / .6);background:rgb(var(--hb-amber) / .14);color:rgb(var(--hb-amber))}.tag-finalizada{border-color:rgb(var(--hb-green) / .6);background:rgb(var(--hb-green) / .14);color:rgb(var(--hb-green))}.tag-bloqueada{border-color:rgb(var(--hb-red) / .6);background:rgb(var(--hb-red) / .14);color:rgb(var(--hb-red))}.tag-reparo{border-color:rgb(var(--hb-walnut) / .6);background:rgb(var(--hb-walnut) / .14);color:rgb(var(--hb-walnut))}.tag-liberada{border-color:rgb(var(--hb-blue) / .6);background:rgb(var(--hb-blue) / .14);color:rgb(var(--hb-blue))}.tag-vazio{margin-left:6px;border-color:rgb(var(--hb-red) / .6);color:rgb(var(--hb-red))}.tag-bom{border-color:rgb(var(--hb-green) / .6);background:rgb(var(--hb-green) / .14);color:rgb(var(--hb-green))}.tag-medio{border-color:rgb(var(--hb-amber) / .6);background:rgb(var(--hb-amber) / .14);color:rgb(var(--hb-amber))}.tag-ruim{border-color:rgb(var(--hb-red) / .6);background:rgb(var(--hb-red) / .14);color:rgb(var(--hb-red))}.tag-padrao{border-color:rgb(var(--hb-border));color:rgb(var(--hb-textDim))}.aviso{background:rgb(var(--hb-statBg));border:1px solid rgb(var(--hb-border));border-left:2px solid rgb(var(--hb-amber));padding:14px 18px}.aviso-info{border-left-color:rgb(var(--hb-blue))}.aviso strong{display:block;font-family:Cinzel,Georgia,serif;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}.aviso p{margin:0;font-size:11.5px;color:rgb(var(--hb-textDim));line-height:1.6}.estado{color:rgb(var(--hb-textDim));font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-family:Cinzel,Georgia,serif;padding:24px 2px}.estado-erro{color:rgb(var(--hb-red))}.vazio{color:rgb(var(--hb-textDim));font-size:11.5px;margin:4px 0}.filtros{display:flex;gap:2px;flex-wrap:wrap;align-items:center;margin-bottom:2px}.filtros form{display:flex;gap:2px}.filtros select,.filtros input,.filtros button{background:rgb(var(--hb-inputBg));border:1px solid rgb(var(--hb-border));color:rgb(var(--hb-text));padding:10px 14px;font-size:11.5px;letter-spacing:.02em;outline:none;transition:border-color .2s}.filtros select:focus,.filtros input:focus{border-color:rgb(var(--hb-borderHover))}.filtros input{min-width:240px}.filtros input::placeholder{color:rgb(var(--hb-textMuted))}.filtros button{cursor:pointer;font-family:Cinzel,Georgia,serif;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--hb-textDim))}.filtros button:hover{border-color:rgb(var(--hb-borderHover));color:rgb(var(--hb-text))}.filtro-check{display:flex;align-items:center;gap:8px;font-size:11.5px;color:rgb(var(--hb-textDim));margin-bottom:12px;cursor:pointer}.gr{width:100%}.recharts-cartesian-axis-tick text{fill:rgb(var(--hb-textDim))}@media (max-width: 900px){.app{flex-direction:column}.lateral{width:100%;flex:none;height:auto;position:static}.lateral nav{flex-direction:row;overflow-x:auto}.nav-item{border-left:none;border-bottom:2px solid transparent;min-width:150px}.nav-item.ativo{border-left:none;border-bottom-color:rgb(var(--hb-accent))}.conteudo{padding:20px 16px 40px}}
