.participants-content{max-width:1820px}.notice{display:none;align-items:center;gap:10px;margin-bottom:18px;padding:14px 16px;border:1px solid #bbf7d0;border-radius:14px;color:#166534;background:#f0fdf4;font-size:.78rem}.notice.show{display:flex}.participants-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:22px;padding:clamp(24px,4vw,38px);border-radius:24px;color:#fff;background:radial-gradient(circle at 92% 12%,rgba(242,140,0,.4),transparent 20rem),radial-gradient(circle at 5% 105%,rgba(19,139,88,.6),transparent 25rem),linear-gradient(135deg,#071a33,#143d63);box-shadow:var(--shadow)}.participants-hero h2{max-width:850px;margin:0;font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.13;letter-spacing:-.045em}.participants-hero p{max-width:820px;margin:12px 0 0;color:#cfdeea;font-size:.84rem;line-height:1.72}.hero-export-actions{display:flex;flex-direction:column;gap:10px}.btn-light-action{color:#071a33;background:#fff}.btn-accent{color:#fff;background:linear-gradient(135deg,#f28c00,#e47c00)}
.participant-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:20px}.participant-stat{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(7,26,51,.055)}.participant-stat-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e2e8f0;color:#173d66}.participant-stat strong,.participant-stat span,.participant-stat small{display:block}.participant-stat strong{color:#071a33;font-size:1.4rem;line-height:1;font-weight:900;letter-spacing:-.04em}.participant-stat span{margin-top:5px;color:#334155;font-size:.68rem;font-weight:850}.participant-stat small{margin-top:3px;color:#94a3b8;font-size:.57rem}.participant-stat.individual .participant-stat-icon{color:#1d4ed8;background:#dbeafe}.participant-stat.corporate .participant-stat-icon{color:#6d28d9;background:#ede9fe}.participant-stat.volunteer .participant-stat-icon{color:#9a4e00;background:#ffedd5}.participant-stat.attendance .participant-stat-icon,.participant-stat.email .participant-stat-icon{color:#166534;background:#dcfce7}
.participant-filter-card{margin-bottom:15px;padding:18px}.participant-filter-grid{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(280px,1.5fr) repeat(3,minmax(150px,.7fr)) auto;gap:11px;align-items:end}.filter-field{min-width:0}.filter-field>span{display:block;margin:0 0 6px;color:#475569;font-size:.62rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.reset-participant-filters{min-width:110px}.category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.category-tab{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;color:#334155;background:#fff;cursor:pointer;font-size:.7rem;font-weight:900;transition:.2s}.category-tab strong{min-width:30px;padding:4px 8px;border-radius:999px;color:#475569;background:#f1f5f9}.category-tab:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(7,26,51,.07)}.category-tab.active{color:#fff;border-color:#0b6b42;background:#0b6b42}.category-tab.active strong{color:#0b6b42;background:#fff}.category-tab.individual.active{border-color:#2563eb;background:#2563eb}.category-tab.individual.active strong{color:#2563eb}.category-tab.corporate.active{border-color:#7c3aed;background:#7c3aed}.category-tab.corporate.active strong{color:#7c3aed}.category-tab.volunteer.active{border-color:#e47c00;background:#e47c00}.category-tab.volunteer.active strong{color:#9a4e00}
.participant-table-card{overflow:hidden}.participant-card-head{padding-bottom:15px}.directory-actions{display:flex;align-items:center;gap:9px}.result-pill{padding:6px 10px;border-radius:999px;color:#075a37;background:#dcfce7;font-size:.62rem;font-weight:900}.participant-counting-note{display:flex;gap:10px;margin:0 20px 16px;padding:13px 15px;border:1px solid #bae6fd;border-radius:13px;color:#075985;background:#f0f9ff;font-size:.68rem;line-height:1.58}.participant-table{width:100%;border-collapse:collapse}.participant-table th{padding:12px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#64748b;background:#f8fafc;font-size:.59rem;font-weight:900;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.participant-table td{padding:14px 13px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.68rem;vertical-align:middle}.participant-table tbody tr:hover{background:#fbfdfc}.category-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:.58rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.category-badge.individual{color:#1d4ed8;background:#dbeafe}.category-badge.corporate{color:#6d28d9;background:#ede9fe}.category-badge.volunteer{color:#9a4e00;background:#ffedd5}.participant-name{min-width:170px}.participant-name strong,.participant-name small{display:block}.participant-name strong{color:#071a33;font-size:.73rem}.participant-name small{margin-top:3px;color:#94a3b8;font-size:.59rem}.participant-event{min-width:190px}.participant-event strong{display:block;color:#071a33}.participant-event small{display:block;margin-top:3px;color:#94a3b8}.participant-detail{min-width:150px}.participant-detail strong,.participant-detail small{display:block}.participant-detail small{margin-top:3px;color:#94a3b8}.email-delivery{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:.58rem;font-weight:900;text-transform:capitalize}.email-delivery.sent{color:#166534;background:#dcfce7}.email-delivery.queued{color:#9a4e00;background:#ffedd5}.email-delivery.failed{color:#991b1b;background:#fee2e2}.email-delivery.none{color:#475569;background:#e2e8f0}.row-action-group{display:flex;gap:6px}.participant-action{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#071a33;background:#fff;cursor:pointer}.participant-action:hover{color:#fff;border-color:#0b6b42;background:#0b6b42}.participant-action:disabled{opacity:.45;cursor:not-allowed}.participant-action.loading i{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1450px){.participant-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.participant-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{grid-column:span 2}}@media(max-width:1000px){.participants-hero{grid-template-columns:1fr}.hero-export-actions{flex-direction:row;flex-wrap:wrap}.participant-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:span 1}.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.participant-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-filter-grid{grid-template-columns:1fr}.event-field,.search-field{grid-column:auto}.participant-card-head{align-items:flex-start;flex-direction:column}.directory-actions{width:100%;flex-wrap:wrap}.participant-table thead{display:none}.participant-table,.participant-table tbody,.participant-table tr,.participant-table td{display:block;width:100%}.participant-table tbody{padding:0 12px 12px}.participant-table tr{overflow:hidden;margin-bottom:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.participant-table td{display:grid;grid-template-columns:minmax(92px,.38fr) minmax(0,.62fr);gap:10px;align-items:center;padding:10px 13px;text-align:right}.participant-table td:before{content:attr(data-label);color:#94a3b8;font-size:.55rem;font-weight:900;text-align:left;text-transform:uppercase}.participant-table td:nth-child(2){display:block;padding:14px;background:#f8fafc;text-align:left}.participant-table td:nth-child(2):before{display:none}.participant-name,.participant-event,.participant-detail{min-width:0}.row-action-group{justify-content:flex-end}}@media(max-width:520px){.participant-stat-grid,.category-tabs{grid-template-columns:1fr}.hero-export-actions{flex-direction:column}.hero-export-actions .btn{width:100%}}


/* V10 complete participant details modal */
.participant-detail-overlay{
  align-items:flex-start;
  overflow:auto;
  padding:28px 18px;
}
.participant-detail-modal{
  width:min(1080px,100%);
  max-height:calc(100vh - 56px);
  display:flex;
  flex-direction:column;
  margin:auto;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 80px rgba(15,23,42,.22);
}
.participant-detail-header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:22px 24px;
  border-bottom:1px solid #e2e8f0;
  background:linear-gradient(135deg,#f8fafc,#ecfdf5);
}
.participant-detail-header h2{
  margin:8px 0 3px;
  color:#0f172a;
}
.participant-detail-header p{
  margin:0;
  color:#64748b;
}
.modal-close-button{
  width:42px;
  height:42px;
  flex:0 0 auto;
  border:1px solid #cbd5e1;
  border-radius:14px;
  background:#fff;
  color:#334155;
  cursor:pointer;
}
.participant-detail-content{
  overflow:auto;
  padding:22px 24px;
}
.participant-modal-section h3{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 15px;
  color:#0f172a;
}
.participant-modal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.participant-modal-item{
  min-width:0;
  padding:13px 14px;
  border:1px solid #e2e8f0;
  border-radius:15px;
  background:#f8fafc;
}
.participant-modal-item.wide{grid-column:span 3}
.participant-modal-item span{
  display:block;
  margin-bottom:5px;
  color:#64748b;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.participant-modal-item strong{
  display:block;
  color:#0f172a;
  line-height:1.5;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.participant-detail-footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:16px 24px;
  border-top:1px solid #e2e8f0;
  background:#f8fafc;
}
.primary-detail-action{
  border-color:#a7f3d0!important;
  background:#ecfdf5!important;
  color:#047857!important;
}
@media (max-width:820px){
  .participant-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .participant-modal-item.wide{grid-column:span 2}
}
@media (max-width:560px){
  .participant-detail-overlay{padding:0}
  .participant-detail-modal{
    min-height:100vh;
    max-height:none;
    border:0;
    border-radius:0;
  }
  .participant-detail-header,
  .participant-detail-content,
  .participant-detail-footer{
    padding-left:16px;
    padding-right:16px;
  }
  .participant-modal-grid{grid-template-columns:1fr}
  .participant-modal-item.wide{grid-column:span 1}
  .participant-detail-footer{
    position:sticky;
    bottom:0;
  }
}