*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:#172c3b;font:14px 'Segoe UI',sans-serif}aside{position:fixed;width:238px;inset:0 auto 0 0;background:#102e39;color:#fff;padding:35px 24px}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-weight:700;letter-spacing:1px}.brand b{font-size:35px}.brand b span{color:#53d4b0}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:3px;margin-top:5px}.label{font-size:9px;letter-spacing:1.7px;color:#93abb3;margin-top:55px}nav button{display:flex;gap:12px;width:100%;border:0;background:none;color:#adbec3;padding:14px 12px;text-align:left;margin:6px 0;border-radius:7px;font:inherit;cursor:pointer}nav .active{background:#25464f;color:#fff}.sidefoot{position:absolute;bottom:32px;font-size:11px;color:#c4d3d6}.sidefoot small{display:block;margin-top:8px;color:#8ca5ae}.sidefoot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62d8b6;margin-right:6px}main{margin-left:238px}header{height:78px;border-bottom:1px solid #e1e7ea;display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:12px;background:white;color:#6c7f89}em{margin:0 15px;color:#bfccd1}.avatar{background:#e3efeb;color:#26755f;border-radius:50%;padding:10px;font-weight:700}section{max-width:1440px;margin:auto;padding:38px 42px}.heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#388372;font-size:10px;font-weight:700;letter-spacing:1.8px}h1{font-size:30px;letter-spacing:-1px;font-weight:650;margin:13px 0}p{line-height:1.6}.muted{color:#768792;font-size:13px}.demo,.planned{font-size:9px;letter-spacing:1px;color:#72818c;border:1px solid #d6e0e3;border-radius:5px;padding:8px 10px;white-space:nowrap}.notice{display:flex;gap:14px;background:#edf5f2;border:1px solid #d7e7e0;border-radius:8px;padding:15px 19px;margin:24px 0;color:#3b6a5a}.notice>span{font-size:23px}.notice strong{font-size:12px}.notice p{margin:3px 0 0;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:white;border:1px solid #e2e8eb;border-radius:9px;padding:21px}.stat label{color:#758690;font-size:12px}.stat strong{display:block;font-size:32px;margin:9px 0}.stat small{font-size:10px;color:#829099}.tablecard{background:white;border:1px solid #e1e7ea;border-radius:10px;overflow:hidden}.cardtop{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 8px}h2{margin:0;font-size:18px}.cardtop p{margin:6px 0}.outline{border:1px solid #dbe3e6;border-radius:6px;background:white;color:#354f5b;padding:10px 14px;cursor:pointer}.toolbar{display:flex;gap:10px;padding:18px 25px 24px}input,select{border:1px solid #dbe3e7;border-radius:6px;padding:11px;color:#536772;background:white;font:inherit;font-size:12px}input{flex:1;min-width:160px}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #208a70;outline-offset:3px}.quiet{background:none;border:0;color:#4a7b6c;cursor:pointer;font-size:12px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:1px;background:#f8fafb;color:#84939b;padding:15px 25px}td{border-top:1px solid #edf0f2;padding:19px 25px;font-size:12px}td small{display:block;color:#87969e;font-size:10px;margin-top:5px}td button{border:0;background:none;color:#1c514c;font-weight:650;cursor:pointer;padding:0}.badge{border-radius:20px;background:#edf7f1;color:#418462;padding:5px 9px;font-size:10px}.pending{background:#fcf3df;color:#997528}.home{color:#6d74a4}footer{display:flex;justify-content:space-between;border-top:1px solid #edf0f2;padding:17px 25px;color:#8a99a2;font-size:10px}.bottom{display:flex;gap:16px;align-items:center;margin-top:22px;padding:20px;background:#edf1f4;border-radius:8px}.bottom>span:first-child{font-size:28px;color:#63878d}.bottom strong{font-size:12px}.bottom p{font-size:11px;color:#7b8c95;margin:4px 0}.planned{margin-left:auto}.copyright{display:flex;justify-content:space-between;font-size:10px;color:#8c9ba4;margin-top:30px}dialog{border:0;border-radius:12px;max-width:680px;width:90%;padding:28px;box-shadow:0 15px 80px #102e3940}dialog::backdrop{background:#102e3977}.dialoghead{display:flex;justify-content:space-between;margin-bottom:20px}.dialoghead button{border:0;background:none;font-size:25px;cursor:pointer}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detailgrid div{padding:12px;background:#f6f8fa;border-radius:6px}.detailgrid small{display:block;color:#7b8c95;margin-bottom:6px}.roadmap{padding:28px}.roadmap li{padding:12px}.roadmap li p{color:#7b8c95;margin:5px 0}@media(max-width:1000px){aside{width:190px;padding:30px 16px}main{margin-left:190px}section{padding:25px}.heading{display:block}.demo{display:inline-block}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}.brand b{font-size:24px}.label,.sidefoot{display:none}nav{display:flex;margin-top:16px}nav button{margin:0}.brand small{font-size:8px}main{margin:0}header{height:50px;padding:0 22px}section{padding:22px 16px}h1{font-size:25px}.stat{padding:15px}.cardtop{gap:10px;padding:20px 16px}.toolbar{padding:16px}input{flex-basis:100%}footer{gap:20px}.copyright span{display:none}.detailgrid{grid-template-columns:1fr}}

/* Identidade institucional: referência https://www.unifase-rj.edu.br/ */
body{color:#003057;background:#f5f6f8}aside{background:#003057}.brand{display:block;background:#fff;padding:14px 5px 12px;border-radius:4px;text-align:center}.brand img{max-width:100%;height:auto}.productname{display:block;color:#003057;font-size:7px;letter-spacing:1.2px;margin-top:13px;padding-top:12px;border-top:1px solid #e2e6eb}.brand .productname small{font-size:10px;letter-spacing:.2px;font-weight:600;margin-top:5px}nav .active{background:#16456c;border-left:3px solid #bc243c;border-radius:3px}.eyebrow{color:#991426}.heading h1:after{content:'';display:block;background:#991426;width:48px;height:4px;margin-top:18px}.notice{background:#edf2f8;border-color:#d7e1ed;color:#003057}.avatar{background:#edf2f8;color:#003057}.stat:first-child{border-top:3px solid #003057}.stat:last-child{border-top:3px solid #991426}.quiet,td button{color:#003057}.sidefoot i{background:#e8adba}.bottom{background:#eaf0f6}.bottom>span:first-child{color:#003057}.demo{color:#991426;background:#fff;border-color:#ecd4d8}button:focus-visible,a:focus-visible{outline-color:#991426}input:focus,select:focus{outline:2px solid #003057;outline-offset:2px}h3{font-size:14px;margin-top:25px}.roadmap .detailgrid{margin-top:24px}.roadmap .detailgrid p{font-size:13px;color:#63798b}.label{margin-top:36px}@media(max-width:650px){.brand{max-width:235px;margin:auto}.productname{display:none}.brand img{width:180px}nav{flex-wrap:wrap}nav button{width:auto;flex:1;font-size:11px}.heading h1{font-size:25px}}