@charset "UTF-8";
:root{--paper:#f7f6f2;--card:#fff;--ink:#293329;--muted:#788075;--line:#e5e8df;--orange:#bd5b32;--green:#477356;--soft:#f0f3ec;font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper);font-size:14px;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:10px 14px;font-weight:600}button:hover{background:var(--soft)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #cc713c;outline-offset:4px}.skip{position:fixed;left:20px;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:12px}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#eeefe8;border-right:1px solid #dfe2d8;padding:30px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-size:13px;letter-spacing:1px;font-weight:800}.brand small{display:block;font-size:11px;letter-spacing:2px;font-weight:400;margin-top:5px}.brand-icon{display:grid;place-content:center;width:38px;height:38px;border-radius:12px;background:var(--ink);color:#f2dd98;font-size:27px;position:relative}.brand-icon span{position:absolute;right:3px;bottom:0;color:#da8a59;font-size:18px}.nav-label{font-size:9px;letter-spacing:1.2px;color:var(--muted);margin:53px 0 16px}nav{display:grid;gap:8px}nav a{padding:14px 12px;display:flex;gap:13px;border-radius:8px;color:#70786d;font-size:14px}nav a span:last-child{margin-left:auto;font-size:10px;align-self:center;color:#92998c}nav .active{background:#dce3d5;color:var(--ink);font-weight:700}.side-note{margin-top:auto;border-top:1px solid #d8ddcf;padding-top:24px;font-size:10px;font-weight:700;letter-spacing:1px}.small-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.side-note p{font-weight:400;font-size:12px;line-height:1.9;letter-spacing:0;color:var(--muted)}.side-note a{display:block;margin-top:24px;font-size:11px;letter-spacing:0}.side-bottom{color:var(--muted);font-size:10px;margin-top:32px}main{margin-left:232px;padding:0 38px 25px;max-width:1770px}header{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#65705f}.breadcrumb span{padding:0 16px;color:#b8beb3}.top-badges{display:flex;align-items:center;gap:16px}.pill{display:inline-flex;align-items:center;font-size:10px;letter-spacing:.6px;padding:6px 9px;background:#eef2e9;color:#527047;border:1px solid #dce5d5;border-radius:5px;white-space:nowrap}.local{color:var(--muted);font-size:11px}.heading{display:flex;align-items:center;justify-content:space-between;padding:33px 0 24px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#73816d}h1{font-size:34px;letter-spacing:-1px;line-height:1.3;margin:12px 0}h1 span{color:var(--orange)}.heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.controls{display:flex;gap:8px;flex-shrink:0}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#45523e}.notice{border:1px solid var(--line);background:#edf2e9;border-radius:8px;font-size:12px;padding:12px 16px;margin-bottom:21px;line-height:1.6}.notice.warning{background:#fff3df;border-color:#eddbb6;color:#845221}.notice.demo{background:#f8e8dc;border-color:#deba9d;color:#80471f}.overview{display:grid;grid-template-columns:1fr 285px;gap:20px}.wheel-card{background:#f0e9db;border:1px solid #e3d9c7;border-radius:13px;overflow:hidden}.card-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 0}.wheel-body{display:flex;align-items:center;justify-content:space-evenly;min-height:220px;gap:10px}.wheel-visual{width:250px;flex-shrink:0}.wheel-visual svg{display:block;width:100%}#wheelSpokes{transform-origin:140px 109px}.running #wheelSpokes{animation:spin 9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wheel-numbers p{font-size:12px;color:#776d5c;margin:0 0 12px}.hero-number{display:flex;align-items:baseline;gap:10px}.hero-number span{font-size:49px;letter-spacing:-2px;font-weight:650;font-variant-numeric:tabular-nums}.hero-number small{color:#8c7b62;font-size:16px}.sensor-row{display:flex;gap:18px;margin:16px 0;font-size:11px;color:#80735e}.sensor-row b{font-size:13px;color:#584f40;margin-left:4px}.wheel-numbers>small{font-size:10px;color:#837a69}.card-foot{border-top:1px solid #ded4c2;padding:13px 22px;font-size:10px;display:flex;justify-content:space-between;color:#827763;gap:10px}.progress-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px}.ring{--p:0%;width:146px;height:146px;margin:22px auto 19px;border-radius:50%;background:conic-gradient(var(--orange) var(--p),#f1ebe2 0);padding:9px}.ring>div{height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring strong{font-size:29px;letter-spacing:-1px}.ring small{font-size:9px;color:var(--muted);margin-top:7px}.progress-meta{display:flex;justify-content:space-between;font-size:11px}.progress-card p{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.metrics article{border:1px solid var(--line);border-radius:10px;background:#fff;padding:22px 19px}.metrics span{font-size:11px;color:#697462}.metrics strong{display:block;font-size:28px;margin:14px 0 11px;font-weight:600;letter-spacing:-.5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metrics small{font-size:10px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:20px;min-width:0}.middle{display:grid;grid-template-columns:1fr 320px;gap:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}h2{font-size:18px;margin:7px 0 0;letter-spacing:-.3px}.segmented{display:flex;padding:3px;background:#f3f4ef;border-radius:7px}.segmented button{font-size:11px;padding:6px 12px;border:0;background:transparent}.segmented button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #0001}.chart-key{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:30px 0 16px}.chart-key i{display:inline-block;background:#c2764e;width:7px;height:7px;border-radius:2px;margin-right:6px}.chart{height:192px;display:flex;gap:15px;align-items:stretch;border-bottom:1px solid var(--line);padding:0 9px;background:repeating-linear-gradient(to top,transparent 0,transparent 47px,#f0f1ec 47px,#f0f1ec 48px)}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;position:relative;padding-bottom:25px}.chart-col .bar{width:48%;max-width:42px;min-width:9px;border-radius:5px 5px 0 0;background:#c17a55;min-height:2px}.chart-col .bar.partial{background:repeating-linear-gradient(135deg,#d9a680,#d9a680 4px,#e9c6a6 4px,#e9c6a6 8px)}.chart-col .value{font-size:10px;margin-bottom:9px;color:#777d71}.chart-col .date{font-size:10px;color:#8a9183;position:absolute;bottom:4px;white-space:nowrap}.empty{margin:auto;font-size:12px;color:var(--muted);text-align:center;line-height:1.8}.muted{font-size:11px;color:var(--muted);line-height:1.8}.supply h2{margin-bottom:22px}.supply>strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.7px;margin:10px 0 20px;overflow-wrap:anywhere}.supply-track{height:7px;border-radius:5px;background:#f0f1e9;overflow:hidden}.supply-track i{display:block;height:100%;background:#8eaa74;width:0}.supply-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:10px;gap:5px}.pipeline{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.pipeline>div{display:flex;justify-content:space-between;font-size:11px;padding:9px 0;color:#737d6a}.pipeline b{font-weight:500;color:var(--ink)}.table-scroll{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap;text-align:left}th{font-weight:500;color:#8a9183;font-size:10px;background:#f8f9f5}th,td{padding:15px 13px;border-bottom:1px solid #edf0e8}td:first-child{font-weight:600}td a{color:var(--orange)}.confirmed{display:inline-block;border-radius:4px;font-size:10px;padding:4px 7px;background:#edf2e7;color:#6a8057}.demo-switch{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.demo-switch input{accent-color:var(--orange);width:16px;height:16px}.source-row{display:grid;grid-template-columns:110px 1fr 1fr;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px;align-items:center}.source-row a{color:#6d795f;overflow-wrap:anywhere}.source-row small{display:block;color:var(--muted);line-height:1.8}.source-error{color:#a7552f}details{font-size:12px;color:#677361;margin-top:20px}summary{cursor:pointer}details p{line-height:1.9;max-width:850px}footer{font-size:11px;display:flex;justify-content:space-between;gap:20px;margin-top:26px;color:#5e6c54}footer a{white-space:nowrap}
@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.wheel-body{min-height:245px}.wheel-visual{width:275px}}
@media(max-width:1200px){.sidebar{width:194px;padding:26px 17px}main{margin-left:194px;padding:0 24px 24px}.overview{grid-template-columns:1fr 245px}.wheel-visual{width:200px}.hero-number span{font-size:39px}.middle{grid-template-columns:1fr 285px}.metrics strong{font-size:24px}.sensor-row{flex-direction:column;gap:7px}.heading{align-items:flex-start}h1{font-size:29px}.controls{flex-direction:column}.metrics article{padding:18px 14px}}
@media(max-width:950px){.sidebar{width:80px;padding:25px 20px}.brand>span:last-child,.nav-label,.side-note,.side-bottom,nav a span{display:none}nav{margin-top:35px}nav a{padding:14px 10px}.brand-icon{flex-shrink:0}main{margin-left:80px}.middle{grid-template-columns:1fr 270px}.overview{grid-template-columns:1fr 230px}.wheel-visual{width:160px}.card-foot{flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{position:static;width:100%;height:67px;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);border-right:0}.brand>span:last-child{display:block;font-size:11px}.brand small{font-size:9px}nav{display:flex;margin:0;gap:2px}nav a{padding:8px}main{margin:0;padding:0 18px 24px}header{height:58px}.breadcrumb{font-size:10px}.local{display:none}.heading{padding-top:25px;gap:10px}h1{font-size:27px}.heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1px}.controls button{padding:9px;font-size:10px;white-space:nowrap}.overview,.middle{grid-template-columns:1fr}.wheel-visual{width:46%;max-width:240px}.wheel-body{min-height:195px}.hero-number span{font-size:38px}.card-heading{padding:18px 18px 0}.card-foot{flex-direction:row;font-size:8px;padding:12px 18px}.wheel-numbers{padding-right:14px}.wheel-numbers>small{font-size:8px}.progress-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 15px;padding:20px}.progress-card>.eyebrow{grid-column:2;grid-row:1}.ring{grid-column:1;grid-row:1/4;margin:0 auto;width:126px;height:126px}.progress-meta{grid-column:2;gap:6px;flex-wrap:wrap}.progress-card p{grid-column:2}.metrics{gap:10px;margin:15px 0}.metrics strong{font-size:23px}.metrics small{font-size:9px}.panel{padding:20px}.middle{gap:0}.chart{gap:8px}.source-row{grid-template-columns:1fr;gap:6px}.sources .section-title{align-items:flex-start}.demo-switch{font-size:10px}.chart-key{gap:12px;font-size:9px}footer{flex-direction:column}.notice{font-size:11px}.top-badges{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.running #wheelSpokes{animation:none}}
select{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:11px}select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}html[lang=en] h1{font-size:32px;letter-spacing:-1.2px}html[lang=en] .card-foot{font-size:9px}html[lang=en] .ring small{font-size:8px;text-align:center;max-width:100px}html[lang=en] .side-note{letter-spacing:.5px}html[lang=en] .side-bottom{line-height:1.7}html[lang=en] .source-row{grid-template-columns:140px 1fr 1.4fr}html[lang=en] .metrics small{line-height:1.6;display:block}html[lang=en] .brand{font-size:11px}html[lang=en] .brand small{font-size:9px}
@media(max-width:720px){.top-badges{gap:8px}.top-badges .pill{display:none}html[lang=en] h1{font-size:28px;line-height:1.2;max-width:230px}html[lang=en] .heading{flex-wrap:wrap}html[lang=en] .controls{flex-direction:row}html[lang=en] .card-foot{font-size:8px;line-height:1.6}html[lang=en] .source-row{grid-template-columns:1fr}html[lang=en] .brand>span:last-child{font-size:10px}html[lang=en] .progress-meta{font-size:10px}html[lang=en] .section-title{align-items:flex-start}html[lang=en] .supply-meta{flex-wrap:wrap}.breadcrumb span{padding:0 8px}}