.portfolio-page[data-v-5eff6a4d]{--benin-green:#00843d;--benin-green-d:#006b32;--benin-yellow:#fcd116;--benin-red:#ce1126;--chip-age-bg:#eef9f3;--chip-age-act:#16794d;background:#f8fafc;min-height:100vh;padding:2rem}.page-header[data-v-5eff6a4d]{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.header-left[data-v-5eff6a4d]{flex:1}.header-right[data-v-5eff6a4d]{gap:1rem}.header-meta[data-v-5eff6a4d],.header-right[data-v-5eff6a4d]{display:flex;flex-wrap:wrap}.header-meta[data-v-5eff6a4d]{align-items:center;gap:.75rem;margin-top:.25rem}.page-title[data-v-5eff6a4d]{align-items:center;color:#0f172a;display:flex;font-size:2rem;font-weight:800;gap:1rem;margin:0}.page-title i[data-v-5eff6a4d]{color:var(--benin-yellow)}.page-subtitle[data-v-5eff6a4d]{color:#64748b;font-size:1rem;margin:0}.header-filter-badge[data-v-5eff6a4d]{align-items:center;animation:fadeIn-5eff6a4d .2s ease;background:#16794d1a;border:1px solid rgba(22,121,77,.25);border-radius:20px;color:var(--chip-age-act);display:inline-flex;font-size:.75rem;font-weight:700;gap:5px;padding:3px 10px}@keyframes fadeIn-5eff6a4d{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.filters-section[data-v-5eff6a4d]{background:#fff;border:2px solid #f1f5f9;border-radius:16px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem}.search-box[data-v-5eff6a4d]{position:relative}.search-box i[data-v-5eff6a4d]{color:#94a3b8;font-size:1.125rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input[data-v-5eff6a4d]{border:2px solid #e2e8f0;border-radius:10px;font-size:.9375rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s;width:100%}.search-input[data-v-5eff6a4d]:focus{border-color:var(--benin-yellow);box-shadow:0 0 0 3px #fcd1161a;outline:none}.quick-filters[data-v-5eff6a4d]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.quick-filters__label[data-v-5eff6a4d]{color:#64748b;font-size:.8rem;font-weight:600;white-space:nowrap}.quick-filter-chip[data-v-5eff6a4d]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:24px;color:#475569;cursor:pointer;display:inline-flex;font-size:.825rem;font-weight:600;gap:7px;padding:6px 14px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quick-filter-chip[data-v-5eff6a4d]:hover:not(:disabled){background:var(--chip-age-bg);border-color:var(--chip-age-act);box-shadow:0 3px 8px #16794d26;color:var(--chip-age-act);transform:translateY(-1px)}.quick-filter-chip--active[data-v-5eff6a4d]{background:var(--chip-age-act);border-color:var(--chip-age-act);box-shadow:0 3px 10px #16794d4d;color:#fff!important}.quick-filter-chip--active[data-v-5eff6a4d]:hover:not(:disabled){background:#0d5a37;border-color:#0d5a37;color:#fff;transform:translateY(-1px)}.quick-filter-chip[data-v-5eff6a4d]:disabled{cursor:not-allowed;opacity:.5}.chip-icon[data-v-5eff6a4d]{align-items:center;display:flex;flex-shrink:0}.chip-label[data-v-5eff6a4d]{white-space:nowrap}.chip-count[data-v-5eff6a4d]{background:#ffffff40;border-radius:12px;color:#fff;font-size:.7rem;font-weight:800;min-width:20px;padding:1px 7px;text-align:center}.filters-row[data-v-5eff6a4d]{display:flex;flex-wrap:wrap;gap:1rem}.filter-select[data-v-5eff6a4d]{border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;flex:1;font-size:.9375rem;min-width:200px;padding:.75rem 1rem;transition:all .2s}.filter-select[data-v-5eff6a4d]:focus{border-color:var(--benin-yellow);outline:none}.active-filters-summary[data-v-5eff6a4d]{align-items:center;border-top:1px dashed #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.active-filters-summary__label[data-v-5eff6a4d]{color:#94a3b8;font-size:.75rem;font-weight:600}.active-filter-tag[data-v-5eff6a4d]{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:3px 10px}.active-filter-tag--age[data-v-5eff6a4d]{background:var(--chip-age-bg);border-color:#16794d40;color:var(--chip-age-act)}.active-filter-tag__remove[data-v-5eff6a4d]{background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem;line-height:1;opacity:.7;padding:0 2px;transition:opacity .15s}.active-filter-tag__remove[data-v-5eff6a4d]:hover{opacity:1}.members-container[data-v-5eff6a4d]{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:2rem}.empty-state[data-v-5eff6a4d],.loading-state[data-v-5eff6a4d]{padding:4rem 2rem;text-align:center}.spinner[data-v-5eff6a4d]{animation:spin-5eff6a4d 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top:4px solid var(--benin-yellow);height:48px;margin:0 auto 1rem;width:48px}@keyframes spin-5eff6a4d{to{transform:rotate(1turn)}}.empty-state i[data-v-5eff6a4d]{color:#cbd5e1;font-size:4rem;margin-bottom:1rem}.empty-state h3[data-v-5eff6a4d]{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.empty-state p[data-v-5eff6a4d]{color:#64748b;font-size:1rem;margin:0 0 2rem}.members-grid[data-v-5eff6a4d]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.member-card[data-v-5eff6a4d]{border:2px solid var(--benin-yellow);border-radius:16px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.member-card[data-v-5eff6a4d]:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.member-age-badge[data-v-5eff6a4d]{background:var(--chip-age-act);border-radius:12px;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.3px;padding:2px 8px;position:absolute;right:12px;top:12px}.member-body[data-v-5eff6a4d]{margin-bottom:1rem}.member-name[data-v-5eff6a4d]{color:#0f172a;font-size:1.1rem;font-weight:700;margin:0 0 .875rem}.member-info[data-v-5eff6a4d]{display:flex;flex-direction:column;gap:.5rem}.info-item[data-v-5eff6a4d]{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.info-item i[data-v-5eff6a4d]{color:#94a3b8;flex-shrink:0;font-size:1rem}.info-item--sub[data-v-5eff6a4d]{padding-left:1.5rem}.info-item--sub i[data-v-5eff6a4d]{color:#c3c9d3}.member-footer[data-v-5eff6a4d]{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:1rem}.member-meta[data-v-5eff6a4d]{display:flex;font-size:.875rem;gap:.5rem}.meta-label[data-v-5eff6a4d]{color:#94a3b8}.meta-value[data-v-5eff6a4d]{color:#0f172a;font-weight:600}.btn-primary[data-v-5eff6a4d],.btn-secondary[data-v-5eff6a4d]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary[data-v-5eff6a4d]{background:var(--benin-green);box-shadow:0 2px 8px #00843d40;color:#fff}.btn-primary[data-v-5eff6a4d]:hover{background:var(--benin-green-d);transform:translateY(-2px)}.btn-secondary[data-v-5eff6a4d]{background:#fff;border:2px solid #e2e8f0;color:#475569}.btn-secondary[data-v-5eff6a4d]:hover{border-color:var(--benin-yellow);color:#0f172a}.btn-export-report[data-v-5eff6a4d]{align-items:center;background:var(--benin-green);border:none;border-radius:10px;box-shadow:0 2px 8px #128a5d40;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-export-report[data-v-5eff6a4d]:hover:not(:disabled){background:var(--benin-green-d);transform:translateY(-2px)}.btn-export-report[data-v-5eff6a4d]:disabled{cursor:not-allowed;opacity:.5}.export-dropdown[data-v-5eff6a4d]{display:inline-block;position:relative}.btn-export-dropdown[data-v-5eff6a4d]{align-items:center;background:#006e46;border:none;border-radius:10px;box-shadow:0 2px 8px #006e4640;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-export-dropdown[data-v-5eff6a4d]:hover:not(:disabled){background:#005a39;transform:translateY(-2px)}.btn-export-dropdown[data-v-5eff6a4d]:disabled{cursor:not-allowed;opacity:.5}.btn-export-dropdown i.bi-chevron-down[data-v-5eff6a4d]{font-size:.875rem;transition:transform .2s}.btn-export-dropdown i.bi-chevron-down.rotate[data-v-5eff6a4d]{transform:rotate(180deg)}.dropdown-panel[data-v-5eff6a4d]{animation:slideDown-5eff6a4d .2s ease-out;background:#fff;border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 8px 24px #0000001a;min-width:220px;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown-5eff6a4d{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-option[data-v-5eff6a4d]{align-items:center;background:transparent;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-option[data-v-5eff6a4d]:hover:not(:disabled){background:#f8fafc;transform:translate(4px)}.dropdown-option[data-v-5eff6a4d]:disabled{cursor:not-allowed;opacity:.5}.dropdown-option i[data-v-5eff6a4d]{font-size:1.25rem}.pagination-section[data-v-5eff6a4d]{border-top:2px solid #f1f5f9;margin-top:2rem;padding-top:2rem}.pagination-container[data-v-5eff6a4d]{gap:.75rem;margin-bottom:1rem}.pagination-btn[data-v-5eff6a4d],.pagination-container[data-v-5eff6a4d]{align-items:center;display:flex;justify-content:center}.pagination-btn[data-v-5eff6a4d]{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;height:40px;transition:all .2s;width:40px}.pagination-btn i[data-v-5eff6a4d]{color:#475569;font-size:1rem}.pagination-btn[data-v-5eff6a4d]:hover:not(:disabled){background:#fef9e7;border-color:var(--benin-yellow)}.pagination-btn[data-v-5eff6a4d]:disabled{cursor:not-allowed;opacity:.3}.pagination-numbers[data-v-5eff6a4d]{align-items:center;display:flex;gap:.5rem}.pagination-number[data-v-5eff6a4d]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 8px;transition:all .2s}.pagination-number[data-v-5eff6a4d]:hover:not(.ellipsis):not(:disabled){background:#fef9e7;border-color:var(--benin-yellow);color:#0f172a}.pagination-number.active[data-v-5eff6a4d]{background:var(--benin-yellow);border-color:var(--benin-yellow);color:#0f172a;font-weight:700}.pagination-number.ellipsis[data-v-5eff6a4d]{background:transparent;border:none;color:#94a3b8;cursor:default;pointer-events:none}.pagination-info[data-v-5eff6a4d]{color:#64748b;font-size:.875rem;font-weight:500;text-align:center}.pagination-total[data-v-5eff6a4d]{color:#94a3b8;font-size:.875rem;margin-left:.5rem}@media (max-width:768px){.portfolio-page[data-v-5eff6a4d]{padding:1rem}.page-header[data-v-5eff6a4d]{align-items:stretch;flex-direction:column;padding:1.25rem}.header-right[data-v-5eff6a4d]{width:100%}.page-title[data-v-5eff6a4d]{font-size:1.5rem}.quick-filters[data-v-5eff6a4d]{gap:.5rem}.quick-filter-chip[data-v-5eff6a4d]{font-size:.8rem;padding:5px 12px}.filters-row[data-v-5eff6a4d]{flex-direction:column;gap:.75rem}.filter-select[data-v-5eff6a4d]{min-width:0;width:100%}.btn-export-dropdown[data-v-5eff6a4d],.btn-export-report[data-v-5eff6a4d],.btn-secondary[data-v-5eff6a4d]{justify-content:center;width:100%}.export-dropdown[data-v-5eff6a4d]{width:100%}.dropdown-panel[data-v-5eff6a4d]{left:0;right:0;width:100%}.members-grid[data-v-5eff6a4d]{gap:1rem;grid-template-columns:repeat(2,1fr)}.member-card[data-v-5eff6a4d]{padding:1rem}.member-name[data-v-5eff6a4d]{font-size:.9rem}.pagination-btn[data-v-5eff6a4d]:first-child,.pagination-btn[data-v-5eff6a4d]:last-child{display:none}}@media (max-width:480px){.members-grid[data-v-5eff6a4d]{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.btn-export-dropdown[data-v-5eff6a4d],.btn-export-report[data-v-5eff6a4d],.btn-primary[data-v-5eff6a4d],.btn-secondary[data-v-5eff6a4d],.pagination-btn[data-v-5eff6a4d],.pagination-number[data-v-5eff6a4d]:not(.ellipsis),.quick-filter-chip[data-v-5eff6a4d]{min-height:44px}}@media (prefers-reduced-motion:reduce){[data-v-5eff6a4d],[data-v-5eff6a4d]:after,[data-v-5eff6a4d]:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}
