:root{--navy: #0f2a4a;--navy-ink: #0a1d33;--blue: #0b6e99;--green: #2e8b47;--green-dark: #22703a;--gold: #e0a93b;--text: #1b2433;--muted: #5a6577;--bg: #f3f6f4;--border: #e2e8e4;--danger: #b42318;--radius: 14px;--font-title: "Outfit", system-ui, sans-serif;--font-body: "Nunito Sans", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.55}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue)}h1,h2,h3{font-family:var(--font-title);color:var(--navy);line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(1.6rem,4vw,2.2rem)}h2{font-size:1.3rem}h3{font-size:1.1rem}.wrap{width:min(1120px,100% - 2rem);margin-inline:auto}.page{flex:1;padding:2rem 0 3rem}.muted{color:var(--muted)}.hint{color:var(--muted);font-weight:400;font-size:.85em}.error{color:var(--danger);font-weight:600}.btn{display:inline-block;cursor:pointer;font:inherit;font-weight:700;background:var(--green);color:#fff;text-decoration:none;padding:.7rem 1.3rem;border-radius:999px;border:2px solid var(--green)}.btn:hover{background:var(--green-dark);border-color:var(--green-dark)}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy)}.btn-ghost:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-small{padding:.4rem .95rem;font-size:.92rem}.link-btn{background:none;border:0;color:var(--blue);cursor:pointer;font:inherit;text-decoration:underline;padding:0}.link-btn.danger{color:var(--danger)}.topbar{background:#fff;border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-family:var(--font-title);font-weight:800;font-size:1.15rem;color:var(--navy)}.brand img{width:30px}.brand em{font-style:normal;color:var(--green)}.topnav{display:flex;align-items:center;gap:1rem}.topnav a:not(.btn){color:var(--navy);font-weight:600;text-decoration:none}.topnav a.active:not(.btn){color:var(--green)}.foot{padding:1.4rem 0;color:var(--muted);font-size:.9rem;border-top:1px solid var(--border);background:#fff}.page-head p{color:var(--muted);margin-top:0}.filters{display:grid;gap:.9rem;margin:1.4rem 0 1.6rem}.search,.form input,.form select,.form textarea{width:100%;font:inherit;padding:.7rem .9rem;border:1px solid #cfd8d2;border-radius:10px;background:#fff}.search:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--green);border-color:transparent}.chips,.tabs{display:flex;flex-wrap:wrap;gap:.5rem}.tabs{margin:1.4rem 0 1rem}.chip{font:inherit;font-weight:600;cursor:pointer;padding:.4rem .9rem;border-radius:999px;border:1px solid #cfd8d2;background:#fff;color:var(--navy)}.chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.members{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.member{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;display:flex;flex-direction:column;gap:.7rem}.member-head{display:flex;gap:.9rem;align-items:center}.member-head h3{margin:0 0 .2rem}.member-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0;color:var(--muted);font-size:.92rem}.member-desc{margin:0;color:var(--text);font-size:.95rem}.member-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tag{background:#e7f3ea;color:var(--green-dark);font-weight:700;border-radius:999px;padding:.1rem .65rem;font-size:.85rem}.avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-empty{display:grid;place-items:center;background:var(--navy);color:#fff;font-family:var(--font-title);font-weight:700}.empty{text-align:center;background:#fff;border-radius:var(--radius);padding:2.5rem 1rem;border:1px dashed #cfd8d2}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;max-width:760px;margin:0 auto 1.4rem}.panel.narrow{max-width:420px}.success{text-align:center}.form{display:grid;gap:1rem;margin-top:1.2rem}.form label{display:grid;gap:.35rem;font-weight:600;color:var(--navy)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:.7rem;flex-wrap:wrap}.photo-field{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.photo-field label{flex:1;min-width:220px}.photo-preview{width:72px;height:72px;border-radius:12px;object-fit:cover}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.admin-head-actions{display:flex;gap:.6rem;flex-wrap:wrap}.admin-list{display:grid;gap:.8rem}.admin-row{display:flex;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;align-items:flex-start}.admin-row-body{flex:1;min-width:0}.admin-row-body h3{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.3rem}.admin-row-actions{display:flex;flex-direction:column;gap:.4rem;align-items:stretch;min-width:120px}.status{font-family:var(--font-body);font-size:.75rem;font-weight:700;padding:.1rem .55rem;border-radius:999px}.status-pending{background:#fdf3dc;color:#8a5a00}.status-approved{background:#e7f3ea;color:var(--green-dark)}.status-rejected{background:#fde8e7;color:var(--danger)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.panel{padding:1.2rem}.admin-row{flex-wrap:wrap}.admin-row-actions{flex-direction:row;flex-wrap:wrap;min-width:0;width:100%}}