*{box-sizing:border-box}body{margin:0;background:#f3f7f8;color:#303943;font:14px "Segoe UI",system-ui,sans-serif}header{height:70px;background:#fff;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:0 32px 0 18px;box-shadow:0 3px 12px #1641550b;position:relative;z-index:1}header>strong{font-size:21px;color:#145c82}.tools{display:flex;align-items:center;gap:14px}.tools input{width:clamp(130px,28vw,385px)}.avatar{padding:7px;background:#1172a9;color:#fff;border-radius:4px}aside{position:absolute;top:70px;bottom:0;width:220px;background:#1173ad;padding:20px 12px;color:white}body{position:relative;min-height:100vh}nav button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 8px;color:#fff;background:none;border:0;text-align:left;margin-bottom:4px}nav button span{width:19px;text-align:center;font-size:19px}nav button:hover,nav button:focus-visible{background:#0e6598}main{margin-left:220px}.content{padding:31px 40px 25px}h1{font-size:26px;margin:0 0 22px;font-weight:550}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.grid article{background:#fff;height:300px;min-width:0;box-shadow:0 1px 14px #2268870c;border-radius:4px;overflow:hidden}.cardtop{height:51px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e6ebed;padding:0 15px}h2{font-size:14px;font-weight:550;color:#176489;margin:0}.cardtop h2 span{color:#70818a;margin-right:9px;font-size:18px;vertical-align:middle}.link{color:#536773;font-size:11px;background:none;border:0;text-decoration:underline;padding:5px 0;white-space:nowrap}.cardbody{padding:8px 15px;max-height:249px;overflow:auto}.row{display:flex;gap:13px;align-items:center;min-height:54px;border-bottom:1px solid #eff1f2;padding:9px 0}.row:last-child{border:0}.row img{width:52px;height:52px;border-radius:2px;object-fit:cover}.rowtext{flex:1;min-width:0}.row strong{font-size:13px;font-weight:550}.row small{display:block;color:#637581;font-size:12px;margin-top:3px}blockquote{border-left:4px solid #dfb43b;color:#226788;font-size:19px;line-height:1.55;margin:15px 4px;padding:12px 14px}cite{display:block;font-size:13px;color:#465663;margin-top:10px}.chart{display:flex;gap:10px;height:187px;padding:11px 6px 0}.axis{font-size:10px;line-height:25px;color:#546976}.bars{display:flex;align-items:end;justify-content:space-around;flex:1;border-bottom:1px solid #e3ebef;gap:4px}.bar{text-align:center;font-size:10px;color:#536680}.bar i{width:7px;display:block;margin:0 auto 4px}.caption{text-align:center;font-size:10px;letter-spacing:.1em;margin-top:10px}.leavechart{position:relative;max-width:280px;margin:16px auto 0}.ring{height:192px;width:192px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#36bf34 0 12.5%,#04a9df 12.5% 37.5%,#e5b328 37.5% 75%,#ed3534 75%)}.ring div{height:162px;width:162px;border-radius:50%;background:white;display:grid;place-content:center;text-align:center}.ring strong{font-size:38px;line-height:1}.label{position:absolute;font-size:16px;font-weight:650;background:white}.label small{display:block;font-weight:400;color:#526471}.cl{right:18px;top:0;color:#259b31}.pl{right:0;top:78px;color:#0783aa}.sl{left:14px;bottom:0;color:#a88017}.co{left:0;top:10px;color:#bb2727}footer{text-align:right;background:#fff;color:#657580;padding:20px 40px;font-size:12px}button{font:inherit;cursor:pointer}input{font:inherit;padding:8px;border:1px solid #d8e1e5;border-radius:4px}dialog{border:1px solid #d8e1e5;border-radius:6px;width:min(500px,90vw);color:inherit}dialog::backdrop{background:#12263880}dialog label{display:block;margin:10px 0}dialog input{display:block}.primary{border:0;background:#1173ad;color:#fff;padding:9px 12px;border-radius:4px}#status:empty{display:none}#status{padding-top:12px}@media(max-width:1160px){.grid{gap:20px}.content{padding:26px}.ring{scale:.82}.label{z-index:1}}@media(max-width:970px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:690px){aside{position:static;width:auto;padding:0 8px}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap}main{margin:0}header{padding:0 12px}header>strong{font-size:16px}.tools{gap:6px}.tools small{display:none}.content{padding:18px}}@media(max-width:470px){.grid{grid-template-columns:1fr}}

:root{--navy:#00142d;--teal:#2b6e88;--teal-dark:#21566a}
body{background:#f2f7f9;color:var(--navy)}
.portal-brand{display:flex;align-items:center;gap:12px;min-width:0}
.portal-brand img{height:48px;width:auto;flex:none}
.portal-brand strong{color:var(--navy);font-size:21px;line-height:1.15}
aside{background:var(--navy)}
nav button:hover,nav button:focus-visible,nav button[aria-current=true]{background:var(--teal-dark);border-radius:4px}
.avatar,.primary{background:var(--teal)}
h2,.link,blockquote{color:var(--teal-dark)}
blockquote{border-color:var(--teal)}
.ring{background:conic-gradient(#77a9bb 0 12.5%,#2b6e88 12.5% 37.5%,#17455c 37.5% 75%,#00142d 75%)}
.cl,.pl,.sl,.co{color:var(--teal-dark)}
@media(max-width:690px){.portal-brand strong{font-size:15px}.portal-brand img{height:37px}.portal-brand{gap:8px}.tools input{width:clamp(85px,24vw,165px)}.tools .avatar{display:none}}