:root{--navy:#0B1D5E;--navy-2:#122A80;--blue:#1B3BBB;--blue-soft:#E4E9FB;--orange:#E8762B;--orange-soft:#FCEDE0;--bg:#F2F4FA;--paper:#FFFFFF;--line:#DDE2F0;--ink:#182036;--ink-2:#3E4763;--ink-3:#5E6788;--ok:#1F7A44;--ok-soft:#E2F3E9;--warn:#9A5D06;--warn-soft:#FBF0DC;--bad:#B33124;--bad-soft:#F9E5E2;--r:10px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer;border:none;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.topbar{position:sticky;top:0;z-index:20;height:56px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:14px;padding:0 16px}.logo{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.logo .mark{font-weight:700;font-size:17px;letter-spacing:.3px}.logo .sub{font-size:11px;color:#aabaf0;letter-spacing:.8px;text-transform:uppercase}.hamburger{display:none;color:#fff;font-size:20px;padding:8px;border-radius:8px}.topuser{margin-left:auto;display:flex;align-items:center;gap:10px}.topuser .tu-nome{font-weight:700;font-size:13px}.topuser .tu-papel{font-size:10.5px;color:#aabaf0;text-transform:uppercase;letter-spacing:.6px}.btn-sair{color:#c7d1f2;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.25)}.btn-sair:hover{background:#ffffff1a;color:#fff}.layout{display:flex;min-height:calc(100vh - 56px)}.side{width:216px;flex-shrink:0;background:var(--paper);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:2px}.navbtn{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px;border-radius:8px;color:var(--ink-2);font-weight:600;font-size:13.5px;text-decoration:none}.navbtn:hover{background:var(--bg)}.navbtn.on{background:var(--blue-soft);color:var(--blue)}.navbtn .ico{width:18px;text-align:center;font-size:14px}.main{flex:1;padding:26px 30px 60px;max-width:1160px;min-width:0}@media (max-width:840px){.hamburger{display:block}.side{position:fixed;top:56px;left:0;bottom:0;z-index:30;transform:translate(-100%);transition:transform .2s;box-shadow:4px 0 20px #0b1d5e26}.side.aberta{transform:translate(0)}.scrim{position:fixed;top:56px;right:0;bottom:0;left:0;background:#0b1d5e59;z-index:25}.main{padding:18px 14px 60px}.logo .sub{display:none}}h1{font-size:21px;font-weight:700;text-wrap:balance}h2{font-size:15px;font-weight:700}.crumb{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:4px}.pagehead{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;flex-wrap:wrap}.pagehead .grow{flex:1;min-width:220px}.pagehead p{color:var(--ink-2);margin-top:3px;max-width:64ch}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}.card .hd{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.card .bd{padding:16px}.btn{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13px;padding:9px 16px;border-radius:8px;transition:filter .15s}.btn:hover{filter:brightness(1.07)}.btn.pri{background:var(--blue);color:#fff}.btn.sec{background:var(--paper);color:var(--blue);border:1px solid var(--line)}.btn.ok{background:var(--ok);color:#fff}.btn.ghostbad{background:var(--paper);color:var(--bad);border:1px solid var(--line)}.btn:disabled{opacity:.55;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap}.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.orange{background:var(--orange-soft);color:#8f4210}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.grey{background:#eef0f6;color:var(--ink-2)}.num{font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;font-size:13.5px}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--ink-3);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}td.num,th.num{text-align:right}tr:last-child td{border-bottom:none}tr.total td{font-weight:700;background:var(--bg)}.tblwrap{overflow-x:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:900px){.grid2,.grid3{grid-template-columns:1fr}}.kpi .v{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.kpi .l{font-size:11.5px;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.6px}.note{background:var(--blue-soft);border:1px solid #C9D4F5;border-radius:8px;padding:10px 14px;font-size:13px;color:#22307a}.vazio{padding:34px;text-align:center;color:var(--ink-3);font-size:13.5px}.kan{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:12px;overflow-x:auto}.kancol{background:#ebeef7;border-radius:var(--r);padding:10px;min-width:190px}.kancol .kh{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-2)}.kancol .kh .ct{background:#fff;border-radius:99px;padding:1px 8px;font-size:11px}.kcard{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:11px 12px;margin-bottom:9px;box-shadow:0 1px 2px #0c1d5e0d}.kcard .co{font-weight:700;font-size:13px}.kcard .un{font-size:12px;color:var(--ink-2)}.kcard .mt{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.fld{margin-bottom:14px}.fld label{display:block;font-size:12px;font-weight:700;color:var(--ink-2);margin-bottom:5px}.fld input,.fld select{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:600px){.frow{grid-template-columns:1fr}}.flbl{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3);margin:16px 0 8px;padding-top:12px;border-top:1px dashed var(--line)}.flbl:first-child{margin-top:0;padding-top:0;border-top:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1d5e73;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:var(--paper);border-radius:14px;width:100%;max-width:620px;box-shadow:0 20px 60px #0b1d5e59}.modal .mhd{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal .mhd h2{flex:1}.modal .mbd{padding:20px}.modal .mft{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line);background:var(--bg);border-radius:0 0 14px 14px}.xclose{width:30px;height:30px;border-radius:8px;color:var(--ink-3);font-size:16px;font-weight:700}.xclose:hover{background:var(--bg);color:var(--ink)}.unitrow{display:grid;grid-template-columns:1fr 130px 34px;gap:8px;margin-bottom:8px}.unitrow input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}.unitdel{color:var(--ink-3);font-weight:700;border-radius:8px}.unitdel:hover{background:var(--bad-soft);color:var(--bad)}.radiorow{display:flex;gap:10px;flex-wrap:wrap}.radiocard{flex:1;min-width:180px;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;text-align:left;background:#fff}.radiocard.on{border-color:var(--blue);background:var(--blue-soft)}.radiocard b{display:block;font-size:13.5px}.radiocard span{font-size:12px;color:var(--ink-2)}.radiocard.on b{color:var(--blue)}.gtabs{display:flex;gap:8px;flex-wrap:wrap}.gtab{border:1.5px solid var(--line);border-radius:99px;padding:6px 13px;font-weight:600;font-size:12.5px;color:var(--ink-2);background:#fff}.gtab.on{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.legend{display:flex;gap:16px;font-size:12px;color:var(--ink-2);font-weight:600}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.hrow{display:grid;grid-template-columns:minmax(150px,230px) 1fr 150px;gap:14px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--bg)}.hrow:last-child{border-bottom:none}.hrow .hname{font-weight:700;font-size:13.5px}.hrow .hsub{font-size:11.5px;color:var(--ink-3);font-weight:500}.hbarwrap{position:relative;background:#eef0f6;border-radius:6px;height:24px}.hbar{position:absolute;left:0;top:0;bottom:0;background:var(--orange);border-radius:6px 0 0 6px;min-width:2px}.hmark{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--blue);border-radius:2px}.hval{position:absolute;top:0;bottom:0;display:flex;align-items:center;font-size:11.5px;font-weight:800;color:#5e3208;padding-left:8px;font-variant-numeric:tabular-nums}.hmeta{display:flex;flex-direction:column;gap:2px;align-items:flex-end;font-size:12px;color:var(--ink-2)}@media (max-width:700px){.hrow{grid-template-columns:1fr}.hmeta{align-items:flex-start}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 55%,#1B3BBB 100%);padding:20px}.login-card{background:var(--paper);border-radius:16px;padding:34px 32px;width:100%;max-width:400px;box-shadow:0 24px 70px #040a2880}.login-card .lg{font-weight:800;font-size:22px;color:var(--navy)}.login-card .ls{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:22px}.login-erro{background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:9px 12px;font-size:12.5px;font-weight:600;margin-bottom:12px}.demo-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.demo-chips .chipzinho{font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:99px;background:var(--blue-soft);color:var(--blue)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(80px);background:var(--navy);color:#fff;padding:11px 20px;border-radius:99px;font-weight:600;font-size:13px;transition:transform .25s;z-index:50;box-shadow:0 8px 24px #0c1d5e59}.toast.show{transform:translate(-50%) translateY(0)}