*{box-sizing:border-box}body{margin:0;background:#f6f7f5;color:#20302d;font:15px/1.5 system-ui,-apple-system,sans-serif}header{padding:32px max(24px,calc((100vw - 1100px)/2));background:#20302d;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}header a{color:#c9d8d1;text-decoration:none;font-size:13px}header h1{margin:12px 0 0;font-size:30px}header h1 span{font-size:14px;font-weight:400;color:#b5c5bd}header p{margin:2px 0;color:#b5c5bd}main{max-width:1100px;padding:28px 22px;margin:auto}button,select,input{font:inherit}button{background:#20302d;color:white;border:0;border-radius:7px;padding:10px 15px;cursor:pointer}header button{background:#fff;color:#20302d}#login{max-width:430px;margin:55px auto;background:white;padding:30px;border-radius:14px;box-shadow:0 8px 35px #10201810}#login label{display:block;margin:14px 0}input{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #ccd4d0;border-radius:7px}.controls{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-bottom:18px}.controls select{padding:10px;border:1px solid #ccd4d0;border-radius:7px;background:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metrics article,.panel{background:white;border:1px solid #e1e5e2;border-radius:12px;padding:21px}.metrics span{display:block;color:#64746c;font-size:13px}.metrics strong{font-size:32px}.panel{margin-bottom:18px}.panel h2{font-size:17px;margin:0 0 18px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart{height:190px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #d5ddd7;padding:10px 0}.bar{flex:1;min-width:2px;background:#688d80;border-radius:3px 3px 0 0;position:relative}.bar:hover{background:#264a3d}.bar:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:0;white-space:nowrap;background:#20302d;color:white;padding:4px 7px;border-radius:4px;font-size:11px;z-index:2}.rank{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0ee}.rank span{flex:1;overflow-wrap:anywhere}.rank strong{font-variant-numeric:tabular-nums}.note{color:#63736b;font-size:12px}#status{color:#9b4b35}@media(max-width:700px){.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}header{padding:22px}header h1{font-size:24px}}