@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#17243b;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh;background:#f5f7fb}.sidebar{width:252px;flex-shrink:0;background:#fff;border-right:1px solid #e7ebf2;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:28px 20px 34px}.brand-mark{width:42px;height:42px;border-radius:12px;background:#173f79;color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:800;flex-shrink:0}.brand strong{display:block;font-size:13px;font-weight:800;letter-spacing:.5px}.brand small{display:block;margin-top:5px;font-size:9px;font-weight:700;letter-spacing:1.4px;color:#8b97aa}.nav-caption{padding:0 25px 14px;color:#9aa5b5;font-size:10px;font-weight:800;letter-spacing:1.5px}.sidebar nav{display:flex;flex-direction:column;gap:5px;padding:0 12px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 15px;border:0;border-radius:9px;background:transparent;color:#69778b;font-size:13px;font-weight:600;text-align:left;transition:background .2s,color .2s}.nav-item:hover{background:#f3f6fa;color:#173f79}.nav-item.selected{background:#eaf1fb;color:#255eaa;font-weight:700}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:20px 16px;border-top:1px solid #edf0f5}.avatar,.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:11px;background:#e7edf7;color:#25548d;font-size:12px;font-weight:800;flex-shrink:0}.avatar{width:36px;height:36px}.sidebar-bottom>div:nth-child(2){flex:1;min-width:0}.sidebar-bottom strong{display:block;font-size:12px}.sidebar-bottom small{display:block;color:#98a3b4;font-size:10px;margin-top:4px}.sidebar-bottom>svg{color:#9aa5b5}.main-area{flex:1;min-width:0}.topbar{height:75px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{font-size:12px;color:#8793a6}.breadcrumbs span{margin:0 10px;color:#c1c9d4}.breadcrumbs strong{color:#26364e;font-weight:700}.top-actions{display:flex;align-items:center;gap:24px;color:#758298}.environment{padding:7px 12px;background:#f0f4f9;border:1px solid #e6ebf2;border-radius:7px;color:#65758d;font-size:11px;font-weight:600}.user-avatar{width:34px;height:34px;border-radius:50%}.menu-button,.mobile-close{display:none;border:0;background:transparent;color:#26364e}.content{max-width:1600px;margin:0 auto;padding:37px 38px 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#4b7ebf;margin-bottom:12px}h1,h2,h3,p{margin-top:0}.page-heading h1{font-size:29px;font-weight:800;letter-spacing:-.8px;margin-bottom:10px}.page-heading p{font-size:13px;color:#8a97aa;margin-bottom:0;line-height:1.6}.preview-pill{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #e5eaf1;border-radius:7px;background:#fff;color:#77859a;font-size:10px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.preview-pill span{width:7px;height:7px;border-radius:50%;background:#e9a24a}.metrics{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:17px;margin-bottom:39px}.metric-card{background:#fff;border:1px solid #e8edf4;border-radius:13px;padding:22px;min-height:182px;box-shadow:0 3px 15px #182c4d06}.metric-card.featured{background:linear-gradient(135deg,#173e76,#285b9e);color:#fff;border-color:transparent}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:#78869a}.featured .metric-label{color:#d9e8fa}.metric-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#eff4fb;color:#4775c5}.metric-value{font-size:39px;font-weight:800;letter-spacing:-1px;margin-top:24px;color:#17243b}.metric-note{font-size:11px;color:#98a5b5;margin-top:8px}.featured-content{display:flex;align-items:center;gap:22px;margin-top:17px}.progress-ring{width:105px;height:105px;border-radius:50%;flex-shrink:0;background:conic-gradient(#8ad7c4,#8ad7c4 2.772deg,#ffffff2e 2.772deg,#ffffff2e 360deg);display:flex;align-items:center;justify-content:center}.progress-ring>div{width:85px;height:85px;border-radius:50%;background:#204d87;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font-size:23px;font-weight:800}.progress-ring small{font-size:10px;color:#d0e0f3;margin-top:4px}.featured-note{display:flex;flex-direction:column;gap:9px;min-width:0}.featured-note strong{font-size:13px;line-height:1.5}.featured-note span{color:#d2e1f3;font-size:11px;line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-heading h2,.panel-title h2{font-size:17px;font-weight:800;margin-bottom:7px;letter-spacing:-.3px}.section-heading p,.panel-title p{color:#98a4b4;font-size:12px;margin:0;line-height:1.6}.muted-tag{background:#eef2f7;border-radius:6px;padding:8px 11px;color:#7b899d;font-size:10px;font-weight:700;white-space:nowrap}.workstream-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:30px}.workstream-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:22px;min-width:0;box-shadow:0 3px 15px #182c4d06}.workstream-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.workstream-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:11px}.workstream-card h3{font-size:14px;font-weight:800;margin-bottom:8px;line-height:1.5}.workstream-card>p{font-size:11px;color:#9aa6b6;margin-bottom:23px}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.progress-row strong{font-size:15px;font-weight:800}.progress-row span{font-size:10px;color:#9ba6b6}.progress-track{width:100%;height:7px;border-radius:20px;background:#edf1f6;overflow:hidden}.progress-track>div{height:100%;border-radius:inherit;transition:width .3s ease}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #e8edf4;border-radius:13px;padding:24px;min-width:0;box-shadow:0 3px 15px #182c4d06}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;color:#7c8ca1;margin-bottom:22px}.panel-title h2{color:#17243b}.placeholder{min-height:220px;border:1px dashed #dbe3ee;background:#fafbfd;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;color:#9baac0}.placeholder h3{font-size:13px;color:#40536e;margin:16px 0 9px}.placeholder p{max-width:340px;font-size:11px;line-height:1.8;margin:0;color:#98a6b8}.activity-item{display:flex;gap:14px;padding:13px 0 20px}.activity-item+.activity-item{border-top:1px solid #edf1f5;padding-top:22px}.activity-dot{width:11px;height:11px;border-radius:50%;background:#19a98b;border:3px solid #dcf6ef;flex-shrink:0;margin-top:3px}.activity-dot.pale{background:#e9a24a;border-color:#fff1d9}.activity-item strong{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.activity-item p{color:#8997aa;font-size:11px;line-height:1.6;margin-bottom:7px}.activity-item small{color:#a7b2c0;font-size:10px}footer{display:flex;justify-content:space-between;gap:12px;padding:30px 2px 10px;color:#a0acbb;font-size:10px;font-weight:700;letter-spacing:.7px}footer span{font-weight:400;letter-spacing:0}.overlay{display:none}@media(max-width:1250px){.metrics,.workstream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .25s ease;width:265px}.sidebar.open{transform:translate(0)}.mobile-close{display:flex;margin-left:auto;padding:5px}.menu-button{display:flex;padding:6px}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2f73;z-index:20}.topbar{height:65px;padding:0 17px;gap:14px}.breadcrumbs{flex:1}.top-actions{gap:12px}.environment{display:none}.content{padding:27px 17px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.preview-pill{font-size:9px;padding:7px}.metrics,.workstream-grid,.lower-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}footer{flex-direction:column}}