:root{--ink:#17231d;--muted:#708078;--green:#176b4a;--light:#eef5f0;--line:#dde5e0;--bg:#f6f8f6}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#12251d;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;padding:0 8px 26px}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#2d805c}.brand small,.company small{display:block;color:#9db0a6;font-weight:400;margin-top:4px;font-size:11px}nav{display:grid;gap:5px}nav button{border:0;background:none;color:#aac0b5;text-align:left;padding:12px;border-radius:8px;font-size:14px;cursor:pointer}nav button.active,nav button:hover{background:#244236;color:#fff}.company{margin-top:auto;padding:14px 10px;border-top:1px solid #2b453a;font-size:13px}main{margin-left:240px;min-height:100vh;padding:28px 38px}header,.page-head,.panel-title,.modal-head{display:flex;justify-content:space-between;align-items:center}header{margin-bottom:25px}h1{margin:5px 0;font-size:29px}h2{margin:4px 0;font-size:20px}small{font-size:11px;color:var(--muted);letter-spacing:.04em}.actions{display:flex;gap:10px;align-items:center}button{font:inherit;cursor:pointer}.primary,.outline,.panel-title button,.notice button{padding:10px 14px;border-radius:8px;border:0}.primary{background:var(--green);color:#fff}.outline{background:#fff;border:1px solid var(--line)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dce9e1;color:var(--green);font-weight:700}.notice{display:flex;align-items:center;gap:20px;background:#dfeee4;border:1px solid #c5dfcf;border-radius:12px;padding:16px 18px;color:#24553f}.notice span{flex:1;font-size:14px}.notice button,.panel-title button{background:transparent;color:var(--green);font-weight:600}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.cards article,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.cards label{display:block;font-size:13px;color:var(--muted)}.cards strong{display:block;font-size:27px;margin:12px 0 4px}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:15px}.job{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #edf0ee}.job:first-child{margin-top:12px}.time{font-weight:700;color:var(--green)}.job b{display:block;font-size:14px}.job span{font-size:12px;color:var(--muted)}.tag{padding:6px 9px;border-radius:20px;background:#edf4ef;color:var(--green);font-size:11px!important}.donut{width:128px;height:128px;border-radius:50%;margin:24px auto;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#fff 51%,transparent 52%),conic-gradient(#176b4a 0 40%,#347cad 40% 90%,#d78931 90%)}.donut b{font-size:29px}.donut span{font-size:11px;color:var(--muted)}.legend{display:grid;gap:11px}.legend span{display:flex;align-items:center;gap:8px;font-size:13px}.legend b{margin-left:auto}.legend i{width:8px;height:8px;border-radius:50%}.green{background:#176b4a}.blue{background:#347cad}.orange{background:#d78931}.page{display:none}.page.active{display:block}.page-head{margin-bottom:18px}.page-head p{margin:7px 0;color:var(--muted)}.filters{display:flex;gap:8px;margin-bottom:10px}.filters button{border:1px solid var(--line);background:white;padding:8px 13px;border-radius:7px}.filters .active{background:var(--light);color:var(--green)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf0ee;font-size:13px}th{font-size:11px;color:var(--muted);text-transform:uppercase}dialog{border:0;border-radius:14px;padding:0;width:min(570px,92vw);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#102019aa}dialog form{padding:24px}.modal-head button{border:0;background:none;font-size:25px}.modal-head{margin-bottom:20px}form>label,.two label{display:grid;gap:7px;font-size:12px;font-weight:600;margin:13px 0}input,select{padding:12px;border:1px solid var(--line);border-radius:8px;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:950px){aside{width:75px}.brand div,.company,nav button{font-size:0}.brand{padding-left:0}.brand>span{flex:none}main{margin-left:75px;padding:22px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:620px){main{margin-left:0;padding:16px}aside{display:none}header{align-items:flex-start}.outline,.avatar{display:none}.cards{grid-template-columns:1fr 1fr}.notice{align-items:flex-start;flex-wrap:wrap}.notice span{flex-basis:100%}.grid{display:block}.grid .panel{margin-bottom:14px}.two{grid-template-columns:1fr}.table-wrap{overflow:auto}}
/* Mantém o menu legível em computadores com escala de tela ampliada. */
@media (min-width:621px) and (max-width:950px){aside{width:240px}.brand{padding-left:8px}.brand>span{flex:none}.brand div{font-size:17px}.brand small,.company small{font-size:11px}.company{font-size:13px}nav button{font-size:14px}main{margin-left:240px}}