*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;color:#1d2b24;background:#f6f8f4}
header{background:#1f4d3a;color:#fff;padding:18px 24px}header a{color:#cfe8b8;margin-right:14px}h1{margin:0 0 4px}
main{max-width:1100px;margin:auto;padding:16px}.note{background:#fff7d6;border:1px solid #e8d48a;padding:8px 12px;border-radius:6px;font-size:14px}
.grid{display:grid;grid-template-columns:260px 1fr;gap:16px}.panel{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 3px #0002}
label{display:block;font-size:13px;margin-top:8px}select,input{width:100%;padding:4px}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:6px;border-bottom:1px solid #e3e8e0;text-align:left}tr:hover{background:#eef5e8;cursor:pointer}
.score{font-weight:700;color:#fff;background:#3a8a5c;border-radius:12px;padding:2px 9px}.bar{height:8px;background:#3a8a5c;border-radius:4px}
footer{font-size:13px;color:#555;padding:20px;text-align:center}button{background:#1f4d3a;color:#fff;border:0;padding:8px 14px;border-radius:6px;cursor:pointer}
#detail{display:none}.cards{display:flex;gap:10px;flex-wrap:wrap}.card{flex:1;min-width:200px;background:#eef5e8;padding:10px;border-radius:6px}