*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f6fa;color:#172b42;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select{font:inherit;cursor:pointer}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e5aa35;outline-offset:4px}a{color:inherit;text-decoration:none}.rail{width:244px;position:fixed;inset:0 auto 0 0;background:#102a40;color:#c8d5df;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:13px;align-items:center;color:white;font-weight:650;font-size:17px}.brand small{font-size:10px;letter-spacing:1.2px;margin-top:3px}.mark{font-size:24px;letter-spacing:-2px;background:#fff;color:#12394b;border-radius:12px;padding:6px 9px}.mark span{color:#128774;letter-spacing:0}.rail small,.fresh small{display:block}.rail-label{font-size:12px;letter-spacing:1.7px;margin:54px 12px 16px;color:#98b1c3}.nav{display:flex;gap:12px;padding:13px 12px;border-radius:8px;margin:4px 0;font-size:14px}.nav.active{background:#25475b;color:white;border-left:3px solid #51d5bc}.nav:hover{background:#25475b}.badge{margin-left:auto;background:#d9a852;color:#182b3b;padding:0 7px;border-radius:5px}.rail-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;font-size:14px}.rail-bottom small{font-size:12px;color:#adc0ce}.avatar{border-radius:50%;background:#355466;padding:10px;font-size:12px;color:white}main{margin-left:244px;padding:0 36px;max-width:1800px}.demo{font-size:13px;padding:13px 0;color:#596c7e;border-bottom:1px solid #dce4ec}.demo>span{font-size:11px;font-weight:750;letter-spacing:1px;background:#e1eaf3;border:1px solid #d2dde8;border-radius:4px;padding:4px 7px;margin-right:10px}header{padding:28px 0 24px}.eyebrow{font-size:12px;letter-spacing:1.7px;color:#587080;font-weight:650}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin:10px 0 6px;font-weight:680}.heading p{margin:0;color:#64768a}.fresh{text-align:right;font-size:14px}.fresh small{font-size:12px;color:#65788b;margin-top:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.seg{background:#e7edf3;padding:4px;border-radius:9px;display:flex;gap:4px}.seg button{padding:9px 14px;border:0;background:none;color:#53677c;border-radius:6px;font-size:14px}.seg button.selected{background:white;color:#17364b;box-shadow:0 1px 4px #17364b18;font-weight:650}.toolbar label{font-size:14px;color:#5b6e80}.toolbar select{background:white;border:1px solid #d6e0e9;border-radius:7px;padding:9px 12px;color:#18354b;margin-left:8px;font-size:14px}.range{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6a7b8c;margin:13px 0 20px}.range>span:first-child{font-weight:650}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:#fff;border:1px solid #e0e7ef;border-radius:12px;padding:20px 22px;position:relative;overflow:hidden}.metric:first-child{background:#12374a;color:white;border-color:#12374a}.metric:first-child small{color:#bdd1db}.metric label{font-size:14px;font-weight:550}.metric strong{display:block;font-size:38px;letter-spacing:-1px;line-height:1.4;margin-top:5px}.metric small{font-size:12px;color:#6e8090}.metric .accent{height:4px;background:#169982;position:absolute;bottom:0;left:0;width:100%}.chart-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px}.panel{background:white;border:1px solid #e0e7ef;border-radius:12px;padding:23px;min-width:0;scroll-margin-top:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:0}.panel-head p{font-size:13px;color:#697c8e;margin:5px 0 0}.pill{white-space:nowrap;background:#f0f5f8;color:#5b7182;padding:5px 8px;border-radius:5px;font-size:12px}.chart-total{display:flex;align-items:baseline;gap:10px;margin-top:20px}.chart-total strong{font-size:30px}.chart-total span{font-size:13px;color:#6a7d8e}.trend-svg svg{width:100%;height:204px;display:block}.legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:#65798a}.legend>span{display:flex;gap:7px;align-items:center}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.mi{background:#139780}.or{background:#4b7ee5}.ring{width:158px;height:158px;border-radius:50%;margin:22px auto 14px;display:grid;place-items:center;background:conic-gradient(#139780 0deg 90deg,#edf2f6 90deg 360deg)}.ring>div{background:white;border-radius:50%;width:126px;height:126px;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring strong{font-size:32px;letter-spacing:-1px}.ring span{font-size:13px;color:#697b8c}.cohort-caption{text-align:center;font-size:14px;margin:0 0 18px}.note{background:#f5f8fb;border-radius:7px;padding:12px;font-size:12px;line-height:1.6;color:#63798c}.lower-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin:22px 0}.inventory{display:flex;align-items:baseline;gap:10px;margin:17px 0}.inventory strong{font-size:30px}.inventory span{font-size:13px;color:#687d8e}.stage-row{display:grid;grid-template-columns:150px 1fr 40px;gap:12px;align-items:center;margin:15px 0;font-size:14px}.stage-track{height:13px;background:#f0f4f7;border-radius:4px;overflow:hidden;display:flex}.stage-track span{height:100%}.stage-row b{text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.small-note{font-size:12px;color:#7b8a98;margin:16px 0 0}.score-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eef2f6;padding:15px 0}.score-row .rank{font-size:12px;color:#7a8c9c;width:15px}.score-row .person{flex:1;font-size:14px}.person small{display:block;color:#7a8c9b;font-size:12px}.score-row strong{font-size:20px}.scoreboard .note{margin-top:20px}.count{font-size:13px;color:#9a610c;background:#fff0d0;border-radius:5px;padding:3px 7px;margin-left:5px}.amber{background:#fff4dd;color:#92601a}.table-wrap{overflow-x:auto;margin-top:18px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:500;font-size:12px;color:#738497;background:#f7f9fb;padding:10px 12px}td{padding:15px 12px;border-bottom:1px solid #eaf0f5}td:first-child{font-weight:600}td button{border:1px solid #d7e2ec;border-radius:6px;background:white;padding:6px 12px;color:#285371;font-size:13px}footer{display:flex;justify-content:space-between;gap:10px;color:#8794a1;font-size:12px;padding:25px 0}dialog{border:1px solid #dbe5ed;border-radius:14px;max-width:480px;padding:30px;color:#18344a;box-shadow:0 25px 90px #102a4055}dialog::backdrop{background:#102a4077}dialog h2{margin-top:15px}dialog p{font-size:15px;line-height:1.7}.close{float:right;border:0;background:none;font-size:24px;color:#546c7e}.primary{background:#123f50;border:0;border-radius:6px;color:white;padding:10px 15px;margin-top:20px}.muted{color:#8191a0}@media(min-width:1600px){main{padding:0 55px}.trend-svg svg{height:225px}}@media(max-width:1100px){.rail{width:195px;padding:28px 12px}.brand{font-size:14px}.brand small{font-size:9px}main{margin-left:195px;padding:0 22px}.metrics{gap:10px}.metric{padding:17px}.panel{padding:18px}.stage-row{grid-template-columns:125px 1fr 30px}.panel-head{flex-wrap:wrap}.range{flex-direction:column}.fresh{display:none}}@media(max-width:800px){.rail{position:relative;width:100%;padding:15px 20px;display:block}.rail-label,.rail .nav,.rail-bottom{display:none}.brand small{font-size:10px}main{margin-left:0;padding:0 18px}.chart-grid,.lower-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}h1{font-size:29px}.demo{line-height:2}.range{font-size:12px}.trend-svg svg{height:auto}footer{flex-direction:column}.seg button{padding:9px 10px}.stage-row{grid-template-columns:135px 1fr 30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}