:root{color:#17324d;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:20px 16px 48px}header{color:#fff;background:#083b66;border-radius:24px;justify-content:space-between;align-items:start;padding:22px;display:flex}h1{margin:2px 0 8px;font-size:1.875rem;line-height:1.1}h2{margin:28px 4px 12px;font-size:1.125rem}.eyebrow,.updated,small{margin:0;font-size:.75rem}.eyebrow{color:#b9d9ef;letter-spacing:.06em;font-weight:700}.updated{color:#d8e7f4}.live-dot{letter-spacing:.08em;background:#ffffff1a;border-radius:99px;align-items:center;gap:5px;padding:7px 9px;font-size:.6875rem;font-weight:800;display:inline-flex}.live-dot:before{content:"";background:#56c5c0;border-radius:50%;width:7px;height:7px}.filters{grid-template-columns:1fr;gap:8px;margin:16px 0;display:grid}select{color:#17324d;background:#fff;border:1px solid #d6e0e9;border-radius:12px;width:100%;min-height:46px;padding:0 12px;font-size:.9375rem}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(128px,auto);gap:10px;display:grid}.card,.row{background:#fff;border-radius:18px;padding:16px;box-shadow:0 2px 12px #17324d0b}.card span{color:#63778b;font-size:.8125rem;display:block}.card strong{margin:9px 0 6px;font-size:1.75rem;line-height:1;display:block}.card small,.row small{color:#63778b}.lead{grid-column:span 2;min-height:160px}.lead strong{font-size:3.25rem}.primary{background:linear-gradient(135deg,#dff3ff,#eafaf6)}.danger{background:#fff1f1}.warn{background:#fff8df}.metric-bar{background:#fff9;border-radius:99px;height:8px;margin-top:18px;overflow:hidden}.metric-bar i{border-radius:inherit;background:#08795b;height:100%;display:block}.list{gap:8px;display:grid}.row{justify-content:space-between;align-items:center;display:flex}.row strong{margin-bottom:4px;font-size:.875rem;display:block}.row b{color:#08795b;font-size:1.125rem}.status{text-align:center;color:#63778b;padding:24px}.error{color:#b42318}@media (width>=540px){.filters{grid-template-columns:repeat(3,1fr)}.bento-grid{grid-template-columns:repeat(4,1fr)}.lead{grid-area:span 2/span 2}}