:root{color-scheme:light;--bg: #eef4f3;--bg-deep: #dbe9e7;--panel: rgba(250, 253, 252, .78);--panel-strong: rgba(255, 255, 255, .9);--panel-border: rgba(65, 98, 103, .14);--text: #142426;--muted: #627579;--line: rgba(66, 93, 98, .12);--teal: #16817a;--teal-soft: #daf3f0;--amber: #f0a44b;--amber-soft: #fff1df;--coral: #ec6d57;--coral-soft: #ffebe6;--shadow: 0 24px 80px rgba(27, 56, 58, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px}*{box-sizing:border-box}html{background:radial-gradient(circle at 12% 10%,rgba(22,129,122,.18),transparent 22%),radial-gradient(circle at 88% 18%,rgba(240,164,75,.16),transparent 26%),linear-gradient(180deg,#f6fbfa 0%,var(--bg) 48%,var(--bg-deep) 100%)}body{margin:0;min-height:100vh;font-family:Avenir Next,Segoe UI,PingFang SC,Noto Sans SC,sans-serif;color:var(--text);background:transparent}a{color:inherit}h1,h2,h3,p{margin:0}.app-shell{max-width:1460px;margin:0 auto;padding:30px 18px 46px}.dashboard-frame{position:relative}.dashboard-frame:before{content:"";position:fixed;inset:auto auto 3% -8%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(22,129,122,.18),transparent 66%);filter:blur(10px);pointer-events:none}.dashboard-frame:after{content:"";position:fixed;inset:12% -5% auto auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(240,164,75,.14),transparent 65%);filter:blur(8px);pointer-events:none}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:20px;margin-bottom:20px;align-items:stretch}.hero-copy-block,.hero-sidecard{position:relative;overflow:hidden}.hero-copy-block{padding:32px 32px 28px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#08383df5,#126166eb),linear-gradient(180deg,#ffffff1f,#fff0);color:#f4fbfa;box-shadow:var(--shadow)}.hero-copy-block:after{content:"";position:absolute;inset:auto -5% -30% auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(117,220,210,.3),transparent 70%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;background:#ffffff24;color:inherit}.hero h1,.status-screen h1{margin-top:18px;font-size:clamp(2.7rem,5vw,4.9rem);line-height:.92;letter-spacing:-.04em;max-width:9ch}.hero-copy{margin-top:18px;max-width:56ch;color:#f4fbfad1;line-height:1.72;font-size:1rem}.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px}.hero-sidecard{background:linear-gradient(180deg,#ffffffeb,#f6fcfbd6),var(--panel-strong)}.hero-sidecard:before{content:"";position:absolute;inset:-20% auto auto 58%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(22,129,122,.16),transparent 70%)}.hero-side-label,.metric-label,.metric-detail,.timeline-date,.timeline-source,.card-subtitle,.snapshot-metric span,.stat-list span,.target-highlight-label{color:var(--muted)}.hero-side-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.hero-sidecard h2{margin-top:10px;font-size:1.8rem;letter-spacing:-.03em}.hero-progress-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-top:26px}.hero-progress-title{font-size:.98rem;font-weight:700}.hero-progress-subtitle{margin-top:4px;color:var(--muted);font-size:.92rem}.hero-progress-row strong,.target-highlight strong{font-size:2rem;letter-spacing:-.04em}.progress-track{margin-top:14px;height:12px;border-radius:999px;overflow:hidden;background:#16817a1f}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5fc8b6,#16817a)}.hero-side-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.hero-side-meta div{padding:14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(65,98,103,.1)}.hero-side-meta span{display:block;color:var(--muted);font-size:.84rem}.hero-side-meta strong{display:block;margin-top:6px;font-size:1.06rem}.report-link{display:inline-flex;justify-content:center;align-items:center;margin-top:18px;min-height:48px;border-radius:999px;text-decoration:none;color:#f8fffe;background:linear-gradient(135deg,#183d41,#0f6764);font-weight:700}.grid{display:grid;gap:18px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.secondary-grid{grid-template-columns:1.2fr .92fr .88fr;margin-bottom:18px}.timeline-grid{grid-template-columns:1fr}.metric-card{min-height:172px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -24px -42px auto;width:120px;height:120px;border-radius:50%;opacity:.9}.metric-card-good:after{background:radial-gradient(circle,rgba(95,200,182,.28),transparent 68%)}.metric-card-neutral:after{background:radial-gradient(circle,rgba(123,176,199,.22),transparent 68%)}.metric-card-warn:after{background:radial-gradient(circle,rgba(236,109,87,.24),transparent 68%)}.metric-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.metric-label{font-size:.95rem}.metric-accent{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:#16817a14;color:#176760;font-size:.82rem;font-weight:700}.metric-value{margin-top:14px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.05em;line-height:.96}.metric-detail{margin-top:18px;font-size:.95rem}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.panel h2{font-size:1.14rem;letter-spacing:-.02em}.card-subtitle{margin-top:6px;line-height:1.55;font-size:.92rem}.chart-card{min-height:392px}.chart-tooltip{min-width:112px;padding:10px 12px;border-radius:14px;background:#0f1f22eb;color:#f4fbfa;box-shadow:0 18px 30px #09161840}.chart-tooltip p{color:#f4fbfabd;font-size:.82rem}.chart-tooltip strong{display:block;margin-top:4px;font-size:.96rem}.target-highlight{display:flex;justify-content:space-between;gap:18px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#16817a1f,#5fc8b60f);border:1px solid rgba(22,129,122,.12)}.target-highlight h3{margin-top:6px;font-size:1.3rem;letter-spacing:-.03em}.target-highlight p{margin-top:8px;color:var(--muted);line-height:1.55}.target-grid{display:grid;gap:16px;margin-top:18px}.target-group{padding:16px 18px;border-radius:20px;background:#ffffff8f;border:1px solid var(--line)}.target-group h3{margin-bottom:10px;font-size:1rem}.plain-list,.timeline-list,.stat-list{list-style:none;margin:0;padding:0}.plain-list li{padding:8px 0;border-top:1px solid var(--line);line-height:1.55}.plain-list li:first-child{border-top:0;padding-top:0}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.snapshot-metric{padding:16px;border-radius:18px;background:#ffffffad;border:1px solid var(--line)}.snapshot-metric strong{display:block;margin-top:8px;font-size:1.15rem;letter-spacing:-.02em}.stat-list li{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--line)}.stat-list li:first-child{border-top:0;padding-top:0}.stat-list strong{text-align:right}.alert-stack{display:grid;gap:12px}.alert-card{padding:16px 16px 15px;border-radius:18px;border:1px solid transparent}.alert-card-good{background:var(--teal-soft);border-color:#16817a1f}.alert-card-neutral{background:#f0f6f7e0;border-color:#5874781f}.alert-card-warn{background:var(--amber-soft);border-color:#f0a44b29}.alert-label{font-weight:800;letter-spacing:-.02em}.alert-detail{margin-top:8px;color:#445559;line-height:1.58}.timeline-list{display:grid;gap:0}.timeline-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--line)}.timeline-list li:first-child{border-top:0;padding-top:0}.timeline-dot{width:12px;height:12px;margin-top:6px;border-radius:50%;background:linear-gradient(180deg,#59c7b4,#16817a);box-shadow:0 0 0 5px #16817a1a}.timeline-content{display:grid;gap:6px}.timeline-date{font-size:.86rem}.timeline-summary{line-height:1.6}.timeline-source{font-size:.84rem}.status-chip{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.status-chip-good{background:#5fc8b62e;color:#e7fffb}.status-chip-neutral{background:#ffffff29;color:#effcf9}.status-chip-warn{background:#f0a44b33;color:#fff4e5}.status-screen{min-height:72vh;display:grid;place-items:center;text-align:center;padding:24px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#08383df5,#126166eb),linear-gradient(180deg,#ffffff1f,#fff0);color:#f4fbfa;box-shadow:var(--shadow)}.status-screen p{margin-top:12px;color:#f4fbfac7}.status-screen-error{background:linear-gradient(135deg,#4d251ff5,#8a4233eb),linear-gradient(180deg,#ffffff1f,#fff0)}@media(max-width:1220px){.overview-grid,.chart-grid,.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.hero{grid-template-columns:1fr}.hero h1,.status-screen h1{max-width:none}}@media(max-width:720px){.app-shell{padding:14px 12px 28px}.hero-copy-block,.panel{padding:18px}.overview-grid,.chart-grid,.secondary-grid,.hero-side-meta,.snapshot-grid{grid-template-columns:1fr}.hero h1,.status-screen h1{font-size:2.5rem}.metric-topline,.target-highlight,.hero-progress-row,.stat-list li{flex-direction:column;align-items:flex-start}.report-link{width:100%}}