*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1f2a1f;background:#faf6ee;line-height:1.5}
header{background:#2f5d3a;color:#fff;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
header a{color:#fff;text-decoration:none}.logo{font-weight:700;font-size:1.2rem}nav a{margin-left:14px;opacity:.9}
main{max-width:960px;margin:auto;padding:16px}h1{font-size:1.6rem;color:#2f5d3a}.note{color:#6b5d45;font-size:.9rem}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px}th,td{padding:10px;text-align:left;border-bottom:1px solid #eee;font-size:.95rem}
th{background:#e9e0cc}td small{display:block;color:#777;font-size:.75rem}.btn{background:#d98c3a;color:#fff;padding:6px 10px;border-radius:6px;text-decoration:none;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{background:#fff;padding:14px;border-radius:10px;box-shadow:0 1px 3px #0001}
.card h3{margin:0 0 4px}.signup{margin-top:24px}form{display:flex;flex-wrap:wrap;gap:8px}input{flex:1;padding:10px;border:1px solid #ccc;border-radius:6px}button{padding:10px 16px;background:#2f5d3a;color:#fff;border:0;border-radius:6px}
footer{text-align:center;font-size:.8rem;color:#777;padding:24px 16px}