*{box-sizing:border-box}body{margin:0;background:#f2f5f9;color:#1b2940;font:14px Arial}.layout{display:flex;min-height:100vh}.side{width:235px;flex-shrink:0;background:#102a56;padding:20px 13px;color:#fff}.side h2{margin:5px 10px 22px}.side a{display:block;color:#dce6f3;padding:11px;border-radius:7px;text-decoration:none}.side a:hover,.side .active{background:#ffffff1c;color:#ffc16b}.main{padding:28px;width:calc(100% - 235px);max-width:1500px}.main h1{color:#102a56;margin-top:0}.panel,.stat,.login{background:#fff;border:1px solid #e5ebf2;border-radius:11px;padding:20px;margin:16px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat span{display:block;color:#718096}.stat strong{font-size:28px;color:#174a8b}.field{margin:12px 0}.field label,label{display:block;font-weight:bold;margin-bottom:6px}.field input,.field textarea,.field select,.login input{width:100%;padding:11px;border:1px solid #d7e0eb;border-radius:7px;font:inherit}.primary,.danger,.small{border:0;border-radius:7px;padding:10px 15px;background:#174a8b;color:white;font-weight:bold;cursor:pointer;text-decoration:none}.danger{background:#b83232;padding:7px}.small{background:#e7eff9;color:#174a8b;padding:7px}.alert{background:#e8f6ed;color:#17633a;padding:12px;border-radius:7px;margin:12px 0}.error{background:#fff0f0;color:#9b2222}.check{display:flex;gap:8px;align-items:center;margin:12px 0}.check input{width:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid #e9eef4;vertical-align:top}th{background:#f7f9fc}.scroll{overflow:auto}.inline{display:inline-block}.loginbody{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#102a56,#2762a9)}.login{width:min(420px,100%);padding:30px}.login h1{color:#102a56}.login label{margin-top:13px}.login button{width:100%;margin:20px 0}.hint{color:#718096;font-size:12px}@media(max-width:750px){.layout{display:block}.side{width:100%;display:flex;overflow:auto;gap:4px;padding:8px}.side h2{display:none}.side a{white-space:nowrap;font-size:12px}.main{width:100%;padding:16px}.stats{grid-template-columns:repeat(2,1fr)}}
.member-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.member-form-grid .full{grid-column:1/-1}.member-filter{display:flex;gap:10px;margin:12px 0 18px}.member-filter input{flex:1;min-width:160px;padding:10px;border:1px solid #d7e0eb;border-radius:7px}.member-filter select{padding:10px;border:1px solid #d7e0eb;border-radius:7px}.member-profile{display:flex;gap:22px;align-items:flex-start}.member-profile>img,.member-photo-placeholder{width:120px;height:140px;object-fit:cover;border-radius:9px;background:#e8eef6;display:grid;place-items:center;color:#174a8b;font-weight:bold;font-size:28px}.member-profile h2{margin:0 0 5px}.member-profile p{color:#64748b;margin:7px 0}.due-text{color:#b83232}.paid-text{color:#16804a}.actions{white-space:nowrap}.hint{color:#718096;font-size:12px}@media(max-width:650px){.member-form-grid{grid-template-columns:1fr}.member-filter{flex-wrap:wrap}.member-profile{flex-direction:column}.member-profile>img,.member-photo-placeholder{width:100px;height:115px}}