:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#eaf3ff;background:#07182d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#174873 0,#07182d 58%)}.wrap{max-width:1180px;margin:auto;padding:32px 22px}header{padding:30px;background:linear-gradient(110deg,#103b64,#09213e);border:1px solid #2d5375;border-radius:20px}.eyebrow{letter-spacing:.2em;color:#f5c94b;font-size:12px;font-weight:800}h1{font-size:clamp(29px,4vw,48px);margin:12px 0}h1 span{color:#f5c94b}p{color:#b5cbe1}nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}button{cursor:pointer;padding:13px 18px;background:#153655;color:#d5e5f7;border:1px solid #345d7f;border-radius:11px;font-weight:700}button.active{background:#f5c94b;color:#0c2339;border-color:#f5c94b}#status{color:#a6c1d9;font-size:13px;margin:10px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0}.card,.panel{background:#102b48;border:1px solid #2c5274;border-radius:16px;padding:20px}.card .label{color:#b8cce0;font-size:13px}.card .value{font-size:28px;font-weight:800;margin-top:10px;color:#f5c94b}.panel{margin:18px 0;overflow:auto}h2{margin:0 0 12px;font-size:23px}table{border-collapse:collapse;width:100%;min-width:680px}th,td{padding:14px 12px;border-bottom:1px solid #284b69;text-align:left;font-size:14px}th{color:#f5c94b;font-size:12px;text-transform:uppercase;letter-spacing:.06em}a{color:#87d9ff}small,.muted{color:#b5cbe1}.pending{color:#b5cbe1}.good{color:#79dfae}.warn{color:#ffc38d}.notice{border-left:4px solid #f5c94b;padding:13px 18px;background:#183650;margin:18px 0;line-height:1.6}footer{margin:35px 0;color:#90a9c1;font-size:12px}@media(max-width:650px){.wrap{padding:12px}header{padding:22px}button{flex:1 1 42%}th,td{padding:12px 8px}}

/* Data-driven visual overview, styled after the supplied reference infographic. */
.visual-head{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(115deg,#044575,#0476a0 65%,#06325d);border:2px solid #c5edff;border-radius:18px;padding:22px;margin:16px 0}.visual-head h2{font-size:clamp(26px,4vw,42px);margin:6px 0;color:white}.visual-head h2 span,.visual-title span{color:#ffe31d;font-style:italic}.visual-head p{color:#e6f7ff;margin:0}.visual-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em}.visual-title{text-align:right;font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.1;white-space:nowrap}.visual-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.visual-metrics>div{background:linear-gradient(#075f95,#082b50);border:2px solid #c7edff;border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:7px;text-align:center}.visual-metrics small{font-weight:700;color:#e6f6ff}.visual-metrics strong{font-size:clamp(26px,4vw,45px);color:#ffe31d}.visual-metrics span{font-size:13px}.visual-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.visual-bottom{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-top:12px}.visual-panel{background:#eef7fc;color:#0b2d48;border:2px solid #d0eeff;border-radius:15px;overflow:hidden;padding:0 14px 12px}.visual-panel h3{margin:0 -14px 12px;padding:12px 15px;background:#075080;color:white;font-size:19px}.visual-panel p{color:#183d5a}.visual-panel table{min-width:580px}.visual-panel th{background:#d1e8f7;color:#103954}.visual-panel td{border-bottom:1px solid #bad3e5;color:#143a56;padding:9px 7px}.visual-panel tr:nth-child(even){background:#e1f0f8}.visual-panel td.good{color:#067947;font-weight:800}.visual-scroll{overflow-x:auto}.visual-bars{display:flex;flex-direction:column;gap:12px;padding:12px 0}.visual-bar-row{display:grid;grid-template-columns:90px minmax(70px,1fr) 95px;align-items:center;gap:8px;font-size:12px}.visual-bar-row strong{font-size:12px}.visual-bar-track{height:21px;background:#d5e5ef;border-left:1px solid #7795aa}.visual-bar-fill{height:100%;background:#f13c48}.visual-bar-fill.ahead{background:#16a06e}.visual-foot,.visual-disclaimer{font-size:12px}.visual-disclaimer{padding:12px;color:#d8eaff}.visual-panel ol{padding-left:22px;line-height:1.8}@media(max-width:950px){.visual-columns,.visual-bottom{grid-template-columns:1fr}.visual-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.visual-head{display:block}.visual-title{text-align:left;margin-top:15px}.visual-bar-row{grid-template-columns:75px minmax(60px,1fr) 90px}}

.trend-controls{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0}.trend-controls label{display:grid;gap:5px;font-weight:600}.trend-controls select{padding:9px;border:1px solid #9aa9ba;border-radius:8px;background:var(--panel,#fff);color:inherit;min-width:190px}.trend-chart{overflow-x:auto;margin:18px 0}.trend-chart svg{display:block;width:100%;min-width:460px;max-height:330px}.trend-chart text{font-family:inherit}

.progress-legend{display:flex;flex-wrap:wrap;gap:15px;margin:16px 0;font-size:13px}.progress-legend .improved,.progress-status.improved{color:#55d99a}.progress-legend .maintained,.progress-status.maintained{color:#f6c85f}.progress-legend .degraded,.progress-status.degraded{color:#ff7d87}.progress-status.insufficient{color:#91a8bf}.progress-row{display:grid;grid-template-columns:minmax(195px,1fr) minmax(230px,1.5fr);gap:15px;align-items:center;padding:14px 0;border-top:1px solid #31516c}.progress-event{display:flex;flex-direction:column;gap:7px}.progress-event small{font-size:12px}.progress-status{font-size:13px;font-weight:800;text-transform:capitalize}.progress-spark svg{display:block;width:100%;height:auto;max-height:110px}@media(max-width:600px){.progress-row{grid-template-columns:1fr}.progress-spark svg{max-height:120px}}

/* Performance Intelligence */
.intel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:14px 0 20px}.intel-head h2{margin:4px 0}.intel-head p{margin:4px 0}.intel-toggle select,#intel-event{margin:6px;padding:9px;border-radius:8px;border:1px solid #8ea3bd;background:var(--card,#fff);color:inherit}.intel-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.intel-card{border:1px solid #cbd7e3;border-radius:12px;padding:16px;background:rgba(130,163,195,.08)}.intel-card h3{font-size:1rem;margin:0 0 8px}.intel-card p,.intel-card li{font-size:.86rem;line-height:1.5}.intel-card ul,.intel-card ol{padding-left:18px}.intel-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.intel-layout .panel{min-width:0}.intel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.intel-stats div{padding:10px;background:rgba(125,158,191,.10);border-radius:9px}.intel-stats small,.intel-stats strong{display:block}.intel-chart svg{width:100%;height:auto;max-height:280px}@media(max-width:1100px){.intel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.intel-layout{grid-template-columns:1fr}}@media(max-width:600px){.intel-cards{grid-template-columns:1fr}}