:root{font-family:Inter,system-ui,sans-serif;color:#172d35;background:#f3f5f2;font-size:15px}*{box-sizing:border-box}body{margin:0}header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8e0d9;background:#fff}.brand{font-weight:800;font-size:23px;text-decoration:none;color:#163a36}.brand span{font-weight:400}main{max-width:1300px;margin:auto;padding:45px 30px}h1{font-size:clamp(34px,4.3vw,61px);letter-spacing:-2px;line-height:1.08;margin:20px 0}h1 span{color:#397a65}h2{font-size:23px;letter-spacing:-.6px;margin:14px 0}h3{font-size:17px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.6px;color:#59806d}.muted{color:#64766f;line-height:1.6;font-size:14px}.source{border-left:2px solid #b5cbb6;padding:12px 25px;line-height:2;font-size:12px;color:#65736d}.source strong{color:#243e34}a{color:#30674e}.filters{display:flex;align-items:end;gap:15px;padding:20px;background:#e6ede5;border-radius:14px}label{display:block;font-size:12px;color:#52675c}input,select{display:block;padding:11px;border:1px solid #c9d6cc;border-radius:7px;background:#fff;color:#213c31;margin-top:7px;font:inherit}button{background:#214e3d;color:white;border:0;border-radius:7px;padding:12px 20px;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.quiet{background:#eef2ec;color:#2c5343;border:1px solid #d8e2d8}button:disabled{opacity:.4;cursor:default}.summary{display:grid;grid-template-columns:1fr 2fr 1fr;gap:18px}.card{padding:26px;background:white;border:1px solid #e0e6de;border-radius:15px;margin-bottom:22px;min-width:0}.big{font-size:55px;font-weight:600;letter-spacing:-2px;margin-top:15px}.balls{display:flex;gap:10px;flex-wrap:wrap}.ball{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:42px;height:42px;background:#e7eee7;color:#214b38;font-weight:700;font-size:16px}.star{background:#faefd0;color:#976915}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.chart{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:7px;padding:25px 0 10px}.chart.stars{grid-template-columns:repeat(12,minmax(0,1fr))}.column{display:flex;flex-direction:column;align-items:center;justify-content:end;height:145px;gap:6px;position:relative}.bar{width:85%;background:#43866c;border-radius:4px 4px 0 0;min-height:1px}.column b{font-size:11px}.column small{font-size:10px;color:#698071}.stars .bar{background:#d8b961}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ranks{margin-top:20px}.rank{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0ea}.rank span{display:flex;gap:8px}.rank .ball{width:30px;height:30px;font-size:12px}.rank small{color:#697c70}.table-wrap{overflow:auto;max-height:470px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:13px}th{font-size:11px;color:#718074;text-transform:uppercase;letter-spacing:.7px;background:#f4f6f1;position:sticky;top:0}td,th{padding:14px;border-bottom:1px solid #eaf0e7}td .ball{width:29px;height:29px;font-size:12px;margin-right:5px}.pager{display:flex;align-items:center;gap:12px}footer{font-size:12px;color:#738277;line-height:1.8;padding:5px 0 30px}.login{max-width:510px;padding-top:12vh}.login form{background:#fff;padding:30px;border-radius:15px;border:1px solid #dce6dc;margin:30px 0}.login input{width:100%;margin-bottom:20px}.login button{width:100%}@media(max-width:760px){main{padding:28px 16px}header{padding:17px}.brand{font-size:19px}header>.muted,.source{display:none}.filters{flex-wrap:wrap}.filters label{flex:1}.filters input{width:100%}.summary,.two{grid-template-columns:1fr}.big{font-size:42px}.card{padding:20px}.chart{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.chart.stars{grid-template-columns:repeat(6,minmax(0,1fr))}.column{height:100px}.section-head{align-items:start}.section-head select{max-width:130px}.intro{margin-bottom:25px}}
