:root{--bg: #0a0f0c;--bg2: #0e1512;--panel: #111a15;--panel2: #0c130f;--line: #1e2b23;--ink: #e8f0ea;--mute: #8aa094;--acc: #22c55e;--acc-ink: #062;--warn: #f59e0b;--bad: #ef4444;--good: #22c55e;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#0f2018 0%,var(--bg) 55%);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--acc)}.top{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line);background:#080e0bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:-.02em;font-size:18px}.brand b{color:var(--acc)}.tenant{font-size:12px;color:var(--mute);border:1px solid var(--line);padding:3px 8px;border-radius:999px}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav button{font:inherit;font-size:13px;color:var(--mute);background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 12px;cursor:pointer}.nav button:hover{color:var(--ink);background:var(--panel)}.nav button[aria-selected=true]{color:#052;background:var(--acc);border-color:var(--acc);font-weight:700}.spacer{flex:1}.token{font-size:11px;color:var(--mute);font-family:ui-monospace,monospace}.token b{color:var(--acc)}.sair{font:inherit;font-size:13px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer}.wrap{max-width:1200px;margin:0 auto;padding:22px 20px 80px}h1{font-size:22px;margin:0 0 2px;letter-spacing:-.01em}.sub{color:var(--mute);font-size:13.5px;margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.kpi .lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.kpi .val{font-size:26px;font-weight:800;margin-top:4px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.row{display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:#46524b;flex:none}.dot.on{background:var(--good);box-shadow:0 0 8px var(--good)}.tag{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--mute)}.tag.prod,.tag.produtivo{color:var(--good);border-color:#14532d}.tag.improd,.tag.improdutivo{color:var(--bad);border-color:#4c1d1d}.tag.neutro{color:var(--mute)}.tag.warn{color:var(--warn);border-color:#4a370f}.bar{height:7px;border-radius:999px;background:#17251d;overflow:hidden;margin-top:10px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#16a34a,var(--acc))}.bar.low>i{background:linear-gradient(90deg,#b45309,var(--warn))}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid var(--line)}tr:hover td{background:var(--panel2)}.btn{font:inherit;font-size:13px;font-weight:600;background:var(--acc);color:#052;border:none;border-radius:9px;padding:9px 14px;cursor:pointer}.btn.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn.sm{padding:5px 10px;font-size:12px}input,select,textarea{font:inherit;font-size:14px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 12px;width:100%}input::placeholder,textarea::placeholder{color:#566}label{display:block;font-size:12px;color:var(--mute);margin:12px 0 6px}.section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.section h2{font-size:16px;margin:0 0 4px}.section .hint{color:var(--mute);font-size:13px;margin:0 0 14px}.warnbox{background:#1a1408;border:1px solid #4a370f;color:#f6c66a;border-radius:10px;padding:10px 12px;font-size:13px;margin:10px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.grid2{grid-template-columns:1fr}}.muted{color:var(--mute)}.right{text-align:right}.mono{font-family:ui-monospace,monospace;font-size:12.5px}.pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch input{width:auto}.live{aspect-ratio:16/9;background:#05080660;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--mute);position:relative;overflow:hidden}.live .ping{position:absolute;top:10px;left:10px;z-index:2}.live.cheia,.live:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;border:0;border-radius:0;background:#000}.monbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.barra-cheia{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:3;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;background:#0b0f0ccc;border:1px solid var(--line);border-radius:12px;padding:8px 12px;opacity:.25;transition:opacity .2s;max-width:calc(100vw - 32px)}.barra-cheia:hover,.barra-cheia:focus-within{opacity:1}@media (prefers-reduced-motion: reduce){.barra-cheia{transition:none}}.empty{text-align:center;color:var(--mute);padding:60px 20px}