.app{max-width:720px;margin:0 auto;padding:28px 20px 80px}@media(max-width:600px){.app{padding:16px 12px 64px}}.header{margin:4px 4px 20px}.header .eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:4px}.header h1{margin:0 0 4px;font-size:26px;font-weight:700;color:var(--fg);letter-spacing:-.01em;line-height:1.25}.header .name-suffix{font-size:16px;font-weight:400;color:var(--fg-muted);margin-left:2px}.header .program{font-size:13px;color:var(--fg-muted);margin:0 0 18px}@media(max-width:600px){.header h1{font-size:22px}.header .name-suffix{font-size:14px}}.progress{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-3));transition:width .5s ease-out;border-radius:999px}.progress-label{font-size:12px;color:var(--fg-muted);margin-top:8px;display:flex;justify-content:space-between;font-weight:500}.progress-label strong{color:var(--fg);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:14px;box-shadow:0 1px 2px #0f172a0a}@media(max-width:600px){.card{padding:16px;border-radius:10px}}.card h2{margin:0 0 4px;font-size:17px;font-weight:600;color:var(--fg);letter-spacing:-.005em}.card .subtitle{color:var(--fg-muted);font-size:12px;margin:0 0 16px;font-weight:500}.empty{color:var(--fg-muted);font-size:13px;text-align:center;padding:20px 8px}.metric-chart-stack{display:flex;flex-direction:column;gap:12px}.metric-chart-title{font-size:12px;color:var(--fg-2);margin:0 0 -4px 4px;font-weight:600}.metric-chart-unit{color:var(--fg-muted);font-size:11px;font-weight:400;margin-left:4px}.who5-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-top:14px}.who5-item{background:var(--surface-2);border-radius:8px;padding:10px 8px;text-align:center}.who5-item .label{font-size:11px;color:var(--fg-muted);margin-bottom:4px;font-weight:500}.who5-item .value{font-size:22px;font-weight:700;color:var(--fg)}.who5-item .max{font-size:12px;color:var(--fg-muted);margin-left:2px;font-weight:400}.monitoring-question{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border)}.monitoring-question:first-of-type{margin-top:0;padding-top:0;border-top:none}.monitoring-question-title{font-size:12px;color:var(--fg-2);margin:0 0 10px;font-weight:600}.stack-bar-row{display:grid;grid-template-columns:44px 1fr 36px;gap:8px;align-items:center;margin-bottom:6px;font-size:11px}.stack-bar-label{color:var(--fg-muted);font-weight:500}.stack-bar-count{color:var(--fg-muted);text-align:right;font-weight:500}.stack-bar{display:flex;height:20px;border-radius:4px;overflow:hidden;background:var(--surface-2)}.stack-bar-segment{height:100%;transition:opacity .15s}.stack-bar-segment:hover{opacity:.85}.stack-bar-empty{width:100%;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(15,23,42,.04) 4px,rgba(15,23,42,.04) 5px)}.stack-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px;font-size:11px;color:var(--fg-2)}.stack-legend-item{display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.stack-legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.center-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:12px;color:var(--fg-muted)}.center-loader .spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--bad);border-radius:12px;padding:24px;max-width:480px;margin:80px 20px;text-align:center;box-shadow:0 1px 3px #0f172a0d}.error-box h2{margin:0 0 8px;color:var(--fg)}@media(min-width:600px){.error-box{margin:80px auto}}.recharts-cartesian-axis-tick-value{font-size:11px}.recharts-default-tooltip{font-size:12px!important}.recharts-tooltip-wrapper{outline:none}:root{--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f1f4f8;--fg: #0f1729;--fg-2: #334155;--fg-muted: #64748b;--fg-faint: #94a3b8;--border: #e5e9ef;--border-strong: #cbd5e1;--brand: #2563eb;--brand-2: #0ea5e9;--brand-3: #06b6d4;--brand-soft: #dbeafe;--good: #10b981;--warn: #f59e0b;--bad: #ef4444;--tone-1: #1e3a8a;--tone-2: #1d4ed8;--tone-3: #2563eb;--tone-4: #3b82f6;--tone-5: #60a5fa;--tone-6: #93c5fd;--tone-na: #cbd5e1;--bg-elev: var(--surface);--accent: var(--brand);--accent-2: var(--brand-3);font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,system-ui,sans-serif;font-feature-settings:"palt","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);min-height:100vh;font-size:15px;line-height:1.55;letter-spacing:.005em}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}