:root{font:16px/1.5 system-ui,sans-serif;color:#183831;background:#f4f6ee}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid #dce5d9;background:#fff}a{color:#246549}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:750}.brand small{display:block;font-weight:400;color:#65766b}.mark{background:#d9ef9e;border-radius:18px;padding:10px;font-weight:900;font-size:24px}main{max-width:1240px;margin:auto;padding:32px 24px}h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-1.5px;margin:8px 0 24px}h2{font-size:22px;margin:0 0 12px}p{color:#607166}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750;color:#4b7047}.title{display:flex;gap:20px;align-items:center;justify-content:space-between}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:12px 0 24px}.metric,.panel{background:white;border:1px solid #dce5d9;border-radius:20px;padding:24px}.metric strong{display:block;font-size:38px}.metric span{color:#65766b}.panel{margin-bottom:22px}.login{max-width:500px;margin:32px auto}.login form{display:grid;gap:18px;margin:24px 0}label{display:grid;gap:8px}input,button{font:inherit;border:1px solid #bfcebd;border-radius:10px;padding:10px 16px}input{min-width:0;background:white}button{cursor:pointer;background:#fff;color:#183831;font-weight:600}button:hover{background:#eef5e5}button:disabled{opacity:.45;cursor:default}.primary{background:#244d3d;color:white}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:16px 10px;border-bottom:1px solid #edf0e9}th{color:#65766b;font-weight:500}.account-link{border:0;padding:0;color:#246549;text-align:left;overflow-wrap:anywhere}#search{display:flex;gap:8px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.chart{height:130px;display:flex;align-items:end;gap:5px}.bar{flex:1;min-width:2px;background:#a0c86b;border-radius:5px 5px 0 0;position:relative}.bar:hover{background:#477a53}.muted,footer{color:#78847b;font-size:13px}footer{text-align:center;padding:24px}#status:empty{display:none}#status{padding:14px;background:#fff3d5;border-radius:12px}.learning{display:flex;gap:24px;flex-wrap:wrap}.learning strong{display:block;font-size:24px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:5px 10px;border-radius:20px;background:#eef5e5;font-size:13px}[hidden]{display:none!important}@media(max-width:650px){.metrics{grid-template-columns:repeat(2,1fr)}.title{align-items:start;flex-direction:column}#search{width:100%}#query{width:100%}.panel{padding:18px}header{padding:18px}main{padding:20px 14px}.metric{padding:18px}}

.chart-labels{display:flex;justify-content:space-between;color:#65766b;font-size:12px;margin-top:10px}

.staff-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #edf0e9}.staff-row>div{flex:1;min-width:220px}select{font:inherit;padding:10px;border:1px solid #bfcebd;border-radius:10px;background:white}#invite{display:flex;align-items:end;gap:16px;flex-wrap:wrap}#set-password{display:grid;gap:18px}
.report-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 24px}.report-controls label{min-width:180px}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.report-metrics .metric{background:#f6f8f1}.report-metrics strong{font-size:clamp(22px,3vw,34px)}.report-chart{height:150px;display:flex;align-items:end;gap:3px;border-bottom:1px solid #dce5d9;margin-top:20px}.report-bar{flex:1;background:#a0c86b;border-radius:4px 4px 0 0;min-width:1px}.report-bar:hover,.report-bar:focus{background:#246549}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.report-grid>.panel{margin:0;min-width:0}.report-grid>.panel:first-child:last-child{grid-column:1/-1}details{margin-top:16px}summary{cursor:pointer;font-size:14px;color:#246549}.report-warning{background:#fff3d5;padding:12px;border-radius:10px}@media(max-width:700px){.report-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-controls{align-items:start;flex-direction:column}.report-metrics .metric{padding:12px}.report-metrics strong{font-size:23px}}