:root{font-family:Arial,sans-serif;color:#193c31;background:#f5f7f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:28px 5%;border-bottom:1px solid #dbe3d4;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:30px;font-weight:700;letter-spacing:-2px}.logo span{font-size:10px;letter-spacing:2px;color:#718074}a{color:inherit;text-decoration:none}nav{display:flex;gap:24px;align-items:center;font-size:13px}main{max-width:1440px;margin:auto;padding:50px 5%}h1{font-size:clamp(36px,5vw,64px);line-height:1.06;letter-spacing:-3px;font-weight:400;margin:15px 0 24px}h1 span{color:#428063}h2{font-size:19px;font-weight:500;margin:0 0 24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#5a715e}.heading,.title{display:flex;justify-content:space-between;align-items:center;gap:20px}.controls{display:flex;gap:12px;align-items:end}label{display:grid;gap:8px;font-size:12px;color:#647766}button,select,input{font:inherit;border:1px solid #cbd7c2;border-radius:7px;padding:13px;background:#fff;color:#193c31}button{background:#cce7b6;cursor:pointer;font-size:13px}button:hover{background:#bfdba7}button:disabled{opacity:.6;cursor:wait}input:focus,select:focus,button:focus-visible{outline:2px solid #477a53;outline-offset:3px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:24px 0}.metric{background:#e8efde;border-radius:12px;padding:23px 20px}.metric strong{font-size:40px;font-weight:400;display:block;margin:12px 0 0}.metric span{font-size:12px;color:#647766}.panel{background:#fff;border:1px solid #e0e6da;border-radius:14px;padding:28px;margin-bottom:20px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.title>span{font-size:12px;color:#6f7c6c}.row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #eef1e9;font-size:14px;overflow-wrap:anywhere}.row strong{font-weight:500;white-space:nowrap}.chart{min-height:150px;display:flex;gap:5px;align-items:end;overflow-x:auto}.bar{flex:1;min-width:10px;text-align:center;font-size:9px;color:#6a7c68;display:flex;flex-direction:column;justify-content:end;height:170px}.bar i{display:block;background:#afd198;border-radius:4px 4px 0 0;min-height:3px}.bar span{margin-top:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-weight:400;color:#74836f;white-space:nowrap}td,th{padding:15px 10px;border-bottom:1px solid #e9eee2}td{max-width:260px;overflow-wrap:anywhere}footer{font-size:12px;color:#7b8776;line-height:1.7}#login{max-width:430px;margin:60px auto}#login-form{display:grid;gap:20px;margin-top:30px}#login-error,#notice{color:#87532c;font-size:13px}#more{margin-top:20px}[hidden]{display:none!important}@media(max-width:900px){.metrics{grid-template-columns:repeat(3,1fr)}.heading{align-items:start;flex-direction:column}.columns{grid-template-columns:1fr}}@media(max-width:600px){header{align-items:start}nav{flex-wrap:wrap;gap:12px}.logo{white-space:nowrap}main{padding:30px 5%}.metrics{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:30px}.controls{flex-wrap:wrap}.panel{padding:18px}.title{align-items:start;flex-direction:column}h1{letter-spacing:-1px}.bar{min-width:20px}}
