:root{--ink:#162e34;--muted:#728385;--bg:#f1f4f2;--green:#177d65;--blue:#45768b;--line:#e2e9e5}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}header{background:#153c3b;color:white;padding:23px 5%;display:flex;align-items:center;gap:18px}.logo{font-size:28px;font-weight:900;letter-spacing:-2px;border-right:1px solid #52706c;padding-right:20px}header small{display:block;font-size:11px;letter-spacing:2px;color:#a6c5bb;margin-top:5px}.pill{margin-left:auto;background:#315450;border:1px solid #5d7974;padding:8px 12px;border-radius:30px;font-size:12px}main{max-width:1400px;margin:auto;padding:28px 5%}.top{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:27px;margin:0 0 8px}p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.seg{display:flex;background:#e4ebe6;border-radius:10px;padding:4px;gap:4px}.seg button{border:0;background:transparent;border-radius:7px;padding:10px 16px;color:#576e69}.seg button.active{background:white;color:var(--green);box-shadow:0 2px 6px #18382b15}.notice{margin:20px 0;border:1px solid #e6d6b6;background:#fffaf0;padding:11px 15px;border-radius:9px;font-size:12px;color:#816522}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.card,.panel{background:white;border:1px solid var(--line);border-radius:14px}.card{padding:22px;position:relative}.label{font-size:13px;color:#687d79}.value{font-size:31px;letter-spacing:-1px;font-weight:700;margin:12px 0 10px}.value small{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted)}.sub{font-size:12px;color:var(--muted)}.accent{height:4px;position:absolute;left:22px;right:22px;top:0;background:var(--green);border-radius:0 0 4px 4px}.blue{background:var(--blue)}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.panel{padding:23px;margin-bottom:18px}h2{font-size:16px;margin:0 0 6px}.panelhead{display:flex;justify-content:space-between;align-items:start}.badge{font-size:10px;padding:5px 8px;border-radius:6px;background:#edf5f1;color:var(--green)}.legend{display:flex;gap:15px;font-size:11px;margin:20px 0 0;color:var(--muted)}.dot{width:8px;height:8px;display:inline-block;border-radius:3px;margin-right:5px;background:var(--green)}.chart{height:205px;display:flex;align-items:end;gap:5%;padding:20px 6px 26px;border-bottom:1px solid var(--line);position:relative}.pair{flex:1;height:100%;display:flex;gap:5px;align-items:end;position:relative;justify-content:center}.bar{width:24px;background:#268b70;border-radius:5px 5px 0 0;position:relative}.bar.b{background:#85adbd}.pair small{position:absolute;bottom:-23px;font-size:10px;color:var(--muted);white-space:nowrap}.bar:hover:after{content:attr(data-value);position:absolute;bottom:105%;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:5px;border-radius:5px;font-size:10px;white-space:nowrap;z-index:2}.split{display:flex;height:14px;overflow:hidden;border-radius:5px;margin:24px 0 14px}.split div{background:var(--green)}.split div+div{background:#b8d7ca}.numbers{display:flex;justify-content:space-between;font-size:12px;line-height:1.9}.numbers strong{font-size:17px}.row{display:grid;grid-template-columns:105px 1fr 75px;gap:12px;align-items:center;margin-top:21px;font-size:12px}.track{height:9px;border-radius:5px;background:#eff3f0}.fill{height:100%;border-radius:5px;background:#639b87}.row b{text-align:right;font-size:12px}.mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mini div{padding:16px;background:#f5f8f6;border-radius:10px}.mini b{display:block;font-size:23px;margin:9px 0 4px}.insight{padding:16px;background:#f0f6f2;border-left:3px solid var(--green);margin-top:20px;border-radius:0 8px 8px 0;font-size:12px;line-height:1.8}.footer{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;margin:10px 0}.detail{border:0;background:#eff5f2;color:var(--green);padding:7px 10px;border-radius:7px;font-size:11px}dialog{border:0;border-radius:16px;max-width:620px;width:90%;padding:28px;box-shadow:0 20px 60px #1235}dialog::backdrop{background:#0d292777}table{width:100%;border-collapse:collapse;margin-top:18px;font-size:12px}td,th{text-align:left;padding:13px 8px;border-bottom:1px solid var(--line)}.close{float:right;border:0;background:#edf3ef;border-radius:50%;width:30px;height:30px}@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.top{align-items:start;flex-direction:column}.pill{font-size:10px}.logo{font-size:25px}header{padding:18px 5%}.value{font-size:26px}}@media(max-width:430px){.card{padding:17px}.value{font-size:23px}.sub{font-size:10px}.panel{padding:18px}.footer{flex-direction:column}.seg button{padding:9px 13px}header h2{font-size:13px}.pill{display:none}}
.brand-mark{position:relative;width:80px;height:70px;flex:0 0 80px;overflow:hidden;border-radius:10px;background:white}.brand-mark img{position:absolute;width:143px;height:110px;max-width:none;left:-32px;top:-20px}@media(max-width:430px){.brand-mark{transform:scale(.85);margin:-5px -6px;flex-basis:80px}}

button:focus-visible{outline:3px solid #e0a52d;outline-offset:3px}.bar:focus-visible{outline:3px solid #e0a52d}.bar:focus:after{content:attr(data-value)}