:root{--navy:#08372c;--blue:#087f5b;--cyan:#b5d334;--bg:#f4f8f5;--ink:#13251f;--line:#d8e5dd}body{background:linear-gradient(180deg,#f8fbf9 0,#f1f7f3 100%)}.topbar{background:linear-gradient(110deg,#063b2f,#075843);min-height:76px;border-bottom:3px solid #d6b34a}.brand{display:flex;align-items:center;gap:.65rem}.brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.brand span{display:grid;line-height:1.15}.brand small{font-size:.72rem;letter-spacing:.08em}.card{border-color:#d8e5dd;box-shadow:0 14px 40px #063b2f0b}.button,button{background:linear-gradient(135deg,#087f5b,#056044)}.member-badge{background:linear-gradient(135deg,#063b2f,#087f5b);border-bottom:3px solid #d6b34a}.eyebrow{color:#087f5b}.login-shell:before{content:'';position:fixed;width:560px;height:560px;right:-180px;bottom:-180px;background:url('images/papisma-logo.png') center/contain no-repeat;opacity:.035;pointer-events:none}.login-card{border-top:4px solid #d6b34a}.status.on{background:#dcfce7;color:#166534}@media(max-width:760px){.brand img{width:44px;height:44px}.topbar{min-height:88px}}
.muted{color:#667085}.alert.notice{background:#fffaeb;color:#854a0e;border:1px solid #fedf89}.profile-progress{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;margin-bottom:1rem}.profile-progress>div:first-child{display:flex;justify-content:space-between}.progress-track{height:9px;background:#e5eee8;border-radius:999px;overflow:hidden;margin-top:.6rem}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#087f5b,#b5d334)}.profile-form{padding:0;overflow:hidden}.profile-form>.alert,.profile-form>.profile-strip{margin:1.5rem}.form-section{padding:1.5rem 2rem;border-top:1px solid var(--line)}.form-section h2{margin:-1.5rem -2rem 1.5rem;padding:1rem 2rem;background:#f2f7f4;color:#064e3b;font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em}.form-section:first-of-type{border-top:0}.office-section h2{background:#fff5e8;color:#9a4d00}.account-section h2{background:#eef4ff;color:#1849a9}.sticky-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:1rem 2rem;z-index:2;box-shadow:0 -8px 24px #063b2f0c}.check-label{display:flex;grid-template-columns:auto 1fr;align-items:center}.check-label input{width:auto}.row-actions{display:flex;align-items:center;gap:.8rem}.row-actions form{margin:0}.link-danger{background:transparent!important;color:#b42318;padding:0}.approval-actions{margin-top:.5rem}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.form-section{padding:1.25rem}.form-section h2{margin:-1.25rem -1.25rem 1.25rem;padding:1rem 1.25rem}.sticky-actions{padding:1rem;flex-wrap:wrap}.sticky-actions>*{flex:1;text-align:center}}
.email-composer{margin-bottom:2rem}.section-title{margin-top:2rem}.email-composer textarea{resize:vertical;min-height:150px}.email-composer [hidden]{display:none!important}
.smtp-status{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:12px;margin-bottom:1rem}.smtp-status span{font-size:.9rem}.smtp-ok{background:#ecfdf3;color:#087443;border:1px solid #abefc6}.smtp-bad{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.send-error{color:#b42318!important;max-width:420px;white-space:normal}.email-actions{display:flex;gap:.5rem;align-items:center}.email-actions form{margin:0}.small-button{padding:.45rem .65rem;font-size:.8rem}@media(max-width:760px){.smtp-status{flex-direction:column}}
.member-welcome{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:linear-gradient(120deg,#063b2f,#087f5b);color:#fff;border-radius:22px;padding:2rem;margin-bottom:2rem;box-shadow:0 18px 45px #063b2f24}.member-welcome .eyebrow{color:#d6b34a}.member-welcome h1{margin:.3rem 0}.member-welcome p{margin:0;color:#d9eee6}.welcome-actions{display:flex;gap:.7rem;flex-wrap:wrap}.welcome-actions .secondary{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:1.5rem 0 1rem}.section-heading h2{margin:.25rem 0}.result-count{background:#e8f5ef;color:#087f5b;border-radius:999px;padding:.4rem .8rem;font-weight:700}.directory-search{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem;align-items:end;padding:1.25rem;margin-bottom:1.3rem}.directory-search label{margin:0}.directory-buttons{display:flex;gap:.5rem;grid-column:1/-1;justify-content:flex-end}.member-directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.directory-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem;box-shadow:0 10px 25px #063b2f0a;display:flex;flex-direction:column}.directory-card-head{display:flex;align-items:center;gap:.8rem}.directory-card-head img,.directory-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover}.directory-avatar{display:grid;place-items:center;background:#e4f4ec;color:#087f5b;font-size:1.4rem;font-weight:800}.directory-card h3{font-size:1.05rem;margin:0 0 .2rem}.directory-card-head small{color:var(--muted)}.directory-card dl{margin:1rem 0;display:grid;gap:.55rem}.directory-card dl div{display:grid;grid-template-columns:88px 1fr;gap:.5rem}.directory-card dt{font-size:.78rem;color:var(--muted)}.directory-card dd{margin:0;font-size:.88rem}.contact-actions{display:flex;gap:.55rem;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--line)}.contact-actions a{padding:.45rem .65rem;border-radius:8px;font-size:.82rem;font-weight:750}.contact-email{background:#e8f2ff;color:#175cd3}.contact-whatsapp{background:#e7f8ee;color:#087443}.empty-state{text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:.35rem;margin:1.3rem 0}.pagination a{min-width:36px;height:36px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:8px}.pagination a.active{background:#087f5b;color:#fff}.member-stats{margin-top:2.5rem}.chart-controls{display:flex;gap:1rem;align-items:end;margin-bottom:1rem}.chart-controls label{margin:0;min-width:190px}.chart-card h3{margin-bottom:1.5rem}.bar-chart{display:grid;gap:.75rem}.bar-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr 45px;gap:.8rem;align-items:center}.bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.bar-row>div{height:18px;background:#e9f0ec;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#087f5b,#b5d334);border-radius:999px}.pie-layout{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:2rem}.css-pie{width:250px;height:250px;border-radius:50%;position:relative;display:grid;place-items:center}.css-pie:after{content:'';position:absolute;inset:58px;background:#fff;border-radius:50%}.css-pie span{z-index:1;font-size:1.8rem;font-weight:800}.pie-legend{display:grid;gap:.65rem}.pie-legend div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:.65rem}.pie-legend i{width:12px;height:12px;border-radius:3px}.privacy-options{display:grid;gap:.7rem}.privacy-options label{margin:0}@media(max-width:960px){.member-directory-grid{grid-template-columns:repeat(2,1fr)}.directory-search{grid-template-columns:1fr 1fr}.search-wide{grid-column:1/-1}}@media(max-width:640px){.member-welcome{align-items:flex-start;flex-direction:column}.member-directory-grid{grid-template-columns:1fr}.directory-search{grid-template-columns:1fr}.search-wide{grid-column:auto}.chart-controls{align-items:stretch;flex-direction:column}.chart-controls label{min-width:0}.pie-layout{grid-template-columns:1fr}.css-pie{margin:auto;width:220px;height:220px}.bar-row{grid-template-columns:100px 1fr 32px}}