:root{--green:#075b36;--green2:#087443;--soft:#eef7f1;--ink:#172033;--muted:#667085;--line:#dfe7e3;--danger:#b42318;--shadow:0 14px 42px rgba(11,56,38,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#edf7f1,#f8fbff);color:var(--ink);line-height:1.45}.top{background:linear-gradient(135deg,#075b36,#0c7a49);color:#fff;padding:26px 16px;text-align:center}.top h1{margin:0 0 5px;font-size:28px}.top p{margin:0;opacity:.9}.container{width:min(100% - 28px,1220px);margin:24px auto}.card,.panel{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(7,91,54,.07)}.panel{box-shadow:0 8px 26px rgba(16,61,43,.07)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full,.span-2{grid-column:1/-1}label{display:block;font-weight:750;margin:0 0 7px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:11px;font-size:15px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(5,150,105,.14);border-color:#059669}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;font-size:14px;font-weight:760;cursor:pointer;text-decoration:none;line-height:1.2}.btn-primary{background:var(--green2);color:#fff}.btn-light{background:#e9f5ee;color:var(--green)}.btn-danger{background:var(--danger);color:#fff}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.top-actions,.admin-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.notice{padding:13px 15px;border-radius:11px;margin:0 0 18px}.success{background:#e7f8ed;color:#166534}.error{background:#feecec;color:#991b1b}.stats,.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin:18px 0}.stat,.metric{background:#f5faf7;border:1px solid #d7eadf;padding:16px;border-radius:13px;text-align:center}.stat b,.metric b{display:block;font-size:24px;color:var(--green);margin-bottom:2px}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.table-wrap,.responsive-table{overflow:auto;border:1px solid #e5e7eb;border-radius:12px}table{border-collapse:collapse;width:100%;min-width:860px}th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:var(--green);color:#fff;position:sticky;top:0}tr:nth-child(even){background:#f8fafc}.muted{color:var(--muted);font-size:13px}.footer{text-align:center;color:#64748b;padding:22px}.login{max-width:440px;margin:50px auto}.login form{display:grid;gap:13px}.search{margin-bottom:14px}.money{white-space:nowrap;font-weight:750}.status-paid,.status-approved{color:#08783e!important}.status-due,.status-rejected{color:#b42318!important}.status-pending{color:#9a6700!important}.chip{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf6f1;font-size:12px;font-weight:800}.billing-box{background:#f7fbff;border:1px solid #dbeafe;border-radius:14px;padding:18px;margin-top:18px}.billing-box h3{margin-top:0}.billing-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.mini-stack{display:grid;gap:7px;min-width:210px}.two-fields{display:grid;grid-template-columns:90px 1fr;gap:8px}.align-end{display:flex;align-items:end}.empty-cell,.empty-state{text-align:center;color:var(--muted);padding:24px}.bulk-mail form{display:flex;gap:10px;align-items:end}.bulk-mail select{max-width:580px}
.member-hero{min-height:250px;background-size:cover;background-position:center;display:flex;color:#fff}.hero-fallback{background:radial-gradient(circle at 80% 20%,rgba(255,215,100,.28),transparent 30%),linear-gradient(135deg,#06492d,#0b7d49)}.hero-inner{width:min(100% - 28px,1220px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.member-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.05;margin:8px 0}.member-hero p{font-size:17px;margin:0;opacity:.9}.eyebrow{letter-spacing:.16em;font-size:12px;font-weight:850}.eyebrow.dark{color:var(--green)}.dashboard-wrap{margin-top:-46px;position:relative}.welcome-card{background:#fff;border-radius:20px;padding:20px 22px;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px}.welcome-card h2,.welcome-card p{margin:2px 0}.avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#0c8550,#72c69c);display:grid;place-items:center;color:#fff;font-weight:900;font-size:24px;flex:0 0 auto}.welcome-actions{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap}.quick-nav{display:flex;gap:8px;overflow:auto;margin:16px 0;padding:4px}.quick-nav a{white-space:nowrap;text-decoration:none;color:var(--green);background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:999px;font-weight:750}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:16px 0}.panel-head,.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel h2,.panel h3{margin-top:0}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.detail-list div{padding:10px 0;border-bottom:1px dashed var(--line)}.detail-list span{display:block;color:var(--muted);font-size:12px}.receipt-panel{text-align:center;background:linear-gradient(145deg,#f6fff9,#f3f7ff)}.receipt-icon{width:50px;height:50px;border-radius:50%;background:#e2f5e9;color:var(--green);display:grid;place-items:center;font-size:28px;font-weight:900;margin:0 auto 10px}.receipt-panel small{display:block;margin-top:12px;color:var(--muted)}.performance-panel{margin:16px 0}.performance-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.performance-list{display:grid;gap:10px;margin-top:18px}.performance-item{border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;justify-content:space-between;gap:16px}.performance-item h4{margin:7px 0 2px}.performance-item p{margin:3px 0}.performance-item form{margin:0}.count-badge{background:var(--green);color:#fff;border-radius:999px;padding:7px 12px;font-weight:800}.admin-note{margin-top:8px;padding:8px 10px;background:#fff8e6;border-radius:9px;color:#725100}.pay-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:22px}.pay-amount{font-size:34px;font-weight:900;color:var(--green);margin:2px 0}.payment-note{padding:12px;margin:14px 0;background:#fff8e6;border:1px solid #f5d78e;border-radius:11px}.payment-form{display:grid;gap:10px;margin-top:15px}.qr{text-align:center}.qr img{max-width:220px;width:100%;height:auto;border:1px solid #ddd;border-radius:12px;padding:8px;background:#fff}.member-highlight{background:#eaf8f0!important}details summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:4px}details[open] summary{margin-bottom:14px}
@media(max-width:850px){.billing-grid,.dashboard-grid,.pay-panel{grid-template-columns:1fr}.welcome-card{align-items:flex-start}.welcome-actions{margin-left:0}.performance-form{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-toolbar,.top-actions{align-items:flex-start;flex-direction:column}.bulk-mail form{align-items:stretch;flex-direction:column}.bulk-mail select{max-width:none}}
@media(max-width:700px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.card,.panel{padding:17px}.top h1{font-size:23px}.hero-inner{align-items:flex-start;flex-direction:column;padding:28px 0 70px}.dashboard-wrap{margin-top:-58px}.welcome-card{flex-wrap:wrap}.welcome-actions{width:100%}.welcome-actions .btn{flex:1}.detail-list{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.performance-item{flex-direction:column}.responsive-table{border:0;overflow:visible}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block;min-width:0}.responsive-table thead{display:none}.responsive-table tr{border:1px solid var(--line);border-radius:13px;margin:10px 0;background:#fff!important;padding:8px}.responsive-table td{display:flex;justify-content:space-between;gap:18px;border:0;border-bottom:1px dashed var(--line);padding:9px}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);font-weight:800;color:#51605a}.two-fields{grid-template-columns:1fr}.table-wrap{max-width:100%}}
@media print{.btn,.search,.top-actions,.admin-toolbar,.quick-nav{display:none!important}.container{width:100%;margin:0}.card,.panel{box-shadow:none;border:0}.top{background:#fff;color:#000;padding:10px}.table-wrap{overflow:visible}table{min-width:0;font-size:11px}}