:root{--verde-900:#16294a;--verde-700:#1f62ad;--verde-500:#2f97dd;--verde-100:#e2f1fc;--laranja:#22b8f2;--creme:#f4f8fc;--carvao:#182338;--cinza:#647089;--verm:#c0392b;--amar:#b07417;--sombra:0 4px 18px rgba(22,41,74,0.1);--raio:13px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#eef2f7;color:var(--carvao);line-height:1.5;min-height:100vh}button{font-family:inherit;cursor:pointer}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--verde-900);color:#cfe0f2;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side .logo{font-weight:900;color:#fff;padding:20px 20px 16px;font-size:1.05rem;display:flex;align-items:center;gap:9px}.side .logo .gear-img{height:30px;width:auto;flex-shrink:0}.side .logo small{color:var(--laranja);font-size:.66rem;letter-spacing:.14em;display:block}.side nav{display:flex;flex-direction:column}.side nav a{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#cfe0f2;text-decoration:none;background:transparent;border:none;border-left:3px solid transparent;font-size:.85rem;cursor:pointer;white-space:nowrap;text-align:left}.side nav a:hover{background:rgba(255,255,255,.05)}.side nav a.on{background:rgba(34,184,242,.14);color:var(--laranja);border-left-color:var(--laranja);font-weight:700}.side .grow{flex:1 1}.side .org{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);font-size:.72rem}.side .org b{color:#fff;display:block;font-size:.8rem;margin:2px 0 10px}.side .org .sair{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:7px 9px;font-size:.74rem}.side .org .sair:hover{background:rgba(34,184,242,.18);border-color:var(--laranja)}@media (max-width:880px){.app{grid-template-columns:1fr}.side{position:static;overflow-x:auto;height:auto;align-items:center}.side,.side nav{flex-direction:row}.side .grow,.side .org{display:none}}.main{padding:26px 30px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}.topbar h1{font-size:1.3rem;color:var(--verde-900)}.topbar .sub{font-size:.78rem;color:var(--cinza)}.topbar .right{display:flex;gap:10px;align-items:center}.pill{font-size:.66rem;font-weight:800;padding:4px 11px;border-radius:999px}.pill.ok{background:var(--verde-100);color:var(--verde-700)}.pill.warn{background:#fdf2e4;color:var(--amar)}.pill.bad{background:#fdecec;color:var(--verm)}.demo-badge{font-size:.62rem;font-weight:800;padding:4px 10px;border-radius:999px;background:#fdf2e4;color:var(--amar);border:1px dashed rgba(176,116,23,.5)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.kpi{background:#fff;border-radius:var(--raio);padding:16px 18px;box-shadow:var(--sombra)}.kpi small{font-size:.64rem;color:var(--cinza);text-transform:uppercase;letter-spacing:.06em}.kpi b{display:block;font-size:1.45rem;color:var(--verde-900);margin:2px 0}.kpi .d{font-size:.66rem;font-weight:800}.kpi .d.up{color:var(--verde-500)}.kpi .d.dn{color:var(--verm)}.grid2{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:1020px){.grid2{grid-template-columns:1fr}}.box{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra);padding:20px}.box+.box{margin-top:16px}.box h3{font-size:.92rem;color:var(--verde-900);margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.box h3 .mini{font-size:.68rem;color:var(--cinza);font-weight:500}.bars{display:flex;align-items:flex-end;gap:12px;height:170px;padding:6px 4px 0}.bars .b{flex:1 1;background:linear-gradient(180deg,var(--verde-500),var(--verde-700));border-radius:7px 7px 0 0;position:relative;min-width:22px}.bars .b.hl{background:linear-gradient(180deg,var(--laranja),#1786c4)}.bars .b span{bottom:-20px;font-size:.62rem;color:var(--cinza)}.bars .b em,.bars .b span{position:absolute;left:0;right:0;text-align:center}.bars .b em{top:-18px;font-size:.6rem;font-style:normal;color:var(--verde-700);font-weight:800}.legend{font-size:.7rem;color:var(--cinza);margin-top:28px}table{width:100%;border-collapse:collapse;font-size:.78rem}th{text-align:left;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--cinza);padding:8px 10px;border-bottom:2px solid #f0ece0}td{padding:10px;border-bottom:1px solid #f4f0e4;vertical-align:middle}tr:hover td{background:#fbf9f3}td b{color:var(--verde-900)}td small{display:block;color:var(--cinza);font-size:.66rem}.scroll-x{overflow-x:auto}.bar{height:6px;background:var(--verde-100);overflow:hidden;min-width:70px}.bar,.bar i{border-radius:99px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--verde-500),var(--laranja))}.bar.low i{background:var(--verm)}.btn{border:none;border-radius:10px;padding:10px 16px;font-weight:800;font-size:.78rem}.btn.primary{background:var(--laranja);color:var(--verde-900)}.btn.primary:hover{background:#4cc6f7}.btn.green{background:var(--verde-700);color:#fff}.btn.ghost{background:#fff;border:1.5px solid #ddd6c6;color:var(--verde-700)}.btn.sm{padding:6px 11px;font-size:.68rem;border-radius:8px}.btn:disabled{opacity:.45;cursor:not-allowed}label{font-size:.68rem;font-weight:800;color:var(--verde-900);display:block;margin:9px 0 4px}input,select,textarea{width:100%;border:1.5px solid #ddd6c6;border-radius:9px;padding:9px 11px;font-size:.8rem;background:#fff;font-family:inherit}input:focus,select:focus{outline:2px solid var(--laranja)}.formrow{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.feed{display:flex;flex-direction:column;gap:8px}.fitem{display:flex;gap:10px;align-items:flex-start;font-size:.76rem;padding:9px 0;border-bottom:1px solid #f4f0e4}.fitem:last-child{border:none}.fitem .ic{width:30px;height:30px;border-radius:50%;background:var(--verde-100);display:grid;place-items:center;font-size:.85rem;flex-shrink:0}.fitem small{display:block;color:var(--cinza);font-size:.64rem}.sla{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f4f0e4;font-size:.78rem}.sla:last-child{border:none}.gauge{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:.66rem;font-weight:900;flex-shrink:0;color:#fff}.vazio{text-align:center;color:var(--cinza);font-size:.8rem;padding:18px}.login{max-width:360px;margin:8vh auto;background:#fff;border-radius:16px;box-shadow:var(--sombra);padding:30px 28px}.login .marca{font-weight:900;color:var(--verde-900);font-size:1.1rem}.login .muted{font-size:.8rem;color:var(--cinza);margin:6px 0 16px}.login .erro{color:var(--verm);font-size:.76rem;margin-top:10px}.login .acao{width:100%;margin-top:16px;border:none;border-radius:10px;padding:11px;font-weight:800;font-size:.82rem;background:var(--laranja);color:var(--verde-900)}.login .acao:disabled{opacity:.45;cursor:not-allowed}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--verde-900);color:#fff;padding:13px 22px;border-radius:12px;font-size:.84rem;box-shadow:0 12px 40px rgba(0,0,0,.4);transition:.3s;z-index:99;opacity:0;border:1px solid rgba(34,184,242,.4);max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}#toast b{color:var(--laranja)}