/* [project]/app/group/view/[accesscode]/components/ActivityFeed.module.css [app-client] (css) */
.ActivityFeed-module__s-KB9q__activityFeed {
  width: 100%;
}

.ActivityFeed-module__s-KB9q__activityFilter {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  padding: 1rem;
}

.ActivityFeed-module__s-KB9q__filterLabel {
  color: #333;
  margin-bottom: .75rem;
  font-size: .9rem;
  font-weight: 600;
}

.ActivityFeed-module__s-KB9q__filterOptions {
  flex-wrap: wrap;
  gap: 1rem;
  display: flex;
}

.ActivityFeed-module__s-KB9q__filterOption {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: .5rem;
  transition: all .2s;
  display: flex;
}

.ActivityFeed-module__s-KB9q__filterOption:hover {
  opacity: .8;
}

.ActivityFeed-module__s-KB9q__filterCheckbox {
  cursor: pointer;
  accent-color: #a00;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.ActivityFeed-module__s-KB9q__filterCheckbox:checked {
  accent-color: #a00;
}

.ActivityFeed-module__s-KB9q__filterText {
  color: #555;
  font-size: .9rem;
  font-weight: 500;
}

.ActivityFeed-module__s-KB9q__filterOption:hover .ActivityFeed-module__s-KB9q__filterText {
  color: #a00;
}

@media (max-width: 768px) {
  .ActivityFeed-module__s-KB9q__activityFilter {
    padding: .75rem;
  }

  .ActivityFeed-module__s-KB9q__filterOptions {
    flex-direction: column;
    gap: .75rem;
  }

  .ActivityFeed-module__s-KB9q__filterLabel {
    margin-bottom: .5rem;
    font-size: .85rem;
  }

  .ActivityFeed-module__s-KB9q__filterText {
    font-size: .85rem;
  }
}

.ActivityFeed-module__s-KB9q__activityList {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.ActivityFeed-module__s-KB9q__activityWrapper {
  transition: background-color .2s;
}

.ActivityFeed-module__s-KB9q__activityWrapper:hover {
  background: #f9f9f9;
}

.ActivityFeed-module__s-KB9q__activityWrapper:hover .ActivityFeed-module__s-KB9q__activitySeparator {
  background: none;
}

.ActivityFeed-module__s-KB9q__activityCard {
  background: none;
  border-left: 4px solid #0000;
  border-radius: 0;
  align-items: flex-start;
  gap: 1rem;
  margin-left: -4px;
  padding: .85rem 1.25rem .7rem;
  transition: all .2s;
  display: flex;
}

.ActivityFeed-module__s-KB9q__activityHeader {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.ActivityFeed-module__s-KB9q__groupCreationCard {
  border-left-color: #a00;
}

.ActivityFeed-module__s-KB9q__memberJoinCard {
  border-left-color: #3b82f6;
}

.ActivityFeed-module__s-KB9q__memberJoinCard .ActivityFeed-module__s-KB9q__activityIcon {
  background: linear-gradient(135deg, #bfdbfe 0%, #dbeafe 100%);
}

.ActivityFeed-module__s-KB9q__verseCompletionCard {
  border-left-color: #22c55e;
}

.ActivityFeed-module__s-KB9q__verseCompletionCard .ActivityFeed-module__s-KB9q__activityIcon {
  background: linear-gradient(135deg, #bbf7d0 0%, #dcfce7 100%);
}

.ActivityFeed-module__s-KB9q__streakCard {
  border-left-color: #f59e0b;
}

.ActivityFeed-module__s-KB9q__streakCard .ActivityFeed-module__s-KB9q__activityIcon {
  background: linear-gradient(135deg, #fed7aa 0%, #fef3c7 100%);
}

.ActivityFeed-module__s-KB9q__collectionCompletionCard {
  border-left-color: #22c55e;
}

.ActivityFeed-module__s-KB9q__summaryCard {
  border-left-color: #8b5cf6;
}

.ActivityFeed-module__s-KB9q__summaryCard .ActivityFeed-module__s-KB9q__activityIcon {
  background: linear-gradient(135deg, #ddd6fe 0%, #ede9fe 100%);
}

.ActivityFeed-module__s-KB9q__mostActiveCard {
  border-left-color: #eab308;
}

.ActivityFeed-module__s-KB9q__recentActivityCard {
  border-left-color: #ec4899;
}

.ActivityFeed-module__s-KB9q__recentActivityCard .ActivityFeed-module__s-KB9q__activityIcon {
  background: linear-gradient(135deg, #fbcfe8 0%, #fce7f3 100%);
}

.ActivityFeed-module__s-KB9q__activityCard:last-child {
  padding-bottom: 0;
}

.ActivityFeed-module__s-KB9q__activitySeparator {
  background: #e8e8e8;
  height: 1px;
  margin: 0 1.25rem;
  transition: background-color .2s;
}

.ActivityFeed-module__s-KB9q__milestoneCard {
  background: linear-gradient(135deg, #fef9c3 0%, #fef3c7 100%);
  border-left: 4px solid #eab308;
  box-shadow: 0 2px 8px #eab30826;
  border-radius: 8px !important;
}

.ActivityFeed-module__s-KB9q__milestoneCard .ActivityFeed-module__s-KB9q__activityIcon {
  background: linear-gradient(135deg, #fde047 0%, #fef08a 100%);
  box-shadow: 0 2px 6px #eab3084d;
}

.ActivityFeed-module__s-KB9q__activityAvatar {
  aspect-ratio: 1;
  background: #f0f0f0;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  overflow: hidden;
}

.ActivityFeed-module__s-KB9q__activityAvatar img {
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.ActivityFeed-module__s-KB9q__activityIcon {
  background: #f0f0f0;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 24px;
  display: flex;
}

.ActivityFeed-module__s-KB9q__activityContent {
  flex: 1;
  min-width: 0;
}

.ActivityFeed-module__s-KB9q__activityText {
  color: #333;
  margin-bottom: .25rem;
  font-size: .95rem;
  line-height: 1.5;
}

.ActivityFeed-module__s-KB9q__activityText strong {
  color: #a00;
  font-weight: 600;
}

.ActivityFeed-module__s-KB9q__activityType {
  color: #666;
  margin-left: 8px;
  font-size: .8em;
  font-weight: normal;
}

.ActivityFeed-module__s-KB9q__activityTime {
  color: #666;
  font-size: .85rem;
}

.ActivityFeed-module__s-KB9q__loading, .ActivityFeed-module__s-KB9q__error {
  text-align: center;
  color: #666;
  padding: 2rem;
}

.ActivityFeed-module__s-KB9q__error {
  color: #d32f2f;
}

.ActivityFeed-module__s-KB9q__emptyState {
  text-align: center;
  background: #f9f9f9;
  border: 2px dashed #e0e0e0;
  border-radius: 8px;
  padding: 3rem 2rem;
}

.ActivityFeed-module__s-KB9q__emptyStateIcon {
  opacity: .6;
  margin-bottom: 1rem;
  font-size: 3rem;
}

.ActivityFeed-module__s-KB9q__emptyStateTitle {
  color: #333;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.ActivityFeed-module__s-KB9q__emptyStateText {
  color: #666;
  max-width: 400px;
  margin: 0 auto;
  font-size: .95rem;
  line-height: 1.6;
}

.ActivityFeed-module__s-KB9q__loadMoreContainer {
  text-align: center;
  margin-top: 1.5rem;
}

.ActivityFeed-module__s-KB9q__loadMoreButton {
  color: #fff;
  cursor: pointer;
  background: #a00;
  border: none;
  border-radius: 6px;
  padding: .75rem 2rem;
  font-size: .95rem;
  font-weight: 500;
  transition: background .2s;
}

.ActivityFeed-module__s-KB9q__loadMoreButton:hover:not(:disabled) {
  background: #800;
}

.ActivityFeed-module__s-KB9q__loadMoreButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .ActivityFeed-module__s-KB9q__activityCard {
    gap: .75rem;
    padding: 1.125rem .75rem .375rem;
  }

  .ActivityFeed-module__s-KB9q__activityAvatar, .ActivityFeed-module__s-KB9q__activityIcon {
    aspect-ratio: 1;
    width: 40px;
    height: 40px;
  }

  .ActivityFeed-module__s-KB9q__activityIcon {
    font-size: 20px;
  }

  .ActivityFeed-module__s-KB9q__activityText {
    font-size: .9rem;
  }
}

.ActivityFeed-module__s-KB9q__wallPostCard {
  border-left-color: #8b5cf6;
}

.ActivityFeed-module__s-KB9q__wallPostMessage {
  color: #374151;
  white-space: pre-wrap;
  background: #f8fafc;
  border-left: 3px solid #8b5cf6;
  border-radius: 8px;
  margin-top: .5rem;
  padding: .75rem;
  font-style: italic;
  line-height: 1.5;
}

.ActivityFeed-module__s-KB9q__versesAddedCard {
  border-left-color: #0ea5e9;
}

.ActivityFeed-module__s-KB9q__versesAddedCard .ActivityFeed-module__s-KB9q__activityIcon {
  background: linear-gradient(135deg, #bae6fd 0%, #e0f2fe 100%);
}

.ActivityFeed-module__s-KB9q__versesAddedHint {
  color: #0369a1;
  margin-top: .375rem;
  font-size: .8rem;
  font-style: italic;
}

.ActivityFeed-module__s-KB9q__clickableUsername {
  color: #a00;
  cursor: pointer;
  font-weight: 600;
  font-size: inherit;
  background: none;
  border: none;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  font-family: inherit;
  text-decoration: none;
  transition: all .2s;
}

.ActivityFeed-module__s-KB9q__clickableUsername:hover {
  color: #8b0000;
  background-color: #aa00000d;
  text-decoration: underline;
}

.ActivityFeed-module__s-KB9q__clickableUsername:focus {
  outline-offset: 1px;
  outline: 2px solid #a00;
}

.ActivityFeed-module__s-KB9q__nonClickableUsername {
  color: #a00;
  cursor: default;
  font-weight: 600;
}

/* [project]/app/group/view/[accesscode]/components/WallPost.module.css [app-client] (css) */
.WallPost-module__l0vJAq__wallPostContainer {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 2rem;
  padding: 1.5rem;
  box-shadow: 0 2px 8px #0000001a;
}

.WallPost-module__l0vJAq__wallPostForm {
  width: 100%;
}

.WallPost-module__l0vJAq__inputGroup {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.WallPost-module__l0vJAq__messageInput {
  resize: vertical;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  width: 100%;
  min-height: 80px;
  padding: 1rem;
  font-family: inherit;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s;
}

.WallPost-module__l0vJAq__messageInput:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.WallPost-module__l0vJAq__messageInput::placeholder {
  color: #9ca3af;
}

.WallPost-module__l0vJAq__inputFooter {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.WallPost-module__l0vJAq__characterCount {
  color: #6b7280;
  font-size: .875rem;
}

.WallPost-module__l0vJAq__postButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  border: none;
  border-radius: 6px;
  min-width: 80px;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  transition: all .2s;
}

.WallPost-module__l0vJAq__postButton:hover:not(:disabled) {
  background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #dc26264d;
}

.WallPost-module__l0vJAq__postButton:disabled {
  color: #9ca3af;
  cursor: not-allowed;
  box-shadow: none;
  background: #d1d5db;
  transform: none;
}

.WallPost-module__l0vJAq__joinPrompt {
  text-align: center;
  background: #f9fafb;
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  padding: 2rem;
}

.WallPost-module__l0vJAq__joinPrompt p {
  color: #6b7280;
  margin: 0;
  font-size: .875rem;
}

@media (max-width: 768px) {
  .WallPost-module__l0vJAq__wallPostContainer {
    margin-bottom: 1rem;
    padding: 1rem;
  }

  .WallPost-module__l0vJAq__messageInput {
    padding: .75rem;
    font-size: .875rem;
  }

  .WallPost-module__l0vJAq__inputFooter {
    flex-direction: column;
    align-items: stretch;
    gap: .5rem;
  }

  .WallPost-module__l0vJAq__postButton {
    width: 100%;
    padding: .875rem;
  }
}

/* [project]/app/group/view/[accesscode]/components/AdminControls.module.css [app-client] (css) */
.AdminControls-module__p07w2a__adminControls {
  display: inline-block;
  position: relative;
}

.AdminControls-module__p07w2a__adminButton {
  cursor: pointer;
  color: #6b7280;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  transition: all .2s;
  display: flex;
}

.AdminControls-module__p07w2a__adminButton:hover {
  color: #374151;
  background: #f3f4f6;
}

.AdminControls-module__p07w2a__adminButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.AdminControls-module__p07w2a__adminMenu {
  z-index: 50;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  min-width: 160px;
  position: absolute;
  top: 100%;
  right: 0;
  overflow: hidden;
  box-shadow: 0 10px 25px #0000001a;
}

.AdminControls-module__p07w2a__menuItem {
  color: #374151;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: .75rem 1rem;
  font-size: .875rem;
  transition: background-color .2s;
  display: flex;
}

.AdminControls-module__p07w2a__menuItem:hover {
  background: #f9fafb;
}

.AdminControls-module__p07w2a__menuItem:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.AdminControls-module__p07w2a__menuItem.AdminControls-module__p07w2a__danger {
  color: #dc2626;
}

.AdminControls-module__p07w2a__menuItem.AdminControls-module__p07w2a__danger:hover {
  background: #fef2f2;
}

.AdminControls-module__p07w2a__menuItem svg {
  flex-shrink: 0;
}

.AdminControls-module__p07w2a__overlay {
  z-index: 100;
  background: #0000001a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.AdminControls-module__p07w2a__spinner {
  border: 3px solid #f3f4f6;
  border-top-color: #3b82f6;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: 1s linear infinite AdminControls-module__p07w2a__spin;
}

@keyframes AdminControls-module__p07w2a__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .AdminControls-module__p07w2a__adminMenu {
    min-width: 140px;
    right: -8px;
  }

  .AdminControls-module__p07w2a__menuItem {
    padding: .625rem .75rem;
    font-size: .8rem;
  }
}

/* [project]/app/group/view/[accesscode]/components/UserActivityModal.module.css [app-client] (css) */
.UserActivityModal-module__868kDa__modalOverlay {
  z-index: 9999;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.UserActivityModal-module__868kDa__modalContent {
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  max-height: 80vh;
  display: flex;
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
}

.UserActivityModal-module__868kDa__modalHeader {
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.UserActivityModal-module__868kDa__userInfo {
  align-items: center;
  gap: 16px;
  display: flex;
}

.UserActivityModal-module__868kDa__userAvatar {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
}

.UserActivityModal-module__868kDa__userDetails h3 {
  color: #1f2937;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.UserActivityModal-module__868kDa__userUsername {
  color: #6b7280;
  margin: 4px 0 0;
  font-size: 14px;
}

.UserActivityModal-module__868kDa__userActivityTitle {
  color: #6b7280;
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 500;
}

.UserActivityModal-module__868kDa__closeButton {
  color: #6b7280;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 4px;
  font-size: 24px;
  transition: all .2s;
}

.UserActivityModal-module__868kDa__closeButton:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.UserActivityModal-module__868kDa__modalBody {
  flex: 1;
  padding: 0;
  overflow-y: auto;
}

.UserActivityModal-module__868kDa__loading {
  text-align: center;
  color: #6b7280;
  padding: 40px;
  font-size: 16px;
}

.UserActivityModal-module__868kDa__error {
  text-align: center;
  color: #dc2626;
  padding: 40px;
  font-size: 16px;
}

.UserActivityModal-module__868kDa__empty {
  text-align: center;
  color: #6b7280;
  padding: 40px;
  font-size: 16px;
}

.UserActivityModal-module__868kDa__activityList {
  padding: 16px;
}

.UserActivityModal-module__868kDa__activityItem {
  border-bottom: 1px solid #f3f4f6;
  gap: 16px;
  padding: 16px;
  transition: background-color .2s;
  display: flex;
}

.UserActivityModal-module__868kDa__activityItem:hover {
  background-color: #f9fafb;
}

.UserActivityModal-module__868kDa__activityItem:last-child {
  border-bottom: none;
}

.UserActivityModal-module__868kDa__activityIcon {
  background-color: #f3f4f6;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  display: flex;
}

.UserActivityModal-module__868kDa__activityContent {
  flex: 1;
  min-width: 0;
}

.UserActivityModal-module__868kDa__activityText {
  color: #1f2937;
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 1.4;
}

.UserActivityModal-module__868kDa__activityTime {
  color: #6b7280;
  font-size: 13px;
}

.UserActivityModal-module__868kDa__loadMoreContainer {
  border-top: 1px solid #e5e7eb;
  padding: 16px;
}

.UserActivityModal-module__868kDa__loadMoreButton {
  color: #374151;
  cursor: pointer;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.UserActivityModal-module__868kDa__loadMoreButton:hover:not(:disabled) {
  background-color: #f3f4f6;
  border-color: #d1d5db;
}

.UserActivityModal-module__868kDa__loadMoreButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

@media (max-width: 640px) {
  .UserActivityModal-module__868kDa__modalOverlay {
    padding: 16px;
  }

  .UserActivityModal-module__868kDa__modalContent {
    max-height: 90vh;
  }

  .UserActivityModal-module__868kDa__modalHeader {
    padding: 20px;
  }

  .UserActivityModal-module__868kDa__userAvatar {
    width: 48px;
    height: 48px;
  }

  .UserActivityModal-module__868kDa__userDetails h3 {
    font-size: 18px;
  }

  .UserActivityModal-module__868kDa__activityItem {
    padding: 12px;
  }

  .UserActivityModal-module__868kDa__activityIcon {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}

/* [project]/app/group/view/[accesscode]/components/GroupStats.module.css [app-client] (css) */
.GroupStats-module__Y9Xj8q__statsSidebar {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  height: fit-content;
  padding: 2rem;
  transition: all .3s;
  box-shadow: 0 1px 3px #0000001a;
}

.GroupStats-module__Y9Xj8q__challengeMap {
  border: 2px solid #a00;
  border-radius: 8px;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.GroupStats-module__Y9Xj8q__challengeMapFooter {
  text-align: center;
  padding: 12px 0 0;
}

.GroupStats-module__Y9Xj8q__challengeMapLink {
  background: #a00;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  transition: background .2s, transform .2s;
  display: inline-block;
  color: #fff !important;
  text-decoration: none !important;
}

.GroupStats-module__Y9Xj8q__challengeMapLink:hover {
  background: #800;
  transform: translateY(-1px);
}

.GroupStats-module__Y9Xj8q__adminControls {
  border-top: 1px solid #e8e8e8;
  margin-top: 2rem;
  padding-top: 1.5rem;
}

.GroupStats-module__Y9Xj8q__adminSection {
  margin-bottom: 1.5rem;
}

.GroupStats-module__Y9Xj8q__adminTitle {
  color: #333;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
}

.GroupStats-module__Y9Xj8q__historicalLoadSection {
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 1rem;
}

.GroupStats-module__Y9Xj8q__historicalLoadHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__historicalLoadTitle {
  color: #333;
  font-size: .95rem;
  font-weight: 600;
}

.GroupStats-module__Y9Xj8q__historicalLoadStatus {
  border-radius: 6px;
  margin-bottom: 1rem;
  padding: .75rem;
  font-size: .9rem;
}

.GroupStats-module__Y9Xj8q__historicalLoadStatus.GroupStats-module__Y9Xj8q__status_idle {
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
}

.GroupStats-module__Y9Xj8q__historicalLoadStatus.GroupStats-module__Y9Xj8q__status_running {
  background: #e3f2fd;
  border: 1px solid #2196f3;
}

.GroupStats-module__Y9Xj8q__historicalLoadStatus.GroupStats-module__Y9Xj8q__status_completed {
  background: #e8f5e8;
  border: 1px solid #4caf50;
}

.GroupStats-module__Y9Xj8q__historicalLoadStatus.GroupStats-module__Y9Xj8q__status_error {
  background: #ffebee;
  border: 1px solid #f44336;
}

.GroupStats-module__Y9Xj8q__statusRunning, .GroupStats-module__Y9Xj8q__statusCompleted, .GroupStats-module__Y9Xj8q__statusError {
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__statusIcon {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1.1rem;
}

.GroupStats-module__Y9Xj8q__statusText {
  flex: 1;
}

.GroupStats-module__Y9Xj8q__statusProgress {
  opacity: .8;
  margin-top: .25rem;
  font-size: .85rem;
  display: block;
}

.GroupStats-module__Y9Xj8q__statusErrorText {
  color: #d32f2f;
  margin-top: .25rem;
  font-size: .85rem;
  display: block;
}

.GroupStats-module__Y9Xj8q__historicalLoadButton {
  color: #fff;
  cursor: pointer;
  background: #2196f3;
  border: none;
  border-radius: 6px;
  width: 100%;
  margin-bottom: .75rem;
  padding: .75rem 1rem;
  font-size: .9rem;
  font-weight: 500;
  transition: all .2s;
}

.GroupStats-module__Y9Xj8q__historicalLoadButton:hover:not(.GroupStats-module__Y9Xj8q__disabled):not(.GroupStats-module__Y9Xj8q__loading) {
  background: #1976d2;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px #2196f34d;
}

.GroupStats-module__Y9Xj8q__historicalLoadButton.GroupStats-module__Y9Xj8q__disabled {
  cursor: not-allowed;
  opacity: .6;
  background: #ccc;
}

.GroupStats-module__Y9Xj8q__historicalLoadButton.GroupStats-module__Y9Xj8q__loading {
  cursor: wait;
  background: #666;
}

.GroupStats-module__Y9Xj8q__historicalLoadDescription {
  color: #666;
  margin: 0;
  font-size: .85rem;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .GroupStats-module__Y9Xj8q__statsSidebar.GroupStats-module__Y9Xj8q__expanded {
    grid-column: 1 / -1;
  }
}

.GroupStats-module__Y9Xj8q__expandedContent {
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  height: 100%;
  min-height: 400px;
  padding: 1.5rem;
  animation: .3s ease-out GroupStats-module__Y9Xj8q__slideDown;
  display: none;
}

.GroupStats-module__Y9Xj8q__statButtonsColumn {
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  display: flex;
}

@media (min-width: 1024px) {
  .GroupStats-module__Y9Xj8q__statsSidebar.GroupStats-module__Y9Xj8q__expanded .GroupStats-module__Y9Xj8q__statsList {
    grid-template-columns: 1fr 2fr;
    align-items: stretch;
    gap: 2rem;
    display: grid;
  }

  .GroupStats-module__Y9Xj8q__statsSidebar.GroupStats-module__Y9Xj8q__expanded .GroupStats-module__Y9Xj8q__expandedContent {
    display: block;
  }
}

.GroupStats-module__Y9Xj8q__statsTitle {
  color: #1a1a1a;
  border-bottom: 2px solid #e8e8e8;
  margin: 0 0 1.25rem;
  padding-bottom: .75rem;
  font-size: 1.75rem;
  font-weight: 700;
  position: relative;
}

.GroupStats-module__Y9Xj8q__statsTitle:after {
  content: "";
  background: #a00;
  width: 50px;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.GroupStats-module__Y9Xj8q__statsList {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__statCard {
  background: #f9f9f9;
  border: none;
  border-radius: 8px;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  transition: all .2s;
  display: flex;
  position: relative;
}

.GroupStats-module__Y9Xj8q__statCard.GroupStats-module__Y9Xj8q__clickable {
  cursor: pointer;
}

.GroupStats-module__Y9Xj8q__statCard.GroupStats-module__Y9Xj8q__clickable:hover {
  background: #f5f5f5;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px #00000014;
}

.GroupStats-module__Y9Xj8q__statCard.GroupStats-module__Y9Xj8q__expandedCard {
  background: #f0f0f0;
  border: 2px solid #a00;
}

.GroupStats-module__Y9Xj8q__statIcon {
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 1.5rem;
  line-height: 1;
  transition: transform .2s;
  display: flex;
}

.GroupStats-module__Y9Xj8q__statCard:hover .GroupStats-module__Y9Xj8q__statIcon {
  transform: scale(1.05);
}

.GroupStats-module__Y9Xj8q__iconVerses {
  background: linear-gradient(135deg, #fecaca 0%, #fee2e2 100%);
}

.GroupStats-module__Y9Xj8q__iconMembers {
  background: linear-gradient(135deg, #bfdbfe 0%, #dbeafe 100%);
}

.GroupStats-module__Y9Xj8q__iconStreak {
  background: linear-gradient(135deg, #fed7aa 0%, #fef3c7 100%);
}

.GroupStats-module__Y9Xj8q__iconCollections {
  background: linear-gradient(135deg, #bbf7d0 0%, #dcfce7 100%);
}

.GroupStats-module__Y9Xj8q__iconToday {
  background: linear-gradient(135deg, #e9d5ff 0%, #f3e8ff 100%);
}

.GroupStats-module__Y9Xj8q__statContent {
  flex: 1;
  min-width: 0;
}

.GroupStats-module__Y9Xj8q__statValue {
  color: #a00;
  margin-bottom: .25rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.GroupStats-module__Y9Xj8q__emptyValue {
  color: #999;
  font-size: .9rem;
  font-style: italic;
  font-weight: 500;
}

.GroupStats-module__Y9Xj8q__statLabel {
  color: #666;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: .125rem;
  font-size: .875rem;
  font-weight: 600;
}

.GroupStats-module__Y9Xj8q__statSubtext {
  color: #999;
  margin-top: .125rem;
  font-size: .75rem;
  font-style: italic;
}

.GroupStats-module__Y9Xj8q__loading {
  text-align: center;
  color: #666;
  padding: 2rem;
}

.GroupStats-module__Y9Xj8q__memberStatRow {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__memberStatMain {
  color: #a00;
  font-size: 1.375rem;
  font-weight: 700;
}

.GroupStats-module__Y9Xj8q__memberStatSub {
  color: #666;
  font-size: .875rem;
  font-weight: normal;
}

@media (max-width: 768px) {
  .GroupStats-module__Y9Xj8q__statsSidebar {
    padding: 1.5rem;
  }

  .GroupStats-module__Y9Xj8q__statValue {
    font-size: 1.5rem;
  }

  .GroupStats-module__Y9Xj8q__statCard {
    padding: .875rem;
  }

  .GroupStats-module__Y9Xj8q__statIcon {
    font-size: 1.25rem;
  }
}

.GroupStats-module__Y9Xj8q__tooltip {
  z-index: 10;
  display: inline-block;
  position: absolute;
  bottom: .75rem;
  right: .75rem;
}

.GroupStats-module__Y9Xj8q__tooltipIcon {
  color: #fff;
  cursor: help;
  background: #999;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  font-size: 10px;
  font-weight: bold;
  transition: all .2s;
  display: inline-flex;
}

.GroupStats-module__Y9Xj8q__tooltipIcon:hover {
  background: #666;
  transform: scale(1.1);
}

.GroupStats-module__Y9Xj8q__tooltipContent {
  color: #fff;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: normal;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  white-space: normal;
  pointer-events: none;
  background: #333;
  border-radius: 6px;
  min-width: 350px;
  max-width: 400px;
  padding: .75rem 1rem;
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.4;
  transition: all .2s;
  position: absolute;
  top: 50%;
  left: calc(100% + .5rem);
  transform: translateY(-50%);
  box-shadow: 0 4px 12px #00000026;
}

.GroupStats-module__Y9Xj8q__tooltipContent:after {
  content: "";
  border: 5px solid #0000;
  border-right-color: #333;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.GroupStats-module__Y9Xj8q__tooltip:hover .GroupStats-module__Y9Xj8q__tooltipContent {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%)translateX(2px);
}

@media (max-width: 768px) {
  .GroupStats-module__Y9Xj8q__tooltipContent {
    max-width: 200px;
    padding: .5rem .75rem;
    font-size: .8rem;
  }
}

.GroupStats-module__Y9Xj8q__chartHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__chartHeader h4 {
  color: #333;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.GroupStats-module__Y9Xj8q__closeButton {
  color: #666;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .25rem;
  font-size: 1.25rem;
  transition: all .2s;
  display: flex;
}

.GroupStats-module__Y9Xj8q__closeButton:hover {
  color: #333;
  background: #e8e8e8;
}

.GroupStats-module__Y9Xj8q__chartLoading {
  text-align: center;
  color: #666;
  padding: 2rem;
  font-style: italic;
}

.GroupStats-module__Y9Xj8q__chartContainer {
  width: 100%;
  height: 300px;
}

.GroupStats-module__Y9Xj8q__chartEmpty {
  text-align: center;
  color: #999;
  padding: 2rem;
  font-style: italic;
}

.GroupStats-module__Y9Xj8q__comingSoon {
  text-align: center;
  color: #666;
  padding: 3rem 2rem;
}

.GroupStats-module__Y9Xj8q__comingSoonIcon {
  opacity: .7;
  margin-bottom: 1rem;
  font-size: 3rem;
}

.GroupStats-module__Y9Xj8q__comingSoon h5 {
  color: #333;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.GroupStats-module__Y9Xj8q__comingSoon p {
  margin: 0;
  font-size: .95rem;
  line-height: 1.5;
}

.GroupStats-module__Y9Xj8q__mobileModalOverlay {
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.GroupStats-module__Y9Xj8q__mobileModal {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  animation: .3s ease-out GroupStats-module__Y9Xj8q__modalSlideUp;
  overflow: hidden;
  box-shadow: 0 4px 20px #00000026;
}

@keyframes GroupStats-module__Y9Xj8q__modalSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.GroupStats-module__Y9Xj8q__mobileModalHeader {
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__mobileModalHeader h4 {
  color: #333;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.GroupStats-module__Y9Xj8q__mobileModalClose {
  color: #666;
  cursor: pointer;
  background: none;
  border: none;
  padding: .25rem;
  font-size: 1.25rem;
  line-height: 1;
  transition: color .2s;
}

.GroupStats-module__Y9Xj8q__mobileModalClose:hover {
  color: #a00;
}

.GroupStats-module__Y9Xj8q__mobileModalContent {
  max-height: calc(90vh - 60px);
  padding: 1.25rem;
  overflow-y: auto;
}

.GroupStats-module__Y9Xj8q__chartWrapper {
  width: 100%;
}

.GroupStats-module__Y9Xj8q__chartRow {
  flex-wrap: wrap;
  gap: 1.5rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__pieChartContainer, .GroupStats-module__Y9Xj8q__lineChartContainer {
  flex: 1;
  min-width: 200px;
}

.GroupStats-module__Y9Xj8q__pieChartContainer h5, .GroupStats-module__Y9Xj8q__lineChartContainer h5 {
  color: #666;
  text-align: center;
  margin: 0 0 .5rem;
  font-size: .9rem;
}

.GroupStats-module__Y9Xj8q__collectionsSummary {
  background: #f9f9f9;
  border-radius: 8px;
  justify-content: space-around;
  margin-bottom: 1.5rem;
  padding: 1rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__summaryItem {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.GroupStats-module__Y9Xj8q__summaryValue {
  color: #a00;
  font-size: 1.5rem;
  font-weight: 700;
}

.GroupStats-module__Y9Xj8q__summaryLabel {
  color: #666;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .75rem;
}

.GroupStats-module__Y9Xj8q__progressBars {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__progressItem {
  width: 100%;
}

.GroupStats-module__Y9Xj8q__progressLabel {
  justify-content: space-between;
  margin-bottom: .25rem;
  font-size: .875rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__progressLabel span:first-child {
  color: #333;
  font-weight: 500;
}

.GroupStats-module__Y9Xj8q__progressLabel span:last-child {
  color: #666;
}

.GroupStats-module__Y9Xj8q__progressBar {
  background: #e8e8e8;
  border-radius: 4px;
  width: 100%;
  height: 8px;
  overflow: hidden;
}

.GroupStats-module__Y9Xj8q__progressFill {
  border-radius: 4px;
  height: 100%;
  transition: width .5s;
}

.GroupStats-module__Y9Xj8q__todayLeaderboard {
  margin-top: 1rem;
}

.GroupStats-module__Y9Xj8q__todayLeaderboard h5 {
  color: #333;
  margin: 0 0 .75rem;
  font-size: 1rem;
  font-weight: 600;
}

.GroupStats-module__Y9Xj8q__leaderboardItem {
  background: #f9f9f9;
  border-radius: 8px;
  align-items: center;
  margin-bottom: .5rem;
  padding: .75rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__leaderboardRank {
  color: #a00;
  width: 40px;
  font-size: 1rem;
  font-weight: 700;
}

.GroupStats-module__Y9Xj8q__leaderboardName {
  color: #333;
  flex: 1;
  font-size: .9rem;
}

.GroupStats-module__Y9Xj8q__leaderboardScore {
  color: #666;
  font-size: .9rem;
  font-weight: 600;
}

@keyframes GroupStats-module__Y9Xj8q__slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.GroupStats-module__Y9Xj8q__membersContent {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__activeMembersSection {
  margin-top: 1rem;
}

.GroupStats-module__Y9Xj8q__activeMembersHeader {
  border-bottom: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__toggleInactiveButton {
  color: #495057;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 12px;
  transition: all .2s;
}

.GroupStats-module__Y9Xj8q__toggleInactiveButton:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}

.GroupStats-module__Y9Xj8q__memberCardsGrid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
  display: grid;
}

.GroupStats-module__Y9Xj8q__memberCard {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 1rem;
  transition: all .2s;
  box-shadow: 0 2px 4px #0000000d;
}

.GroupStats-module__Y9Xj8q__memberCard:hover {
  border-color: #a00;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #aa00001a;
}

.GroupStats-module__Y9Xj8q__memberCardHeader {
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__memberAvatar {
  flex-shrink: 0;
  margin-right: .75rem;
}

.GroupStats-module__Y9Xj8q__profileImage {
  object-fit: cover;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.GroupStats-module__Y9Xj8q__defaultAvatar {
  color: #fff;
  background: #a00;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.GroupStats-module__Y9Xj8q__memberInfo {
  flex: 1;
  min-width: 0;
}

.GroupStats-module__Y9Xj8q__memberName {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 .25rem;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
}

.GroupStats-module__Y9Xj8q__memberStatus {
  margin: 0;
  font-size: .75rem;
}

.GroupStats-module__Y9Xj8q__activeBadge {
  color: #155724;
  background: #d4edda;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .7rem;
  font-weight: 500;
}

.GroupStats-module__Y9Xj8q__inactiveBadge {
  color: #721c24;
  background: #f8d7da;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .7rem;
  font-weight: 500;
}

.GroupStats-module__Y9Xj8q__memberStats {
  border-top: 1px solid #f8f9fa;
  border-bottom: 1px solid #f8f9fa;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: .75rem 0;
  display: flex;
}

.GroupStats-module__Y9Xj8q__memberStat {
  text-align: center;
  flex: 1;
}

.GroupStats-module__Y9Xj8q__statValue {
  color: #a00;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.GroupStats-module__Y9Xj8q__statLabel {
  color: #666;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: .25rem;
  font-size: .7rem;
  display: block;
}

.GroupStats-module__Y9Xj8q__memberDates {
  color: #666;
  font-size: .8rem;
}

.GroupStats-module__Y9Xj8q__memberDate {
  justify-content: space-between;
  margin-bottom: .25rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__dateLabel {
  font-weight: 500;
}

.GroupStats-module__Y9Xj8q__dateValue {
  color: #888;
}

.GroupStats-module__Y9Xj8q__pagination {
  border-top: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 0;
  display: flex;
}

.GroupStats-module__Y9Xj8q__paginationButton {
  color: #495057;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: .9rem;
  transition: all .2s;
}

.GroupStats-module__Y9Xj8q__paginationButton:hover:not(:disabled) {
  background: #e9ecef;
  border-color: #adb5bd;
}

.GroupStats-module__Y9Xj8q__paginationButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.GroupStats-module__Y9Xj8q__paginationInfo {
  color: #666;
  font-size: .9rem;
  font-weight: 500;
}

.GroupStats-module__Y9Xj8q__membersCard {
  height: auto !important;
  min-height: auto !important;
}

.GroupStats-module__Y9Xj8q__inlineMembersList {
  border-top: 1px solid #f0f0f0;
  margin-top: 1rem;
  padding-top: 1rem;
}

.GroupStats-module__Y9Xj8q__inlineMembersHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__inlineMembersTitle {
  color: #666;
  font-size: .85rem;
  font-weight: 600;
}

.GroupStats-module__Y9Xj8q__inlineMemberItems {
  flex-direction: column;
  gap: .5rem;
  margin-bottom: .75rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__inlineMemberItem {
  background: #f8f9fa;
  border-radius: 6px;
  align-items: center;
  padding: .5rem;
  transition: background-color .2s;
  display: flex;
}

.GroupStats-module__Y9Xj8q__inlineMemberItem:hover {
  background: #e9ecef;
}

.GroupStats-module__Y9Xj8q__inlineMemberAvatar {
  flex-shrink: 0;
  margin-right: .5rem;
}

.GroupStats-module__Y9Xj8q__inlineProfileImage {
  object-fit: cover;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.GroupStats-module__Y9Xj8q__inlineDefaultAvatar {
  color: #fff;
  background: #a00;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.GroupStats-module__Y9Xj8q__inlineMemberInfo {
  flex: 1;
  min-width: 0;
}

.GroupStats-module__Y9Xj8q__inlineMemberName {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .85rem;
  font-weight: 500;
  overflow: hidden;
}

.GroupStats-module__Y9Xj8q__inlineMemberStats {
  color: #666;
  margin-top: .1rem;
  font-size: .75rem;
}

.GroupStats-module__Y9Xj8q__inlineActiveBadge {
  color: #155724;
  background: #d4edda;
  border-radius: 4px;
  flex-shrink: 0;
  margin-left: .5rem;
  padding: 2px 6px;
  font-size: .65rem;
  font-weight: 500;
}

.GroupStats-module__Y9Xj8q__inlinePagination {
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .5rem 0;
  display: flex;
}

.GroupStats-module__Y9Xj8q__inlinePaginationButton {
  color: #495057;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  transition: all .2s;
  display: flex;
}

.GroupStats-module__Y9Xj8q__inlinePaginationButton:hover:not(:disabled) {
  background: #e9ecef;
  border-color: #adb5bd;
}

.GroupStats-module__Y9Xj8q__inlinePaginationButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.GroupStats-module__Y9Xj8q__inlinePaginationInfo {
  color: #666;
  text-align: center;
  min-width: 40px;
  font-size: .75rem;
  font-weight: 500;
}

.GroupStats-module__Y9Xj8q__inlineEmptyState {
  text-align: center;
  color: #999;
  padding: 1rem 0;
  font-size: .85rem;
  font-style: italic;
}

.GroupStats-module__Y9Xj8q__inlineLoading {
  text-align: center;
  color: #666;
  padding: 1rem 0;
  font-size: .85rem;
  font-style: italic;
}

.GroupStats-module__Y9Xj8q__belowCardsMemberSection {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  margin-top: 1rem;
  padding: 1rem;
}

.GroupStats-module__Y9Xj8q__belowCardsHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.GroupStats-module__Y9Xj8q__belowCardsTitle {
  color: #666;
  font-size: .9rem;
  font-weight: 600;
}

.GroupStats-module__Y9Xj8q__belowCardsLoading {
  text-align: center;
  color: #666;
  padding: 2rem 0;
  font-size: .9rem;
  font-style: italic;
}

.GroupStats-module__Y9Xj8q__belowCardsEmptyState {
  text-align: center;
  color: #999;
  padding: 2rem 0;
  font-size: .9rem;
  font-style: italic;
}

@media (max-width: 768px) {
  .GroupStats-module__Y9Xj8q__belowCardsMemberSection {
    margin-top: .75rem;
    padding: .75rem;
  }

  .GroupStats-module__Y9Xj8q__belowCardsHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .GroupStats-module__Y9Xj8q__toggleInactiveButton {
    align-self: flex-end;
  }

  .GroupStats-module__Y9Xj8q__belowCardsTitle {
    font-size: .85rem;
  }

  .GroupStats-module__Y9Xj8q__belowCardsLoading, .GroupStats-module__Y9Xj8q__belowCardsEmptyState {
    padding: 1.5rem 0;
    font-size: .85rem;
  }
}

/* [project]/app/group/view/[accesscode]/components/GroupMembers.module.css [app-client] (css) */
.GroupMembers-module__U1OtTq__membersHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.GroupMembers-module__U1OtTq__membersTitle {
  color: #1a1a1a;
  border-bottom: 2px solid #e8e8e8;
  margin: 0 0 1.25rem;
  padding-bottom: .75rem;
  font-size: 1.75rem;
  font-weight: 700;
  position: relative;
}

.GroupMembers-module__U1OtTq__membersTitle:after {
  content: "";
  background: #a00;
  width: 50px;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.GroupMembers-module__U1OtTq__toggleButton {
  color: #495057;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: .8rem;
  transition: all .2s;
}

.GroupMembers-module__U1OtTq__toggleButton:hover {
  background: #e9ecef;
  border-color: #adb5bd;
}

.GroupMembers-module__U1OtTq__loading {
  text-align: center;
  color: #666;
  padding: 2rem 0;
  font-size: .9rem;
  font-style: italic;
}

.GroupMembers-module__U1OtTq__emptyState {
  text-align: center;
  color: #999;
  padding: 2rem 0;
  font-size: .9rem;
  font-style: italic;
}

.GroupMembers-module__U1OtTq__memberCardsGrid {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.GroupMembers-module__U1OtTq__memberCard {
  cursor: pointer;
  text-align: left;
  background: #f9f9f9;
  border: none;
  border-radius: 8px;
  flex-direction: column;
  gap: .75rem;
  width: 100%;
  padding: 1rem;
  font-family: inherit;
  transition: all .2s;
  display: flex;
  position: relative;
}

.GroupMembers-module__U1OtTq__memberCard:hover {
  background: #f5f5f5;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px #00000014;
}

.GroupMembers-module__U1OtTq__memberCard:focus {
  outline-offset: 2px;
  outline: 2px solid #a00;
}

.GroupMembers-module__U1OtTq__memberCard:active {
  transform: translateY(0);
}

.GroupMembers-module__U1OtTq__memberCardHeader {
  align-items: center;
  gap: .75rem;
  margin-bottom: .75rem;
  display: flex;
}

.GroupMembers-module__U1OtTq__memberAvatar {
  flex-shrink: 0;
}

.GroupMembers-module__U1OtTq__profileImage {
  object-fit: cover;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.GroupMembers-module__U1OtTq__defaultAvatar {
  color: #fff;
  background: linear-gradient(135deg, #a00 0%, #c33 100%);
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.GroupMembers-module__U1OtTq__memberInfo {
  flex: 1;
  min-width: 0;
}

.GroupMembers-module__U1OtTq__memberName {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 .25rem;
  font-size: .95rem;
  font-weight: 600;
  overflow: hidden;
}

.GroupMembers-module__U1OtTq__memberStatus {
  align-items: center;
  gap: .5rem;
  margin: 0;
  display: flex;
}

.GroupMembers-module__U1OtTq__activeBadge {
  color: #155724;
  background: #d4edda;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: .7rem;
  font-weight: 500;
}

.GroupMembers-module__U1OtTq__memberStats {
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
  justify-content: space-between;
  margin-bottom: .75rem;
  padding: .75rem 0;
  display: flex;
}

.GroupMembers-module__U1OtTq__memberStat {
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.GroupMembers-module__U1OtTq__memberStat .GroupMembers-module__U1OtTq__statValue {
  color: #a00;
  font-size: 1.1rem;
  font-weight: 700;
}

.GroupMembers-module__U1OtTq__memberStat .GroupMembers-module__U1OtTq__statLabel {
  color: #666;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: .7rem;
}

.GroupMembers-module__U1OtTq__memberDates {
  flex-direction: column;
  gap: .25rem;
  display: flex;
}

.GroupMembers-module__U1OtTq__memberDate {
  justify-content: space-between;
  font-size: .75rem;
  display: flex;
}

.GroupMembers-module__U1OtTq__dateLabel {
  color: #666;
}

.GroupMembers-module__U1OtTq__dateValue {
  color: #333;
  font-weight: 500;
}

.GroupMembers-module__U1OtTq__pagination {
  border-top: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem 0 .5rem;
  display: flex;
}

.GroupMembers-module__U1OtTq__paginationButton {
  color: #495057;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: .85rem;
  transition: all .2s;
}

.GroupMembers-module__U1OtTq__paginationButton:hover:not(:disabled) {
  background: #e9ecef;
  border-color: #adb5bd;
}

.GroupMembers-module__U1OtTq__paginationButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.GroupMembers-module__U1OtTq__paginationInfo {
  color: #666;
  font-size: .85rem;
  font-weight: 500;
}

@media (max-width: 768px) {
  .GroupMembers-module__U1OtTq__membersHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .GroupMembers-module__U1OtTq__toggleButton {
    align-self: flex-end;
  }

  .GroupMembers-module__U1OtTq__memberCardsGrid {
    gap: .5rem;
  }

  .GroupMembers-module__U1OtTq__memberCard {
    padding: .75rem;
  }

  .GroupMembers-module__U1OtTq__profileImage, .GroupMembers-module__U1OtTq__defaultAvatar {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .GroupMembers-module__U1OtTq__memberName {
    font-size: .9rem;
  }

  .GroupMembers-module__U1OtTq__memberStat .GroupMembers-module__U1OtTq__statValue {
    font-size: 1rem;
  }

  .GroupMembers-module__U1OtTq__pagination {
    flex-wrap: wrap;
    gap: .5rem;
  }

  .GroupMembers-module__U1OtTq__paginationButton {
    padding: 6px 12px;
    font-size: .8rem;
  }
}

/* [project]/app/group/view/[accesscode]/components/ExpandableCollection.module.css [app-client] (css) */
.ExpandableCollection-module__Lyo3Fa__collectionCard {
  background: #f9f9f9;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  transition: background-color .2s, box-shadow .2s;
  position: relative;
}

.ExpandableCollection-module__Lyo3Fa__collectionCardExpanded {
  background: #f5f5f5;
}

.ExpandableCollection-module__Lyo3Fa__collectionHeader {
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  flex-direction: column;
  width: 100%;
  padding: 1rem 1.25rem;
  font-family: inherit;
  transition: background-color .2s;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__collectionHeader:hover {
  background: #00000005;
}

.ExpandableCollection-module__Lyo3Fa__collectionHeader:focus {
  outline-offset: -2px;
  outline: 2px solid #a00;
}

.ExpandableCollection-module__Lyo3Fa__titleRow {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  width: 100%;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__collectionTitle {
  color: #a00;
  flex: 1;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.ExpandableCollection-module__Lyo3Fa__headerRight {
  flex-shrink: 0;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__verseCountBadge {
  color: #666;
  background: #e8e8e8;
  border-radius: 4px;
  padding: .25rem .5rem;
  font-size: .75rem;
}

.ExpandableCollection-module__Lyo3Fa__expandIcon {
  color: #999;
  font-size: .625rem;
  transition: transform .2s;
}

.ExpandableCollection-module__Lyo3Fa__expandIconRotated {
  transform: rotate(180deg);
}

.ExpandableCollection-module__Lyo3Fa__headerProgress {
  align-items: center;
  gap: .5rem;
  margin-top: .5rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__collectionContent {
  padding: 0 1.25rem 1.25rem;
}

.ExpandableCollection-module__Lyo3Fa__collectionCard:has(.ExpandableCollection-module__Lyo3Fa__adminActions) .ExpandableCollection-module__Lyo3Fa__collectionHeader {
  padding-right: 4.5rem;
}

.ExpandableCollection-module__Lyo3Fa__completeBadge {
  color: #166534;
  background: linear-gradient(135deg, #bbf7d0 0%, #dcfce7 100%);
  border: 1px solid #22c55e;
  border-radius: 12px;
  align-items: center;
  gap: .25rem;
  padding: 4px 10px;
  font-size: .75rem;
  font-weight: 600;
  animation: .3s ease-out ExpandableCollection-module__Lyo3Fa__slideIn;
  display: inline-flex;
}

@keyframes ExpandableCollection-module__Lyo3Fa__slideIn {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.ExpandableCollection-module__Lyo3Fa__collectionDescription {
  color: #666;
  margin: 0 0 .75rem;
  font-size: .9rem;
  line-height: 1.5;
}

.ExpandableCollection-module__Lyo3Fa__verseCount {
  color: #666;
  margin-bottom: .75rem;
  font-size: .875rem;
}

.ExpandableCollection-module__Lyo3Fa__verseCount strong {
  color: #a00;
  font-weight: 600;
}

.ExpandableCollection-module__Lyo3Fa__progressContainer {
  align-items: center;
  gap: .75rem;
  margin-top: .5rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__progressBar {
  background: #e5e7eb;
  border-radius: 4px;
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.ExpandableCollection-module__Lyo3Fa__progressFill {
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
  border-radius: 4px;
  height: 100%;
  transition: width .5s;
}

.ExpandableCollection-module__Lyo3Fa__progressText {
  color: #22c55e;
  text-align: right;
  min-width: 40px;
  font-size: .75rem;
  font-weight: 600;
}

.ExpandableCollection-module__Lyo3Fa__loading, .ExpandableCollection-module__Lyo3Fa__error, .ExpandableCollection-module__Lyo3Fa__empty {
  text-align: center;
  color: #666;
  padding: 1rem;
  font-size: .9rem;
}

.ExpandableCollection-module__Lyo3Fa__error {
  color: #a00;
  background: #ffe6e6;
  border-radius: 4px;
}

.ExpandableCollection-module__Lyo3Fa__verseListContainer {
  margin-top: 1rem;
}

.ExpandableCollection-module__Lyo3Fa__verseListFull {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__verseItem, .ExpandableCollection-module__Lyo3Fa__versePreviewItem {
  color: #555;
  touch-action: manipulation;
  pointer-events: auto;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__verseReference {
  color: #a00;
  flex: 1;
  font-weight: 500;
}

.ExpandableCollection-module__Lyo3Fa__memorizedBadge {
  color: #22c55e;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: bold;
}

.ExpandableCollection-module__Lyo3Fa__versePreview {
  margin-top: .75rem;
}

.ExpandableCollection-module__Lyo3Fa__versePreviewList {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__expandButton, .ExpandableCollection-module__Lyo3Fa__collapseButton {
  color: #666;
  cursor: pointer;
  text-align: center;
  touch-action: manipulation;
  background: #fff;
  border: 1px dashed #ccc;
  border-radius: 6px;
  width: 100%;
  margin-top: .75rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
}

.ExpandableCollection-module__Lyo3Fa__expandButton:hover, .ExpandableCollection-module__Lyo3Fa__collapseButton:hover, .ExpandableCollection-module__Lyo3Fa__expandButton:active, .ExpandableCollection-module__Lyo3Fa__collapseButton:active {
  color: #a00;
  background: #f9f9f9;
  border-style: solid;
  border-color: #a00;
}

.ExpandableCollection-module__Lyo3Fa__adminActions {
  z-index: 1;
  gap: .25rem;
  display: flex;
  position: absolute;
  top: .75rem;
  right: .75rem;
}

.ExpandableCollection-module__Lyo3Fa__editButton, .ExpandableCollection-module__Lyo3Fa__deleteButton {
  color: #666;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__editButton:hover {
  color: #a00;
  background: #f0f0f0;
  border-color: #a00;
}

.ExpandableCollection-module__Lyo3Fa__deleteButton:hover {
  color: #dc2626;
  background: #fef2f2;
  border-color: #dc2626;
}

.ExpandableCollection-module__Lyo3Fa__verseItemEditable {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.ExpandableCollection-module__Lyo3Fa__dragHandle {
  cursor: grab;
  color: #999;
  touch-action: none;
  margin-left: -4px;
  padding: 4px;
  font-size: 12px;
  transition: color .2s;
}

.ExpandableCollection-module__Lyo3Fa__dragHandle:hover {
  color: #666;
}

.ExpandableCollection-module__Lyo3Fa__dragHandle:active {
  cursor: grabbing;
}

.ExpandableCollection-module__Lyo3Fa__deleteVerseButton {
  color: #999;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 16px;
  transition: all .2s;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__deleteVerseButton:hover {
  color: #dc2626;
  background: #fef2f2;
}

.ExpandableCollection-module__Lyo3Fa__addVerseContainer {
  border-top: 1px dashed #e0e0e0;
  margin-top: 1rem;
  padding-top: 1rem;
}

.ExpandableCollection-module__Lyo3Fa__addVerseButton {
  color: #666;
  cursor: pointer;
  text-align: center;
  background: #fff;
  border: 1px dashed #ccc;
  border-radius: 6px;
  width: 100%;
  padding: .625rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
}

.ExpandableCollection-module__Lyo3Fa__addVerseButton:hover {
  color: #a00;
  background: #f9f9f9;
  border-style: solid;
  border-color: #a00;
}

.ExpandableCollection-module__Lyo3Fa__confirmDialog {
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  margin-top: .75rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__confirmYes, .ExpandableCollection-module__Lyo3Fa__confirmNo {
  cursor: pointer;
  border-radius: 4px;
  padding: .375rem .75rem;
  font-size: .8125rem;
  font-weight: 500;
  transition: all .2s;
}

.ExpandableCollection-module__Lyo3Fa__confirmYes {
  color: #fff;
  background: #dc2626;
  border: none;
}

.ExpandableCollection-module__Lyo3Fa__confirmYes:hover {
  background: #b91c1c;
}

.ExpandableCollection-module__Lyo3Fa__confirmNo {
  color: #666;
  background: #fff;
  border: 1px solid #d1d5db;
}

.ExpandableCollection-module__Lyo3Fa__confirmNo:hover {
  background: #f3f4f6;
}

.ExpandableCollection-module__Lyo3Fa__selectCollectionContainer {
  text-align: center;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border: 1px solid #0ea5e9;
  border-radius: 8px;
  margin-top: 1rem;
  padding: 1rem;
}

.ExpandableCollection-module__Lyo3Fa__selectCollectionButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  border: none;
  border-radius: 6px;
  padding: .75rem 1.5rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 2px 4px #0ea5e94d;
}

.ExpandableCollection-module__Lyo3Fa__selectCollectionButton:hover:not(:disabled) {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #0ea5e966;
}

.ExpandableCollection-module__Lyo3Fa__selectCollectionButton:disabled {
  cursor: not-allowed;
  box-shadow: none;
  background: #94a3b8;
  transform: none;
}

.ExpandableCollection-module__Lyo3Fa__selectCollectionDescription {
  color: #64748b;
  margin: .5rem 0 0;
  font-size: .85rem;
  line-height: 1.4;
}

.ExpandableCollection-module__Lyo3Fa__collectionSelectedContainer {
  text-align: center;
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  border: 1px solid #22c55e;
  border-radius: 8px;
  margin-top: 1rem;
  padding: 1rem;
}

.ExpandableCollection-module__Lyo3Fa__collectionSelectedIndicator {
  color: #166534;
  align-items: center;
  gap: .5rem;
  font-size: .9rem;
  font-weight: 600;
  display: inline-flex;
}

.ExpandableCollection-module__Lyo3Fa__collectionSelectedDescription {
  color: #64748b;
  margin: .5rem 0 0;
  font-size: .85rem;
  line-height: 1.4;
}

.ExpandableCollection-module__Lyo3Fa__collectionLink {
  color: #166534;
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
  transition: color .2s;
}

.ExpandableCollection-module__Lyo3Fa__collectionLink:hover {
  color: #15803d;
  text-decoration: none;
}

@media (max-width: 768px) {
  .ExpandableCollection-module__Lyo3Fa__collectionCard {
    padding: 1.25rem;
  }

  .ExpandableCollection-module__Lyo3Fa__collectionTitle {
    font-size: 1.1rem;
  }

  .ExpandableCollection-module__Lyo3Fa__verseItem, .ExpandableCollection-module__Lyo3Fa__versePreviewItem {
    padding: .5rem;
    font-size: .8125rem;
  }

  .ExpandableCollection-module__Lyo3Fa__expandButton, .ExpandableCollection-module__Lyo3Fa__collapseButton {
    padding: .625rem .875rem;
    font-size: .8125rem;
  }

  .ExpandableCollection-module__Lyo3Fa__adminActions {
    top: .5rem;
    right: .5rem;
  }

  .ExpandableCollection-module__Lyo3Fa__collectionHeader {
    padding-right: 4rem;
  }

  .ExpandableCollection-module__Lyo3Fa__selectCollectionButton {
    width: 100%;
    padding: .875rem 1rem;
  }
}

.ExpandableCollection-module__Lyo3Fa__collectionSelectedContainer {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  margin-top: .5rem;
  padding: 1rem;
}

.ExpandableCollection-module__Lyo3Fa__progressSummary {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__progressNumbers {
  color: #495057;
  font-size: .9rem;
}

.ExpandableCollection-module__Lyo3Fa__practiceButton {
  cursor: pointer;
  background: #a00;
  border: none;
  border-radius: 4px;
  padding: .375rem .75rem;
  font-size: .8rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  color: #fff !important;
}

.ExpandableCollection-module__Lyo3Fa__practiceButton:hover {
  background: #800;
  text-decoration: none;
  color: #fff !important;
}

@media (max-width: 768px) {
  .ExpandableCollection-module__Lyo3Fa__progressSummary {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .ExpandableCollection-module__Lyo3Fa__practiceButton {
    text-align: center;
    align-self: stretch;
  }

  .ExpandableCollection-module__Lyo3Fa__collectionSelectedContainer {
    padding: .875rem;
  }
}

.ExpandableCollection-module__Lyo3Fa__verseMainContent {
  flex: 1;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__verseNotSelected {
  background: #fefce8;
  border-color: #fcd34d;
}

.ExpandableCollection-module__Lyo3Fa__inCollectionBadge {
  color: #0ea5e9;
  flex-shrink: 0;
  font-size: .75rem;
}

.ExpandableCollection-module__Lyo3Fa__notSelectedBadge {
  color: #92400e;
  background: #fef3c7;
  border-radius: 3px;
  flex-shrink: 0;
  padding: .125rem .375rem;
  font-size: .7rem;
}

.ExpandableCollection-module__Lyo3Fa__addVerseToMineButton {
  color: #16a34a;
  cursor: pointer;
  background: #f0fdf4;
  border: 1px solid #22c55e;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 18px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__addVerseToMineButton:hover:not(:disabled) {
  color: #fff;
  background: #22c55e;
  transform: scale(1.05);
}

.ExpandableCollection-module__Lyo3Fa__addVerseToMineButton:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.ExpandableCollection-module__Lyo3Fa__missingVersesBanner {
  background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%);
  border: 1px solid #fcd34d;
  border-radius: 6px;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  padding: .75rem 1rem;
  display: flex;
}

.ExpandableCollection-module__Lyo3Fa__missingVersesIcon {
  flex-shrink: 0;
  font-size: 1.125rem;
}

.ExpandableCollection-module__Lyo3Fa__missingVersesText {
  color: #92400e;
  flex: 1;
  font-size: .875rem;
}

.ExpandableCollection-module__Lyo3Fa__missingVersesHint {
  color: #a16207;
  font-size: .75rem;
  font-style: italic;
}

@media (max-width: 600px) {
  .ExpandableCollection-module__Lyo3Fa__missingVersesBanner {
    flex-wrap: wrap;
  }

  .ExpandableCollection-module__Lyo3Fa__missingVersesHint {
    width: 100%;
    margin-top: .25rem;
    margin-left: 1.875rem;
  }

  .ExpandableCollection-module__Lyo3Fa__verseMainContent {
    flex-wrap: wrap;
  }

  .ExpandableCollection-module__Lyo3Fa__notSelectedBadge {
    font-size: .65rem;
  }

  .ExpandableCollection-module__Lyo3Fa__addVerseToMineButton {
    width: 32px;
    height: 32px;
  }
}

/* [project]/app/group/view/[accesscode]/components/TranslationSelector.module.css [app-client] (css) */
.TranslationSelector-module__XKm7cq__modalOverlay {
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.TranslationSelector-module__XKm7cq__modal {
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  max-height: 80vh;
  display: flex;
  box-shadow: 0 10px 25px #0003;
}

.TranslationSelector-module__XKm7cq__modalHeader {
  border-bottom: 1px solid #e9ecef;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.TranslationSelector-module__XKm7cq__modalHeader h2 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.TranslationSelector-module__XKm7cq__closeButton {
  color: #6c757d;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .25rem;
  font-size: 1.5rem;
  transition: background-color .2s;
  display: flex;
}

.TranslationSelector-module__XKm7cq__closeButton:hover {
  color: #495057;
  background: #f8f9fa;
}

.TranslationSelector-module__XKm7cq__modalBody {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
}

.TranslationSelector-module__XKm7cq__description {
  color: #495057;
  margin: 0 0 1.25rem;
  font-size: .95rem;
  line-height: 1.5;
}

.TranslationSelector-module__XKm7cq__description strong {
  color: #1a1a1a;
}

.TranslationSelector-module__XKm7cq__errorMessage {
  color: #721c24;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  margin-bottom: 1rem;
  padding: .75rem;
  font-size: .9rem;
}

.TranslationSelector-module__XKm7cq__loading {
  text-align: center;
  color: #6c757d;
  padding: 2rem 1rem;
  font-style: italic;
}

.TranslationSelector-module__XKm7cq__translationList {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  flex-direction: column;
  gap: .5rem;
  max-height: 300px;
  padding: .5rem;
  display: flex;
  overflow-y: auto;
}

.TranslationSelector-module__XKm7cq__translationOption {
  cursor: pointer;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem;
  transition: all .15s;
  display: flex;
}

.TranslationSelector-module__XKm7cq__translationOption:hover {
  background: #f0f0f0;
  border-color: #ccc;
}

.TranslationSelector-module__XKm7cq__translationOption.TranslationSelector-module__XKm7cq__selected {
  background: #fff5f5;
  border-color: #a00;
}

.TranslationSelector-module__XKm7cq__radioInput {
  display: none;
}

.TranslationSelector-module__XKm7cq__radioCustom {
  color: #a00;
  flex-shrink: 0;
  font-size: 1rem;
}

.TranslationSelector-module__XKm7cq__translationLabel {
  color: #333;
  font-size: .9rem;
}

.TranslationSelector-module__XKm7cq__note {
  color: #1864ab;
  background: #e7f5ff;
  border: 1px solid #74c0fc;
  border-radius: 6px;
  margin: 1rem 0 0;
  padding: .75rem;
  font-size: .85rem;
  line-height: 1.5;
}

.TranslationSelector-module__XKm7cq__modalFooter {
  border-top: 1px solid #e9ecef;
  justify-content: flex-end;
  gap: .75rem;
  padding: 1rem 1.5rem;
  display: flex;
}

.TranslationSelector-module__XKm7cq__cancelButton {
  color: #fff;
  cursor: pointer;
  background: #6c757d;
  border: none;
  border-radius: 6px;
  padding: .75rem 1.5rem;
  font-size: .9rem;
  font-weight: 500;
  transition: background-color .2s;
}

.TranslationSelector-module__XKm7cq__cancelButton:hover {
  background: #5a6268;
}

.TranslationSelector-module__XKm7cq__confirmButton {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  border: none;
  border-radius: 6px;
  padding: .75rem 1.5rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 2px 4px #0ea5e94d;
}

.TranslationSelector-module__XKm7cq__confirmButton:hover:not(:disabled) {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #0ea5e966;
}

.TranslationSelector-module__XKm7cq__confirmButton:disabled {
  cursor: not-allowed;
  box-shadow: none;
  background: #94a3b8;
  transform: none;
}

@media (max-width: 768px) {
  .TranslationSelector-module__XKm7cq__modalOverlay {
    padding: .5rem;
  }

  .TranslationSelector-module__XKm7cq__modal {
    max-height: 90vh;
  }

  .TranslationSelector-module__XKm7cq__modalHeader, .TranslationSelector-module__XKm7cq__modalBody, .TranslationSelector-module__XKm7cq__modalFooter {
    padding: 1rem;
  }

  .TranslationSelector-module__XKm7cq__translationList {
    max-height: 250px;
  }

  .TranslationSelector-module__XKm7cq__translationOption {
    padding: .625rem .875rem;
  }

  .TranslationSelector-module__XKm7cq__modalFooter {
    flex-direction: column;
  }

  .TranslationSelector-module__XKm7cq__cancelButton, .TranslationSelector-module__XKm7cq__confirmButton {
    width: 100%;
  }
}

/* [project]/app/group/view/[accesscode]/components/ImageUploadCrop.module.css [app-client] (css) */
.ImageUploadCrop-module__mimcgW__modalOverlay {
  z-index: 10001;
  background: #000c;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  animation: .3s ease-out ImageUploadCrop-module__mimcgW__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes ImageUploadCrop-module__mimcgW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ImageUploadCrop-module__mimcgW__modal {
  background: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 800px;
  max-height: 90vh;
  animation: .4s ease-out ImageUploadCrop-module__mimcgW__slideUp;
  overflow-y: auto;
  box-shadow: 0 20px 60px #0000004d;
}

@keyframes ImageUploadCrop-module__mimcgW__slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ImageUploadCrop-module__mimcgW__modalHeader {
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 2rem 1rem;
  display: flex;
}

.ImageUploadCrop-module__mimcgW__modalHeader h2 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.ImageUploadCrop-module__mimcgW__closeButton {
  color: #666;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.ImageUploadCrop-module__mimcgW__closeButton:hover {
  color: #333;
  background: #e8e8e8;
  border-color: #ccc;
  transform: scale(1.05);
}

.ImageUploadCrop-module__mimcgW__modalBody {
  padding: 2rem;
}

.ImageUploadCrop-module__mimcgW__uploadSection {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 2rem;
  display: grid;
}

.ImageUploadCrop-module__mimcgW__currentImage {
  text-align: center;
}

.ImageUploadCrop-module__mimcgW__currentImage h3 {
  color: #1a1a1a;
  margin: 0 0 1rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.ImageUploadCrop-module__mimcgW__currentImage img {
  border-radius: 8px;
  max-width: 100%;
  max-height: 200px;
  box-shadow: 0 2px 8px #0000001a;
}

.ImageUploadCrop-module__mimcgW__uploadArea {
  text-align: center;
  background: #f8f9fa;
  border: 2px dashed #e0e0e0;
  border-radius: 12px;
  padding: 2rem;
  transition: all .2s;
}

.ImageUploadCrop-module__mimcgW__uploadArea:hover {
  background: #fff5f5;
  border-color: #a00;
}

.ImageUploadCrop-module__mimcgW__uploadContent {
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.ImageUploadCrop-module__mimcgW__uploadIcon {
  opacity: .6;
  font-size: 3rem;
}

.ImageUploadCrop-module__mimcgW__uploadContent h3 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

.ImageUploadCrop-module__mimcgW__uploadContent p {
  color: #666;
  margin: 0;
  font-size: .95rem;
  line-height: 1.5;
}

.ImageUploadCrop-module__mimcgW__uploadHint {
  opacity: .7;
  font-size: .85rem !important;
}

.ImageUploadCrop-module__mimcgW__uploadButton {
  color: #fff;
  cursor: pointer;
  background: #a00;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: inline-block;
  box-shadow: 0 2px 8px #aa00004d;
}

.ImageUploadCrop-module__mimcgW__uploadButton:hover {
  background: #800;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #a006;
}

.ImageUploadCrop-module__mimcgW__cropSection {
  flex-direction: column;
  gap: 1.5rem;
  display: flex;
}

.ImageUploadCrop-module__mimcgW__cropContainer {
  background: #f8f9fa;
  border-radius: 8px;
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.ImageUploadCrop-module__mimcgW__cropControls {
  background: #f8f9fa;
  border-radius: 8px;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  padding: 1rem;
  display: grid;
}

.ImageUploadCrop-module__mimcgW__controlGroup {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.ImageUploadCrop-module__mimcgW__controlGroup label {
  color: #1a1a1a;
  font-size: .9rem;
  font-weight: 600;
}

.ImageUploadCrop-module__mimcgW__slider {
  background: #e0e0e0;
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 6px;
  transition: background .3s;
}

.ImageUploadCrop-module__mimcgW__slider::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #a00;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .2s;
}

.ImageUploadCrop-module__mimcgW__slider::-webkit-slider-thumb:hover {
  background: #800;
  transform: scale(1.1);
}

.ImageUploadCrop-module__mimcgW__slider::-moz-range-thumb {
  cursor: pointer;
  background: #a00;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .2s;
}

.ImageUploadCrop-module__mimcgW__slider::-moz-range-thumb:hover {
  background: #800;
  transform: scale(1.1);
}

.ImageUploadCrop-module__mimcgW__controlGroup span {
  color: #666;
  font-size: .85rem;
  font-weight: 500;
}

.ImageUploadCrop-module__mimcgW__modalFooter {
  border-top: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  display: flex;
}

.ImageUploadCrop-module__mimcgW__backButton {
  color: #666;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.ImageUploadCrop-module__mimcgW__backButton:hover {
  color: #333;
  background: #e8e8e8;
}

.ImageUploadCrop-module__mimcgW__confirmButton {
  color: #fff;
  cursor: pointer;
  background: #22c55e;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 2px 8px #22c55e4d;
}

.ImageUploadCrop-module__mimcgW__confirmButton:hover:not(:disabled) {
  background: #16a34a;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #22c55e66;
}

.ImageUploadCrop-module__mimcgW__confirmButton:disabled {
  cursor: not-allowed;
  box-shadow: none;
  background: #ccc;
  transform: none;
}

@media (max-width: 768px) {
  .ImageUploadCrop-module__mimcgW__modal {
    max-height: 95vh;
    margin: 1rem;
  }

  .ImageUploadCrop-module__mimcgW__modalHeader {
    padding: 1.5rem 1.5rem 1rem;
  }

  .ImageUploadCrop-module__mimcgW__modalBody {
    padding: 1.5rem;
  }

  .ImageUploadCrop-module__mimcgW__uploadSection {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .ImageUploadCrop-module__mimcgW__cropContainer {
    height: 300px;
  }

  .ImageUploadCrop-module__mimcgW__cropControls {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .ImageUploadCrop-module__mimcgW__modalFooter {
    padding: 1rem 1.5rem;
  }
}

@media (max-width: 480px) {
  .ImageUploadCrop-module__mimcgW__modalBody {
    padding: 1rem;
  }

  .ImageUploadCrop-module__mimcgW__cropContainer {
    height: 250px;
  }

  .ImageUploadCrop-module__mimcgW__uploadArea {
    padding: 1.5rem;
  }
}

/* [project]/app/group/view/[accesscode]/components/CollectionManager.module.css [app-client] (css) */
.CollectionManager-module__ILP1LW__modalOverlay {
  z-index: 10001;
  background: #000c;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  animation: .3s ease-out CollectionManager-module__ILP1LW__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes CollectionManager-module__ILP1LW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.CollectionManager-module__ILP1LW__modal {
  background: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  animation: .4s ease-out CollectionManager-module__ILP1LW__slideUp;
  overflow-y: auto;
  box-shadow: 0 20px 60px #0000004d;
}

@keyframes CollectionManager-module__ILP1LW__slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.CollectionManager-module__ILP1LW__modalHeader {
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: flex;
}

.CollectionManager-module__ILP1LW__modalHeader h2 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
}

.CollectionManager-module__ILP1LW__closeButton {
  color: #666;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.CollectionManager-module__ILP1LW__closeButton:hover {
  color: #333;
  background: #e8e8e8;
  border-color: #ccc;
  transform: scale(1.05);
}

.CollectionManager-module__ILP1LW__modalBody {
  padding: 1.5rem;
}

.CollectionManager-module__ILP1LW__errorMessage {
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: .75rem 1rem;
  font-size: .9rem;
}

.CollectionManager-module__ILP1LW__formGroup {
  margin-bottom: 1.25rem;
}

.CollectionManager-module__ILP1LW__formGroup:last-child {
  margin-bottom: 0;
}

.CollectionManager-module__ILP1LW__formGroup label {
  color: #1a1a1a;
  margin-bottom: .5rem;
  font-size: .95rem;
  font-weight: 600;
  display: block;
}

.CollectionManager-module__ILP1LW__input, .CollectionManager-module__ILP1LW__textarea {
  color: #1a1a1a;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  width: 100%;
  padding: .75rem 1rem;
  font-family: inherit;
  font-size: 1rem;
  transition: all .2s;
}

.CollectionManager-module__ILP1LW__input:focus, .CollectionManager-module__ILP1LW__textarea:focus {
  background: #fff;
  border-color: #a00;
  outline: none;
  box-shadow: 0 0 0 3px #aa00001a;
}

.CollectionManager-module__ILP1LW__input::placeholder, .CollectionManager-module__ILP1LW__textarea::placeholder {
  color: #999;
}

.CollectionManager-module__ILP1LW__textarea {
  resize: vertical;
  min-height: 80px;
}

.CollectionManager-module__ILP1LW__modalFooter {
  background: #f8f9fa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 16px 16px;
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.5rem;
  display: flex;
}

.CollectionManager-module__ILP1LW__cancelButton {
  color: #666;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: .625rem 1.25rem;
  font-size: .9rem;
  font-weight: 500;
  transition: all .2s;
}

.CollectionManager-module__ILP1LW__cancelButton:hover:not(:disabled) {
  color: #333;
  background: #f0f0f0;
}

.CollectionManager-module__ILP1LW__cancelButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.CollectionManager-module__ILP1LW__saveButton {
  color: #fff;
  cursor: pointer;
  background: #a00;
  border: none;
  border-radius: 8px;
  padding: .625rem 1.25rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 2px 8px #aa00004d;
}

.CollectionManager-module__ILP1LW__saveButton:hover:not(:disabled) {
  background: #800;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #a006;
}

.CollectionManager-module__ILP1LW__saveButton:disabled {
  cursor: not-allowed;
  box-shadow: none;
  background: #ccc;
  transform: none;
}

@media (max-width: 540px) {
  .CollectionManager-module__ILP1LW__modal {
    max-height: 95vh;
    margin: .5rem;
  }

  .CollectionManager-module__ILP1LW__modalHeader {
    padding: 1.25rem 1.25rem .75rem;
  }

  .CollectionManager-module__ILP1LW__modalBody {
    padding: 1.25rem;
  }

  .CollectionManager-module__ILP1LW__modalFooter {
    padding: .875rem 1.25rem;
  }
}

/* [project]/app/group/view/[accesscode]/components/VerseEditor.module.css [app-client] (css) */
.VerseEditor-module__7jN-sa__modalOverlay {
  z-index: 10001;
  background: #000c;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  animation: .3s ease-out VerseEditor-module__7jN-sa__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes VerseEditor-module__7jN-sa__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.VerseEditor-module__7jN-sa__modal {
  background: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  animation: .4s ease-out VerseEditor-module__7jN-sa__slideUp;
  overflow-y: auto;
  box-shadow: 0 20px 60px #0000004d;
}

@keyframes VerseEditor-module__7jN-sa__slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.VerseEditor-module__7jN-sa__modalHeader {
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
  display: flex;
}

.VerseEditor-module__7jN-sa__modalHeader h2 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
}

.VerseEditor-module__7jN-sa__closeButton {
  color: #666;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.VerseEditor-module__7jN-sa__closeButton:hover {
  color: #333;
  background: #e8e8e8;
  border-color: #ccc;
  transform: scale(1.05);
}

.VerseEditor-module__7jN-sa__modalBody {
  padding: 1.5rem;
}

.VerseEditor-module__7jN-sa__errorMessage {
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: .75rem 1rem;
  font-size: .9rem;
}

.VerseEditor-module__7jN-sa__lookupSection {
  margin-bottom: 1.5rem;
}

.VerseEditor-module__7jN-sa__formRow {
  align-items: flex-end;
  gap: 1rem;
  display: flex;
}

.VerseEditor-module__7jN-sa__formGroup {
  flex: 1;
}

.VerseEditor-module__7jN-sa__formGroup label {
  color: #1a1a1a;
  margin-bottom: .5rem;
  font-size: .9rem;
  font-weight: 600;
  display: block;
}

.VerseEditor-module__7jN-sa__input, .VerseEditor-module__7jN-sa__select, .VerseEditor-module__7jN-sa__textarea {
  color: #1a1a1a;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  width: 100%;
  padding: .75rem 1rem;
  font-family: inherit;
  font-size: 1rem;
  transition: all .2s;
}

.VerseEditor-module__7jN-sa__textarea {
  resize: vertical;
  min-height: 100px;
  line-height: 1.5;
}

.VerseEditor-module__7jN-sa__input:focus, .VerseEditor-module__7jN-sa__select:focus, .VerseEditor-module__7jN-sa__textarea:focus {
  background: #fff;
  border-color: #a00;
  outline: none;
  box-shadow: 0 0 0 3px #aa00001a;
}

.VerseEditor-module__7jN-sa__input::placeholder, .VerseEditor-module__7jN-sa__textarea::placeholder {
  color: #999;
}

.VerseEditor-module__7jN-sa__select {
  cursor: pointer;
}

.VerseEditor-module__7jN-sa__inputWithButton, .VerseEditor-module__7jN-sa__textareaWithButton {
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.VerseEditor-module__7jN-sa__inputWithButton .VerseEditor-module__7jN-sa__input, .VerseEditor-module__7jN-sa__textareaWithButton .VerseEditor-module__7jN-sa__textarea {
  flex: 1;
}

.VerseEditor-module__7jN-sa__lookupButton {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: #1a1a1a;
  border: none;
  border-radius: 8px;
  padding: .75rem 1rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
}

.VerseEditor-module__7jN-sa__lookupButton:hover:not(:disabled) {
  background: #333;
}

.VerseEditor-module__7jN-sa__lookupButton:disabled {
  cursor: not-allowed;
  background: #ccc;
}

.VerseEditor-module__7jN-sa__lookupError {
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  margin-top: .75rem;
  padding: .75rem 1rem;
  font-size: .9rem;
}

.VerseEditor-module__7jN-sa__helpText {
  color: #666;
  margin-top: .5rem;
  font-size: .8rem;
  line-height: 1.4;
  display: block;
}

.VerseEditor-module__7jN-sa__previewSection {
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  overflow: hidden;
}

.VerseEditor-module__7jN-sa__previewHeader {
  background: #f0f0f0;
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.VerseEditor-module__7jN-sa__previewLabel {
  color: #666;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .85rem;
  font-weight: 600;
}

.VerseEditor-module__7jN-sa__previewReference {
  color: #a00;
  font-size: .9rem;
  font-weight: 600;
}

.VerseEditor-module__7jN-sa__versePreview {
  color: #1a1a1a;
  padding: 1rem;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.7;
}

.VerseEditor-module__7jN-sa__versePreviewScrollable {
  max-height: 300px;
  padding: .5rem;
  overflow-y: auto;
}

.VerseEditor-module__7jN-sa__versePreviewItem {
  border-bottom: 1px solid #e8e8e8;
  padding: .75rem;
}

.VerseEditor-module__7jN-sa__versePreviewItem:last-child {
  border-bottom: none;
}

.VerseEditor-module__7jN-sa__versePreviewReference {
  color: #1a1a1a;
  align-items: center;
  gap: .5rem;
  margin-bottom: .5rem;
  font-size: .9rem;
  font-weight: 600;
  display: flex;
}

.VerseEditor-module__7jN-sa__versePreviewText {
  color: #333;
  font-size: .95rem;
  font-style: italic;
  line-height: 1.6;
}

.VerseEditor-module__7jN-sa__verseErrorBadge {
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 12px;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-style: normal;
  font-weight: 500;
}

.VerseEditor-module__7jN-sa__modalFooter {
  background: #f8f9fa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 16px 16px;
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.5rem;
  display: flex;
}

.VerseEditor-module__7jN-sa__cancelButton {
  color: #666;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: .625rem 1.25rem;
  font-size: .9rem;
  font-weight: 500;
  transition: all .2s;
}

.VerseEditor-module__7jN-sa__cancelButton:hover:not(:disabled) {
  color: #333;
  background: #f0f0f0;
}

.VerseEditor-module__7jN-sa__cancelButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.VerseEditor-module__7jN-sa__saveButton {
  color: #fff;
  cursor: pointer;
  background: #a00;
  border: none;
  border-radius: 8px;
  padding: .625rem 1.25rem;
  font-size: .9rem;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 2px 8px #aa00004d;
}

.VerseEditor-module__7jN-sa__saveButton:hover:not(:disabled) {
  background: #800;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #a006;
}

.VerseEditor-module__7jN-sa__saveButton:disabled {
  cursor: not-allowed;
  box-shadow: none;
  background: #ccc;
  transform: none;
}

@media (max-width: 640px) {
  .VerseEditor-module__7jN-sa__modal {
    max-height: 95vh;
    margin: .5rem;
  }

  .VerseEditor-module__7jN-sa__modalHeader {
    padding: 1.25rem 1.25rem .75rem;
  }

  .VerseEditor-module__7jN-sa__modalBody {
    padding: 1.25rem;
  }

  .VerseEditor-module__7jN-sa__formRow {
    flex-direction: column;
    gap: 1rem;
  }

  .VerseEditor-module__7jN-sa__inputWithButton, .VerseEditor-module__7jN-sa__textareaWithButton {
    flex-direction: column;
  }

  .VerseEditor-module__7jN-sa__lookupButton {
    width: 100%;
  }

  .VerseEditor-module__7jN-sa__previewHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
  }

  .VerseEditor-module__7jN-sa__modalFooter {
    padding: .875rem 1.25rem;
  }
}

/* [project]/app/group/view/[accesscode]/components/CollectionSelector.module.css [app-client] (css) */
.CollectionSelector-module__kB7dEW__modalOverlay {
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.CollectionSelector-module__kB7dEW__modal {
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  max-height: 80vh;
  display: flex;
  box-shadow: 0 10px 25px #0003;
}

.CollectionSelector-module__kB7dEW__modalHeader {
  border-bottom: 1px solid #e9ecef;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.CollectionSelector-module__kB7dEW__modalHeader h2 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.CollectionSelector-module__kB7dEW__closeButton {
  color: #6c757d;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .25rem;
  font-size: 1.5rem;
  transition: background-color .2s;
  display: flex;
}

.CollectionSelector-module__kB7dEW__closeButton:hover {
  color: #495057;
  background: #f8f9fa;
}

.CollectionSelector-module__kB7dEW__modalBody {
  flex: 1;
  padding: 1.5rem;
  overflow-y: auto;
}

.CollectionSelector-module__kB7dEW__errorMessage {
  color: #721c24;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  margin-bottom: 1rem;
  padding: .75rem;
  font-size: .9rem;
}

.CollectionSelector-module__kB7dEW__searchSection {
  margin-bottom: 1rem;
}

.CollectionSelector-module__kB7dEW__searchBox {
  position: relative;
}

.CollectionSelector-module__kB7dEW__searchInput {
  border: 1px solid #ced4da;
  border-radius: 6px;
  width: 100%;
  padding: .75rem 2.5rem .75rem .75rem;
  font-size: .95rem;
  transition: border-color .2s, box-shadow .2s;
}

.CollectionSelector-module__kB7dEW__searchInput:focus {
  border-color: #a00;
  outline: none;
  box-shadow: 0 0 0 3px #aa00001a;
}

.CollectionSelector-module__kB7dEW__searchInput::placeholder {
  color: #999;
}

.CollectionSelector-module__kB7dEW__clearSearchBtn {
  color: #999;
  cursor: pointer;
  background: none;
  border: none;
  padding: .25rem;
  font-size: 1.25rem;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: .75rem;
  transform: translateY(-50%);
}

.CollectionSelector-module__kB7dEW__clearSearchBtn:hover {
  color: #666;
}

.CollectionSelector-module__kB7dEW__loading {
  text-align: center;
  color: #6c757d;
  padding: 3rem 1rem;
  font-style: italic;
}

.CollectionSelector-module__kB7dEW__emptyState {
  text-align: center;
  color: #6c757d;
  padding: 3rem 1rem;
}

.CollectionSelector-module__kB7dEW__collectionsList {
  flex-direction: column;
  gap: .5rem;
  max-height: 400px;
  display: flex;
  overflow-y: auto;
}

.CollectionSelector-module__kB7dEW__collectionItem {
  cursor: pointer;
  text-align: left;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem;
  transition: all .2s;
  display: flex;
}

.CollectionSelector-module__kB7dEW__collectionItem:hover {
  background: #e9ecef;
  border-color: #dee2e6;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px #0000001a;
}

.CollectionSelector-module__kB7dEW__childCollection {
  background: #fafafa;
  border-color: #e0e0e0;
  margin-left: 1.5rem;
}

.CollectionSelector-module__kB7dEW__childCollection:hover {
  background: #f0f0f0;
}

.CollectionSelector-module__kB7dEW__collectionInfo {
  flex: 1;
}

.CollectionSelector-module__kB7dEW__collectionName {
  color: #1a1a1a;
  margin: 0 0 .25rem;
  font-size: 1rem;
  font-weight: 600;
}

.CollectionSelector-module__kB7dEW__childIndicator {
  color: #999;
  font-family: monospace;
}

.CollectionSelector-module__kB7dEW__collectionDescription {
  color: #6c757d;
  margin: 0 0 .5rem;
  font-size: .875rem;
  line-height: 1.4;
}

.CollectionSelector-module__kB7dEW__collectionMeta {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.CollectionSelector-module__kB7dEW__verseCount {
  color: #a00;
  font-size: .8rem;
  font-weight: 500;
}

.CollectionSelector-module__kB7dEW__parentBadge {
  color: #888;
  font-size: .75rem;
  font-style: italic;
}

.CollectionSelector-module__kB7dEW__selectArrow {
  color: #a00;
  margin-left: .5rem;
  font-size: 1.25rem;
  font-weight: bold;
}

.CollectionSelector-module__kB7dEW__pagination {
  border-top: 1px solid #e9ecef;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding: .75rem 0;
  display: flex;
}

.CollectionSelector-module__kB7dEW__pageBtn {
  color: #666;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: .5rem .875rem;
  font-size: .85rem;
  font-weight: 500;
  transition: all .15s;
}

.CollectionSelector-module__kB7dEW__pageBtn:hover:not(:disabled) {
  color: #333;
  background: #f0f0f0;
  border-color: #ccc;
}

.CollectionSelector-module__kB7dEW__pageBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.CollectionSelector-module__kB7dEW__pageInfo {
  color: #666;
  align-items: center;
  gap: .5rem;
  font-size: .85rem;
  display: flex;
}

.CollectionSelector-module__kB7dEW__totalCount {
  color: #999;
  font-size: .8rem;
}

.CollectionSelector-module__kB7dEW__modalFooter {
  border-top: 1px solid #e9ecef;
  justify-content: flex-end;
  padding: 1rem 1.5rem;
  display: flex;
}

.CollectionSelector-module__kB7dEW__cancelButton {
  color: #fff;
  cursor: pointer;
  background: #6c757d;
  border: none;
  border-radius: 6px;
  padding: .75rem 1.5rem;
  font-size: .9rem;
  font-weight: 500;
  transition: background-color .2s;
}

.CollectionSelector-module__kB7dEW__cancelButton:hover {
  background: #5a6268;
}

@media (max-width: 768px) {
  .CollectionSelector-module__kB7dEW__modalOverlay {
    padding: .5rem;
  }

  .CollectionSelector-module__kB7dEW__modal {
    max-height: 90vh;
  }

  .CollectionSelector-module__kB7dEW__modalHeader, .CollectionSelector-module__kB7dEW__modalBody, .CollectionSelector-module__kB7dEW__modalFooter {
    padding: 1rem;
  }

  .CollectionSelector-module__kB7dEW__collectionItem {
    padding: .875rem;
  }

  .CollectionSelector-module__kB7dEW__collectionName {
    font-size: .95rem;
  }

  .CollectionSelector-module__kB7dEW__collectionDescription {
    font-size: .8rem;
  }

  .CollectionSelector-module__kB7dEW__childCollection {
    margin-left: 1rem;
  }

  .CollectionSelector-module__kB7dEW__pagination {
    flex-direction: column;
    gap: .5rem;
  }

  .CollectionSelector-module__kB7dEW__pageBtn {
    width: 100%;
  }

  .CollectionSelector-module__kB7dEW__pageInfo {
    order: -1;
  }
}

/* [project]/app/group/view/[accesscode]/components/CollectionChoice.module.css [app-client] (css) */
.CollectionChoice-module__54YVqq__modalOverlay {
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.CollectionChoice-module__54YVqq__modal {
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  max-height: 80vh;
  display: flex;
  box-shadow: 0 10px 25px #0003;
}

.CollectionChoice-module__54YVqq__modalHeader {
  border-bottom: 1px solid #e9ecef;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.CollectionChoice-module__54YVqq__modalHeader h2 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.CollectionChoice-module__54YVqq__closeButton {
  color: #6c757d;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .25rem;
  font-size: 1.5rem;
  transition: background-color .2s;
  display: flex;
}

.CollectionChoice-module__54YVqq__closeButton:hover {
  color: #495057;
  background: #f8f9fa;
}

.CollectionChoice-module__54YVqq__modalBody {
  flex: 1;
  padding: 1.5rem;
}

.CollectionChoice-module__54YVqq__description {
  color: #495057;
  margin: 0 0 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.CollectionChoice-module__54YVqq__options {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.CollectionChoice-module__54YVqq__optionButton {
  cursor: pointer;
  text-align: left;
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  padding: 1.25rem;
  transition: all .2s;
  display: flex;
}

.CollectionChoice-module__54YVqq__optionButton:hover {
  background: #e9ecef;
  border-color: #007bff;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px #0000001a;
}

.CollectionChoice-module__54YVqq__optionIcon {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  font-size: 2rem;
  display: flex;
}

.CollectionChoice-module__54YVqq__optionContent {
  flex: 1;
}

.CollectionChoice-module__54YVqq__optionContent h3 {
  color: #1a1a1a;
  margin: 0 0 .25rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.CollectionChoice-module__54YVqq__optionContent p {
  color: #6c757d;
  margin: 0;
  font-size: .9rem;
  line-height: 1.4;
}

.CollectionChoice-module__54YVqq__modalFooter {
  border-top: 1px solid #e9ecef;
  justify-content: flex-end;
  padding: 1rem 1.5rem;
  display: flex;
}

.CollectionChoice-module__54YVqq__cancelButton {
  color: #fff;
  cursor: pointer;
  background: #6c757d;
  border: none;
  border-radius: 6px;
  padding: .75rem 1.5rem;
  font-size: .9rem;
  font-weight: 500;
  transition: background-color .2s;
}

.CollectionChoice-module__54YVqq__cancelButton:hover {
  background: #5a6268;
}

@media (max-width: 768px) {
  .CollectionChoice-module__54YVqq__modalOverlay {
    padding: .5rem;
  }

  .CollectionChoice-module__54YVqq__modal {
    max-height: 90vh;
  }

  .CollectionChoice-module__54YVqq__modalHeader, .CollectionChoice-module__54YVqq__modalBody, .CollectionChoice-module__54YVqq__modalFooter, .CollectionChoice-module__54YVqq__optionButton {
    padding: 1rem;
  }

  .CollectionChoice-module__54YVqq__optionIcon {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .75rem;
    font-size: 1.5rem;
  }

  .CollectionChoice-module__54YVqq__optionContent h3 {
    font-size: 1rem;
  }

  .CollectionChoice-module__54YVqq__optionContent p {
    font-size: .85rem;
  }
}

/* [project]/app/group/view/[accesscode]/components/SortableCollectionItem.module.css [app-client] (css) */
.SortableCollectionItem-module__Tnzd8q__sortableItem {
  align-items: flex-start;
  gap: .5rem;
  display: flex;
  position: relative;
}

.SortableCollectionItem-module__Tnzd8q__dragHandle {
  cursor: grab;
  color: #999;
  -webkit-user-select: none;
  user-select: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-height: 40px;
  padding-top: .75rem;
  transition: color .2s;
  display: flex;
}

.SortableCollectionItem-module__Tnzd8q__dragHandle:hover {
  color: #666;
}

.SortableCollectionItem-module__Tnzd8q__dragHandle:active {
  cursor: grabbing;
}

.SortableCollectionItem-module__Tnzd8q__dragIcon {
  letter-spacing: 2px;
  font-size: 14px;
}

.SortableCollectionItem-module__Tnzd8q__collectionWrapper {
  flex: 1;
  min-width: 0;
}

.SortableCollectionItem-module__Tnzd8q__sortableItem.SortableCollectionItem-module__Tnzd8q__dragging {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px #00000026;
}

.SortableCollectionItem-module__Tnzd8q__sortableItem.SortableCollectionItem-module__Tnzd8q__dragging .SortableCollectionItem-module__Tnzd8q__dragHandle {
  cursor: grabbing;
  color: #a00;
}

/* [project]/app/group/view/[accesscode]/components/CollectionSortControls.module.css [app-client] (css) */
.CollectionSortControls-module__G1ejCq__sortControls {
  background: #f8f9fa;
  border-radius: 6px;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
  padding: .75rem;
  display: flex;
}

.CollectionSortControls-module__G1ejCq__sortLabel {
  color: #666;
  font-size: .85rem;
  font-weight: 500;
}

.CollectionSortControls-module__G1ejCq__sortButtons {
  gap: .25rem;
  display: flex;
}

.CollectionSortControls-module__G1ejCq__sortButton {
  color: #666;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  align-items: center;
  gap: .375rem;
  padding: .5rem .75rem;
  font-size: .8rem;
  transition: all .15s;
  display: flex;
}

.CollectionSortControls-module__G1ejCq__sortButton:hover {
  background: #f0f0f0;
  border-color: #ccc;
}

.CollectionSortControls-module__G1ejCq__sortButton.CollectionSortControls-module__G1ejCq__active {
  color: #fff;
  background: #a00;
  border-color: #a00;
}

.CollectionSortControls-module__G1ejCq__sortIcon {
  font-size: .9rem;
}

.CollectionSortControls-module__G1ejCq__searchHint {
  color: #888;
  font-size: .75rem;
  font-style: italic;
}

.CollectionSortControls-module__G1ejCq__saveButton {
  color: #fff;
  cursor: pointer;
  background: #22c55e;
  border: none;
  border-radius: 4px;
  margin-left: auto;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 500;
  transition: background .15s;
}

.CollectionSortControls-module__G1ejCq__saveButton:hover:not(:disabled) {
  background: #16a34a;
}

.CollectionSortControls-module__G1ejCq__saveButton:disabled {
  cursor: not-allowed;
  background: #94a3b8;
}

.CollectionSortControls-module__G1ejCq__doneButton {
  color: #fff;
  cursor: pointer;
  background: #6b7280;
  border: none;
  border-radius: 4px;
  padding: .5rem 1rem;
  font-size: .85rem;
  font-weight: 500;
  transition: background .15s;
}

.CollectionSortControls-module__G1ejCq__doneButton:hover {
  background: #4b5563;
}

.CollectionSortControls-module__G1ejCq__sortControls.CollectionSortControls-module__G1ejCq__active {
  background: #fef3c7;
  border: 1px solid #f59e0b;
}

@media (max-width: 600px) {
  .CollectionSortControls-module__G1ejCq__sortControls {
    flex-direction: column;
    align-items: stretch;
  }

  .CollectionSortControls-module__G1ejCq__sortButtons {
    flex-wrap: wrap;
  }

  .CollectionSortControls-module__G1ejCq__saveButton {
    width: 100%;
    margin-top: .5rem;
    margin-left: 0;
  }

  .CollectionSortControls-module__G1ejCq__searchHint {
    text-align: center;
    width: 100%;
  }
}

/* [project]/app/group/view/[accesscode]/page.module.css [app-client] (css) */
.page-module__jw_amq__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: .5rem 2rem 2rem;
}

.page-module__jw_amq__welcomeMessage {
  z-index: 9999;
  background: #0009;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  animation: .3s ease-out page-module__jw_amq__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

@keyframes page-module__jw_amq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.page-module__jw_amq__welcomeContent {
  background: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  padding: 2.5rem;
  animation: .4s ease-out page-module__jw_amq__slideUp;
  position: relative;
  box-shadow: 0 20px 60px #0000004d;
}

@keyframes page-module__jw_amq__slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-module__jw_amq__closeButton {
  color: #666;
  cursor: pointer;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.page-module__jw_amq__closeButton:hover {
  color: #333;
  background: #e8e8e8;
  border-color: #ccc;
  transform: scale(1.05);
}

.page-module__jw_amq__closeButton:active {
  background: #ddd;
  transform: scale(.95);
}

.page-module__jw_amq__welcomeModalHeader {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.page-module__jw_amq__welcomeModalHeader h2 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
}

.page-module__jw_amq__welcomeContent > p {
  color: #555;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

.page-module__jw_amq__welcomeInstructions {
  background: #f8f9fa;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.page-module__jw_amq__welcomeInstructions h3 {
  color: #a00;
  margin: 0 0 1rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.page-module__jw_amq__welcomeInstructions ul {
  margin: 0;
  padding-left: 1.5rem;
  list-style: none;
}

.page-module__jw_amq__welcomeInstructions li {
  color: #555;
  margin-bottom: .75rem;
  padding-left: .5rem;
  font-size: .95rem;
  line-height: 1.8;
  position: relative;
}

.page-module__jw_amq__welcomeInstructions li:before {
  content: "✓";
  color: #22c55e;
  font-weight: bold;
  position: absolute;
  left: -1.5rem;
}

.page-module__jw_amq__welcomeNote {
  color: #1b5e20;
  background: #e8f5e9;
  border-left: 4px solid #22c55e;
  border-radius: 4px;
  margin-top: 1rem;
  padding: 1rem;
  font-size: .9rem;
  line-height: 1.6;
}

.page-module__jw_amq__getStartedButton {
  color: #fff;
  cursor: pointer;
  background: #a00;
  border: none;
  border-radius: 8px;
  width: 100%;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
  box-shadow: 0 2px 8px #aa00004d;
}

.page-module__jw_amq__getStartedButton:hover {
  background: #800;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #a006;
}

.page-module__jw_amq__shareSection {
  width: 100%;
  position: relative;
}

.page-module__jw_amq__shareButton {
  color: #fff;
  cursor: pointer;
  background: #a00;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 1px 3px #aa00004d;
}

.page-module__jw_amq__shareButton:hover {
  background: #800;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px #a006;
}

.page-module__jw_amq__shareDropdown {
  z-index: 100;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  min-width: 250px;
  padding: .5rem;
  animation: .2s ease-out page-module__jw_amq__dropdownSlide;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  box-shadow: 0 4px 20px #00000026;
}

@keyframes page-module__jw_amq__dropdownSlide {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-module__jw_amq__shareOption {
  color: #333;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 6px;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: block;
}

.page-module__jw_amq__shareOption:hover {
  color: #a00;
  background: #f8f9fa;
}

.page-module__jw_amq__shareUrl {
  border-top: 1px solid #e8e8e8;
  margin-top: .5rem;
  padding-top: .5rem;
}

.page-module__jw_amq__urlInput {
  color: #555;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  width: 100%;
  padding: 8px 12px;
  font-family: monospace;
  font-size: 12px;
}

.page-module__jw_amq__urlInput:focus {
  border-color: #a00;
  outline: none;
}

.page-module__jw_amq__shareModal {
  z-index: 10000;
  background: #000c;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  animation: .3s ease-out page-module__jw_amq__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.page-module__jw_amq__shareModalContent {
  background: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 800px;
  max-height: 90vh;
  animation: .4s ease-out page-module__jw_amq__slideUp;
  overflow-y: auto;
  box-shadow: 0 20px 60px #0000004d;
}

.page-module__jw_amq__shareModalHeader {
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 2rem 1rem;
  display: flex;
}

.page-module__jw_amq__shareModalHeader h2 {
  color: #1a1a1a;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.page-module__jw_amq__shareModalBody {
  padding: 2rem;
}

.page-module__jw_amq__shareSection h3 {
  color: #1a1a1a;
  margin: 0 0 .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.page-module__jw_amq__shareSection p {
  color: #666;
  margin: 0 0 1.5rem;
  font-size: .95rem;
  line-height: 1.6;
}

.page-module__jw_amq__urlDisplay {
  gap: .5rem;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
}

.page-module__jw_amq__urlDisplay .page-module__jw_amq__urlInput {
  color: #333;
  background: #f8f9fa;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  flex: 1;
  padding: 12px 16px;
  font-family: monospace;
  font-size: 14px;
}

.page-module__jw_amq__urlDisplay .page-module__jw_amq__urlInput:focus {
  background: #fff;
  border-color: #a00;
  outline: none;
}

.page-module__jw_amq__copyButton {
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: #22c55e;
  border: none;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__jw_amq__copyButton:hover {
  background: #16a34a;
  transform: translateY(-1px);
}

.page-module__jw_amq__shareOptions {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
  display: grid;
}

.page-module__jw_amq__shareOptionCard {
  cursor: pointer;
  background: #f8f9fa;
  border: 2px solid #0000;
  border-radius: 12px;
  align-items: flex-start;
  padding: 1.5rem;
  transition: all .2s;
  display: flex;
}

.page-module__jw_amq__shareOptionCard:hover {
  background: #fff;
  border-color: #a00;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #0000001a;
}

.page-module__jw_amq__shareOptionIcon {
  flex-shrink: 0;
  margin-right: 1rem;
  font-size: 2rem;
}

.page-module__jw_amq__shareOptionContent h4 {
  color: #1a1a1a;
  margin: 0 0 .5rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.page-module__jw_amq__shareOptionContent p {
  color: #666;
  margin: 0;
  font-size: .9rem;
  line-height: 1.5;
}

.page-module__jw_amq__qrPreview {
  text-align: center;
  background: #f8f9fa;
  border: 2px dashed #e0e0e0;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
  padding: 1.5rem;
  display: flex;
}

.page-module__jw_amq__qrCodeClickable {
  cursor: pointer;
  border-radius: 8px;
  padding: 8px;
  transition: all .2s;
  display: inline-block;
}

.page-module__jw_amq__qrCodeClickable:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px #00000026;
}

.page-module__jw_amq__qrCodeClickable:active {
  transform: scale(.98);
}

.page-module__jw_amq__qrPreview canvas {
  border-radius: 8px;
  box-shadow: 0 4px 12px #0000001a;
}

.page-module__jw_amq__qrPreview p {
  color: #666;
  margin-top: 1rem;
  font-size: .9rem;
  font-weight: 500;
}

@media (max-width: 768px) {
  .page-module__jw_amq__shareModalContent {
    max-height: 95vh;
    margin: 1rem;
  }

  .page-module__jw_amq__shareModalHeader {
    padding: 1.5rem 1.5rem 1rem;
  }

  .page-module__jw_amq__shareModalBody {
    padding: 1.5rem;
  }

  .page-module__jw_amq__shareModalHeader h2 {
    font-size: 1.25rem;
  }

  .page-module__jw_amq__urlDisplay {
    flex-direction: column;
  }

  .page-module__jw_amq__shareOptions {
    grid-template-columns: 1fr;
    gap: .75rem;
  }

  .page-module__jw_amq__shareOptionCard {
    padding: 1rem;
  }

  .page-module__jw_amq__shareOptionIcon {
    margin-right: .75rem;
    font-size: 1.5rem;
  }

  .page-module__jw_amq__qrPreview {
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  .page-module__jw_amq__shareModalBody {
    padding: 1rem;
  }

  .page-module__jw_amq__shareOptionCard {
    padding: .75rem;
  }

  .page-module__jw_amq__qrPreview {
    padding: 1rem;
  }
}

.page-module__jw_amq__topSection {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.page-module__jw_amq__groupAboutSection {
  min-width: 0;
}

.page-module__jw_amq__imageEditButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 0;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.page-module__jw_amq__imageEditButton:hover {
  transform: scale(1.02);
}

.page-module__jw_amq__imageEditButton img {
  width: 100%;
  height: auto;
  transition: filter .2s;
  display: block;
}

.page-module__jw_amq__imageEditButton:hover img {
  filter: brightness(.9);
}

.page-module__jw_amq__imageEditOverlay {
  opacity: 0;
  background: #000000b3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0;
}

.page-module__jw_amq__imageEditButton:hover .page-module__jw_amq__imageEditOverlay {
  opacity: 1;
}

.page-module__jw_amq__imageEditIcon {
  margin-bottom: .5rem;
  font-size: 2rem;
}

.page-module__jw_amq__imageEditText {
  color: #fff;
  text-align: center;
  font-size: .9rem;
  font-weight: 600;
}

.page-module__jw_amq__bottomSection {
  grid-template-columns: 1fr;
  gap: 1.5rem;
  display: grid;
}

.page-module__jw_amq__leftColumn {
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
  display: flex;
}

.page-module__jw_amq__statsSection {
  z-index: 10;
  isolation: isolate;
  width: 100%;
  min-width: 0;
  animation: .5s ease-out .1s both page-module__jw_amq__fadeInUp;
  position: relative;
}

.page-module__jw_amq__collectionsSection {
  width: 100%;
}

.page-module__jw_amq__membersSection {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  align-self: start;
  width: 100%;
  min-width: 0;
  animation: .5s ease-out .2s both page-module__jw_amq__fadeInUp;
  box-shadow: 0 1px 3px #0000001a;
}

@media (min-width: 1024px) {
  .page-module__jw_amq__bottomSection {
    grid-template-columns: 1fr 2fr;
    align-items: start;
    gap: 1.5rem;
  }

  .page-module__jw_amq__bottomSection.page-module__jw_amq__statsExpanded {
    grid-template-rows: auto min-content min-content 1fr;
    grid-template-columns: 1fr 2fr;
    align-items: start;
    gap: 1.5rem;
    display: grid;
  }

  .page-module__jw_amq__bottomSection.page-module__jw_amq__statsExpanded .page-module__jw_amq__leftColumn {
    grid-area: 1 / 1 / 5 / -1;
    display: contents;
  }

  .page-module__jw_amq__bottomSection.page-module__jw_amq__statsExpanded .page-module__jw_amq__leftColumn .page-module__jw_amq__statsSection {
    grid-area: 1 / 1 / auto / -1;
  }

  .page-module__jw_amq__bottomSection.page-module__jw_amq__statsExpanded .page-module__jw_amq__leftColumn .page-module__jw_amq__collectionsSection {
    grid-area: 2 / 1;
    align-self: start;
  }

  .page-module__jw_amq__bottomSection.page-module__jw_amq__statsExpanded .page-module__jw_amq__leftColumn .page-module__jw_amq__membersSection {
    grid-area: 3 / 1;
    align-self: start;
  }

  .page-module__jw_amq__bottomSection.page-module__jw_amq__statsExpanded .page-module__jw_amq__rightColumn {
    grid-area: 2 / 2 / 5;
    align-self: start;
  }

  .page-module__jw_amq__bottomSection.page-module__jw_amq__statsExpanded .page-module__jw_amq__rightColumn .page-module__jw_amq__activitySection {
    width: 100%;
  }
}

.page-module__jw_amq__loading, .page-module__jw_amq__error {
  text-align: center;
  padding: 40px;
  font-size: 18px;
}

.page-module__jw_amq__error {
  color: #a00;
}

.page-module__jw_amq__skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%) 0 0 / 200% 100%;
  border-radius: 4px;
  animation: 1.5s infinite page-module__jw_amq__shimmer;
}

@keyframes page-module__jw_amq__shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.page-module__jw_amq__skeletonHeader {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  gap: 1.5rem;
  padding: 1.75rem;
  display: flex;
  box-shadow: 0 1px 3px #0000001a;
}

.page-module__jw_amq__skeletonImage {
  border-radius: 12px;
  flex-shrink: 0;
  width: 160px;
  height: 186px;
}

.page-module__jw_amq__skeletonContent {
  flex-direction: column;
  flex: 1;
  gap: .75rem;
  display: flex;
}

.page-module__jw_amq__skeletonTitle {
  border-radius: 6px;
  width: 60%;
  height: 32px;
}

.page-module__jw_amq__skeletonText {
  border-radius: 4px;
  width: 40%;
  height: 16px;
}

.page-module__jw_amq__skeletonTextWide {
  border-radius: 4px;
  width: 80%;
  height: 16px;
}

.page-module__jw_amq__skeletonButton {
  border-radius: 6px;
  width: 120px;
  height: 40px;
}

.page-module__jw_amq__header {
  background: linear-gradient(135deg, #fff 0%, #fafafa 100%);
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  margin-bottom: 0;
  padding: 1.75rem;
  animation: .5s ease-out page-module__jw_amq__fadeInUp;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px #00000014;
}

.page-module__jw_amq__header:before {
  content: "";
  background: linear-gradient(90deg, #a00 0%, #800 100%);
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@keyframes page-module__jw_amq__fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.page-module__jw_amq__headerContent {
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 0;
  display: flex;
}

.page-module__jw_amq__groupImage {
  flex-shrink: 0;
}

.page-module__jw_amq__groupImage img {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  transition: transform .3s, box-shadow .3s;
  box-shadow: 0 4px 12px #0000001f, 0 0 0 1px #0000000d;
}

.page-module__jw_amq__groupImage img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 16px #00000026, 0 0 0 1px #0000000d;
}

.page-module__jw_amq__groupInfo {
  flex: 1;
}

.page-module__jw_amq__groupTitleRow {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 8px;
  display: flex;
}

.page-module__jw_amq__titleWithEdit {
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.page-module__jw_amq__badgesContainer {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.page-module__jw_amq__groupName {
  color: #1a1a1a;
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.page-module__jw_amq__badge {
  text-transform: uppercase;
  letter-spacing: .5px;
  border-radius: 12px;
  align-items: center;
  padding: 4px 12px;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.page-module__jw_amq__badgePublic {
  color: #166534;
  background: #dcfce7;
  border: 1px solid #22c55e;
}

.page-module__jw_amq__badgePrivate {
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #dc2626;
}

.page-module__jw_amq__badgeAdmin {
  color: #1e40af;
  background: #dbeafe;
  border: 1px solid #3b82f6;
}

.page-module__jw_amq__location {
  color: #666;
  margin-bottom: .5rem;
  font-size: 15px;
}

.page-module__jw_amq__memberCount {
  color: #666;
  margin-bottom: 1rem;
  font-size: 14px;
}

.page-module__jw_amq__memberCount strong {
  color: #a00;
  font-size: 18px;
}

.page-module__jw_amq__activeMemberCount {
  color: #888;
  margin-left: .5rem;
  font-size: 12px;
  font-weight: normal;
}

.page-module__jw_amq__description {
  margin-top: .75rem;
  margin-bottom: 0;
}

.page-module__jw_amq__descriptionContent {
  color: #555;
  white-space: pre-wrap;
  align-items: flex-start;
  gap: 12px;
  max-height: 400px;
  font-size: 15px;
  line-height: 1.6;
  display: flex;
  overflow-y: auto;
}

.page-module__jw_amq__actions {
  border-top: none;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

@media (min-width: 1024px) {
  .page-module__jw_amq__headerContent {
    margin-bottom: 1rem;
  }

  .page-module__jw_amq__groupInfo {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .page-module__jw_amq__actions {
    align-self: flex-start;
    margin-top: 0;
    margin-left: auto;
    padding-top: 0;
  }
}

.page-module__jw_amq__actionButton {
  color: #fff;
  cursor: pointer;
  background: #a00;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 1px 3px #aa00004d;
}

.page-module__jw_amq__actionButton:hover {
  background: #800;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px #a006;
}

.page-module__jw_amq__actionButtonSecondary {
  color: #a00;
  cursor: pointer;
  background: none;
  border: 2px solid #a00;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__jw_amq__actionButtonSecondary:hover {
  color: #fff;
  background: #a00;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px #aa00004d;
}

.page-module__jw_amq__actionButtonDanger {
  color: #fff;
  cursor: pointer;
  background: #dc3545;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 1px 3px #dc35454d;
}

.page-module__jw_amq__actionButtonDanger:hover {
  background: #c82333;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px #dc354566;
}

.page-module__jw_amq__noDescription {
  color: #999;
  font-style: italic;
}

.page-module__jw_amq__editButton {
  cursor: pointer;
  opacity: .6;
  background: none;
  border: none;
  flex-shrink: 0;
  padding: 4px;
  font-size: 18px;
  transition: all .2s;
}

.page-module__jw_amq__editButton:hover {
  opacity: 1;
  animation: 2s ease-in-out infinite page-module__jw_amq__gentlePulse;
  transform: scale(1.1);
}

@keyframes page-module__jw_amq__gentlePulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }
}

.page-module__jw_amq__editField {
  width: 100%;
}

.page-module__jw_amq__editInput {
  border: 2px solid #a00;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 8px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 16px;
}

.page-module__jw_amq__editInput:focus {
  border-color: #800;
  outline: none;
}

.page-module__jw_amq__editTextarea {
  resize: vertical;
  border: 2px solid #a00;
  border-radius: 6px;
  width: 100%;
  min-height: 100px;
  margin-bottom: 8px;
  padding: 12px;
  font-family: inherit;
  font-size: 16px;
}

.page-module__jw_amq__editTextarea:focus {
  border-color: #800;
  outline: none;
}

.page-module__jw_amq__editActions {
  gap: 8px;
  display: flex;
}

.page-module__jw_amq__shareButtonsSection {
  align-items: center;
  gap: 12px;
  display: flex;
}

.page-module__jw_amq__shareSection {
  border-bottom: 1px solid #e5e7eb;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  display: flex;
}

.page-module__jw_amq__shareSection p {
  margin: 0 0 4px;
}

.page-module__jw_amq__shareSection:last-child {
  border-bottom: none;
}

.page-module__jw_amq__visibilityInfo {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin-top: 0;
  padding: 16px;
}

.page-module__jw_amq__visibilityInfo strong {
  color: #1f2937;
  margin-bottom: 8px;
  font-size: 16px;
  display: block;
}

.page-module__jw_amq__visibilityInfo p {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.page-module__jw_amq__membersSection {
  padding: 2rem;
}

.page-module__jw_amq__membersHeader {
  margin-bottom: 24px;
}

.page-module__jw_amq__membersHeader h3 {
  color: #1f2937;
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
}

.page-module__jw_amq__membersHeader p {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

.page-module__jw_amq__loadingContainer {
  color: #6b7280;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.page-module__jw_amq__spinner {
  border: 3px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
  animation: 1s linear infinite page-module__jw_amq__spin;
}

@keyframes page-module__jw_amq__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.page-module__jw_amq__emptyState {
  text-align: center;
  color: #6b7280;
  padding: 40px;
}

.page-module__jw_amq__membersList {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.page-module__jw_amq__memberItem {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  transition: all .2s;
  display: flex;
}

.page-module__jw_amq__memberItem:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}

.page-module__jw_amq__memberInfo {
  flex: 1;
  align-items: center;
  gap: 12px;
  display: flex;
}

.page-module__jw_amq__memberAvatar {
  color: #fff;
  background: #3b82f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.page-module__jw_amq__memberDetails {
  flex: 1;
}

.page-module__jw_amq__memberName {
  color: #1f2937;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-weight: 600;
  display: flex;
}

.page-module__jw_amq__memberEmail {
  color: #6b7280;
  font-size: 14px;
}

.page-module__jw_amq__youBadge {
  color: #fff;
  text-transform: uppercase;
  background: #10b981;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.page-module__jw_amq__adminBadge {
  color: #fff;
  text-transform: uppercase;
  background: #3b82f6;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.page-module__jw_amq__ownerBadge {
  color: #fff;
  text-transform: uppercase;
  background: #f59e0b;
  border-radius: 12px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

.page-module__jw_amq__memberActions {
  align-items: center;
  display: flex;
}

.page-module__jw_amq__adminToggle {
  cursor: pointer;
  background: #fff;
  border: 2px solid;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__jw_amq__adminToggle:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.page-module__jw_amq__adminToggleInactive {
  color: #6b7280;
  border-color: #d1d5db;
}

.page-module__jw_amq__adminToggleInactive:hover:not(:disabled), .page-module__jw_amq__adminToggleActive {
  color: #3b82f6;
  background: #eff6ff;
  border-color: #3b82f6;
}

.page-module__jw_amq__adminToggleActive:hover:not(:disabled) {
  color: #1d4ed8;
  background: #dbeafe;
  border-color: #1d4ed8;
}

.page-module__jw_amq__groupOptionsContainer {
  display: inline-block;
  position: relative;
}

.page-module__jw_amq__groupOptionsButton {
  color: #475569;
  cursor: pointer;
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.page-module__jw_amq__groupOptionsButton:hover {
  color: #334155;
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.page-module__jw_amq__groupOptionsDropdown {
  z-index: 1000;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  min-width: 200px;
  margin-top: 4px;
  position: absolute;
  top: 100%;
  right: 0;
  overflow: hidden;
  box-shadow: 0 10px 25px #0000001a;
}

.page-module__jw_amq__dropdownItem {
  text-align: left;
  color: #374151;
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 1px solid #f3f4f6;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  transition: background-color .2s;
  display: flex;
}

.page-module__jw_amq__dropdownItem:last-child {
  border-bottom: none;
}

.page-module__jw_amq__dropdownItem:hover {
  background: #f9fafb;
}

.page-module__jw_amq__dropdownItemDanger {
  color: #dc2626;
}

.page-module__jw_amq__dropdownItemDanger:hover {
  color: #b91c1c;
  background: #fef2f2;
}

.page-module__jw_amq__saveButton {
  color: #fff;
  cursor: pointer;
  background: #22c55e;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

.page-module__jw_amq__saveButton:hover {
  background: #16a34a;
}

.page-module__jw_amq__cancelButton {
  color: #333;
  cursor: pointer;
  background: #e0e0e0;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
}

.page-module__jw_amq__cancelButton:hover {
  background: #d0d0d0;
}

.page-module__jw_amq__collectionsSection {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  align-self: start;
  min-width: 0;
  padding: 2rem;
  animation: .5s ease-out .2s both page-module__jw_amq__fadeInUp;
  box-shadow: 0 1px 3px #0000001a;
}

.page-module__jw_amq__sectionTitle {
  color: #1a1a1a;
  border-bottom: 2px solid #e8e8e8;
  margin: 0 0 1.25rem;
  padding-bottom: .75rem;
  font-size: 1.75rem;
  font-weight: 700;
  position: relative;
}

.page-module__jw_amq__sectionTitle:after {
  content: "";
  background: #a00;
  width: 50px;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.page-module__jw_amq__collectionsList {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

.page-module__jw_amq__collectionSearchBox {
  margin-bottom: 1rem;
  position: relative;
}

.page-module__jw_amq__collectionSearchInput {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  width: 100%;
  padding: .75rem 2.5rem .75rem 1rem;
  font-size: .95rem;
  transition: all .2s;
}

.page-module__jw_amq__collectionSearchInput:focus {
  background: #fff;
  border-color: #a00;
  outline: none;
  box-shadow: 0 0 0 3px #aa00001a;
}

.page-module__jw_amq__collectionSearchInput::placeholder {
  color: #999;
}

.page-module__jw_amq__clearCollectionSearch {
  color: #999;
  cursor: pointer;
  background: none;
  border: none;
  padding: .25rem;
  font-size: 1.25rem;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: .75rem;
  transform: translateY(-50%);
}

.page-module__jw_amq__clearCollectionSearch:hover {
  color: #666;
}

.page-module__jw_amq__collectionPagination {
  border-top: 1px solid #e9ecef;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: .5rem;
  padding: 1rem 0;
  display: flex;
}

.page-module__jw_amq__collectionPageBtn {
  color: #666;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: .5rem .875rem;
  font-size: .85rem;
  font-weight: 500;
  transition: all .15s;
}

.page-module__jw_amq__collectionPageBtn:hover:not(:disabled) {
  color: #333;
  background: #f0f0f0;
  border-color: #ccc;
}

.page-module__jw_amq__collectionPageBtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.page-module__jw_amq__collectionPageInfo {
  color: #666;
  font-size: .85rem;
}

.page-module__jw_amq__showAllCollectionsBtn {
  color: #666;
  cursor: pointer;
  text-align: center;
  background: #f8f9fa;
  border: 1px dashed #ccc;
  border-radius: 6px;
  width: 100%;
  margin-top: .75rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
}

.page-module__jw_amq__showAllCollectionsBtn:hover {
  color: #a00;
  background: #f0f0f0;
  border-style: solid;
  border-color: #a00;
}

.page-module__jw_amq__collectionCard {
  background: #fff;
  border-radius: 8px;
  padding: 1.25rem;
  transition: box-shadow .2s, transform .2s;
  box-shadow: 0 1px 3px #0000001a;
}

.page-module__jw_amq__collectionCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #00000026;
}

.page-module__jw_amq__collectionLink {
  color: inherit;
  text-decoration: none;
}

.page-module__jw_amq__collectionLink h3 {
  color: #a00;
  margin: 0 0 .5rem;
  font-size: 1.1rem;
  font-weight: 600;
  transition: color .2s;
}

.page-module__jw_amq__collectionLink:hover h3 {
  color: #800;
}

.page-module__jw_amq__collectionDescription {
  color: #666;
  margin: 0;
  font-size: .9rem;
  line-height: 1.5;
}

.page-module__jw_amq__activitySection {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  flex-direction: column;
  min-width: 0;
  padding: 2rem;
  animation: .5s ease-out .15s both page-module__jw_amq__fadeInUp;
  display: flex;
  box-shadow: 0 1px 3px #0000001a;
}

.page-module__jw_amq__sidebarSection {
  min-width: 0;
}

.page-module__jw_amq__statsSection {
  align-self: start;
}

@media (max-width: 1024px) {
  .page-module__jw_amq__container {
    padding: .5rem 1.5rem 1.5rem;
  }

  .page-module__jw_amq__topSection, .page-module__jw_amq__bottomSection {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .page-module__jw_amq__header {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .page-module__jw_amq__container {
    padding: .5rem 1rem 1rem;
  }

  .page-module__jw_amq__header {
    padding: 1.5rem;
  }

  .page-module__jw_amq__headerContent {
    flex-direction: column;
    gap: 1.5rem;
  }

  .page-module__jw_amq__groupImage {
    align-self: center;
  }

  .page-module__jw_amq__groupImage img {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 140px;
    height: 140px;
  }

  .page-module__jw_amq__groupName {
    text-align: center;
    font-size: 1.75rem;
  }

  .page-module__jw_amq__actions {
    flex-direction: column;
    margin-top: 1rem;
    padding-top: 1rem;
  }

  .page-module__jw_amq__actionButton, .page-module__jw_amq__actionButtonDanger {
    width: 100%;
  }

  .page-module__jw_amq__collectionsSection, .page-module__jw_amq__membersSection {
    padding: 1.5rem;
  }

  .page-module__jw_amq__collectionsList {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .page-module__jw_amq__collectionPagination {
    flex-direction: column;
    gap: .5rem;
  }

  .page-module__jw_amq__collectionPageBtn {
    width: 100%;
  }

  .page-module__jw_amq__collectionPageInfo {
    order: -1;
  }

  .page-module__jw_amq__activitySection {
    padding: 1.5rem;
  }

  .page-module__jw_amq__sectionTitle {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
  }

  .page-module__jw_amq__mainContent {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

@media (max-width: 480px) {
  .page-module__jw_amq__container {
    padding: .75rem;
  }

  .page-module__jw_amq__header {
    border-radius: 8px;
    padding: 1.25rem;
  }

  .page-module__jw_amq__groupName {
    font-size: 1.5rem;
  }

  .page-module__jw_amq__sectionTitle {
    font-size: 1.25rem;
  }

  .page-module__jw_amq__collectionsSection, .page-module__jw_amq__activitySection {
    border-radius: 8px;
    padding: 1.25rem;
  }
}

.page-module__jw_amq__sectionHeader {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.page-module__jw_amq__sectionHeader .page-module__jw_amq__sectionTitle {
  margin-bottom: 0;
}

.page-module__jw_amq__addCollectionButton {
  color: #a00;
  cursor: pointer;
  background: #fff;
  border: 1px solid #a00;
  border-radius: 6px;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
}

.page-module__jw_amq__addCollectionButton:hover {
  color: #fff;
  background: #a00;
}

.page-module__jw_amq__emptyCollections {
  text-align: center;
  color: #666;
  background: #f9f9f9;
  border: 1px dashed #e0e0e0;
  border-radius: 8px;
  padding: 2rem;
  font-size: .95rem;
}

.page-module__jw_amq__confirmDeleteDialog {
  color: #92400e;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  margin-top: .5rem;
  padding: .75rem 1rem;
  font-size: .875rem;
  display: flex;
}

.page-module__jw_amq__confirmYes, .page-module__jw_amq__confirmNo {
  cursor: pointer;
  border-radius: 4px;
  padding: .375rem .75rem;
  font-size: .8125rem;
  font-weight: 500;
  transition: all .2s;
}

.page-module__jw_amq__confirmYes {
  color: #fff;
  background: #dc2626;
  border: none;
}

.page-module__jw_amq__confirmYes:hover {
  background: #b91c1c;
}

.page-module__jw_amq__confirmNo {
  color: #666;
  background: #fff;
  border: 1px solid #d1d5db;
}

.page-module__jw_amq__confirmNo:hover {
  background: #f3f4f6;
}

.page-module__jw_amq__alphabetNavigation {
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  margin: 1rem 0;
  padding: 1rem 0;
  display: flex;
}

.page-module__jw_amq__letterButton {
  color: #374151;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: .375rem;
  min-width: 2.5rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
}

.page-module__jw_amq__letterButton:hover:not(.page-module__jw_amq__disabled) {
  background: #f9fafb;
  border-color: #9ca3af;
}

.page-module__jw_amq__letterButton.page-module__jw_amq__active {
  color: #fff;
  background: #3b82f6;
  border-color: #3b82f6;
}

.page-module__jw_amq__letterButton.page-module__jw_amq__disabled {
  color: #9ca3af;
  cursor: not-allowed;
  opacity: .5;
  background: #f9fafb;
  border-color: #e5e7eb;
}

.page-module__jw_amq__loadMoreContainer {
  border-top: 1px solid #e5e7eb;
  justify-content: center;
  margin: 1.5rem 0;
  padding: 1rem 0;
  display: flex;
}

.page-module__jw_amq__loadMoreButton {
  color: #fff;
  cursor: pointer;
  background: #3b82f6;
  border: none;
  border-radius: .5rem;
  padding: .75rem 2rem;
  font-size: .875rem;
  font-weight: 500;
  transition: all .2s;
}

.page-module__jw_amq__loadMoreButton:hover:not(:disabled) {
  background: #2563eb;
}

.page-module__jw_amq__loadMoreButton:disabled {
  cursor: not-allowed;
  opacity: .7;
  background: #9ca3af;
}

.page-module__jw_amq__banButton {
  color: #fff;
  cursor: pointer;
  background: #dc2626;
  border: none;
  border-radius: .375rem;
  margin-left: .5rem;
  padding: .375rem .5rem;
  font-size: .875rem;
  transition: all .2s;
}

.page-module__jw_amq__banButton:hover {
  background: #b91c1c;
}

.page-module__jw_amq__banButton:active {
  background: #991b1b;
}

@media (max-width: 640px) {
  .page-module__jw_amq__sectionHeader {
    flex-direction: column;
    align-items: flex-start;
  }

  .page-module__jw_amq__addCollectionButton {
    text-align: center;
    width: 100%;
  }

  .page-module__jw_amq__confirmDeleteDialog {
    text-align: center;
    flex-direction: column;
  }

  .page-module__jw_amq__alphabetNavigation {
    gap: .25rem;
    padding: .75rem 0;
  }

  .page-module__jw_amq__letterButton {
    min-width: 2rem;
    padding: .375rem .5rem;
    font-size: .75rem;
  }
}

/*# sourceMappingURL=app_group_view_%5Baccesscode%5D_b5eb5253._.css.map*/