html,body{margin:0;padding:0;min-height:100%}*{box-sizing:border-box}app-root .kpi-grid-9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}app-root .kpi-card{background:#fff;border:1px solid #d8e5f4;border-radius:14px;padding:16px;min-height:290px;box-shadow:0 8px 24px #1031520d;display:grid;grid-template-rows:auto 1fr;gap:14px}app-root .kpi-card-featured{border-color:#c9ddfb;box-shadow:0 12px 28px #0a4fa814}app-root .kpi-card.placeholder{background:linear-gradient(180deg,#fff,#f9fbfe)}app-root .kpi-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}app-root .kpi-card-head h3{margin:0;font-size:1rem;color:#173f66}app-root .kpi-legend{margin:6px 0 0;font-size:.82rem;font-weight:400;color:#55718d;display:flex;align-items:center;gap:6px}app-root .kpi-legend-bottom{margin-top:2px;align-self:end}app-root .legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}app-root .legend-dot.blue{background:#1f7ae0}app-root .legend-dot.orange{background:#ff8a00}app-root .legend-dot.yellow{background:#f6c915}app-root .legend-dot.grey{background:#97a3b1}app-root .legend-dot.red{background:#d7263d}app-root .legend-dot.brown{background:#7b4b2a}app-root .kpi-type{font-size:.74rem;font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:#68829b;white-space:nowrap}app-root .kpi-vertical-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;height:210px}app-root .kpi-vertical-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}app-root .kpi-value-top{font-size:.68rem;font-weight:400;color:#12385f;line-height:1;white-space:nowrap}app-root .kpi-vertical-track{width:100%;height:150px;display:flex;align-items:flex-end;justify-content:center;background:#fff;border:1px solid #edf2f8;border-radius:10px;padding:6px}app-root .kpi-vertical-fill{width:100%;max-width:24px;border-radius:8px 8px 0 0;min-height:10px}app-root .kpi-vertical-fill.blue{background:#0b2f6b}app-root .kpi-vertical-label{font-size:.68rem;line-height:1.1;text-align:center;color:#4e6880;word-break:break-word;min-height:32px}app-root .kpi-hwc-bars{display:flex;gap:8px;justify-content:space-around;height:200px;padding:8px 0;overflow:hidden}app-root .kpi-hwc-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;flex:1;min-width:0}app-root .kpi-hwc-label{font-size:.72rem;font-weight:400;color:#12385f;text-transform:uppercase;letter-spacing:.04em}app-root .kpi-hwc-dual-bars{display:flex;gap:6px;height:160px;align-items:flex-end}app-root .kpi-hwc-bar-pair{display:flex;flex-direction:column;align-items:center;gap:4px}app-root .kpi-hwc-value-top{font-size:.66rem;font-weight:400;color:#12385f;line-height:1;white-space:nowrap}app-root .kpi-hwc-bar-container{width:24px;height:150px;background:#f5f8fb;border:1px solid #dbe5f1;border-radius:6px;padding:4px;display:flex;align-items:flex-end;justify-content:center}app-root .kpi-hwc-bar{width:100%;border-radius:4px 4px 0 0;min-height:8px;transition:opacity .2s ease}app-root .kpi-hwc-bar.blue{background:#1e7bff}app-root .kpi-hwc-bar.orange{background:#ff8a00}app-root .kpi-hwc-status{font-size:.68rem;font-weight:600;color:#4e6880;text-align:center}app-root .kpi-placeholder-body,app-root .kpi-empty{border:1px dashed #d7e4f2;border-radius:10px;padding:14px;font-size:.88rem;line-height:1.5;color:#5c7389;background:#fff}app-root .bloodbank-card-body{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center}app-root .bloodbank-cube-wrap{display:flex;justify-content:center;align-items:center;perspective:700px;padding-top:8px}app-root .bloodbank-cube{width:84px;height:150px;display:flex;flex-direction:column-reverse;border-radius:8px;transform:rotateX(8deg) rotateY(-26deg);transform-style:preserve-3d;overflow:visible;box-shadow:14px 14px 22px #0c213633;position:relative}app-root .bloodbank-slice{position:relative;width:100%;border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}app-root .bloodbank-slice-count{font-size:.62rem;font-weight:400;line-height:1;color:#17314e;text-shadow:0 1px 1px rgba(255,255,255,.35);white-space:nowrap}app-root .bloodbank-slice.slice-blue .bloodbank-slice-count,app-root .bloodbank-slice.slice-grey .bloodbank-slice-count{color:#f4f8ff;text-shadow:0 1px 1px rgba(0,0,0,.28)}app-root .bloodbank-slice:before{content:"";position:absolute;top:0;right:-14px;width:14px;height:100%;transform:skewY(-40deg);transform-origin:left;filter:brightness(.72)}app-root .bloodbank-slice:last-child:after{content:"";position:absolute;left:0;top:-14px;width:100%;height:14px;transform:skew(-50deg);transform-origin:left bottom;filter:brightness(1.1)}app-root .bloodbank-slice.slice-yellow{background:#f6c915}app-root .bloodbank-slice.slice-yellow:before,app-root .bloodbank-slice.slice-yellow:last-child:after{background:#f6c915}app-root .bloodbank-slice.slice-orange{background:#ff8a00}app-root .bloodbank-slice.slice-orange:before,app-root .bloodbank-slice.slice-orange:last-child:after{background:#ff8a00}app-root .bloodbank-slice.slice-blue{background:#1f7ae0}app-root .bloodbank-slice.slice-blue:before,app-root .bloodbank-slice.slice-blue:last-child:after{background:#1f7ae0}app-root .bloodbank-slice.slice-grey{background:#97a3b1}app-root .bloodbank-slice.slice-grey:before,app-root .bloodbank-slice.slice-grey:last-child:after{background:#97a3b1}app-root .bloodbank-segments{display:grid;gap:8px}app-root .bloodbank-segment{display:grid;grid-template-columns:12px 1fr auto auto;gap:8px;align-items:center;font-size:.78rem;color:#35566f}app-root .bloodbank-name{font-weight:400;color:#1f3f61}app-root .bloodbank-value{font-weight:400;color:#133e66}app-root .bloodbank-pct{color:#5f768a}app-root .malaria-chart{height:208px;display:flex;align-items:flex-end;position:relative}app-root .trend-overlay-wrap{position:relative;width:100%;height:100%}app-root .trend-line-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}app-root .trend-line{fill:none;stroke:#d7263d;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}app-root .trend-dot{fill:#d7263d;stroke:#fff;stroke-width:.25}app-root .malaria-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;width:100%;height:100%;align-items:end;position:relative;z-index:2}app-root .dengue-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;height:100%;align-items:end;position:relative;z-index:2}app-root .malaria-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}app-root .malaria-total{font-size:.62rem;font-weight:400;line-height:1;color:#1e4367;transform:translateY(-5px)}app-root .malaria-track{width:100%;height:138px;border:1px solid #e2eaf4;border-radius:8px;padding:4px;display:flex;align-items:flex-end;justify-content:center;background:#fff}app-root .malaria-fill{width:100%;max-width:16px;min-height:8px;border-radius:6px 6px 0 0;background:#1f7ae0}app-root .malaria-fill.chik-fill{background:#2e9f55}app-root .malaria-fill.dengue-fill{background:#8b5cf6}app-root .malaria-month,app-root .malaria-pos{font-size:.6rem;font-weight:400;line-height:1;color:#567189}app-root .drug-expiry-list{display:grid;gap:10px;align-content:start}app-root .drug-expiry-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;align-items:center}app-root .drug-name{font-size:.72rem;font-weight:400;line-height:1.25;color:#244a6f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-root .drug-bar-track{height:12px;border-radius:999px;border:1px solid #e6edf5;background:#f8fbff;overflow:hidden}app-root .drug-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff8a00,#ffb347)}app-root .drug-stock{font-size:.7rem;font-weight:400;color:#1f3f61;white-space:nowrap}app-root .vaccine-expiry-list{display:grid;gap:10px;align-content:start}app-root .vaccine-expiry-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;align-items:center}app-root .vaccine-name{font-size:.72rem;font-weight:400;line-height:1.25;color:#244a6f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-root .vaccine-bar-track{height:12px;border-radius:999px;border:1px solid #e6edf5;background:#f8fbff;overflow:hidden}app-root .vaccine-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7b4b2a,#9b6a45)}app-root .vaccine-risk{font-size:.7rem;font-weight:400;color:#1f3f61;white-space:nowrap}app-root .vaccine-vertical-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;height:210px}app-root .vaccine-vertical-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}app-root .vaccine-value-top{font-size:.68rem;font-weight:400;color:#12385f;line-height:1;white-space:nowrap}app-root .vaccine-vertical-track{width:100%;height:150px;display:flex;align-items:flex-end;justify-content:center;background:#fff;border:1px solid #edf2f8;border-radius:10px;padding:6px}app-root .vaccine-vertical-fill{width:100%;max-width:24px;border-radius:8px 8px 0 0;min-height:10px;background:linear-gradient(180deg,#9b6a45,#7b4b2a)}app-root .vaccine-vertical-label{font-size:.68rem;line-height:1.1;text-align:center;color:#4e6880;word-break:break-word;min-height:24px}app-root .sidebar-filters{display:grid;gap:10px}app-root .sidebar-filter-label{font-size:.76rem;font-weight:700;color:#12385f;text-transform:uppercase;letter-spacing:.05em}app-root .sidebar-select{width:100%;background:#0a4fa8;color:#fff;border:1px solid #0a4fa8;border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:600;appearance:none;outline:none;box-shadow:0 6px 16px #0a4fa824}app-root .sidebar-map-card{width:80%;height:40%;min-height:190px;align-self:center;display:grid;place-items:center;background:#fff;border:1px solid #dbe5f1;border-radius:16px;padding:12px;box-shadow:0 10px 24px #10315212}app-root .sidebar-map{width:100%;height:100%;object-fit:contain}app-root .imi-rounds-chart{display:flex;align-items:flex-end;height:200px;padding:8px 0}app-root .imi-rounds-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;height:100%;align-items:end}app-root .imi-round-card{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;height:100%;align-items:end}app-root .imi-round-label{font-size:.68rem;font-weight:400;color:#567189;text-align:center;white-space:nowrap}app-root .imi-bars-pair{display:flex;gap:6px;height:160px;align-items:flex-end;justify-content:center}app-root .imi-bar-item{display:flex;flex-direction:column;gap:4px;align-items:flex-end}app-root .imi-bar-value-top{font-size:.68rem;font-weight:400;color:#244a6f;text-align:center;line-height:1.2}app-root .imi-bar-track{width:24px;height:150px;border-radius:3px;border:1px solid #e6edf5;background:#f8fbff;overflow:hidden;display:flex;align-items:flex-end}app-root .imi-bar-fill{width:100%;border-radius:2px;transition:height .3s ease}app-root .imi-bar-fill.yellow{background:linear-gradient(180deg,#f6c915,#d4a500)}app-root .imi-bar-fill.orange{background:linear-gradient(180deg,#ff8a00,#cc6e00)}