:root{color-scheme:light;--bg:#f3f8fa;--p:#fff;--ink:#102a37;--muted:#66808c;--line:#d6e4e9;--green:#008c78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui}main{max-width:1400px;margin:auto;padding:18px}nav{display:flex;gap:8px}a,button{padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-weight:800;text-decoration:none}header{display:grid;grid-template-columns:1fr 250px;gap:20px;margin-top:12px;padding:38px;border-radius:28px;background:linear-gradient(135deg,#093d5b,#087069);color:#fff}small{color:#7ef6df;font-weight:900}h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.9;margin:.2em 0}select,input{padding:11px;border:1px solid var(--line);border-radius:8px}#memberForm,#invoiceForm,#attendanceForm{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr auto;gap:8px;align-items:center;margin-top:10px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px}#memberForm h2,#invoiceForm h2,#attendanceForm h2{margin:0}#memberForm p,#invoiceForm p{grid-column:1/-1;margin:0;color:var(--muted)}#attendanceForm{grid-template-columns:1fr 1fr 1fr auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.metrics article,.layout>section{padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}.metrics span,.metrics strong{display:block}.metrics span{color:var(--muted)}.metrics strong{font-size:2rem}.layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.item{padding:12px;margin-top:8px;background:#f3f8fa;border-radius:9px}.item span{display:block;color:var(--muted)}.item button{padding:6px;margin:6px 5px 0 0}footer{padding:22px;color:var(--muted)}@media(max-width:900px){#memberForm,#invoiceForm,#attendanceForm,.layout{grid-template-columns:1fr 1fr}}@media(max-width:600px){header,#memberForm,#invoiceForm,#attendanceForm,.metrics,.layout{grid-template-columns:1fr}}