:root{--bg:#0e1114;--painel:#161b21;--borda:#2a323b;--papel:#e8dfc8;--vermelho:#c8372d;--cinza:#8a9199;--verde:#4fbf7a;--amarelo:#e0b84a;--azul:#5aa0e0}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--papel);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--borda);background:var(--painel);flex-wrap:wrap}header h1{font-size:17px;margin:0;letter-spacing:.14em;text-transform:uppercase}header h1 b{color:var(--vermelho)}.pt{flex:1}.ponto{width:10px;height:10px;border-radius:50%;background:var(--cinza)}.ponto.on{background:var(--verde);box-shadow:0 0 8px var(--verde)}#relogio{color:var(--cinza);font-variant-numeric:tabular-nums}button,.btn{background:#222a33;color:var(--papel);border:1px solid var(--borda);border-radius:8px;padding:7px 12px;font:inherit;cursor:pointer}button:hover{border-color:var(--cinza)}button.p{background:var(--vermelho);border-color:var(--vermelho);color:#fff}main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(340px,1fr);gap:14px;padding:14px;flex:1;align-items:start}.esq,.dir{display:grid;gap:14px;align-content:start;min-width:0}.dir{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto}#cena{width:100%;height:min(62vh,640px);min-height:340px;border-radius:8px;overflow:hidden;background:#090b0e}#cena canvas{display:block}.cena-card{padding:8px}.dica{color:var(--cinza);font-size:12px;text-align:center;margin-top:6px}body:not(.sem3d) #escritorio{display:none}body.sem3d #cena,body.sem3d .dica{display:none}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:#10151b;border:1px solid var(--borda);border-radius:10px;padding:10px 12px}.tile .n{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.tile .l{color:var(--cinza);font-size:12px}.tile.yt{border-top:3px solid #e0463a}.tile.tk{border-top:3px solid #4fd0e0}.spark{display:block;width:100%;height:26px}.met{display:flex;gap:12px;flex-wrap:wrap;color:var(--cinza);font-size:12.5px;margin-top:4px}.met b{color:var(--papel)}@media(max-width:980px){main{grid-template-columns:1fr}.dir{position:static;max-height:none}#cena{height:52vh}}.card{background:var(--painel);border:1px solid var(--borda);border-radius:12px;padding:12px}.card h2{margin:0 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}#escritorio{width:100%;height:auto;image-rendering:pixelated;border-radius:8px;background:#0b0d10;display:block}.prod .tit{font-size:18px;font-weight:600}.prod .linha{display:flex;justify-content:space-between;gap:10px;color:var(--cinza);font-size:13px;margin-top:4px}.barra{height:22px;background:#0b0d10;border:1px solid var(--borda);border-radius:999px;overflow:hidden;margin:10px 0 4px;position:relative}.barra i{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(45deg,var(--vermelho) 0 12px,#a52d25 12px 24px);transition:width .8s ease}.barra.ok i{background:var(--verde)}.barra.erro i{background:#7a2b2b}.barra span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;text-shadow:0 1px 2px #000}.abas{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.abas button.ativa{background:var(--papel);color:#111;border-color:var(--papel)}.lista{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}.item{background:#10151a;border:1px solid var(--borda);border-radius:8px;padding:8px 10px}.item .t{font-weight:600}.item .s{color:var(--cinza);font-size:12.5px}.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;border:1px solid var(--borda);color:var(--cinza);margin-right:6px}.tag.v{color:var(--vermelho);border-color:var(--vermelho)}.tag.g{color:var(--verde);border-color:var(--verde)}.tag.a{color:var(--amarelo);border-color:var(--amarelo)}form.f{display:grid;gap:8px;margin-top:10px}input,select{background:#0b0d10;color:var(--papel);border:1px solid var(--borda);border-radius:8px;padding:8px 10px;font:inherit;width:100%}.vazio{color:var(--cinza);text-align:center;padding:16px}.cfg{display:grid;grid-template-columns:1fr 130px;gap:8px;align-items:center}.login{max-width:340px;margin:12vh auto;padding:22px}.login h1{margin:0 0 14px;font-size:20px;letter-spacing:.12em;text-transform:uppercase}.erro-msg{color:#ff8a80;min-height:20px;font-size:13px}.metas{margin-top:12px}.metas .grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.meta{background:#10151b;border:1px solid var(--borda);border-radius:10px;padding:10px 12px}.meta .t{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--cinza)}.meta .n{font-size:22px;font-weight:700;margin:2px 0}.meta .n small{font-size:13px;color:var(--cinza);font-weight:400}.meta .b{height:10px;background:#0b0d10;border:1px solid var(--borda);border-radius:999px;overflow:hidden;position:relative;margin:6px 0 4px}.meta .b i{position:absolute;inset:0 auto 0 0;background:var(--amarelo);transition:width .8s ease}.meta .b u{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--azul)}.meta.ok .b i{background:var(--verde)}.meta .f{font-size:12px;color:var(--cinza)}.metas .regra{color:var(--cinza);font-size:12.5px;margin:10px 0 0}.metas .sel{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.metas .sel .tag{margin:0}
