/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-layout[b-urn0k1j96q] {
  min-height: calc(100vh - 70px);
  overflow-x: hidden;
}

.admin-fab[b-urn0k1j96q] {
  position: fixed;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 1040;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #5865f2, #4752c4);
  color: white;
  border: none;
  box-shadow: 0 4px 14px rgba(88, 101, 242, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: all 0.2s ease;
}
.admin-fab:hover[b-urn0k1j96q] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.5);
  color: white;
}

.admin-offcanvas[b-urn0k1j96q] {
  width: 260px !important;
  background: var(--bs-body-bg) !important;
  border-right: 1px solid rgba(88, 101, 242, 0.1) !important;
}

.admin-offcanvas-header[b-urn0k1j96q] {
  border-bottom: 1px solid rgba(88, 101, 242, 0.1) !important;
  padding: 0.875rem 1.25rem !important;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.admin-content[b-urn0k1j96q] {
  min-width: 0;
  width: 100%;
  padding: 1.25rem;
}

@media (max-width: 991.98px) {
  .admin-content[b-urn0k1j96q] {
    padding-bottom: 5rem;
  }
}
/* /Components/Layout/DashboardLayout.razor.rz.scp.css */
.dash-layout[b-cceqi5y7tb] {
  min-height: calc(100vh - 70px);
}

.dashboard-content[b-cceqi5y7tb] {
  min-width: 0;
  width: 100%;
}

.dash-fab[b-cceqi5y7tb] {
  position: fixed;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 1040;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #5865f2, #4752c4);
  color: white;
  border: none;
  box-shadow: 0 4px 14px rgba(88, 101, 242, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: all 0.2s ease;
}
.dash-fab:hover[b-cceqi5y7tb] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.5);
  color: white;
}

.dash-offcanvas[b-cceqi5y7tb] {
  width: 260px !important;
  background: var(--bs-body-bg) !important;
  border-right: 1px solid rgba(88, 101, 242, 0.1) !important;
}
.dash-offcanvas .dash-sidebar[b-cceqi5y7tb] {
  width: 100%;
  min-width: 100%;
  height: auto;
  position: static;
  border-right: none;
}

.dash-offcanvas-header[b-cceqi5y7tb] {
  border-bottom: 1px solid rgba(88, 101, 242, 0.1) !important;
  padding: 0.875rem 1.25rem !important;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media (max-width: 991.98px) {
  .dashboard-content[b-cceqi5y7tb] {
    padding-bottom: 5rem;
  }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-9bk18v6fbu] {
	color-scheme: light only;
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss[b-9bk18v6fbu] {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-o9bt3obmgk] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-o9bt3obmgk] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-o9bt3obmgk] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-o9bt3obmgk] {
    font-size: 1.1rem;
}

.bi[b-o9bt3obmgk] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-o9bt3obmgk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-o9bt3obmgk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-o9bt3obmgk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-o9bt3obmgk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-o9bt3obmgk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-o9bt3obmgk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-o9bt3obmgk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-o9bt3obmgk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-o9bt3obmgk] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-o9bt3obmgk] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-o9bt3obmgk] {
        padding-bottom: 1rem;
    }

    .nav-item[b-o9bt3obmgk]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-o9bt3obmgk]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-o9bt3obmgk]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-o9bt3obmgk] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-o9bt3obmgk] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-o9bt3obmgk] {
        display: none;
    }

    .nav-scrollable[b-o9bt3obmgk] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* ===== ADMIN DASHBOARD PAGE STYLES ===== */
.admin-dashboard-page[b-klb8jzi4ih] {
  min-height: 100vh;
  color: var(--bs-body-color);
  /* Stat Cards */
  /* Quick Link Cards */
}
.admin-dashboard-page .admin-header[b-klb8jzi4ih] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.75rem 0;
  margin-bottom: 1.5rem;
}
.admin-dashboard-page .admin-header .container-fluid[b-klb8jzi4ih] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.admin-dashboard-page .admin-title[b-klb8jzi4ih] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.35rem;
}
.admin-dashboard-page .admin-title i[b-klb8jzi4ih] {
  color: #5865f2;
  margin-right: 0.6rem;
}
.admin-dashboard-page .admin-subtitle[b-klb8jzi4ih] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  padding-left: 0.1rem;
}
.admin-dashboard-page .stat-card[b-klb8jzi4ih] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  transition: all 0.3s ease;
}
.admin-dashboard-page .stat-card:hover[b-klb8jzi4ih] {
  border-color: rgba(88, 101, 242, 0.3);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.admin-dashboard-page .stat-icon[b-klb8jzi4ih] {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.15), rgba(88, 101, 242, 0.08));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.admin-dashboard-page .stat-icon i[b-klb8jzi4ih] {
  font-size: 1.25rem;
  color: #5865f2;
}
.admin-dashboard-page .stat-info[b-klb8jzi4ih] {
  display: flex;
  flex-direction: column;
}
.admin-dashboard-page .stat-value[b-klb8jzi4ih] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--bs-body-color);
  line-height: 1.2;
}
.admin-dashboard-page .stat-label[b-klb8jzi4ih] {
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.admin-dashboard-page .quick-link-card[b-klb8jzi4ih] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  color: var(--bs-body-color);
  transition: all 0.3s ease;
}
.admin-dashboard-page .quick-link-card:hover[b-klb8jzi4ih] {
  border-color: rgba(88, 101, 242, 0.35);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
  color: var(--bs-body-color);
}
.admin-dashboard-page .quick-link-card > i:first-child[b-klb8jzi4ih] {
  font-size: 1.25rem;
  color: #5865f2;
  width: 40px;
  text-align: center;
  flex-shrink: 0;
}
.admin-dashboard-page .quick-link-card h5[b-klb8jzi4ih] {
  font-size: 0.95rem;
  font-weight: 700;
  margin: 0 0 0.2rem;
}
.admin-dashboard-page .quick-link-card p[b-klb8jzi4ih] {
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
  margin: 0;
}
.admin-dashboard-page .quick-link-card > i:last-child[b-klb8jzi4ih] {
  color: var(--bs-secondary-color);
  font-size: 0.85rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .admin-dashboard-page .admin-title[b-klb8jzi4ih] {
    font-size: 1.25rem;
  }
  .admin-dashboard-page .stat-card[b-klb8jzi4ih] {
    padding: 1.25rem;
  }
  .admin-dashboard-page .stat-value[b-klb8jzi4ih] {
    font-size: 1.25rem;
  }
}
@media (max-width: 576px) {
  .admin-dashboard-page .admin-header[b-klb8jzi4ih] {
    padding: 1rem 0;
  }
  .admin-dashboard-page .quick-link-card[b-klb8jzi4ih] {
    padding: 1rem;
  }
}
/* /Components/Pages/Admin/Guilds.razor.rz.scp.css */
.admin-guilds-page[b-zgspj5omn8] {
  min-height: 100vh;
  color: var(--bs-body-color);
  /* Badge Count */
  /* Recent List */
}
.admin-guilds-page .admin-header[b-zgspj5omn8] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.75rem 0;
  margin-bottom: 1.5rem;
}
.admin-guilds-page .admin-header .container-fluid[b-zgspj5omn8] {
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-guilds-page .admin-header-stat[b-zgspj5omn8] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.admin-guilds-page .admin-header-stat .stat-count[b-zgspj5omn8] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #5865f2;
  line-height: 1.2;
}
.admin-guilds-page .admin-header-stat .stat-label[b-zgspj5omn8] {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.admin-guilds-page .admin-title[b-zgspj5omn8] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.35rem;
}
.admin-guilds-page .admin-title i[b-zgspj5omn8] {
  color: #5865f2;
  margin-right: 0.6rem;
}
.admin-guilds-page .admin-subtitle[b-zgspj5omn8] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  padding-left: 0.1rem;
}
.admin-guilds-page .alert-card[b-zgspj5omn8] {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-radius: 12px;
  font-weight: 500;
}
.admin-guilds-page .alert-card.error[b-zgspj5omn8] {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  color: #dc3545;
}
.admin-guilds-page .alert-card.success[b-zgspj5omn8] {
  background: rgba(40, 167, 69, 0.1);
  border: 1px solid rgba(40, 167, 69, 0.3);
  color: #28a745;
}
.admin-guilds-page .admin-card[b-zgspj5omn8] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.admin-guilds-page .admin-card:hover[b-zgspj5omn8] {
  border-color: rgba(88, 101, 242, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.admin-guilds-page .admin-card-header[b-zgspj5omn8] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}
.admin-guilds-page .admin-card-header i[b-zgspj5omn8] {
  color: #5865f2;
  font-size: 1rem;
}
.admin-guilds-page .admin-card-header h3[b-zgspj5omn8] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--bs-body-color);
}
.admin-guilds-page .admin-card-body[b-zgspj5omn8] {
  padding: 1.5rem;
}
.admin-guilds-page .admin-label[b-zgspj5omn8] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.375rem;
  display: block;
}
.admin-guilds-page .admin-input[b-zgspj5omn8] {
  width: 100%;
  padding: 0.625rem 0.875rem;
  background: rgba(88, 101, 242, 0.04);
  border: 1.5px solid rgba(88, 101, 242, 0.15);
  border-radius: 8px;
  color: var(--bs-body-color);
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.admin-guilds-page .admin-input:focus[b-zgspj5omn8] {
  outline: none;
  border-color: #5865f2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.1);
}
.admin-guilds-page .admin-input[b-zgspj5omn8]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.6;
}
.admin-guilds-page select.admin-input[b-zgspj5omn8] {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235865f2' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2rem;
}
.admin-guilds-page select.admin-input option[b-zgspj5omn8] {
  background: #1a1a2e;
  color: var(--bs-body-color);
  padding: 0.5rem;
}
.admin-guilds-page .btn-admin-primary[b-zgspj5omn8] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  color: white;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.admin-guilds-page .btn-admin-primary:hover:not(:disabled)[b-zgspj5omn8] {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.admin-guilds-page .btn-admin-primary:disabled[b-zgspj5omn8] {
  opacity: 0.6;
  cursor: not-allowed;
}
.admin-guilds-page .btn-admin-danger[b-zgspj5omn8] {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
  border: 1.5px solid rgba(220, 53, 69, 0.3);
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.admin-guilds-page .btn-admin-danger:hover:not(:disabled)[b-zgspj5omn8] {
  background: rgba(220, 53, 69, 0.25);
  transform: translateY(-1px);
}
.admin-guilds-page .btn-admin-danger:disabled[b-zgspj5omn8] {
  opacity: 0.5;
  cursor: not-allowed;
}
.admin-guilds-page .user-info-section[b-zgspj5omn8] {
  background: rgba(88, 101, 242, 0.03);
  border: 1px solid rgba(88, 101, 242, 0.1);
  border-radius: 12px;
  padding: 1.25rem;
  height: 100%;
}
.admin-guilds-page .section-title[b-zgspj5omn8] {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.08);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.admin-guilds-page .section-title i[b-zgspj5omn8] {
  color: #5865f2;
  font-size: 0.85rem;
}
.admin-guilds-page .info-grid[b-zgspj5omn8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.admin-guilds-page .info-item[b-zgspj5omn8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.admin-guilds-page .info-label[b-zgspj5omn8] {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}
.admin-guilds-page .info-value[b-zgspj5omn8] {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--bs-body-color);
  text-align: right;
  word-break: break-all;
}
.admin-guilds-page code.info-value[b-zgspj5omn8] {
  font-size: 0.75rem;
  color: #5865f2;
  background: rgba(88, 101, 242, 0.08);
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
}
.admin-guilds-page .status-badge[b-zgspj5omn8] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-guilds-page .status-badge.status-active[b-zgspj5omn8] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
}
.admin-guilds-page .status-badge.status-pastdue[b-zgspj5omn8] {
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
}
.admin-guilds-page .status-badge.status-canceled[b-zgspj5omn8] {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
}
.admin-guilds-page .status-badge.status-inactive[b-zgspj5omn8] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-guilds-page .tier-badge[b-zgspj5omn8] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-guilds-page .tier-badge.tier-none[b-zgspj5omn8] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-guilds-page .tier-badge.tier-basic[b-zgspj5omn8] {
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
}
.admin-guilds-page .tier-badge.tier-super[b-zgspj5omn8] {
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
}
.admin-guilds-page .tier-badge.tier-ultra[b-zgspj5omn8] {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
}
.admin-guilds-page .action-grid[b-zgspj5omn8] {
  display: flex;
  flex-direction: column;
}
.admin-guilds-page .action-row label[b-zgspj5omn8] {
  margin-bottom: 0.375rem;
}
.admin-guilds-page .setting-group[b-zgspj5omn8] {
  background: rgba(88, 101, 242, 0.02);
  border: 1px solid rgba(88, 101, 242, 0.08);
  border-radius: 10px;
  padding: 1rem;
}
.admin-guilds-page .setting-group-title[b-zgspj5omn8] {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5865f2;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
}
.admin-guilds-page .setting-toggle[b-zgspj5omn8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
}
.admin-guilds-page .setting-toggle label[b-zgspj5omn8] {
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--bs-body-color);
}
.admin-guilds-page .setting-toggle input[type=checkbox][b-zgspj5omn8] {
  width: 1rem;
  height: 1rem;
  accent-color: #5865f2;
  cursor: pointer;
}
.admin-guilds-page .setting-input-row[b-zgspj5omn8] {
  margin-top: 0.5rem;
}
.admin-guilds-page .setting-input-row .admin-input[b-zgspj5omn8] {
  margin-top: 0.25rem;
}
.admin-guilds-page .badge-count[b-zgspj5omn8] {
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(88, 101, 242, 0.12);
  color: #5865f2;
  padding: 0.25rem 0.6rem;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.admin-guilds-page .recent-list[b-zgspj5omn8] {
  display: flex;
  flex-direction: column;
}
.admin-guilds-page .recent-list-item[b-zgspj5omn8] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.06);
  transition: background 0.15s ease;
}
.admin-guilds-page .recent-list-item:last-child[b-zgspj5omn8] {
  border-bottom: none;
}
.admin-guilds-page .recent-list-item:hover[b-zgspj5omn8] {
  background: rgba(88, 101, 242, 0.03);
}
.admin-guilds-page .recent-list-avatar[b-zgspj5omn8] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.15), rgba(88, 101, 242, 0.08));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.admin-guilds-page .recent-list-avatar i[b-zgspj5omn8] {
  font-size: 0.8rem;
  color: #5865f2;
}
.admin-guilds-page .recent-list-info[b-zgspj5omn8] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.admin-guilds-page .recent-list-name[b-zgspj5omn8] {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--bs-body-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-guilds-page .recent-list-meta[b-zgspj5omn8] {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-guilds-page .recent-list-date[b-zgspj5omn8] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.admin-guilds-page .recent-list-date span:first-child[b-zgspj5omn8] {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--bs-body-color);
}
.admin-guilds-page .recent-list-time[b-zgspj5omn8] {
  font-size: 0.7rem;
  color: var(--bs-secondary-color);
}

@media (max-width: 768px) {
  .admin-guilds-page .info-item[b-zgspj5omn8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .admin-guilds-page .info-value[b-zgspj5omn8] {
    text-align: left;
  }
}
/* /Components/Pages/Admin/Plans.razor.rz.scp.css */
/* ===== ADMIN PLANS PAGE STYLES ===== */
.admin-plans-page[b-j1xsfriy1n] {
  min-height: 100vh;
  color: var(--bs-body-color);
  /* Admin Header */
  /* Alert Cards */
  /* Admin Cards */
  /* Form Elements */
  /* Buttons */
  /* Admin Table */
  /* Badges */
  /* Action Buttons */
  /* Empty State */
  /* Warning Message */
  /* Modal Overlay */
}
.admin-plans-page .admin-header[b-j1xsfriy1n] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.75rem 0;
  margin-bottom: 1.5rem;
}
.admin-plans-page .admin-header .container-fluid[b-j1xsfriy1n] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.admin-plans-page .admin-title[b-j1xsfriy1n] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.35rem;
}
.admin-plans-page .admin-title i[b-j1xsfriy1n] {
  color: #5865f2;
  margin-right: 0.6rem;
}
.admin-plans-page .admin-subtitle[b-j1xsfriy1n] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  padding-left: 0.1rem;
}
.admin-plans-page .alert-card[b-j1xsfriy1n] {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-radius: 12px;
  font-weight: 500;
}
.admin-plans-page .alert-card.success[b-j1xsfriy1n] {
  background: rgba(40, 167, 69, 0.1);
  border: 1px solid rgba(40, 167, 69, 0.3);
  color: #28a745;
}
.admin-plans-page .alert-card.error[b-j1xsfriy1n] {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  color: #dc3545;
}
.admin-plans-page .btn-close-alert[b-j1xsfriy1n] {
  background: none;
  border: none;
  color: inherit;
  margin-left: auto;
  cursor: pointer;
  opacity: 0.7;
  padding: 0.25rem;
}
.admin-plans-page .btn-close-alert:hover[b-j1xsfriy1n] {
  opacity: 1;
}
.admin-plans-page .admin-card[b-j1xsfriy1n] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.admin-plans-page .admin-card:hover[b-j1xsfriy1n] {
  border-color: rgba(88, 101, 242, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.admin-plans-page .admin-card-header[b-j1xsfriy1n] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}
.admin-plans-page .admin-card-header i[b-j1xsfriy1n] {
  color: #5865f2;
  font-size: 1rem;
}
.admin-plans-page .admin-card-header h3[b-j1xsfriy1n] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--bs-body-color);
}
.admin-plans-page .admin-card-body[b-j1xsfriy1n] {
  padding: 1.5rem;
}
.admin-plans-page .admin-label[b-j1xsfriy1n] {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
  margin-bottom: 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.admin-plans-page .admin-input[b-j1xsfriy1n] {
  width: 100%;
  padding: 0.625rem 0.875rem;
  background: rgba(88, 101, 242, 0.05);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 10px;
  color: var(--bs-body-color);
  font-size: 0.95rem;
  transition: all 0.3s ease;
}
.admin-plans-page .admin-input:focus[b-j1xsfriy1n] {
  outline: none;
  border-color: rgba(88, 101, 242, 0.3);
  background: rgba(88, 101, 242, 0.08);
  box-shadow: 0 0 0 4px rgba(88, 101, 242, 0.1);
}
.admin-plans-page .admin-input[b-j1xsfriy1n]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.6;
}
.admin-plans-page .admin-input[readonly][b-j1xsfriy1n] {
  opacity: 0.6;
  cursor: not-allowed;
}
.admin-plans-page textarea.admin-input[b-j1xsfriy1n] {
  resize: vertical;
}
.admin-plans-page select.admin-input[b-j1xsfriy1n] {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235865f2' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2rem;
}
.admin-plans-page select.admin-input option[b-j1xsfriy1n] {
  background: #1a1a2e;
  color: var(--bs-body-color);
  padding: 0.5rem;
}
.admin-plans-page .admin-note[b-j1xsfriy1n] {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  background: rgba(255, 193, 7, 0.08);
  border: 1px solid rgba(255, 193, 7, 0.2);
  border-radius: 8px;
  padding: 0.75rem 1rem;
}
.admin-plans-page .admin-note i[b-j1xsfriy1n] {
  color: #ffc107;
}
.admin-plans-page .btn-admin-primary[b-j1xsfriy1n] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  border: none;
  color: white;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.admin-plans-page .btn-admin-primary:hover[b-j1xsfriy1n] {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
  color: white;
}
.admin-plans-page .btn-admin-primary:disabled[b-j1xsfriy1n] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.admin-plans-page .btn-admin-secondary[b-j1xsfriy1n] {
  background: rgba(88, 101, 242, 0.1);
  border: 2px solid rgba(88, 101, 242, 0.2);
  color: var(--bs-body-color);
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.admin-plans-page .btn-admin-secondary:hover[b-j1xsfriy1n] {
  background: rgba(88, 101, 242, 0.15);
  border-color: rgba(88, 101, 242, 0.3);
}
.admin-plans-page .btn-admin-danger[b-j1xsfriy1n] {
  background: linear-gradient(135deg, #dc3545, #c82333);
  border: none;
  color: white;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.admin-plans-page .btn-admin-danger:hover[b-j1xsfriy1n] {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
  color: white;
}
.admin-plans-page .btn-admin-danger:disabled[b-j1xsfriy1n] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.admin-plans-page .admin-table[b-j1xsfriy1n] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.admin-plans-page .admin-table thead th[b-j1xsfriy1n] {
  background: rgba(88, 101, 242, 0.05);
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.875rem 1rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
  white-space: nowrap;
}
.admin-plans-page .admin-table thead th:first-child[b-j1xsfriy1n] {
  border-radius: 8px 0 0 0;
}
.admin-plans-page .admin-table thead th:last-child[b-j1xsfriy1n] {
  border-radius: 0 8px 0 0;
}
.admin-plans-page .admin-table tbody tr[b-j1xsfriy1n] {
  transition: background 0.2s ease;
}
.admin-plans-page .admin-table tbody tr:hover[b-j1xsfriy1n] {
  background: rgba(88, 101, 242, 0.03);
}
.admin-plans-page .admin-table tbody tr.row-inactive[b-j1xsfriy1n] {
  opacity: 0.5;
}
.admin-plans-page .admin-table tbody td[b-j1xsfriy1n] {
  padding: 0.875rem 1rem;
  color: var(--bs-body-color);
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.05);
  vertical-align: middle;
}
.admin-plans-page .product-name-cell[b-j1xsfriy1n] {
  font-weight: 600;
}
.admin-plans-page .product-price-cell[b-j1xsfriy1n] {
  font-weight: 600;
  color: #ffd700;
}
.admin-plans-page .stripe-id-cell code[b-j1xsfriy1n] {
  font-size: 0.8rem;
  color: #5865f2;
  background: rgba(88, 101, 242, 0.08);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}
.admin-plans-page .status-badge[b-j1xsfriy1n] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-plans-page .status-badge.status-active[b-j1xsfriy1n] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
}
.admin-plans-page .status-badge.status-inactive[b-j1xsfriy1n] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-plans-page .type-badge[b-j1xsfriy1n] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-plans-page .type-badge.type-user[b-j1xsfriy1n] {
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
}
.admin-plans-page .type-badge.type-guild[b-j1xsfriy1n] {
  background: rgba(255, 215, 0, 0.15);
  color: #ffd700;
}
.admin-plans-page .tier-badge[b-j1xsfriy1n] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-plans-page .tier-badge.tier-none[b-j1xsfriy1n] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-plans-page .tier-badge.tier-basic[b-j1xsfriy1n] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
}
.admin-plans-page .tier-badge.tier-super[b-j1xsfriy1n] {
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
}
.admin-plans-page .tier-badge.tier-ultra[b-j1xsfriy1n] {
  background: rgba(255, 215, 0, 0.15);
  color: #ffd700;
}
.admin-plans-page .action-buttons[b-j1xsfriy1n] {
  display: flex;
  gap: 0.5rem;
}
.admin-plans-page .btn-action[b-j1xsfriy1n] {
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: none;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}
.admin-plans-page .btn-action.btn-edit[b-j1xsfriy1n] {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}
.admin-plans-page .btn-action.btn-edit:hover[b-j1xsfriy1n] {
  background: rgba(88, 101, 242, 0.2);
  transform: translateY(-1px);
}
.admin-plans-page .btn-action.btn-deactivate[b-j1xsfriy1n] {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
.admin-plans-page .btn-action.btn-deactivate:hover[b-j1xsfriy1n] {
  background: rgba(220, 53, 69, 0.2);
  transform: translateY(-1px);
}
.admin-plans-page .empty-state[b-j1xsfriy1n] {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--bs-secondary-color);
}
.admin-plans-page .empty-state i[b-j1xsfriy1n] {
  font-size: 3rem;
  color: rgba(88, 101, 242, 0.3);
  margin-bottom: 1rem;
  display: block;
}
.admin-plans-page .empty-state p[b-j1xsfriy1n] {
  font-size: 1rem;
  margin: 0;
}
.admin-plans-page .warning-message[b-j1xsfriy1n] {
  background: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.3);
  border-radius: 10px;
  padding: 1rem;
  color: #ffc107;
  font-weight: 500;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.admin-plans-page .warning-message i[b-j1xsfriy1n] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.admin-plans-page .modal-overlay[b-j1xsfriy1n] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  backdrop-filter: blur(4px);
}
.admin-plans-page .confirm-dialog[b-j1xsfriy1n] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 2rem;
  max-width: 450px;
  width: 90%;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}
.admin-plans-page .confirm-dialog h4[b-j1xsfriy1n] {
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.75rem;
}
.admin-plans-page .confirm-dialog p[b-j1xsfriy1n] {
  color: var(--bs-secondary-color);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.admin-plans-page .confirm-icon[b-j1xsfriy1n] {
  font-size: 2.5rem;
  color: #ffc107;
  margin-bottom: 1rem;
}
.admin-plans-page .confirm-actions[b-j1xsfriy1n] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
  .admin-plans-page .admin-title[b-j1xsfriy1n] {
    font-size: 1.4rem;
  }
  .admin-plans-page .admin-table thead th[b-j1xsfriy1n],
  .admin-plans-page .admin-table tbody td[b-j1xsfriy1n] {
    padding: 0.625rem 0.75rem;
    font-size: 0.8rem;
  }
  .admin-plans-page .stripe-id-cell code[b-j1xsfriy1n] {
    font-size: 0.7rem;
  }
  .admin-plans-page .action-buttons[b-j1xsfriy1n] {
    flex-direction: column;
    gap: 0.25rem;
  }
}
@media (max-width: 576px) {
  .admin-plans-page .admin-header[b-j1xsfriy1n] {
    padding: 1rem 0;
  }
  .admin-plans-page .admin-title[b-j1xsfriy1n] {
    font-size: 1.25rem;
  }
  .admin-plans-page .admin-card-body[b-j1xsfriy1n] {
    padding: 1rem;
  }
  .admin-plans-page .admin-card-header[b-j1xsfriy1n] {
    padding: 1rem 1.25rem;
  }
  .admin-plans-page .btn-admin-primary[b-j1xsfriy1n],
  .admin-plans-page .btn-admin-secondary[b-j1xsfriy1n],
  .admin-plans-page .btn-admin-danger[b-j1xsfriy1n] {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
}
/* /Components/Pages/Admin/Products.razor.rz.scp.css */
/* ===== ADMIN PRODUCTS PAGE STYLES ===== */
.admin-products-page[b-4g1ggtdb6x] {
  min-height: 100vh;
  color: var(--bs-body-color);
  /* Admin Header */
  /* Alert Cards */
  /* Admin Cards */
  /* Form Elements */
  /* Buttons */
  /* Admin Table */
  /* Badges */
  /* Action Buttons */
  /* Empty State */
  /* Modal Overlay */
}
.admin-products-page .admin-header[b-4g1ggtdb6x] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.75rem 0;
  margin-bottom: 1.5rem;
}
.admin-products-page .admin-header .container-fluid[b-4g1ggtdb6x] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.admin-products-page .admin-title[b-4g1ggtdb6x] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.35rem;
}
.admin-products-page .admin-title i[b-4g1ggtdb6x] {
  color: #5865f2;
  margin-right: 0.6rem;
}
.admin-products-page .admin-subtitle[b-4g1ggtdb6x] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  padding-left: 0.1rem;
}
.admin-products-page .alert-card[b-4g1ggtdb6x] {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-radius: 12px;
  font-weight: 500;
}
.admin-products-page .alert-card.success[b-4g1ggtdb6x] {
  background: rgba(40, 167, 69, 0.1);
  border: 1px solid rgba(40, 167, 69, 0.3);
  color: #28a745;
}
.admin-products-page .alert-card.error[b-4g1ggtdb6x] {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  color: #dc3545;
}
.admin-products-page .btn-close-alert[b-4g1ggtdb6x] {
  background: none;
  border: none;
  color: inherit;
  margin-left: auto;
  cursor: pointer;
  opacity: 0.7;
  padding: 0.25rem;
}
.admin-products-page .btn-close-alert:hover[b-4g1ggtdb6x] {
  opacity: 1;
}
.admin-products-page .admin-card[b-4g1ggtdb6x] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.admin-products-page .admin-card:hover[b-4g1ggtdb6x] {
  border-color: rgba(88, 101, 242, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.admin-products-page .admin-card-header[b-4g1ggtdb6x] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}
.admin-products-page .admin-card-header i[b-4g1ggtdb6x] {
  color: #5865f2;
  font-size: 1rem;
}
.admin-products-page .admin-card-header h3[b-4g1ggtdb6x] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--bs-body-color);
}
.admin-products-page .admin-card-body[b-4g1ggtdb6x] {
  padding: 1.5rem;
}
.admin-products-page .admin-label[b-4g1ggtdb6x] {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
  margin-bottom: 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.admin-products-page .admin-input[b-4g1ggtdb6x] {
  width: 100%;
  padding: 0.625rem 0.875rem;
  background: rgba(88, 101, 242, 0.05);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 10px;
  color: var(--bs-body-color);
  font-size: 0.95rem;
  transition: all 0.3s ease;
}
.admin-products-page .admin-input:focus[b-4g1ggtdb6x] {
  outline: none;
  border-color: rgba(88, 101, 242, 0.3);
  background: rgba(88, 101, 242, 0.08);
  box-shadow: 0 0 0 4px rgba(88, 101, 242, 0.1);
}
.admin-products-page .admin-input[b-4g1ggtdb6x]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.6;
}
.admin-products-page textarea.admin-input[b-4g1ggtdb6x] {
  resize: vertical;
}
.admin-products-page select.admin-input[b-4g1ggtdb6x] {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235865f2' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2rem;
}
.admin-products-page select.admin-input option[b-4g1ggtdb6x] {
  background: #1a1a2e;
  color: var(--bs-body-color);
  padding: 0.5rem;
}
.admin-products-page .btn-admin-primary[b-4g1ggtdb6x] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  border: none;
  color: white;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.admin-products-page .btn-admin-primary:hover[b-4g1ggtdb6x] {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
  color: white;
}
.admin-products-page .btn-admin-primary:disabled[b-4g1ggtdb6x] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.admin-products-page .btn-admin-secondary[b-4g1ggtdb6x] {
  background: rgba(88, 101, 242, 0.1);
  border: 2px solid rgba(88, 101, 242, 0.2);
  color: var(--bs-body-color);
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.admin-products-page .btn-admin-secondary:hover[b-4g1ggtdb6x] {
  background: rgba(88, 101, 242, 0.15);
  border-color: rgba(88, 101, 242, 0.3);
}
.admin-products-page .btn-admin-danger[b-4g1ggtdb6x] {
  background: linear-gradient(135deg, #dc3545, #c82333);
  border: none;
  color: white;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.admin-products-page .btn-admin-danger:hover[b-4g1ggtdb6x] {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
  color: white;
}
.admin-products-page .btn-admin-danger:disabled[b-4g1ggtdb6x] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.admin-products-page .admin-table[b-4g1ggtdb6x] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.admin-products-page .admin-table thead th[b-4g1ggtdb6x] {
  background: rgba(88, 101, 242, 0.05);
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.875rem 1rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
  white-space: nowrap;
}
.admin-products-page .admin-table thead th:first-child[b-4g1ggtdb6x] {
  border-radius: 8px 0 0 0;
}
.admin-products-page .admin-table thead th:last-child[b-4g1ggtdb6x] {
  border-radius: 0 8px 0 0;
}
.admin-products-page .admin-table tbody tr[b-4g1ggtdb6x] {
  transition: background 0.2s ease;
}
.admin-products-page .admin-table tbody tr:hover[b-4g1ggtdb6x] {
  background: rgba(88, 101, 242, 0.03);
}
.admin-products-page .admin-table tbody tr.row-inactive[b-4g1ggtdb6x] {
  opacity: 0.5;
}
.admin-products-page .admin-table tbody td[b-4g1ggtdb6x] {
  padding: 0.875rem 1rem;
  color: var(--bs-body-color);
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.05);
  vertical-align: middle;
}
.admin-products-page .product-name-cell[b-4g1ggtdb6x] {
  font-weight: 600;
}
.admin-products-page .product-price-cell[b-4g1ggtdb6x] {
  font-weight: 600;
  color: #ffd700;
}
.admin-products-page .stripe-id-cell code[b-4g1ggtdb6x] {
  font-size: 0.8rem;
  color: #5865f2;
  background: rgba(88, 101, 242, 0.08);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}
.admin-products-page .status-badge[b-4g1ggtdb6x] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-products-page .status-badge.status-active[b-4g1ggtdb6x] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
}
.admin-products-page .status-badge.status-inactive[b-4g1ggtdb6x] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-products-page .type-badge[b-4g1ggtdb6x] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-products-page .type-badge.type-onetime[b-4g1ggtdb6x] {
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
}
.admin-products-page .type-badge.type-subscription[b-4g1ggtdb6x] {
  background: rgba(255, 215, 0, 0.15);
  color: #ffd700;
}
.admin-products-page .action-buttons[b-4g1ggtdb6x] {
  display: flex;
  gap: 0.5rem;
}
.admin-products-page .btn-action[b-4g1ggtdb6x] {
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: none;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}
.admin-products-page .btn-action.btn-edit[b-4g1ggtdb6x] {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}
.admin-products-page .btn-action.btn-edit:hover[b-4g1ggtdb6x] {
  background: rgba(88, 101, 242, 0.2);
  transform: translateY(-1px);
}
.admin-products-page .btn-action.btn-deactivate[b-4g1ggtdb6x] {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
.admin-products-page .btn-action.btn-deactivate:hover[b-4g1ggtdb6x] {
  background: rgba(220, 53, 69, 0.2);
  transform: translateY(-1px);
}
.admin-products-page .empty-state[b-4g1ggtdb6x] {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--bs-secondary-color);
}
.admin-products-page .empty-state i[b-4g1ggtdb6x] {
  font-size: 3rem;
  color: rgba(88, 101, 242, 0.3);
  margin-bottom: 1rem;
  display: block;
}
.admin-products-page .empty-state p[b-4g1ggtdb6x] {
  font-size: 1rem;
  margin: 0;
}
.admin-products-page .modal-overlay[b-4g1ggtdb6x] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  backdrop-filter: blur(4px);
}
.admin-products-page .confirm-dialog[b-4g1ggtdb6x] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 2rem;
  max-width: 450px;
  width: 90%;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}
.admin-products-page .confirm-dialog h4[b-4g1ggtdb6x] {
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.75rem;
}
.admin-products-page .confirm-dialog p[b-4g1ggtdb6x] {
  color: var(--bs-secondary-color);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.admin-products-page .confirm-icon[b-4g1ggtdb6x] {
  font-size: 2.5rem;
  color: #ffc107;
  margin-bottom: 1rem;
}
.admin-products-page .confirm-actions[b-4g1ggtdb6x] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
  .admin-products-page .admin-title[b-4g1ggtdb6x] {
    font-size: 1.4rem;
  }
  .admin-products-page .admin-table thead th[b-4g1ggtdb6x],
  .admin-products-page .admin-table tbody td[b-4g1ggtdb6x] {
    padding: 0.625rem 0.75rem;
    font-size: 0.8rem;
  }
  .admin-products-page .stripe-id-cell code[b-4g1ggtdb6x] {
    font-size: 0.7rem;
  }
  .admin-products-page .action-buttons[b-4g1ggtdb6x] {
    flex-direction: column;
    gap: 0.25rem;
  }
}
@media (max-width: 576px) {
  .admin-products-page .admin-header[b-4g1ggtdb6x] {
    padding: 1rem 0;
  }
  .admin-products-page .admin-title[b-4g1ggtdb6x] {
    font-size: 1.25rem;
  }
  .admin-products-page .admin-card-body[b-4g1ggtdb6x] {
    padding: 1rem;
  }
  .admin-products-page .admin-card-header[b-4g1ggtdb6x] {
    padding: 1rem 1.25rem;
  }
  .admin-products-page .btn-admin-primary[b-4g1ggtdb6x],
  .admin-products-page .btn-admin-secondary[b-4g1ggtdb6x],
  .admin-products-page .btn-admin-danger[b-4g1ggtdb6x] {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
}
/* /Components/Pages/Admin/Subscriptions.razor.rz.scp.css */
/* ===== ADMIN SUBSCRIPTIONS PAGE STYLES ===== */
.admin-subscriptions-page[b-gzuh0wlt9a] {
  min-height: 100vh;
  color: var(--bs-body-color);
  /* Admin Header */
  /* Alert Cards */
  /* Admin Cards */
  /* Admin Table */
  /* Badges */
  /* Empty State */
  /* Alert Cards */
  /* Action Buttons */
  /* Modal */
}
.admin-subscriptions-page .admin-header[b-gzuh0wlt9a] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.75rem 0;
  margin-bottom: 1.5rem;
}
.admin-subscriptions-page .admin-header .container-fluid[b-gzuh0wlt9a] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.admin-subscriptions-page .admin-title[b-gzuh0wlt9a] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.35rem;
}
.admin-subscriptions-page .admin-title i[b-gzuh0wlt9a] {
  color: #5865f2;
  margin-right: 0.6rem;
}
.admin-subscriptions-page .admin-subtitle[b-gzuh0wlt9a] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  padding-left: 0.1rem;
}
.admin-subscriptions-page .alert-card[b-gzuh0wlt9a] {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-radius: 12px;
  font-weight: 500;
}
.admin-subscriptions-page .alert-card.error[b-gzuh0wlt9a] {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  color: #dc3545;
}
.admin-subscriptions-page .admin-card[b-gzuh0wlt9a] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.admin-subscriptions-page .admin-card:hover[b-gzuh0wlt9a] {
  border-color: rgba(88, 101, 242, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.admin-subscriptions-page .admin-card-header[b-gzuh0wlt9a] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}
.admin-subscriptions-page .admin-card-header i[b-gzuh0wlt9a] {
  color: #5865f2;
  font-size: 1rem;
}
.admin-subscriptions-page .admin-card-header h3[b-gzuh0wlt9a] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--bs-body-color);
}
.admin-subscriptions-page .header-title-group[b-gzuh0wlt9a] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.admin-subscriptions-page .hidden-count[b-gzuh0wlt9a] {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
  background: rgba(108, 117, 125, 0.12);
  padding: 0.2rem 0.55rem;
  border-radius: 50px;
}
.admin-subscriptions-page .header-toggle[b-gzuh0wlt9a] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.admin-subscriptions-page .header-toggle input[type=checkbox][b-gzuh0wlt9a] {
  width: 1rem;
  height: 1rem;
  accent-color: #5865f2;
  cursor: pointer;
}
.admin-subscriptions-page .complimentary-badge[b-gzuh0wlt9a] {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0.15rem 0.5rem;
  border-radius: 50px;
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-subscriptions-page .row-complimentary[b-gzuh0wlt9a] {
  opacity: 0.85;
}
.admin-subscriptions-page .admin-card-body[b-gzuh0wlt9a] {
  padding: 1.5rem;
}
.admin-subscriptions-page .admin-table[b-gzuh0wlt9a] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.admin-subscriptions-page .admin-table thead th[b-gzuh0wlt9a] {
  background: rgba(88, 101, 242, 0.05);
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.875rem 1rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
  white-space: nowrap;
}
.admin-subscriptions-page .admin-table thead th:first-child[b-gzuh0wlt9a] {
  border-radius: 8px 0 0 0;
}
.admin-subscriptions-page .admin-table thead th:last-child[b-gzuh0wlt9a] {
  border-radius: 0 8px 0 0;
}
.admin-subscriptions-page .admin-table tbody tr[b-gzuh0wlt9a] {
  transition: background 0.2s ease;
}
.admin-subscriptions-page .admin-table tbody tr:hover[b-gzuh0wlt9a] {
  background: rgba(88, 101, 242, 0.03);
}
.admin-subscriptions-page .admin-table tbody td[b-gzuh0wlt9a] {
  padding: 0.875rem 1rem;
  color: var(--bs-body-color);
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.05);
  vertical-align: middle;
}
.admin-subscriptions-page .id-cell code[b-gzuh0wlt9a] {
  font-size: 0.8rem;
  color: #5865f2;
  background: rgba(88, 101, 242, 0.08);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}
.admin-subscriptions-page .status-badge[b-gzuh0wlt9a] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-subscriptions-page .status-badge.status-active[b-gzuh0wlt9a] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
}
.admin-subscriptions-page .status-badge.status-pastdue[b-gzuh0wlt9a] {
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
}
.admin-subscriptions-page .status-badge.status-canceled[b-gzuh0wlt9a] {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
}
.admin-subscriptions-page .status-badge.status-inactive[b-gzuh0wlt9a] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-subscriptions-page .type-badge[b-gzuh0wlt9a] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-subscriptions-page .type-badge.type-user[b-gzuh0wlt9a] {
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
}
.admin-subscriptions-page .tier-badge[b-gzuh0wlt9a] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-subscriptions-page .tier-badge.tier-none[b-gzuh0wlt9a] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-subscriptions-page .tier-badge.tier-basic[b-gzuh0wlt9a] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
}
.admin-subscriptions-page .tier-badge.tier-super[b-gzuh0wlt9a] {
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
}
.admin-subscriptions-page .tier-badge.tier-ultra[b-gzuh0wlt9a] {
  background: rgba(255, 215, 0, 0.15);
  color: #ffd700;
}
.admin-subscriptions-page .cancel-badge[b-gzuh0wlt9a] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
}
.admin-subscriptions-page .empty-state[b-gzuh0wlt9a] {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--bs-secondary-color);
}
.admin-subscriptions-page .empty-state i[b-gzuh0wlt9a] {
  font-size: 3rem;
  color: rgba(88, 101, 242, 0.3);
  margin-bottom: 1rem;
  display: block;
}
.admin-subscriptions-page .empty-state p[b-gzuh0wlt9a] {
  font-size: 1rem;
  margin: 0;
}
.admin-subscriptions-page .alert-card.success[b-gzuh0wlt9a] {
  background: rgba(40, 167, 69, 0.1);
  border: 1px solid rgba(40, 167, 69, 0.3);
  color: #28a745;
}
.admin-subscriptions-page .actions-cell[b-gzuh0wlt9a] {
  white-space: nowrap;
}
.admin-subscriptions-page .btn-admin-action[b-gzuh0wlt9a] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.8rem;
}
.admin-subscriptions-page .btn-admin-action.btn-cancel[b-gzuh0wlt9a] {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
.admin-subscriptions-page .btn-admin-action.btn-cancel:hover:not(:disabled)[b-gzuh0wlt9a] {
  background: rgba(220, 53, 69, 0.2);
  transform: translateY(-1px);
}
.admin-subscriptions-page .btn-admin-action:disabled[b-gzuh0wlt9a] {
  opacity: 0.5;
  cursor: not-allowed;
}
.admin-subscriptions-page .modal-overlay[b-gzuh0wlt9a] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  padding: 1rem;
}
.admin-subscriptions-page .modal-content[b-gzuh0wlt9a] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.2);
  border-radius: 16px;
  width: 100%;
  max-width: 480px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.admin-subscriptions-page .modal-header-section[b-gzuh0wlt9a] {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
}
.admin-subscriptions-page .modal-header-section h4[b-gzuh0wlt9a] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
}
.admin-subscriptions-page .modal-body-section[b-gzuh0wlt9a] {
  padding: 1.5rem;
}
.admin-subscriptions-page .modal-body-section p[b-gzuh0wlt9a] {
  color: var(--bs-secondary-color);
  margin-bottom: 1rem;
}
.admin-subscriptions-page .modal-body-section code[b-gzuh0wlt9a] {
  color: #5865f2;
  background: rgba(88, 101, 242, 0.08);
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
}
.admin-subscriptions-page .modal-footer-section[b-gzuh0wlt9a] {
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(88, 101, 242, 0.1);
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}
.admin-subscriptions-page .btn-modal[b-gzuh0wlt9a] {
  padding: 0.5rem 1.25rem;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.admin-subscriptions-page .btn-modal.btn-modal-secondary[b-gzuh0wlt9a] {
  background: rgba(108, 117, 125, 0.15);
  color: var(--bs-secondary-color);
}
.admin-subscriptions-page .btn-modal.btn-modal-secondary:hover[b-gzuh0wlt9a] {
  background: rgba(108, 117, 125, 0.25);
}
.admin-subscriptions-page .btn-modal.btn-modal-danger[b-gzuh0wlt9a] {
  background: #dc3545;
  color: white;
}
.admin-subscriptions-page .btn-modal.btn-modal-danger:hover:not(:disabled)[b-gzuh0wlt9a] {
  background: #c82333;
  transform: translateY(-1px);
}
.admin-subscriptions-page .btn-modal:disabled[b-gzuh0wlt9a] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
  .admin-subscriptions-page .admin-title[b-gzuh0wlt9a] {
    font-size: 1.4rem;
  }
  .admin-subscriptions-page .admin-table thead th[b-gzuh0wlt9a],
  .admin-subscriptions-page .admin-table tbody td[b-gzuh0wlt9a] {
    padding: 0.625rem 0.75rem;
    font-size: 0.8rem;
  }
  .admin-subscriptions-page .id-cell code[b-gzuh0wlt9a] {
    font-size: 0.7rem;
  }
}
@media (max-width: 576px) {
  .admin-subscriptions-page .admin-header[b-gzuh0wlt9a] {
    padding: 1rem 0;
  }
  .admin-subscriptions-page .admin-title[b-gzuh0wlt9a] {
    font-size: 1.25rem;
  }
  .admin-subscriptions-page .admin-card-body[b-gzuh0wlt9a] {
    padding: 1rem;
  }
  .admin-subscriptions-page .admin-card-header[b-gzuh0wlt9a] {
    padding: 1rem 1.25rem;
  }
}
/* /Components/Pages/Admin/SystemSettings.razor.rz.scp.css */
.admin-system-page[b-08x122un5v] {
  min-height: 100vh;
  color: var(--bs-body-color);
}
.admin-system-page .admin-header[b-08x122un5v] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.75rem 0;
  margin-bottom: 1.5rem;
}
.admin-system-page .admin-header .container-fluid[b-08x122un5v] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.admin-system-page .admin-title[b-08x122un5v] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.35rem;
}
.admin-system-page .admin-title i[b-08x122un5v] {
  color: #5865f2;
  margin-right: 0.6rem;
}
.admin-system-page .admin-subtitle[b-08x122un5v] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  padding-left: 0.1rem;
}
.admin-system-page .alert-card[b-08x122un5v] {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-radius: 12px;
  font-weight: 500;
}
.admin-system-page .alert-card.error[b-08x122un5v] {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  color: #dc3545;
}
.admin-system-page .alert-card.success[b-08x122un5v] {
  background: rgba(40, 167, 69, 0.1);
  border: 1px solid rgba(40, 167, 69, 0.3);
  color: #28a745;
}
.admin-system-page .admin-card[b-08x122un5v] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.admin-system-page .admin-card:hover[b-08x122un5v] {
  border-color: rgba(88, 101, 242, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.admin-system-page .admin-card-header[b-08x122un5v] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}
.admin-system-page .admin-card-header i[b-08x122un5v] {
  color: #5865f2;
  font-size: 1rem;
}
.admin-system-page .admin-card-header h3[b-08x122un5v] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--bs-body-color);
}
.admin-system-page .admin-card-body[b-08x122un5v] {
  padding: 1.5rem;
}
.admin-system-page .admin-label[b-08x122un5v] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.375rem;
  display: block;
}
.admin-system-page .admin-input[b-08x122un5v] {
  width: 100%;
  padding: 0.625rem 0.875rem;
  background: rgba(88, 101, 242, 0.04);
  border: 1.5px solid rgba(88, 101, 242, 0.15);
  border-radius: 8px;
  color: var(--bs-body-color);
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.admin-system-page .admin-input:focus[b-08x122un5v] {
  outline: none;
  border-color: #5865f2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.1);
}
.admin-system-page .admin-input[b-08x122un5v]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.6;
}
.admin-system-page .btn-admin-primary[b-08x122un5v] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  color: white;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.admin-system-page .btn-admin-primary:hover:not(:disabled)[b-08x122un5v] {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.admin-system-page .btn-admin-primary:disabled[b-08x122un5v] {
  opacity: 0.6;
  cursor: not-allowed;
}
.admin-system-page .btn-admin-danger[b-08x122un5v] {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
  border: 1.5px solid rgba(220, 53, 69, 0.3);
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.admin-system-page .btn-admin-danger:hover:not(:disabled)[b-08x122un5v] {
  background: rgba(220, 53, 69, 0.25);
  transform: translateY(-1px);
}
.admin-system-page .btn-admin-danger:disabled[b-08x122un5v] {
  opacity: 0.5;
  cursor: not-allowed;
}
.admin-system-page .setting-group[b-08x122un5v] {
  background: rgba(88, 101, 242, 0.02);
  border: 1px solid rgba(88, 101, 242, 0.08);
  border-radius: 10px;
  padding: 1rem;
  height: 100%;
}
.admin-system-page .setting-group-title[b-08x122un5v] {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5865f2;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
}
.admin-system-page .setting-toggle[b-08x122un5v] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
}
.admin-system-page .setting-toggle label[b-08x122un5v] {
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--bs-body-color);
}
.admin-system-page .setting-toggle input[type=checkbox][b-08x122un5v] {
  width: 1rem;
  height: 1rem;
  accent-color: #5865f2;
  cursor: pointer;
}
.admin-system-page .setting-input-row[b-08x122un5v] {
  margin-top: 0.5rem;
}
.admin-system-page .setting-input-row .admin-input[b-08x122un5v] {
  margin-top: 0.25rem;
}

@media (max-width: 768px) {
  .admin-system-page .setting-group[b-08x122un5v] {
    height: auto;
  }
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
/* ===== ADMIN USERS PAGE STYLES ===== */
.admin-users-page[b-9pduc378yn] {
  min-height: 100vh;
  color: var(--bs-body-color);
  /* Admin Header */
  /* Alert Cards */
  /* Admin Cards */
  /* Form Inputs */
  /* Buttons */
  /* User Info Sections */
  /* Badges */
  /* Action Grid */
  /* Badge Count */
  /* Recent List */
}
.admin-users-page .admin-header[b-9pduc378yn] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 1.75rem 0;
  margin-bottom: 1.5rem;
}
.admin-users-page .admin-header .container-fluid[b-9pduc378yn] {
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-users-page .admin-header-stat[b-9pduc378yn] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.admin-users-page .admin-header-stat .stat-count[b-9pduc378yn] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #5865f2;
  line-height: 1.2;
}
.admin-users-page .admin-header-stat .stat-label[b-9pduc378yn] {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.admin-users-page .admin-title[b-9pduc378yn] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.35rem;
}
.admin-users-page .admin-title i[b-9pduc378yn] {
  color: #5865f2;
  margin-right: 0.6rem;
}
.admin-users-page .admin-subtitle[b-9pduc378yn] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  padding-left: 0.1rem;
}
.admin-users-page .alert-card[b-9pduc378yn] {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-radius: 12px;
  font-weight: 500;
}
.admin-users-page .alert-card.error[b-9pduc378yn] {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  color: #dc3545;
}
.admin-users-page .alert-card.success[b-9pduc378yn] {
  background: rgba(40, 167, 69, 0.1);
  border: 1px solid rgba(40, 167, 69, 0.3);
  color: #28a745;
}
.admin-users-page .admin-card[b-9pduc378yn] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.admin-users-page .admin-card:hover[b-9pduc378yn] {
  border-color: rgba(88, 101, 242, 0.25);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.admin-users-page .admin-card-header[b-9pduc378yn] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}
.admin-users-page .admin-card-header i[b-9pduc378yn] {
  color: #5865f2;
  font-size: 1rem;
}
.admin-users-page .admin-card-header h3[b-9pduc378yn] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--bs-body-color);
}
.admin-users-page .admin-card-body[b-9pduc378yn] {
  padding: 1.5rem;
}
.admin-users-page .admin-label[b-9pduc378yn] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.375rem;
  display: block;
}
.admin-users-page .admin-input[b-9pduc378yn] {
  width: 100%;
  padding: 0.625rem 0.875rem;
  background: rgba(88, 101, 242, 0.04);
  border: 1.5px solid rgba(88, 101, 242, 0.15);
  border-radius: 8px;
  color: var(--bs-body-color);
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.admin-users-page .admin-input:focus[b-9pduc378yn] {
  outline: none;
  border-color: #5865f2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.1);
}
.admin-users-page .admin-input[b-9pduc378yn]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.6;
}
.admin-users-page select.admin-input[b-9pduc378yn] {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235865f2' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2rem;
}
.admin-users-page select.admin-input option[b-9pduc378yn] {
  background: #1a1a2e;
  color: var(--bs-body-color);
  padding: 0.5rem;
}
.admin-users-page .btn-admin-primary[b-9pduc378yn] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  color: white;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.admin-users-page .btn-admin-primary:hover:not(:disabled)[b-9pduc378yn] {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.admin-users-page .btn-admin-primary:disabled[b-9pduc378yn] {
  opacity: 0.6;
  cursor: not-allowed;
}
.admin-users-page .btn-admin-success[b-9pduc378yn] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
  border: 1.5px solid rgba(40, 167, 69, 0.3);
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.admin-users-page .btn-admin-success:hover:not(:disabled)[b-9pduc378yn] {
  background: rgba(40, 167, 69, 0.25);
  transform: translateY(-1px);
}
.admin-users-page .btn-admin-success:disabled[b-9pduc378yn] {
  opacity: 0.5;
  cursor: not-allowed;
}
.admin-users-page .btn-admin-danger[b-9pduc378yn] {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
  border: 1.5px solid rgba(220, 53, 69, 0.3);
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.admin-users-page .btn-admin-danger:hover:not(:disabled)[b-9pduc378yn] {
  background: rgba(220, 53, 69, 0.25);
  transform: translateY(-1px);
}
.admin-users-page .btn-admin-danger:disabled[b-9pduc378yn] {
  opacity: 0.5;
  cursor: not-allowed;
}
.admin-users-page .user-info-section[b-9pduc378yn] {
  background: rgba(88, 101, 242, 0.03);
  border: 1px solid rgba(88, 101, 242, 0.1);
  border-radius: 12px;
  padding: 1.25rem;
  height: 100%;
}
.admin-users-page .section-title[b-9pduc378yn] {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.08);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.admin-users-page .section-title i[b-9pduc378yn] {
  color: #5865f2;
  font-size: 0.85rem;
}
.admin-users-page .info-grid[b-9pduc378yn] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.admin-users-page .info-item[b-9pduc378yn] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.admin-users-page .info-label[b-9pduc378yn] {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}
.admin-users-page .info-value[b-9pduc378yn] {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--bs-body-color);
  text-align: right;
  word-break: break-all;
}
.admin-users-page .info-value.credits-value[b-9pduc378yn] {
  color: #28a745;
  font-weight: 700;
  font-size: 1rem;
}
.admin-users-page code.info-value[b-9pduc378yn] {
  font-size: 0.75rem;
  color: #5865f2;
  background: rgba(88, 101, 242, 0.08);
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
}
.admin-users-page .role-badge[b-9pduc378yn] {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 50px;
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
  margin-left: 0.25rem;
}
.admin-users-page .status-badge[b-9pduc378yn] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-users-page .status-badge.status-active[b-9pduc378yn] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
}
.admin-users-page .status-badge.status-pastdue[b-9pduc378yn] {
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
}
.admin-users-page .status-badge.status-canceled[b-9pduc378yn] {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
}
.admin-users-page .status-badge.status-inactive[b-9pduc378yn] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-users-page .tier-badge[b-9pduc378yn] {
  display: inline-block;
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 600;
}
.admin-users-page .tier-badge.tier-free[b-9pduc378yn] {
  background: rgba(108, 117, 125, 0.15);
  color: #6c757d;
}
.admin-users-page .tier-badge.tier-premiummonthly[b-9pduc378yn], .admin-users-page .tier-badge.tier-premiumyearly[b-9pduc378yn] {
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
}
.admin-users-page .action-grid[b-9pduc378yn] {
  display: flex;
  flex-direction: column;
}
.admin-users-page .action-row label[b-9pduc378yn] {
  margin-bottom: 0.375rem;
}
.admin-users-page .badge-count[b-9pduc378yn] {
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(88, 101, 242, 0.12);
  color: #5865f2;
  padding: 0.25rem 0.6rem;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.admin-users-page .recent-list[b-9pduc378yn] {
  display: flex;
  flex-direction: column;
}
.admin-users-page .recent-list-item[b-9pduc378yn] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.06);
  transition: background 0.15s ease;
}
.admin-users-page .recent-list-item:last-child[b-9pduc378yn] {
  border-bottom: none;
}
.admin-users-page .recent-list-item:hover[b-9pduc378yn] {
  background: rgba(88, 101, 242, 0.03);
}
.admin-users-page .recent-list-avatar[b-9pduc378yn] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.15), rgba(88, 101, 242, 0.08));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.admin-users-page .recent-list-avatar i[b-9pduc378yn] {
  font-size: 0.8rem;
  color: #5865f2;
}
.admin-users-page .recent-list-info[b-9pduc378yn] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.admin-users-page .recent-list-name[b-9pduc378yn] {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--bs-body-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-users-page .recent-list-meta[b-9pduc378yn] {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-users-page .recent-list-date[b-9pduc378yn] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.admin-users-page .recent-list-date span:first-child[b-9pduc378yn] {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--bs-body-color);
}
.admin-users-page .recent-list-time[b-9pduc378yn] {
  font-size: 0.7rem;
  color: var(--bs-secondary-color);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .admin-users-page .admin-title[b-9pduc378yn] {
    font-size: 1.4rem;
  }
  .admin-users-page .info-item[b-9pduc378yn] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .admin-users-page .info-value[b-9pduc378yn] {
    text-align: left;
  }
}
@media (max-width: 576px) {
  .admin-users-page .admin-header[b-9pduc378yn] {
    padding: 1rem 0;
  }
  .admin-users-page .admin-title[b-9pduc378yn] {
    font-size: 1.25rem;
  }
  .admin-users-page .admin-card-body[b-9pduc378yn] {
    padding: 1rem;
  }
  .admin-users-page .user-info-section[b-9pduc378yn] {
    padding: 1rem;
  }
}
/* /Components/Pages/Commands.razor.rz.scp.css */
/* ===== COMMANDS PAGE STYLES ===== */
/* Hero Section */
.commands-hero[b-aiq3lxbuq1] {
  padding: 5rem 0 3rem;
  background: radial-gradient(ellipse at top, rgba(88, 101, 242, 0.08) 0%, transparent 50%);
  position: relative;
}

.hero-badge[b-aiq3lxbuq1] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(88, 101, 242, 0.1);
  border: 1px solid rgba(88, 101, 242, 0.2);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-bottom: 1.5rem;
}
.hero-badge i[b-aiq3lxbuq1] {
  color: #5865f2;
}

.hero-title[b-aiq3lxbuq1] {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: var(--bs-body-color);
}

.hero-description[b-aiq3lxbuq1] {
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--bs-secondary-color);
  margin-bottom: 2.5rem;
}

/* Search Bar */
.command-search[b-aiq3lxbuq1] {
  position: relative;
  max-width: 600px;
  margin: 0 auto 2rem;
}

.search-icon[b-aiq3lxbuq1] {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bs-secondary-color);
  font-size: 1.125rem;
  pointer-events: none;
}

.search-input[b-aiq3lxbuq1] {
  width: 100%;
  padding: 1rem 1.25rem 1rem 3.5rem;
  background: rgba(88, 101, 242, 0.05);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 50px;
  color: var(--bs-body-color);
  font-size: 1rem;
  transition: all 0.3s ease;
}
.search-input:focus[b-aiq3lxbuq1] {
  outline: none;
  border-color: rgba(88, 101, 242, 0.3);
  background: rgba(88, 101, 242, 0.08);
  box-shadow: 0 0 0 4px rgba(88, 101, 242, 0.1);
}
.search-input[b-aiq3lxbuq1]::placeholder {
  color: var(--bs-secondary-color);
}

/* Category Filter */
.category-filter[b-aiq3lxbuq1] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}

.filter-btn[b-aiq3lxbuq1] {
  padding: 0.625rem 1.25rem;
  background: rgba(88, 101, 242, 0.05);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 50px;
  color: var(--bs-body-color);
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}
.filter-btn:hover[b-aiq3lxbuq1] {
  background: rgba(88, 101, 242, 0.1);
  border-color: rgba(88, 101, 242, 0.2);
  transform: translateY(-2px);
}
.filter-btn.active[b-aiq3lxbuq1] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  border-color: transparent;
  color: white;
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.filter-btn i[b-aiq3lxbuq1] {
  font-size: 0.875rem;
}

/* Commands Section */
.commands-section[b-aiq3lxbuq1] {
  padding: 4rem 0;
}

.category-section[b-aiq3lxbuq1] {
  margin-bottom: 3rem;
}

.category-header[b-aiq3lxbuq1] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}

.category-icon-wrapper[b-aiq3lxbuq1] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, var(--accent, #5865f2), color-mix(in srgb, var(--accent, #5865f2) 70%, white));
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent, #5865f2) 30%, transparent);
}
.category-icon-wrapper i[b-aiq3lxbuq1] {
  font-size: 1.75rem;
  color: white;
}

.category-title[b-aiq3lxbuq1] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin: 0;
}

.category-count[b-aiq3lxbuq1] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  font-weight: 600;
}

/* Commands Grid */
.commands-grid[b-aiq3lxbuq1] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1.5rem;
}

.command-card[b-aiq3lxbuq1] {
  background: rgba(88, 101, 242, 0.05);
  border: 1px solid rgba(88, 101, 242, 0.1);
  border-radius: 16px;
  padding: 1.5rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.command-card[b-aiq3lxbuq1]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #5865f2, #7289da);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.command-card:hover[b-aiq3lxbuq1] {
  background: rgba(88, 101, 242, 0.08);
  border-color: rgba(88, 101, 242, 0.2);
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(88, 101, 242, 0.15);
}
.command-card:hover[b-aiq3lxbuq1]::before {
  transform: scaleX(1);
}

.command-header[b-aiq3lxbuq1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  gap: 1rem;
}

.command-name[b-aiq3lxbuq1] {
  background: rgba(88, 101, 242, 0.15);
  color: #a8b1ff;
  padding: 0.375rem 0.875rem;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1rem;
  font-family: "Courier New", monospace;
  border: 1px solid rgba(88, 101, 242, 0.2);
}

.command-description[b-aiq3lxbuq1] {
  color: var(--bs-body-color);
  line-height: 1.6;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}

/* Parameters */
.command-params[b-aiq3lxbuq1] {
  background: rgba(88, 101, 242, 0.05);
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.params-label[b-aiq3lxbuq1] {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--bs-secondary-color);
  margin-bottom: 0.75rem;
}

.param-item[b-aiq3lxbuq1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.param-item:last-child[b-aiq3lxbuq1] {
  margin-bottom: 0;
}
.param-item code[b-aiq3lxbuq1] {
  background: rgba(88, 101, 242, 0.15);
  color: #a8b1ff;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: "Courier New", monospace;
}

.param-type[b-aiq3lxbuq1] {
  color: var(--bs-secondary-color);
  font-size: 0.85rem;
  font-style: italic;
}

.param-required[b-aiq3lxbuq1] {
  background: rgba(220, 53, 69, 0.15);
  color: #dc3545;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.param-optional[b-aiq3lxbuq1] {
  background: rgba(40, 167, 69, 0.15);
  color: #28a745;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Example */
.command-example[b-aiq3lxbuq1] {
  background: rgba(88, 101, 242, 0.05);
  border-radius: 10px;
  padding: 1rem;
  border-left: 3px solid #5865f2;
}

.example-label[b-aiq3lxbuq1] {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--bs-secondary-color);
  margin-bottom: 0.5rem;
}

.example-code[b-aiq3lxbuq1] {
  display: block;
  background: rgba(88, 101, 242, 0.1);
  color: #a8b1ff;
  padding: 0.75rem;
  border-radius: 6px;
  font-size: 0.9rem;
  font-family: "Courier New", monospace;
  word-break: break-all;
}

/* No Results */
.no-results[b-aiq3lxbuq1] {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--bs-secondary-color);
}
.no-results i[b-aiq3lxbuq1] {
  font-size: 4rem;
  color: rgba(88, 101, 242, 0.3);
  margin-bottom: 1.5rem;
}
.no-results h3[b-aiq3lxbuq1] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.5rem;
}
.no-results p[b-aiq3lxbuq1] {
  font-size: 1rem;
  margin: 0;
}

/* CTA Section */
.commands-cta[b-aiq3lxbuq1] {
  padding: 4rem 0;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.05), rgba(78, 205, 196, 0.05));
  border-top: 1px solid rgba(88, 101, 242, 0.1);
}

.cta-title[b-aiq3lxbuq1] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 1rem;
}

.cta-description[b-aiq3lxbuq1] {
  font-size: 1.125rem;
  color: var(--bs-secondary-color);
  margin-bottom: 2rem;
}

.btn[b-aiq3lxbuq1] {
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  border: none;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
}

.btn-primary[b-aiq3lxbuq1] {
  background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
  color: white;
  box-shadow: 0 4px 20px rgba(88, 101, 242, 0.3);
}
.btn-primary:hover[b-aiq3lxbuq1] {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(88, 101, 242, 0.4);
  background: linear-gradient(135deg, #4752c4 0%, #5865f2 100%);
  color: white;
}
.btn-primary:active[b-aiq3lxbuq1] {
  transform: translateY(0);
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
  .commands-grid[b-aiq3lxbuq1] {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media (max-width: 992px) {
  .commands-hero[b-aiq3lxbuq1] {
    padding: 4rem 0 2rem;
  }
  .hero-title[b-aiq3lxbuq1] {
    font-size: 2.5rem;
  }
  .category-header[b-aiq3lxbuq1] {
    gap: 1rem;
  }
  .category-icon-wrapper[b-aiq3lxbuq1] {
    width: 56px;
    height: 56px;
  }
  .category-icon-wrapper i[b-aiq3lxbuq1] {
    font-size: 1.5rem;
  }
  .category-title[b-aiq3lxbuq1] {
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .commands-hero[b-aiq3lxbuq1] {
    padding: 3rem 0 2rem;
  }
  .hero-title[b-aiq3lxbuq1] {
    font-size: 2rem;
  }
  .hero-description[b-aiq3lxbuq1] {
    font-size: 1rem;
  }
  .command-search[b-aiq3lxbuq1] {
    margin-bottom: 1.5rem;
  }
  .search-input[b-aiq3lxbuq1] {
    padding: 0.875rem 1rem 0.875rem 3rem;
    font-size: 0.95rem;
  }
  .category-filter[b-aiq3lxbuq1] {
    gap: 0.5rem;
  }
  .filter-btn[b-aiq3lxbuq1] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
  }
  .commands-grid[b-aiq3lxbuq1] {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .category-header[b-aiq3lxbuq1] {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .category-icon-wrapper[b-aiq3lxbuq1] {
    width: 48px;
    height: 48px;
  }
  .category-icon-wrapper i[b-aiq3lxbuq1] {
    font-size: 1.25rem;
  }
  .category-title[b-aiq3lxbuq1] {
    font-size: 1.5rem;
  }
  .command-card[b-aiq3lxbuq1] {
    padding: 1.25rem;
  }
  .command-header[b-aiq3lxbuq1] {
    flex-direction: column;
    align-items: flex-start;
  }
  .cta-title[b-aiq3lxbuq1] {
    font-size: 1.75rem;
  }
  .cta-description[b-aiq3lxbuq1] {
    font-size: 1rem;
  }
}
@media (max-width: 576px) {
  .commands-hero[b-aiq3lxbuq1] {
    padding: 2rem 0 1.5rem;
  }
  .hero-badge[b-aiq3lxbuq1] {
    font-size: 0.8rem;
    padding: 0.4rem 0.85rem;
  }
  .hero-title[b-aiq3lxbuq1] {
    font-size: 1.75rem;
  }
  .hero-description[b-aiq3lxbuq1] {
    font-size: 0.95rem;
    margin-bottom: 2rem;
  }
  .search-input[b-aiq3lxbuq1] {
    padding: 0.75rem 0.875rem 0.75rem 2.75rem;
    font-size: 0.9rem;
  }
  .search-icon[b-aiq3lxbuq1] {
    left: 1rem;
    font-size: 1rem;
  }
  .filter-btn[b-aiq3lxbuq1] {
    padding: 0.5rem 0.875rem;
    font-size: 0.8rem;
  }
  .filter-btn i[b-aiq3lxbuq1] {
    font-size: 0.75rem;
  }
  .category-section[b-aiq3lxbuq1] {
    margin-bottom: 2rem;
  }
  .category-header[b-aiq3lxbuq1] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
  }
  .command-card[b-aiq3lxbuq1] {
    padding: 1rem;
  }
  .command-name[b-aiq3lxbuq1] {
    font-size: 0.9rem;
    padding: 0.3rem 0.7rem;
  }
  .command-description[b-aiq3lxbuq1] {
    font-size: 0.9rem;
  }
  .param-item[b-aiq3lxbuq1] {
    font-size: 0.85rem;
  }
  .example-code[b-aiq3lxbuq1] {
    font-size: 0.85rem;
    padding: 0.625rem;
  }
  .commands-cta[b-aiq3lxbuq1] {
    padding: 3rem 0;
  }
  .cta-title[b-aiq3lxbuq1] {
    font-size: 1.5rem;
  }
  .btn[b-aiq3lxbuq1] {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
}
/* Smooth scrolling */
html[b-aiq3lxbuq1] {
  scroll-behavior: smooth;
}

/* Focus states for accessibility */
.search-input:focus[b-aiq3lxbuq1],
.filter-btn:focus[b-aiq3lxbuq1],
.btn:focus[b-aiq3lxbuq1] {
  outline: 2px solid #5865f2;
  outline-offset: 2px;
}
/* /Components/Pages/Dashboard/Guilds/Manage/Index.razor.rz.scp.css */
.guild-manage-page[b-zwiljtnwk0] {
  animation: fadeInUp-b-zwiljtnwk0 0.6s ease-out;
  max-width: 100%;
  padding: 2rem 0;
}

.loading-container[b-zwiljtnwk0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

.loading-text[b-zwiljtnwk0] {
  color: var(--bs-secondary-color);
  font-size: 1.1rem;
}

/* Server Header */
.server-header[b-zwiljtnwk0] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.08), rgba(88, 101, 242, 0.03));
  border: 2px solid rgba(88, 101, 242, 0.12);
  border-radius: 14px;
  padding: 1.5rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .server-header[b-zwiljtnwk0] {
    padding: 1.25rem;
  }
}

.server-header-content[b-zwiljtnwk0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 991px) {
  .server-header-content[b-zwiljtnwk0] {
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .server-header-content[b-zwiljtnwk0] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}

.server-info[b-zwiljtnwk0] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (max-width: 991px) {
  .server-info[b-zwiljtnwk0] {
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .server-info[b-zwiljtnwk0] {
    gap: 0.75rem;
  }
}

.server-icon[b-zwiljtnwk0] {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  border: 2px solid rgba(88, 101, 242, 0.2);
}
@media (max-width: 767px) {
  .server-icon[b-zwiljtnwk0] {
    width: 48px;
    height: 48px;
  }
}

.server-details[b-zwiljtnwk0] {
  display: flex;
  flex-direction: column;
}

.server-title[b-zwiljtnwk0] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin: 0;
}
@media (max-width: 767px) {
  .server-title[b-zwiljtnwk0] {
    font-size: 1.2rem;
  }
}

.server-subtitle[b-zwiljtnwk0] {
  font-size: 0.85rem;
  color: var(--bs-secondary-color);
  margin: 0;
}

.owner-badge-large[b-zwiljtnwk0] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: linear-gradient(135deg, #ffd700, #ffed4e);
  color: #1a1a2e;
  padding: 0.4rem 0.9rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  .owner-badge-large[b-zwiljtnwk0] {
    font-size: 0.7rem;
    padding: 0.35rem 0.75rem;
  }
}

/* Settings Navigation */
.settings-nav[b-zwiljtnwk0] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 12px;
  padding: 0.5rem;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 1.25rem;
  gap: 0.35rem;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(88, 101, 242, 0.3) transparent;
}
.settings-nav[b-zwiljtnwk0]::-webkit-scrollbar {
  height: 4px;
}
.settings-nav[b-zwiljtnwk0]::-webkit-scrollbar-track {
  background: transparent;
}
.settings-nav[b-zwiljtnwk0]::-webkit-scrollbar-thumb {
  background: rgba(88, 101, 242, 0.3);
  border-radius: 2px;
}
@media (max-width: 767px) {
  .settings-nav[b-zwiljtnwk0] {
    padding: 0.35rem;
    border-radius: 8px;
  }
}
.settings-nav .nav-link[b-zwiljtnwk0] {
  color: var(--bs-secondary-color);
  border-radius: 8px;
  padding: 0.6rem 1.1rem;
  font-weight: 600;
  font-size: 0.825rem;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.settings-nav .nav-link i[b-zwiljtnwk0] {
  transition: color 0.2s ease;
}
@media (max-width: 767px) {
  .settings-nav .nav-link[b-zwiljtnwk0] {
    padding: 0.45rem 0.85rem;
    font-size: 0.75rem;
    border-radius: 6px;
  }
}
.settings-nav .nav-link:hover[b-zwiljtnwk0] {
  background: rgba(88, 101, 242, 0.06);
  color: var(--bs-body-color);
}
.settings-nav .nav-link.active[b-zwiljtnwk0] {
  background: linear-gradient(135deg, #5865F2, #4752C4);
  color: white;
  box-shadow: 0 3px 10px rgba(88, 101, 242, 0.3);
}
.settings-nav .nav-link.active i[b-zwiljtnwk0] {
  color: white;
}
.settings-nav #general-tab i[b-zwiljtnwk0] {
  color: #5865f2;
}
.settings-nav #leveling-tab i[b-zwiljtnwk0] {
  color: #10b981;
}
.settings-nav #moderation-tab i[b-zwiljtnwk0] {
  color: #ef4444;
}
.settings-nav #engagement-tab i[b-zwiljtnwk0] {
  color: #f59e0b;
}
.settings-nav #announcements-tab i[b-zwiljtnwk0] {
  color: #8b5cf6;
}
.settings-nav #games-tab i[b-zwiljtnwk0] {
  color: #ec4899;
}
.settings-nav #channels-tab i[b-zwiljtnwk0] {
  color: #06b6d4;
}
.settings-nav #commands-tab i[b-zwiljtnwk0] {
  color: #6366f1;
}
.settings-nav #emojis-tab i[b-zwiljtnwk0] {
  color: #f97316;
}
.settings-nav #webhooks-tab i[b-zwiljtnwk0] {
  color: #14b8a6;
}
.settings-nav .nav-link.active i[b-zwiljtnwk0] {
  color: white !important;
}

/* Settings Content */
.settings-content[b-zwiljtnwk0] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-top: 3px solid #5865F2;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1399px) {
  .settings-content[b-zwiljtnwk0] {
    border: 0;
    padding: 0;
    background: none;
    box-shadow: none;
  }
}

[b-zwiljtnwk0] .settings-section {
  animation: fadeIn-b-zwiljtnwk0 0.4s ease-out;
  padding: 2rem 1rem 3rem;
}
@media (max-width: 1399px) {
  [b-zwiljtnwk0] .settings-section {
    padding: 2rem 0;
  }
}
[b-zwiljtnwk0] .settings-section:not(:last-child) {
  border-bottom: 2px solid rgba(88, 101, 242, 0.15);
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .settings-section:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}

[b-zwiljtnwk0] .section-header {
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .section-header {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .section-header {
    margin-bottom: 1rem;
  }
}

[b-zwiljtnwk0] .section-header-with-toggle {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .section-header-with-toggle {
    gap: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .section-header-with-toggle {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    margin-bottom: 1rem;
  }
}

[b-zwiljtnwk0] .header-toggle {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .header-toggle {
    display: flex;
    justify-content: flex-end;
  }
}
[b-zwiljtnwk0] .header-toggle .form-check-input {
  width: 3.5rem;
  height: 1.75rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .header-toggle .form-check-input {
    width: 3rem;
    height: 1.5rem;
  }
}
[b-zwiljtnwk0] .header-toggle .form-check-label {
  font-size: 1rem;
  font-weight: 600;
  margin-left: 0.75rem;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .header-toggle .form-check-label {
    font-size: 0.9rem;
    margin-left: 0.5rem;
  }
}

[b-zwiljtnwk0] .section-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.5rem;
  padding-left: 0.75rem;
  border-left: 3px solid #5865F2;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .section-title {
    font-size: 1.35rem;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .section-title {
    font-size: 1.2rem;
  }
}
[b-zwiljtnwk0] .section-title i {
  color: #5865F2;
}

[b-zwiljtnwk0] .section-description {
  font-size: 1rem;
  color: var(--bs-secondary-color);
  margin: 0;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .section-description {
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .section-description {
    font-size: 0.9rem;
  }
}

/* Settings Grid */
[b-zwiljtnwk0] .settings-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .settings-grid {
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .settings-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

[b-zwiljtnwk0] .setting-card {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
@media (max-width: 1599px) {
  [b-zwiljtnwk0] .setting-card {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .setting-card {
    padding: 1.25rem;
    gap: 0.75rem;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .setting-card {
    padding: 1rem;
    gap: 0.75rem;
    border-radius: 8px;
  }
}
[b-zwiljtnwk0] .setting-card:hover {
  border-color: rgba(88, 101, 242, 0.4);
  box-shadow: 0 8px 25px rgba(88, 101, 242, 0.15);
  transform: translateY(-2px);
}

[b-zwiljtnwk0] .setting-header {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  flex: 1 1 auto;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .setting-header {
    gap: 0.75rem;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .setting-header {
    gap: 0.65rem;
  }
}

[b-zwiljtnwk0] .setting-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.15), rgba(88, 101, 242, 0.05));
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: #5865F2;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .setting-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 1.1rem;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .setting-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: 1rem;
    border-radius: 8px;
  }
}

[b-zwiljtnwk0] .setting-info {
  flex: 1;
}

[b-zwiljtnwk0] .setting-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.25rem;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .setting-title {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .setting-title {
    font-size: 0.95rem;
  }
}

[b-zwiljtnwk0] .setting-description {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 991px) {
  [b-zwiljtnwk0] .setting-description {
    font-size: 0.85rem;
  }
}
@media (max-width: 767px) {
  [b-zwiljtnwk0] .setting-description {
    font-size: 0.8rem;
    line-height: 1.3;
  }
}

[b-zwiljtnwk0] .setting-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 0 auto;
}

.form-check-input[b-zwiljtnwk0] {
  width: 3rem;
  height: 1.5rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  .form-check-input[b-zwiljtnwk0] {
    width: 2.75rem;
    height: 1.4rem;
  }
}
@media (max-width: 767px) {
  .form-check-input[b-zwiljtnwk0] {
    width: 2.5rem;
    height: 1.25rem;
  }
}
.form-check-input:checked[b-zwiljtnwk0] {
  background-color: #5865F2;
  border-color: #5865F2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.15);
}
.form-check-input:focus[b-zwiljtnwk0] {
  border-color: #5865F2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.2);
}

.form-check-label[b-zwiljtnwk0] {
  font-weight: 600;
  color: var(--bs-body-color);
  margin-left: 0.5rem;
}
@media (max-width: 767px) {
  .form-check-label[b-zwiljtnwk0] {
    font-size: 0.9rem;
  }
}

.form-select[b-zwiljtnwk0] {
  border: 2px solid rgba(88, 101, 242, 0.2);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-weight: 500;
}
@media (max-width: 991px) {
  .form-select[b-zwiljtnwk0] {
    max-width: 220px;
    padding: 0.45rem 0.85rem;
    font-size: 0.9rem;
  }
}
@media (max-width: 767px) {
  .form-select[b-zwiljtnwk0] {
    max-width: 100%;
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
  }
}
.form-select:focus[b-zwiljtnwk0] {
  border-color: #5865F2;
  box-shadow: 0 0 0 0.25rem rgba(88, 101, 242, 0.25);
}

/* Save Section */
.save-section[b-zwiljtnwk0] {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 2px solid rgba(88, 101, 242, 0.15);
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .save-section[b-zwiljtnwk0] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .save-section[b-zwiljtnwk0] {
    margin-top: 1rem;
    padding-top: 1rem;
    flex-direction: column;
  }
  .save-section .btn[b-zwiljtnwk0] {
    width: 100%;
  }
}

.btn-primary[b-zwiljtnwk0] {
  background: linear-gradient(135deg, #5865F2, #4752C4);
  border: none;
  padding: 0.75rem 2rem;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .btn-primary[b-zwiljtnwk0] {
    padding: 0.65rem 1.75rem;
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) {
  .btn-primary[b-zwiljtnwk0] {
    padding: 0.6rem 1.5rem;
    font-size: 0.9rem;
  }
}
.btn-primary:hover[b-zwiljtnwk0] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4);
}

.btn-outline-secondary[b-zwiljtnwk0] {
  border: 2px solid rgba(88, 101, 242, 0.3);
  color: var(--bs-body-color);
  padding: 0.75rem 2rem;
  font-weight: 700;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .btn-outline-secondary[b-zwiljtnwk0] {
    padding: 0.65rem 1.75rem;
    font-size: 0.95rem;
  }
}
@media (max-width: 767px) {
  .btn-outline-secondary[b-zwiljtnwk0] {
    padding: 0.6rem 1.5rem;
    font-size: 0.9rem;
  }
}
.btn-outline-secondary:hover[b-zwiljtnwk0] {
  background: rgba(88, 101, 242, 0.1);
  border-color: #5865F2;
  color: #5865F2;
}

/* Channel Type Manager */
.channel-type-manager[b-zwiljtnwk0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 767px) {
  .channel-type-manager[b-zwiljtnwk0] {
    gap: 0.75rem;
  }
}

.channel-config-card[b-zwiljtnwk0] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .channel-config-card[b-zwiljtnwk0] {
    padding: 1.25rem;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .channel-config-card[b-zwiljtnwk0] {
    padding: 1rem;
    border-radius: 8px;
  }
}
.channel-config-card:hover[b-zwiljtnwk0] {
  border-color: rgba(88, 101, 242, 0.4);
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.1);
}

.channel-header[b-zwiljtnwk0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}
@media (max-width: 991px) {
  .channel-header[b-zwiljtnwk0] {
    margin-bottom: 0.85rem;
    padding-bottom: 0.85rem;
  }
}
@media (max-width: 767px) {
  .channel-header[b-zwiljtnwk0] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.channel-name[b-zwiljtnwk0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--bs-body-color);
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .channel-name[b-zwiljtnwk0] {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .channel-name[b-zwiljtnwk0] {
    font-size: 0.95rem;
  }
}
.channel-name i[b-zwiljtnwk0] {
  color: #5865F2;
}

.channel-types-grid[b-zwiljtnwk0] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.75rem;
}
@media (max-width: 991px) {
  .channel-types-grid[b-zwiljtnwk0] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.65rem;
  }
}
@media (max-width: 767px) {
  .channel-types-grid[b-zwiljtnwk0] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}
.channel-types-grid .form-check[b-zwiljtnwk0] {
  margin: 0;
  padding: 0.5rem;
  border-radius: 6px;
  transition: background 0.2s ease;
}
@media (max-width: 767px) {
  .channel-types-grid .form-check[b-zwiljtnwk0] {
    padding: 0.4rem;
  }
}
.channel-types-grid .form-check:hover[b-zwiljtnwk0] {
  background: rgba(88, 101, 242, 0.05);
}
.channel-types-grid .form-check-input[b-zwiljtnwk0] {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
}
@media (max-width: 767px) {
  .channel-types-grid .form-check-input[b-zwiljtnwk0] {
    width: 1.1rem;
    height: 1.1rem;
  }
}
.channel-types-grid .form-check-label[b-zwiljtnwk0] {
  font-size: 0.9rem;
  font-weight: 500;
  margin-left: 0.5rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .channel-types-grid .form-check-label[b-zwiljtnwk0] {
    font-size: 0.85rem;
  }
}

/* Animations */
@keyframes fadeInUp-b-zwiljtnwk0 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn-b-zwiljtnwk0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Save Toast Notification */
.save-toast[b-zwiljtnwk0] {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
  z-index: 1050;
  animation: slideInRight-b-zwiljtnwk0 0.4s ease-out;
  max-width: 450px;
}
@media (max-width: 767px) {
  .save-toast[b-zwiljtnwk0] {
    bottom: 1rem;
    right: 1rem;
    left: 1rem;
    max-width: none;
    padding: 0.85rem 1.25rem;
  }
}

.save-toast-success[b-zwiljtnwk0] {
  background: linear-gradient(135deg, #1a3a2a, #1e4d35);
  border: 2px solid rgba(40, 167, 69, 0.4);
}

.save-toast-error[b-zwiljtnwk0] {
  background: linear-gradient(135deg, #3a1a1a, #4d1e1e);
  border: 2px solid rgba(220, 53, 69, 0.4);
}

.save-toast-icon[b-zwiljtnwk0] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.save-toast-success .save-toast-icon[b-zwiljtnwk0] {
  color: #28a745;
}
.save-toast-error .save-toast-icon[b-zwiljtnwk0] {
  color: #dc3545;
}

.save-toast-content[b-zwiljtnwk0] {
  flex: 1;
}

.save-toast-text[b-zwiljtnwk0] {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--bs-body-color);
}
@media (max-width: 767px) {
  .save-toast-text[b-zwiljtnwk0] {
    font-size: 0.9rem;
  }
}

.save-toast-close[b-zwiljtnwk0] {
  background: none;
  border: none;
  color: var(--bs-secondary-color);
  cursor: pointer;
  padding: 0.25rem;
  font-size: 0.85rem;
  transition: color 0.2s ease;
  flex-shrink: 0;
}
.save-toast-close:hover[b-zwiljtnwk0] {
  color: var(--bs-body-color);
}

@keyframes slideInRight-b-zwiljtnwk0 {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Saving Overlay */
.saving-overlay[b-zwiljtnwk0] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1040;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-zwiljtnwk0 0.2s ease-out;
}

.saving-overlay-content[b-zwiljtnwk0] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 12px;
  padding: 1.25rem 2rem;
  font-weight: 600;
  font-size: 1rem;
  color: var(--bs-body-color);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Disabled fieldset styling */
fieldset:disabled[b-zwiljtnwk0] {
  opacity: 0.6;
  pointer-events: none;
}

/* Bot Invite */
.bot-invite[b-zwiljtnwk0] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px;
  padding: 2rem;
}
@media (max-width: 767px) {
  .bot-invite[b-zwiljtnwk0] {
    min-height: 400px;
    padding: 1rem;
  }
}

.invite-card[b-zwiljtnwk0] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 3rem;
  text-align: center;
  max-width: 500px;
  width: 100%;
}
@media (max-width: 767px) {
  .invite-card[b-zwiljtnwk0] {
    padding: 2rem;
  }
}
.invite-card .invite-icon[b-zwiljtnwk0] {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.12), rgba(88, 101, 242, 0.05));
  border: 2px solid rgba(88, 101, 242, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 1.75rem;
  color: #5865f2;
}
.invite-card h2[b-zwiljtnwk0] {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.5rem;
}
.invite-card p[b-zwiljtnwk0] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.invite-card p strong[b-zwiljtnwk0] {
  color: var(--bs-body-color);
}
.invite-card .btn-invite[b-zwiljtnwk0] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  border: none;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.7rem 1.75rem;
  border-radius: 10px;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.invite-card .btn-invite:hover[b-zwiljtnwk0] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.35);
  color: white;
}
@media (max-width: 767px) {
  .invite-card .btn-invite[b-zwiljtnwk0] {
    width: 100%;
    justify-content: center;
  }
}
/* /Components/Pages/Dashboard/Guilds/Manage/Tabs/AnnouncementsTab.razor.rz.scp.css */
.announcements-container[b-nk9l3skc4v] {
  animation: fadeIn-b-nk9l3skc4v 0.5s ease-out;
  padding: 0.5rem 0;
}

.announcements-grid[b-nk9l3skc4v] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 1.75rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 1199px) {
  .announcements-grid[b-nk9l3skc4v] {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1.5rem;
  }
}
@media (max-width: 991px) {
  .announcements-grid[b-nk9l3skc4v] {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .announcements-grid[b-nk9l3skc4v] {
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
}

.announcement-card[b-nk9l3skc4v] {
  background: var(--bs-body-bg);
  border: 1px solid rgba(88, 101, 242, 0.12);
  border-radius: 16px;
  padding: 1.75rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .announcement-card[b-nk9l3skc4v] {
    padding: 1.5rem;
    border-radius: 14px;
  }
}
@media (max-width: 767px) {
  .announcement-card[b-nk9l3skc4v] {
    padding: 1.25rem;
    border-radius: 12px;
  }
}
.announcement-card:hover[b-nk9l3skc4v] {
  border-color: rgba(88, 101, 242, 0.35);
  box-shadow: 0 4px 12px rgba(88, 101, 242, 0.08), 0 2px 4px rgba(88, 101, 242, 0.06);
  transform: translateY(-1px);
}
.announcement-card.active[b-nk9l3skc4v] {
  border-left: 4px solid #00D26A;
  background: linear-gradient(135deg, rgba(0, 210, 106, 0.02), transparent);
}
.announcement-card.active[b-nk9l3skc4v]::before {
  background: linear-gradient(90deg, #00D26A, rgba(0, 210, 106, 0.3));
}
.announcement-card.inactive[b-nk9l3skc4v] {
  border-left: 4px solid #9CA3AF;
  opacity: 0.75;
  background: linear-gradient(135deg, rgba(107, 114, 128, 0.02), transparent);
}
.announcement-card.inactive[b-nk9l3skc4v]::before {
  background: linear-gradient(90deg, #9CA3AF, rgba(107, 114, 128, 0.3));
}
.announcement-card[b-nk9l3skc4v]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #5865F2, rgba(88, 101, 242, 0.4));
  border-radius: 16px 16px 0 0;
}
.announcement-card[b-nk9l3skc4v]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.01), transparent);
  pointer-events: none;
  border-radius: inherit;
}

.announcement-header[b-nk9l3skc4v] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.25rem;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .announcement-header[b-nk9l3skc4v] {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    margin-bottom: 1rem;
  }
}

.announcement-info[b-nk9l3skc4v] {
  flex: 1;
  min-width: 0;
}

.announcement-title[b-nk9l3skc4v] {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.625rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
@media (max-width: 991px) {
  .announcement-title[b-nk9l3skc4v] {
    font-size: 1.0625rem;
  }
}
@media (max-width: 767px) {
  .announcement-title[b-nk9l3skc4v] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
}

.announcement-content[b-nk9l3skc4v] {
  font-size: 0.9375rem;
  color: var(--bs-secondary-color);
  margin: 0;
  line-height: 1.5;
  word-break: break-word;
  font-weight: 400;
}
@media (max-width: 767px) {
  .announcement-content[b-nk9l3skc4v] {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

.announcement-status[b-nk9l3skc4v] {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .announcement-status[b-nk9l3skc4v] {
    display: flex;
    justify-content: flex-end;
  }
}

.status-badge[b-nk9l3skc4v] {
  padding: 0.375rem 0.875rem;
  border-radius: 24px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
@media (max-width: 767px) {
  .status-badge[b-nk9l3skc4v] {
    padding: 0.3125rem 0.75rem;
    font-size: 0.75rem;
    gap: 0.3125rem;
  }
}
.status-badge.status-active[b-nk9l3skc4v] {
  background: rgba(0, 210, 106, 0.1);
  color: #00D26A;
}
.status-badge.status-active[b-nk9l3skc4v]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00D26A;
  animation: pulse-b-nk9l3skc4v 2s infinite;
}
.status-badge.status-inactive[b-nk9l3skc4v] {
  background: rgba(107, 114, 128, 0.1);
  color: #6B7280;
}
.status-badge.status-inactive[b-nk9l3skc4v]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9CA3AF;
}

@keyframes pulse-b-nk9l3skc4v {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.announcement-details[b-nk9l3skc4v] {
  margin-bottom: 1.75rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(88, 101, 242, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(88, 101, 242, 0.08);
}
@media (max-width: 991px) {
  .announcement-details[b-nk9l3skc4v] {
    margin-bottom: 1.5rem;
    gap: 0.625rem;
    padding: 0.875rem;
  }
}
@media (max-width: 767px) {
  .announcement-details[b-nk9l3skc4v] {
    margin-bottom: 1.25rem;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 10px;
  }
}

.detail-item[b-nk9l3skc4v] {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  font-weight: 500;
  padding: 0.25rem 0;
}
@media (max-width: 767px) {
  .detail-item[b-nk9l3skc4v] {
    font-size: 0.8125rem;
    padding: 0.1875rem 0;
  }
}
.detail-item i[b-nk9l3skc4v] {
  color: #5865F2;
  width: 18px;
  flex-shrink: 0;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .detail-item i[b-nk9l3skc4v] {
    width: 16px;
    font-size: 0.8125rem;
  }
}
.detail-item span[b-nk9l3skc4v] {
  word-break: break-word;
  font-weight: 600;
  color: var(--bs-body-color);
}
.detail-item:has(i.fa-clock) span[b-nk9l3skc4v] {
  color: #00AFF4;
}
.detail-item:has(i.fa-hashtag) span[b-nk9l3skc4v] {
  color: #5865F2;
}
.detail-item:has(i.fa-calendar) span[b-nk9l3skc4v] {
  color: #FAA61A;
}

.announcement-actions[b-nk9l3skc4v] {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(88, 101, 242, 0.08);
}
@media (max-width: 767px) {
  .announcement-actions[b-nk9l3skc4v] {
    gap: 0.5rem;
    padding-top: 0.75rem;
  }
}
.announcement-actions .btn[b-nk9l3skc4v] {
  font-size: 0.8125rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1.5px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .announcement-actions .btn[b-nk9l3skc4v] {
    font-size: 0.78125rem;
    padding: 0.4375rem 0.875rem;
  }
}
@media (max-width: 767px) {
  .announcement-actions .btn[b-nk9l3skc4v] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    flex: 1;
    min-width: 0;
    border-radius: 6px;
  }
}
.announcement-actions .btn:hover[b-nk9l3skc4v] {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}
.announcement-actions .btn:active[b-nk9l3skc4v] {
  transform: translateY(0);
}
.announcement-actions .btn i[b-nk9l3skc4v] {
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .announcement-actions .btn i[b-nk9l3skc4v] {
    font-size: 0.6875rem;
  }
}
.announcement-actions .btn.btn-outline-primary[b-nk9l3skc4v] {
  background: rgba(88, 101, 242, 0.05);
  border-color: rgba(88, 101, 242, 0.2);
  color: #5865F2;
}
.announcement-actions .btn.btn-outline-primary:hover[b-nk9l3skc4v] {
  background: rgba(88, 101, 242, 0.1);
  border-color: #5865F2;
  color: #4752C4;
}
.announcement-actions .btn.btn-outline-success[b-nk9l3skc4v] {
  background: rgba(0, 210, 106, 0.05);
  border-color: rgba(0, 210, 106, 0.2);
  color: #00D26A;
}
.announcement-actions .btn.btn-outline-success:hover[b-nk9l3skc4v] {
  background: rgba(0, 210, 106, 0.1);
  border-color: #00D26A;
}
.announcement-actions .btn.btn-outline-warning[b-nk9l3skc4v] {
  background: rgba(250, 166, 26, 0.05);
  border-color: rgba(250, 166, 26, 0.2);
  color: #FAA61A;
}
.announcement-actions .btn.btn-outline-warning:hover[b-nk9l3skc4v] {
  background: rgba(250, 166, 26, 0.1);
  border-color: #FAA61A;
}
.announcement-actions .btn.btn-outline-info[b-nk9l3skc4v] {
  background: rgba(0, 175, 244, 0.05);
  border-color: rgba(0, 175, 244, 0.2);
  color: #00AFF4;
}
.announcement-actions .btn.btn-outline-info:hover[b-nk9l3skc4v] {
  background: rgba(0, 175, 244, 0.1);
  border-color: #00AFF4;
}
.announcement-actions .btn.btn-outline-danger[b-nk9l3skc4v] {
  background: rgba(237, 66, 69, 0.05);
  border-color: rgba(237, 66, 69, 0.2);
  color: #ED4245;
}
.announcement-actions .btn.btn-outline-danger:hover[b-nk9l3skc4v] {
  background: rgba(237, 66, 69, 0.1);
  border-color: #ED4245;
}

.empty-state[b-nk9l3skc4v], .disabled-state[b-nk9l3skc4v] {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--bs-secondary-color);
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.02), rgba(88, 101, 242, 0.01));
  border: 1px dashed rgba(88, 101, 242, 0.2);
  border-radius: 16px;
  margin: 1rem 0;
}
@media (max-width: 991px) {
  .empty-state[b-nk9l3skc4v], .disabled-state[b-nk9l3skc4v] {
    padding: 3rem 1.5rem;
    border-radius: 14px;
  }
}
@media (max-width: 767px) {
  .empty-state[b-nk9l3skc4v], .disabled-state[b-nk9l3skc4v] {
    padding: 2.5rem 1rem;
    border-radius: 12px;
  }
}
.empty-state i[b-nk9l3skc4v], .disabled-state i[b-nk9l3skc4v] {
  margin-bottom: 1.5rem;
  color: rgba(88, 101, 242, 0.4);
}
@media (max-width: 767px) {
  .empty-state i[b-nk9l3skc4v], .disabled-state i[b-nk9l3skc4v] {
    font-size: 2.5rem !important;
    margin-bottom: 1.25rem;
  }
}
.empty-state h4[b-nk9l3skc4v], .disabled-state h4[b-nk9l3skc4v] {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  color: var(--bs-body-color);
  letter-spacing: -0.01em;
}
@media (max-width: 991px) {
  .empty-state h4[b-nk9l3skc4v], .disabled-state h4[b-nk9l3skc4v] {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .empty-state h4[b-nk9l3skc4v], .disabled-state h4[b-nk9l3skc4v] {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
  }
}
.empty-state p[b-nk9l3skc4v], .disabled-state p[b-nk9l3skc4v] {
  font-size: 1rem;
  margin: 0;
  line-height: 1.5;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .empty-state p[b-nk9l3skc4v], .disabled-state p[b-nk9l3skc4v] {
    font-size: 0.9375rem;
    line-height: 1.4;
  }
}
.empty-state .btn[b-nk9l3skc4v], .disabled-state .btn[b-nk9l3skc4v] {
  font-size: 1rem;
  padding: 0.875rem 2rem;
  border-radius: 12px;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(88, 101, 242, 0.25);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(135deg, #5865F2, #4752C4);
  border: none;
  color: white;
  position: relative;
  overflow: hidden;
}
.empty-state .btn i[b-nk9l3skc4v], .disabled-state .btn i[b-nk9l3skc4v] {
  color: white;
  margin-right: 0.5rem;
}
@media (max-width: 991px) {
  .empty-state .btn[b-nk9l3skc4v], .disabled-state .btn[b-nk9l3skc4v] {
    font-size: 0.9375rem;
    padding: 0.75rem 1.75rem;
  }
}
@media (max-width: 767px) {
  .empty-state .btn[b-nk9l3skc4v], .disabled-state .btn[b-nk9l3skc4v] {
    font-size: 0.875rem;
    padding: 0.6875rem 1.5rem;
    border-radius: 10px;
  }
}
.empty-state .btn[b-nk9l3skc4v]::before, .disabled-state .btn[b-nk9l3skc4v]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
.empty-state .btn:hover[b-nk9l3skc4v], .disabled-state .btn:hover[b-nk9l3skc4v] {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(88, 101, 242, 0.35);
}
.empty-state .btn:hover[b-nk9l3skc4v]::before, .disabled-state .btn:hover[b-nk9l3skc4v]::before {
  left: 100%;
}
.empty-state .btn:active[b-nk9l3skc4v], .disabled-state .btn:active[b-nk9l3skc4v] {
  transform: translateY(-1px);
}

.add-announcement-section[b-nk9l3skc4v] {
  text-align: center;
  padding: 2.5rem 0;
  border-top: 1px solid rgba(88, 101, 242, 0.12);
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .add-announcement-section[b-nk9l3skc4v] {
    padding: 2rem 0;
  }
}
@media (max-width: 767px) {
  .add-announcement-section[b-nk9l3skc4v] {
    padding: 1.5rem 0;
  }
}
.add-announcement-section .btn[b-nk9l3skc4v] {
  font-size: 1rem;
  padding: 0.875rem 2.5rem;
  border-radius: 12px;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(88, 101, 242, 0.25);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(135deg, #5865F2, #4752C4);
  border: none;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .add-announcement-section .btn[b-nk9l3skc4v] {
    font-size: 0.9375rem;
    padding: 0.75rem 2.25rem;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .add-announcement-section .btn[b-nk9l3skc4v] {
    font-size: 0.875rem;
    padding: 0.6875rem 2rem;
    width: 100%;
    border-radius: 8px;
  }
}
.add-announcement-section .btn[b-nk9l3skc4v]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
.add-announcement-section .btn:hover[b-nk9l3skc4v] {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(88, 101, 242, 0.35);
}
.add-announcement-section .btn:hover[b-nk9l3skc4v]::before {
  left: 100%;
}
.add-announcement-section .btn:active[b-nk9l3skc4v] {
  transform: translateY(-1px);
}
.add-announcement-section .btn i[b-nk9l3skc4v] {
  margin-right: 0.625rem;
}

.modal-content[b-nk9l3skc4v] {
  border: none;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  background-color: #1a1d23;
}
@media (max-width: 767px) {
  .modal-content[b-nk9l3skc4v] {
    border-radius: 12px;
    margin: 0.75rem;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), 0 6px 20px rgba(0, 0, 0, 0.25);
  }
}

.modal-header[b-nk9l3skc4v] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.12), rgba(88, 101, 242, 0.06));
  border-bottom: 1px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px 16px 0 0;
  padding: 2rem;
  position: relative;
}
@media (max-width: 767px) {
  .modal-header[b-nk9l3skc4v] {
    padding: 1.5rem;
    border-radius: 12px 12px 0 0;
  }
}
.modal-header[b-nk9l3skc4v]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #5865F2, #7983F5);
}
.modal-header .modal-title[b-nk9l3skc4v] {
  font-size: 1.375rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
  margin: 0;
}
@media (max-width: 767px) {
  .modal-header .modal-title[b-nk9l3skc4v] {
    font-size: 1.1875rem;
  }
}
.modal-header .btn-close[b-nk9l3skc4v] {
  background-size: 1.125rem;
  opacity: 0.7;
  transition: all 0.2s ease;
  filter: invert(1);
}
.modal-header .btn-close:hover[b-nk9l3skc4v] {
  opacity: 1;
  transform: scale(1.1);
}

.modal-body[b-nk9l3skc4v] {
  padding: 2.5rem;
  background: #1a1d23;
  color: #ffffff;
}
@media (max-width: 767px) {
  .modal-body[b-nk9l3skc4v] {
    padding: 1.75rem;
  }
}
.modal-body .form-label[b-nk9l3skc4v] {
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.625rem;
  font-size: 0.9375rem;
  letter-spacing: -0.005em;
}
@media (max-width: 767px) {
  .modal-body .form-label[b-nk9l3skc4v] {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
}
.modal-body .form-control[b-nk9l3skc4v], .modal-body .form-select[b-nk9l3skc4v] {
  border: 1.5px solid rgba(88, 101, 242, 0.15);
  border-radius: 10px;
  padding: 0.75rem 1.125rem;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: rgba(30, 35, 42, 0.8) !important;
  color: #ffffff !important;
  font-size: 0.9375rem;
}
@media (max-width: 767px) {
  .modal-body .form-control[b-nk9l3skc4v], .modal-body .form-select[b-nk9l3skc4v] {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    border-radius: 8px;
  }
}
.modal-body .form-control:focus[b-nk9l3skc4v], .modal-body .form-select:focus[b-nk9l3skc4v] {
  border-color: #5865F2 !important;
  box-shadow: 0 0 0 0.1875rem rgba(88, 101, 242, 0.15) !important;
  background-color: rgba(30, 35, 42, 0.9) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}
.modal-body .form-control[b-nk9l3skc4v]::placeholder, .modal-body .form-select[b-nk9l3skc4v]::placeholder {
  color: rgba(156, 163, 175, 0.8) !important;
  font-weight: 400;
}
.modal-body .form-control.form-select[b-nk9l3skc4v], .modal-body .form-select.form-select[b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.8) !important;
  color: #ffffff !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.modal-body .form-control.form-select option[b-nk9l3skc4v], .modal-body .form-select.form-select option[b-nk9l3skc4v] {
  background-color: #1e232a !important;
  color: #ffffff !important;
  padding: 0.5rem;
}
.modal-body .form-control.form-select:focus[b-nk9l3skc4v], .modal-body .form-select.form-select:focus[b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.9) !important;
  color: #ffffff !important;
}
.modal-body .form-control.form-select:disabled[b-nk9l3skc4v], .modal-body .form-select.form-select:disabled[b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.5) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.modal-body .form-control[type=textarea][b-nk9l3skc4v], .modal-body .form-control.form-control[rows][b-nk9l3skc4v], .modal-body .form-select[type=textarea][b-nk9l3skc4v], .modal-body .form-select.form-control[rows][b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.8);
  color: #ffffff;
  resize: vertical;
}
.modal-body .form-control[type=textarea]:focus[b-nk9l3skc4v], .modal-body .form-control.form-control[rows]:focus[b-nk9l3skc4v], .modal-body .form-select[type=textarea]:focus[b-nk9l3skc4v], .modal-body .form-select.form-control[rows]:focus[b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.9);
  color: #ffffff;
}
.modal-body .form-control[type=text][b-nk9l3skc4v], .modal-body .form-control[type=number][b-nk9l3skc4v], .modal-body .form-control[type=time][b-nk9l3skc4v], .modal-body .form-control[type=date][b-nk9l3skc4v], .modal-body .form-select[type=text][b-nk9l3skc4v], .modal-body .form-select[type=number][b-nk9l3skc4v], .modal-body .form-select[type=time][b-nk9l3skc4v], .modal-body .form-select[type=date][b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.8);
  color: #ffffff;
}
.modal-body .form-control[type=text]:focus[b-nk9l3skc4v], .modal-body .form-control[type=number]:focus[b-nk9l3skc4v], .modal-body .form-control[type=time]:focus[b-nk9l3skc4v], .modal-body .form-control[type=date]:focus[b-nk9l3skc4v], .modal-body .form-select[type=text]:focus[b-nk9l3skc4v], .modal-body .form-select[type=number]:focus[b-nk9l3skc4v], .modal-body .form-select[type=time]:focus[b-nk9l3skc4v], .modal-body .form-select[type=date]:focus[b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.9);
  color: #ffffff;
}
.modal-body .form-text[b-nk9l3skc4v] {
  font-size: 0.8125rem;
  color: rgba(156, 163, 175, 0.9);
  margin-top: 0.375rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .modal-body .form-text[b-nk9l3skc4v] {
    font-size: 0.75rem;
    margin-top: 0.3125rem;
  }
}
.modal-body select.form-select[b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.8) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(88, 101, 242, 0.15) !important;
}
.modal-body select.form-select:focus[b-nk9l3skc4v] {
  background-color: rgba(30, 35, 42, 0.9) !important;
  color: #ffffff !important;
  border-color: #5865F2 !important;
}
.modal-body select.form-select option[b-nk9l3skc4v] {
  background-color: #1e232a !important;
  color: #ffffff !important;
}
.modal-body .mb-3[b-nk9l3skc4v] {
  margin-bottom: 1.5rem !important;
}
@media (max-width: 767px) {
  .modal-body .mb-3[b-nk9l3skc4v] {
    margin-bottom: 1.25rem !important;
  }
}
@media (max-width: 767px) {
  .modal-body .row .col-md-6[b-nk9l3skc4v] {
    margin-bottom: 1rem;
  }
  .modal-body .row .col-md-6:last-child[b-nk9l3skc4v] {
    margin-bottom: 0;
  }
}

.days-selector[b-nk9l3skc4v] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0.75rem;
  background: rgba(88, 101, 242, 0.03);
  border-radius: 10px;
  border: 1px solid rgba(88, 101, 242, 0.1);
}
@media (max-width: 767px) {
  .days-selector[b-nk9l3skc4v] {
    gap: 0.5rem;
    padding: 0.625rem;
    border-radius: 8px;
  }
}
.days-selector .form-check[b-nk9l3skc4v] {
  margin: 0;
  padding: 0.5rem 0.75rem;
  background: rgba(30, 35, 42, 0.6);
  border-radius: 8px;
  border: 1px solid rgba(88, 101, 242, 0.15);
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .days-selector .form-check[b-nk9l3skc4v] {
    padding: 0.4375rem 0.625rem;
    border-radius: 6px;
  }
}
.days-selector .form-check:hover[b-nk9l3skc4v] {
  background: rgba(88, 101, 242, 0.08);
  border-color: rgba(88, 101, 242, 0.25);
}
.days-selector .form-check .form-check-input[b-nk9l3skc4v] {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.125rem;
  border-width: 1.5px;
  background-color: rgba(30, 35, 42, 0.8);
  border-color: rgba(156, 163, 175, 0.4);
}
@media (max-width: 767px) {
  .days-selector .form-check .form-check-input[b-nk9l3skc4v] {
    width: 1rem;
    height: 1rem;
    margin-top: 0.0625rem;
  }
}
.days-selector .form-check .form-check-input:checked[b-nk9l3skc4v] {
  background-color: #5865F2;
  border-color: #5865F2;
}
.days-selector .form-check .form-check-input:focus[b-nk9l3skc4v] {
  border-color: #5865F2;
  box-shadow: 0 0 0 0.125rem rgba(88, 101, 242, 0.25);
}
.days-selector .form-check .form-check-label[b-nk9l3skc4v] {
  font-size: 0.875rem;
  font-weight: 600;
  margin-left: 0.5rem;
  cursor: pointer;
  color: #ffffff;
}
@media (max-width: 767px) {
  .days-selector .form-check .form-check-label[b-nk9l3skc4v] {
    font-size: 0.8125rem;
    margin-left: 0.375rem;
  }
}

.modal-footer[b-nk9l3skc4v] {
  border-top: 1px solid rgba(88, 101, 242, 0.15);
  padding: 2rem;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.04), transparent);
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .modal-footer[b-nk9l3skc4v] {
    padding: 1.5rem;
    flex-direction: column;
    gap: 0.75rem;
  }
  .modal-footer .btn[b-nk9l3skc4v] {
    width: 100%;
  }
}
.modal-footer .btn[b-nk9l3skc4v] {
  font-weight: 600;
  padding: 0.75rem 2rem;
  border-radius: 10px;
  font-size: 0.9375rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-width: 1.5px;
}
@media (max-width: 991px) {
  .modal-footer .btn[b-nk9l3skc4v] {
    padding: 0.625rem 1.75rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .modal-footer .btn[b-nk9l3skc4v] {
    border-radius: 8px;
  }
}
.modal-footer .btn-primary[b-nk9l3skc4v] {
  background: linear-gradient(135deg, #5865F2, #4752C4);
  border: none;
  box-shadow: 0 4px 16px rgba(88, 101, 242, 0.25);
  position: relative;
  overflow: hidden;
}
.modal-footer .btn-primary[b-nk9l3skc4v]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
.modal-footer .btn-primary:hover[b-nk9l3skc4v] {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.35);
}
.modal-footer .btn-primary:hover[b-nk9l3skc4v]::before {
  left: 100%;
}
.modal-footer .btn-primary:disabled[b-nk9l3skc4v] {
  opacity: 0.7;
  transform: none;
  box-shadow: 0 2px 8px rgba(88, 101, 242, 0.15);
}
.modal-footer .btn-primary:disabled[b-nk9l3skc4v]::before {
  display: none;
}
.modal-footer .btn-secondary[b-nk9l3skc4v] {
  background: rgba(107, 114, 128, 0.1);
  border-color: rgba(107, 114, 128, 0.2);
  color: #4B5563;
}
.modal-footer .btn-secondary:hover[b-nk9l3skc4v] {
  background: rgba(107, 114, 128, 0.15);
  border-color: rgba(107, 114, 128, 0.3);
  color: #374151;
  transform: translateY(-1px);
}

@keyframes fadeIn-b-nk9l3skc4v {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInUp-b-nk9l3skc4v {
  from {
    opacity: 0;
    transform: translateY(32px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse-b-nk9l3skc4v {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.95);
  }
}
@keyframes shimmer-b-nk9l3skc4v {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
.loading-shimmer[b-nk9l3skc4v] {
  background: linear-gradient(90deg, transparent, rgba(88, 101, 242, 0.1), transparent);
  background-size: 200px 100%;
  animation: shimmer-b-nk9l3skc4v 1.5s infinite;
}

.announcement-card[b-nk9l3skc4v] {
  animation: slideInUp-b-nk9l3skc4v 0.5s ease-out;
}
.announcement-card:nth-child(1)[b-nk9l3skc4v] {
  animation-delay: 0.1s;
}
.announcement-card:nth-child(2)[b-nk9l3skc4v] {
  animation-delay: 0.2s;
}
.announcement-card:nth-child(3)[b-nk9l3skc4v] {
  animation-delay: 0.3s;
}
.announcement-card:nth-child(4)[b-nk9l3skc4v] {
  animation-delay: 0.4s;
}
.announcement-card:nth-child(5)[b-nk9l3skc4v] {
  animation-delay: 0.5s;
}
.announcement-card:nth-child(6)[b-nk9l3skc4v] {
  animation-delay: 0.6s;
}

@media (max-width: 575px) {
  .announcements-grid[b-nk9l3skc4v] {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
  .announcement-card[b-nk9l3skc4v] {
    padding: 1rem;
    border-radius: 10px;
  }
  .announcement-actions .btn[b-nk9l3skc4v] {
    font-size: 0.6875rem;
    padding: 0.3125rem 0.625rem;
  }
  .modal-dialog[b-nk9l3skc4v] {
    margin: 0.5rem;
  }
  .modal-content[b-nk9l3skc4v] {
    border-radius: 10px;
  }
  .detail-item[b-nk9l3skc4v] {
    font-size: 0.78125rem;
  }
  .detail-item i[b-nk9l3skc4v] {
    width: 14px;
    font-size: 0.75rem;
  }
}
@media (prefers-color-scheme: dark) {
  .announcement-card[b-nk9l3skc4v] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .announcement-card:hover[b-nk9l3skc4v] {
    box-shadow: 0 4px 12px rgba(88, 101, 242, 0.15), 0 2px 4px rgba(88, 101, 242, 0.1);
  }
  .modal-content[b-nk9l3skc4v] {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.3);
  }
}
@media (prefers-contrast: high) {
  .announcement-card[b-nk9l3skc4v] {
    border-width: 2px;
  }
  .status-badge[b-nk9l3skc4v] {
    border: 2px solid currentColor;
  }
  .btn[b-nk9l3skc4v] {
    border-width: 2px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .announcement-card[b-nk9l3skc4v],
  .btn[b-nk9l3skc4v],
  .modal-content[b-nk9l3skc4v],
  .form-control[b-nk9l3skc4v],
  .form-select[b-nk9l3skc4v] {
    transition: none;
    animation: none;
  }
  .status-badge[b-nk9l3skc4v]::before {
    animation: none;
  }
}
/* /Components/Pages/Dashboard/Guilds/Manage/Tabs/EmojisTab.razor.rz.scp.css */
.emoji-section .emoji-section-title[b-qu70eanpv1] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.2);
  display: flex;
  align-items: center;
}
.emoji-section .emoji-section-title i[b-qu70eanpv1] {
  color: #5865f2;
}
.emoji-section .emoji-section-title:first-child i[b-qu70eanpv1] {
  color: #28a745;
}
.emoji-section .emoji-section-title:last-child i[b-qu70eanpv1] {
  color: #ffc107;
}

.emoji-table .emoji-preview[b-qu70eanpv1] {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.emoji-table .role-badges[b-qu70eanpv1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.emoji-table .role-badges .role-badge[b-qu70eanpv1] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}
.emoji-table .role-checkboxes[b-qu70eanpv1] {
  max-height: 200px;
  overflow-y: auto;
  padding: 0.5rem;
  background: rgba(88, 101, 242, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(88, 101, 242, 0.15);
}
.emoji-table .role-checkboxes .form-check[b-qu70eanpv1] {
  margin-bottom: 0.5rem;
}
.emoji-table .role-checkboxes .form-check:last-child[b-qu70eanpv1] {
  margin-bottom: 0;
}
.emoji-table .role-checkboxes .role-color-dot[b-qu70eanpv1] {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.emoji-table .role-selector-container[b-qu70eanpv1] {
  min-width: 200px;
}

@media (max-width: 768px) {
  .emoji-section-title[b-qu70eanpv1] {
    font-size: 1rem;
  }
  .emoji-table[b-qu70eanpv1] {
    font-size: 0.9rem;
  }
  .emoji-table .emoji-preview[b-qu70eanpv1] {
    width: 28px;
    height: 28px;
  }
  .emoji-table .role-badges .role-badge[b-qu70eanpv1] {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
  }
}
@media (max-width: 576px) {
  .emoji-section-title[b-qu70eanpv1] {
    font-size: 0.95rem;
  }
  .emoji-table[b-qu70eanpv1] {
    font-size: 0.85rem;
  }
  .emoji-table .emoji-preview[b-qu70eanpv1] {
    width: 24px;
    height: 24px;
  }
}
/* /Components/Pages/Dashboard/Guilds/Manage/Tabs/EngagementTab.razor.rz.scp.css */
.settings-section .stat-item[b-q5v75z06rt] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(88, 101, 242, 0.06);
  border-radius: 8px;
  border: 1px solid rgba(88, 101, 242, 0.1);
}
.settings-section .stat-item .stat-label[b-q5v75z06rt] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  font-weight: 500;
}
.settings-section .stat-item .stat-value[b-q5v75z06rt] {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--bs-body-color);
}
@media (max-width: 768px) {
  .settings-section .stat-item[b-q5v75z06rt] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
  }
  .settings-section .stat-item .stat-label[b-q5v75z06rt] {
    font-size: 0.85rem;
  }
  .settings-section .stat-item .stat-value[b-q5v75z06rt] {
    font-size: 1rem;
  }
}
@media (max-width: 576px) {
  .settings-section .stat-item .stat-label[b-q5v75z06rt] {
    font-size: 0.8rem;
  }
  .settings-section .stat-item .stat-value[b-q5v75z06rt] {
    font-size: 0.95rem;
  }
}
@media (max-width: 768px) {
  .settings-section .row .col-md-6[b-q5v75z06rt] {
    margin-bottom: 0.5rem;
  }
}

.settings-section[b-q5v75z06rt] {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
}
.settings-section .alert[b-q5v75z06rt] {
  background: rgba(88, 101, 242, 0.1);
  border: 1px solid rgba(88, 101, 242, 0.2);
  color: var(--bs-body-color);
}
.settings-section .alert.alert-info[b-q5v75z06rt] {
  background: rgba(13, 202, 240, 0.1);
  border-color: rgba(13, 202, 240, 0.2);
}
.settings-section .alert.alert-warning[b-q5v75z06rt] {
  background: rgba(255, 193, 7, 0.1);
  border-color: rgba(255, 193, 7, 0.2);
}
.settings-section .card[b-q5v75z06rt] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  color: var(--bs-body-color);
}
.settings-section .card .card-header[b-q5v75z06rt] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
  color: var(--bs-body-color);
}
.settings-section .card .card-body[b-q5v75z06rt] {
  background: var(--bs-body-bg);
}
.settings-section .table[b-q5v75z06rt] {
  color: var(--bs-body-color);
}
.settings-section .table th[b-q5v75z06rt] {
  background: rgba(88, 101, 242, 0.1);
  border-color: rgba(88, 101, 242, 0.2);
  color: var(--bs-body-color);
}
.settings-section .table td[b-q5v75z06rt] {
  border-color: rgba(88, 101, 242, 0.1);
}
.settings-section .table.table-hover tbody tr:hover[b-q5v75z06rt] {
  background: rgba(88, 101, 242, 0.05);
}
/* /Components/Pages/Dashboard/Guilds/Manage/Tabs/LevelingTab.razor.rz.scp.css */
/* XP Multiplier Value */
.xp-value[b-3crmconhtc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #5865F2;
  min-width: 60px;
  text-align: center;
  padding: 0.25rem 0.75rem;
  background: rgba(88, 101, 242, 0.1);
  border-radius: 6px;
}
@media (max-width: 991px) {
  .xp-value[b-3crmconhtc] {
    font-size: 1rem;
    min-width: 55px;
    padding: 0.2rem 0.65rem;
  }
}
@media (max-width: 767px) {
  .xp-value[b-3crmconhtc] {
    font-size: 0.95rem;
    min-width: 50px;
    padding: 0.2rem 0.5rem;
  }
}

/* Award Roles Form */
.role-form[b-3crmconhtc] {
  background: rgba(88, 101, 242, 0.08);
  border: 2px solid rgba(88, 101, 242, 0.2);
}
.role-form h6[b-3crmconhtc] {
  color: var(--bs-body-color);
  font-weight: 600;
}

/* Award Roles Card - Full Width */
.award-card[b-3crmconhtc] {
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
@media (max-width: 991px) {
  .award-card[b-3crmconhtc] {
    flex-direction: column !important;
    gap: 1.5rem;
  }
}
.award-card > div:first-child[b-3crmconhtc] {
  flex: 0 0 auto;
  min-width: 40%;
}
@media (max-width: 1920px) {
  .award-card > div:first-child[b-3crmconhtc] {
    min-width: 400px;
  }
}
@media (max-width: 1699px) {
  .award-card > div:first-child[b-3crmconhtc] {
    min-width: 300px;
    max-width: 500px;
  }
}
@media (max-width: 1499px) {
  .award-card > div:first-child[b-3crmconhtc] {
    min-width: 200px;
    max-width: 350px;
  }
}
@media (max-width: 991px) {
  .award-card > div:first-child[b-3crmconhtc] {
    min-width: 100%;
  }
}
.award-card > div:last-child[b-3crmconhtc] {
  flex: 1 1 auto;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 1699px) {
  .award-card > div:last-child[b-3crmconhtc] {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 991px) {
  .award-card > div:last-child[b-3crmconhtc] {
    gap: 1rem;
  }
}
@media (max-width: 1699px) {
  .award-card > div:last-child > div[b-3crmconhtc] {
    width: 100% !important;
  }
}

.roles-section h6[b-3crmconhtc] {
  color: var(--bs-body-color);
  font-weight: 600;
  font-size: 1rem;
}

/* Award Roles List */
.award-roles-list[b-3crmconhtc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  overflow-y: auto;
  padding-right: 0.5rem;
  min-height: 0;
}
@media (max-width: 991px) {
  .award-roles-list[b-3crmconhtc] {
    gap: 0.4rem;
  }
}
@media (max-width: 767px) {
  .award-roles-list[b-3crmconhtc] {
    gap: 0.35rem;
  }
}
.award-roles-list[b-3crmconhtc]::-webkit-scrollbar {
  width: 6px;
}
.award-roles-list[b-3crmconhtc]::-webkit-scrollbar-track {
  background: rgba(88, 101, 242, 0.05);
  border-radius: 3px;
}
.award-roles-list[b-3crmconhtc]::-webkit-scrollbar-thumb {
  background: rgba(88, 101, 242, 0.3);
  border-radius: 3px;
}
.award-roles-list[b-3crmconhtc]::-webkit-scrollbar-thumb:hover {
  background: rgba(88, 101, 242, 0.5);
}

/* Award Role Item */
.award-role-item[b-3crmconhtc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 8px;
  transition: all 0.2s ease;
}
@media (max-width: 991px) {
  .award-role-item[b-3crmconhtc] {
    padding: 0.65rem 0.85rem;
  }
}
@media (max-width: 767px) {
  .award-role-item[b-3crmconhtc] {
    padding: 0.6rem 0.75rem;
    border-radius: 6px;
  }
}
.award-role-item:hover[b-3crmconhtc] {
  border-color: rgba(88, 101, 242, 0.4);
  box-shadow: 0 2px 8px rgba(88, 101, 242, 0.1);
  transform: translateX(2px);
}
.award-role-item:hover .award-role-delete[b-3crmconhtc] {
  opacity: 1;
}

.award-role-content[b-3crmconhtc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
@media (max-width: 767px) {
  .award-role-content[b-3crmconhtc] {
    gap: 0.5rem;
  }
}

.award-role-badge .badge[b-3crmconhtc] {
  font-size: 0.75rem;
  padding: 0.35rem 0.65rem;
  font-weight: 600;
  min-width: 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .award-role-badge .badge[b-3crmconhtc] {
    font-size: 0.7rem;
    padding: 0.3rem 0.5rem;
    min-width: 45px;
  }
}

.award-role-name[b-3crmconhtc] {
  font-weight: 500;
  color: var(--bs-body-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .award-role-name[b-3crmconhtc] {
    font-size: 0.9rem;
  }
}

.award-role-delete[b-3crmconhtc] {
  opacity: 0.6;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .award-role-delete[b-3crmconhtc] {
    opacity: 1;
  }
}
.award-role-delete:hover[b-3crmconhtc] {
  opacity: 1;
  transform: scale(1.1);
}
/* /Components/Pages/Dashboard/Guilds/Manage/Tabs/WebhooksTab.razor.rz.scp.css */
.settings-section .add-webhook-card[b-61tvbojmz6] {
  border-style: dashed;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.settings-section .add-webhook-card:hover[b-61tvbojmz6] {
  opacity: 1;
  border-style: solid;
}
.settings-section .embed-card[b-61tvbojmz6] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
}
.settings-section .embed-card .card-header[b-61tvbojmz6] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
}
.settings-section .embed-card .card-body[b-61tvbojmz6] {
  background: var(--bs-body-bg);
}
.settings-section .alert[b-61tvbojmz6] {
  background: rgba(88, 101, 242, 0.1);
  border: 1px solid rgba(88, 101, 242, 0.2);
  color: var(--bs-body-color);
}
.settings-section .alert.alert-success[b-61tvbojmz6] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.2);
}
.settings-section .alert.alert-danger[b-61tvbojmz6] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.2);
}

.modal-content[b-61tvbojmz6] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.2);
  color: var(--bs-body-color);
}
.modal-content .modal-header[b-61tvbojmz6] {
  border-bottom-color: rgba(88, 101, 242, 0.15);
}
.modal-content .modal-footer[b-61tvbojmz6] {
  border-top-color: rgba(88, 101, 242, 0.15);
}
.modal-content .form-control[b-61tvbojmz6],
.modal-content .form-select[b-61tvbojmz6] {
  background: var(--bs-body-bg);
  border-color: rgba(88, 101, 242, 0.2);
  color: var(--bs-body-color);
}
.modal-content .form-control:focus[b-61tvbojmz6],
.modal-content .form-select:focus[b-61tvbojmz6] {
  border-color: #5865f2;
  box-shadow: 0 0 0 0.2rem rgba(88, 101, 242, 0.15);
}
.modal-content .form-control[b-61tvbojmz6]::placeholder,
.modal-content .form-select[b-61tvbojmz6]::placeholder {
  color: var(--bs-secondary-color);
}
.modal-content hr[b-61tvbojmz6] {
  border-color: rgba(88, 101, 242, 0.15);
}

.modal-backdrop[b-61tvbojmz6] {
  backdrop-filter: blur(2px);
}
/* /Components/Pages/Dashboard/Shared/DiscordServerList.razor.rz.scp.css */
.server-list > div > div[b-e1a9y2k24j] {
  cursor: pointer;
  padding: 15px 0;
  height: 100%;
}
@media (min-width: 576px) {
  .server-list > div > div[b-e1a9y2k24j] {
    padding: 25px 0;
  }
}
.server-list > div > div .owner-crown[b-e1a9y2k24j] {
  position: absolute;
  top: 10px;
  left: 10px;
}
/* /Components/Pages/Dashboard/Store.razor.rz.scp.css */
/* ===== STORE PAGE STYLES ===== */
.store-page[b-e929kaamp2] {
  color: var(--bs-body-color);
  /* Page Header */
  /* Status Alerts */
  /* Category Filter */
  /* Section Card */
  /* Category Group */
  /* Product Row */
  /* Plans Grid */
  /* Billing Toggle */
  /* Form Inputs */
  /* Gift Buttons */
  /* Purchase History Table */
  /* Empty State */
}
.store-page .page-header[b-e929kaamp2] {
  margin-bottom: 1.75rem;
}
.store-page .page-title[b-e929kaamp2] {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.25rem;
}
.store-page .page-title i[b-e929kaamp2] {
  color: #5865f2;
}
.store-page .page-subtitle[b-e929kaamp2] {
  color: var(--bs-secondary-color);
  font-size: 0.95rem;
  margin: 0;
}
.store-page .status-alert[b-e929kaamp2] {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: 500;
}
.store-page .status-alert.success[b-e929kaamp2] {
  background: rgba(40, 167, 69, 0.08);
  border: 1px solid rgba(40, 167, 69, 0.2);
  color: #28a745;
}
.store-page .status-alert.warning[b-e929kaamp2] {
  background: rgba(255, 193, 7, 0.08);
  border: 1px solid rgba(255, 193, 7, 0.2);
  color: #ffc107;
}
.store-page .category-filter[b-e929kaamp2] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.store-page .filter-pill[b-e929kaamp2] {
  padding: 0.4rem 0.9rem;
  background: rgba(88, 101, 242, 0.04);
  border: 1.5px solid rgba(88, 101, 242, 0.1);
  border-radius: 20px;
  color: var(--bs-secondary-color);
  font-weight: 600;
  font-size: 0.8rem;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
  display: inline-flex;
  align-items: center;
}
.store-page .filter-pill:hover[b-e929kaamp2] {
  border-color: rgba(88, 101, 242, 0.25);
  color: var(--bs-body-color);
}
.store-page .filter-pill.active[b-e929kaamp2] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  border-color: transparent;
  color: white;
}
.store-page .section-card[b-e929kaamp2] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 14px;
  padding: 1.25rem 1.5rem;
  transition: border-color 0.2s ease;
}
.store-page .section-card:hover[b-e929kaamp2] {
  border-color: rgba(88, 101, 242, 0.2);
}
.store-page .section-title[b-e929kaamp2] {
  font-size: 0.85rem;
  font-weight: 650;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.08);
}
.store-page .section-title i[b-e929kaamp2] {
  color: #5865f2;
  font-size: 0.8rem;
}
.store-page .section-desc[b-e929kaamp2] {
  font-size: 0.85rem;
  color: var(--bs-secondary-color);
  margin-bottom: 1rem;
}
.store-page .section-heading[b-e929kaamp2] {
  margin-bottom: 1.25rem;
}
.store-page .section-heading .section-title[b-e929kaamp2] {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0.35rem;
}
.store-page .section-heading .section-desc[b-e929kaamp2] {
  margin-bottom: 0;
}
.store-page .plan-type-chip[b-e929kaamp2] {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 50px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.5rem;
}
.store-page .plan-type-chip.type-user[b-e929kaamp2] {
  background: rgba(255, 215, 0, 0.15);
  color: #c9a227;
}
.store-page .plan-type-chip.type-guild[b-e929kaamp2] {
  background: rgba(88, 101, 242, 0.15);
  color: #5865f2;
}
.store-page .purchase-mode-toggle[b-e929kaamp2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem;
  background: rgba(88, 101, 242, 0.06);
  border-radius: 8px;
  padding: 0.25rem;
}
.store-page .mode-btn[b-e929kaamp2] {
  border: none;
  background: transparent;
  border-radius: 6px;
  padding: 0.4rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 650;
  color: var(--bs-secondary-color);
  cursor: pointer;
  transition: all 0.15s ease;
}
.store-page .mode-btn.active[b-e929kaamp2] {
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.store-page .mode-btn:hover:not(.active)[b-e929kaamp2] {
  color: var(--bs-body-color);
}
.store-page .recipient-input .input-label[b-e929kaamp2] {
  display: block;
  font-size: 0.75rem;
  font-weight: 650;
  color: var(--bs-secondary-color);
  margin-bottom: 0.35rem;
}
.store-page .category-group[b-e929kaamp2] {
  margin-bottom: 1rem;
}
.store-page .category-group:last-child[b-e929kaamp2] {
  margin-bottom: 0;
}
.store-page .category-label[b-e929kaamp2] {
  display: block;
  font-size: 0.75rem;
  font-weight: 650;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.5rem;
}
.store-page .product-row[b-e929kaamp2] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(88, 101, 242, 0.06);
  background: rgba(88, 101, 242, 0.02);
  margin-bottom: 0.5rem;
  transition: border-color 0.2s ease;
}
.store-page .product-row:hover[b-e929kaamp2] {
  border-color: rgba(88, 101, 242, 0.15);
}
.store-page .product-row:last-child[b-e929kaamp2] {
  margin-bottom: 0;
}
.store-page .product-thumb[b-e929kaamp2] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: rgba(88, 101, 242, 0.05);
}
.store-page .product-thumb img[b-e929kaamp2] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.store-page .product-info[b-e929kaamp2] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.store-page .product-name[b-e929kaamp2] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-body-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-page .product-desc[b-e929kaamp2] {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-page .product-price[b-e929kaamp2] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffd700;
  flex-shrink: 0;
}
.store-page .btn-store-buy[b-e929kaamp2] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  border: none;
  color: white;
  font-weight: 600;
  font-size: 0.8rem;
  padding: 0.4rem 0.9rem;
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.store-page .btn-store-buy:hover[b-e929kaamp2] {
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(88, 101, 242, 0.3);
}
.store-page .btn-store-buy:disabled[b-e929kaamp2] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.store-page .plans-grid[b-e929kaamp2] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}
.store-page .plan-card[b-e929kaamp2] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.store-page .plan-card:hover[b-e929kaamp2] {
  border-color: rgba(88, 101, 242, 0.22);
}
.store-page .plan-card-top[b-e929kaamp2] {
  padding: 1.25rem;
  text-align: center;
  border-bottom: 1px solid rgba(88, 101, 242, 0.08);
}
.store-page .plan-icon-badge[b-e929kaamp2] {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ffd700, #ffed4e);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1a1a2e;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.store-page .plan-icon-badge.guild[b-e929kaamp2] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  color: white;
}
.store-page .plan-name[b-e929kaamp2] {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.5rem;
}
.store-page .plan-price-display[b-e929kaamp2] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.1rem;
}
.store-page .plan-amount[b-e929kaamp2] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--bs-body-color);
}
.store-page .plan-interval[b-e929kaamp2] {
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
}
.store-page .billing-toggle[b-e929kaamp2] {
  display: flex;
  background: rgba(88, 101, 242, 0.06);
  border-radius: 8px;
  padding: 3px;
  gap: 2px;
  margin-bottom: 0.5rem;
}
.store-page .toggle-btn[b-e929kaamp2] {
  flex: 1;
  padding: 0.35rem 0.6rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.store-page .toggle-btn:hover[b-e929kaamp2] {
  color: var(--bs-body-color);
}
.store-page .toggle-btn.active[b-e929kaamp2] {
  background: linear-gradient(135deg, #5865f2, #4752c4);
  color: white;
}
.store-page .discount-tag[b-e929kaamp2] {
  font-size: 0.6rem;
  font-weight: 700;
  background: rgba(40, 167, 69, 0.2);
  color: #28a745;
  padding: 0.1rem 0.3rem;
  border-radius: 4px;
}
.active .store-page .discount-tag[b-e929kaamp2] {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}
.store-page .savings-note[b-e929kaamp2] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #28a745;
  margin-top: 0.25rem;
}
.store-page .plan-card-body[b-e929kaamp2] {
  padding: 1.25rem;
}
.store-page .plan-desc[b-e929kaamp2] {
  font-size: 0.825rem;
  color: var(--bs-secondary-color);
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.store-page .plan-meta[b-e929kaamp2] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 0.8rem;
  color: var(--bs-body-color);
}
.store-page .plan-meta i[b-e929kaamp2] {
  color: #5865f2;
  font-size: 0.7rem;
}
.store-page .btn-store-subscribe[b-e929kaamp2] {
  background: linear-gradient(135deg, #ffd700, #ffed4e);
  border: none;
  color: #1a1a2e;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.6rem 1.25rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.store-page .btn-store-subscribe:hover[b-e929kaamp2] {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}
.store-page .btn-store-subscribe:disabled[b-e929kaamp2] {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.store-page .input-label[b-e929kaamp2] {
  display: block;
  font-size: 0.75rem;
  font-weight: 650;
  color: var(--bs-secondary-color);
  margin-bottom: 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.store-page .input-label i[b-e929kaamp2] {
  color: #5865f2;
  font-size: 0.7rem;
}
.store-page .form-input[b-e929kaamp2] {
  width: 100%;
  padding: 0.6rem 0.875rem;
  background: rgba(88, 101, 242, 0.04);
  border: 1.5px solid rgba(88, 101, 242, 0.1);
  border-radius: 8px;
  color: var(--bs-body-color);
  font-size: 0.85rem;
  transition: border-color 0.2s ease;
}
.store-page .form-input:focus[b-e929kaamp2] {
  outline: none;
  border-color: rgba(88, 101, 242, 0.3);
  background: rgba(88, 101, 242, 0.06);
}
.store-page .form-input[b-e929kaamp2]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.6;
}
.store-page .guild-input[b-e929kaamp2] {
  border-top: 1px solid rgba(88, 101, 242, 0.08);
  padding-top: 0.75rem;
}
.store-page .gift-buttons[b-e929kaamp2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.store-page .btn-store-gift[b-e929kaamp2] {
  background: rgba(88, 101, 242, 0.06);
  border: 1.5px solid rgba(88, 101, 242, 0.15);
  color: var(--bs-body-color);
  font-weight: 600;
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.store-page .btn-store-gift:hover[b-e929kaamp2] {
  border-color: rgba(88, 101, 242, 0.35);
  background: rgba(88, 101, 242, 0.1);
}
.store-page .btn-store-gift:disabled[b-e929kaamp2] {
  opacity: 0.6;
  cursor: not-allowed;
}
.store-page .history-table[b-e929kaamp2] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.store-page .history-table thead th[b-e929kaamp2] {
  color: var(--bs-secondary-color);
  font-size: 0.7rem;
  font-weight: 650;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.08);
}
.store-page .history-table tbody tr[b-e929kaamp2] {
  transition: background 0.15s ease;
}
.store-page .history-table tbody tr:hover[b-e929kaamp2] {
  background: rgba(88, 101, 242, 0.03);
}
.store-page .history-table tbody td[b-e929kaamp2] {
  padding: 0.6rem 0.75rem;
  color: var(--bs-body-color);
  font-size: 0.85rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.04);
}
.store-page .order-id[b-e929kaamp2] {
  font-family: monospace;
  font-weight: 600;
  color: #5865f2;
  font-size: 0.8rem;
}
.store-page .order-amount[b-e929kaamp2] {
  font-weight: 600;
}
.store-page .status-badge[b-e929kaamp2] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
}
.store-page .status-badge.status-completed[b-e929kaamp2] {
  background: rgba(40, 167, 69, 0.12);
  color: #28a745;
}
.store-page .status-badge.status-pending[b-e929kaamp2] {
  background: rgba(255, 193, 7, 0.12);
  color: #ffc107;
}
.store-page .status-badge.status-refunded[b-e929kaamp2] {
  background: rgba(88, 101, 242, 0.12);
  color: #5865f2;
}
.store-page .status-badge.status-failed[b-e929kaamp2] {
  background: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}
.store-page .empty-text[b-e929kaamp2] {
  color: var(--bs-secondary-color);
  font-size: 0.85rem;
  margin: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .store-page .page-title[b-e929kaamp2] {
    font-size: 1.5rem;
  }
  .store-page .section-card[b-e929kaamp2] {
    padding: 1rem 1.25rem;
  }
  .store-page .product-row[b-e929kaamp2] {
    flex-wrap: wrap;
  }
  .store-page .product-info[b-e929kaamp2] {
    min-width: 60%;
  }
  .store-page .plans-grid[b-e929kaamp2] {
    grid-template-columns: 1fr;
  }
  .store-page .gift-buttons[b-e929kaamp2] {
    flex-direction: column;
  }
  .store-page .history-table thead th[b-e929kaamp2],
  .store-page .history-table tbody td[b-e929kaamp2] {
    padding: 0.5rem 0.5rem;
    font-size: 0.8rem;
  }
}
@media (max-width: 576px) {
  .store-page .product-row[b-e929kaamp2] {
    gap: 0.5rem;
    padding: 0.6rem;
  }
  .store-page .product-thumb[b-e929kaamp2] {
    width: 32px;
    height: 32px;
  }
  .store-page .filter-pill[b-e929kaamp2] {
    padding: 0.35rem 0.7rem;
    font-size: 0.75rem;
  }
  .store-page .plan-card-top[b-e929kaamp2] {
    padding: 1rem;
  }
  .store-page .plan-card-body[b-e929kaamp2] {
    padding: 1rem;
  }
}
/* /Components/Pages/Features.razor.rz.scp.css */
@charset "UTF-8";
/* ===== FEATURES PAGE STYLES ===== */
/* Hero Section */
.features-hero[b-9yui3o3yyb] {
  padding: 5rem 0 3rem;
  background: radial-gradient(ellipse at top, rgba(88, 101, 242, 0.08) 0%, transparent 50%);
  position: relative;
}

.hero-badge[b-9yui3o3yyb] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(88, 101, 242, 0.1);
  border: 1px solid rgba(88, 101, 242, 0.2);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-bottom: 1.5rem;
}
.hero-badge i[b-9yui3o3yyb] {
  color: #5865f2;
}

.hero-title[b-9yui3o3yyb] {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: var(--bs-body-color);
}

.hero-description[b-9yui3o3yyb] {
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--bs-secondary-color);
  margin-bottom: 0;
}

/* Features Content */
.features-content[b-9yui3o3yyb] {
  padding: 4rem 0;
}

.feature-category[b-9yui3o3yyb] {
  margin-bottom: 4rem;
}
.feature-category:last-child[b-9yui3o3yyb] {
  margin-bottom: 0;
}

.category-header[b-9yui3o3yyb] {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
}

.category-icon[b-9yui3o3yyb] {
  width: 72px;
  height: 72px;
  min-width: 72px;
  background: var(--accent);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--accent) 30%, transparent);
}
.category-icon i[b-9yui3o3yyb] {
  font-size: 2rem;
  color: var(--icon-color, white);
}

.category-title[b-9yui3o3yyb] {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin: 0 0 0.5rem 0;
}

.category-description[b-9yui3o3yyb] {
  font-size: 1rem;
  color: var(--bs-secondary-color);
  margin: 0;
  line-height: 1.5;
}

/* Features List */
.features-list[b-9yui3o3yyb] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  gap: 2rem;
}

.feature-item[b-9yui3o3yyb] {
  background: rgba(88, 101, 242, 0.05);
  border: 1px solid rgba(88, 101, 242, 0.1);
  border-radius: 16px;
  padding: 2rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.feature-item[b-9yui3o3yyb]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--accent);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.feature-item:hover[b-9yui3o3yyb] {
  background: rgba(88, 101, 242, 0.08);
  border-color: rgba(88, 101, 242, 0.2);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent) 15%, transparent);
}
.feature-item:hover[b-9yui3o3yyb]::before {
  transform: scaleX(1);
}

.feature-item-header[b-9yui3o3yyb] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.feature-icon-small[b-9yui3o3yyb] {
  width: 48px;
  height: 48px;
  min-width: 48px;
  background: var(--accent);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent) 30%, transparent);
}
.feature-icon-small i[b-9yui3o3yyb] {
  font-size: 1.25rem;
  color: var(--icon-color, white);
}

.feature-name[b-9yui3o3yyb] {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin: 0;
  flex: 1;
}

.new-badge[b-9yui3o3yyb] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  background: linear-gradient(135deg, #4ecdc4, #44a08d);
  color: white;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.new-badge i[b-9yui3o3yyb] {
  font-size: 0.875rem;
}

.feature-description[b-9yui3o3yyb] {
  color: var(--bs-body-color);
  line-height: 1.6;
  margin-bottom: 1.25rem;
  font-size: 0.95rem;
}

/* Feature Highlights */
.feature-highlights[b-9yui3o3yyb] {
  background: rgba(88, 101, 242, 0.05);
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.highlight-item[b-9yui3o3yyb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.625rem;
}
.highlight-item:last-child[b-9yui3o3yyb] {
  margin-bottom: 0;
}
.highlight-item i[b-9yui3o3yyb] {
  color: var(--accent, #4ecdc4);
  font-size: 1rem;
  min-width: 16px;
}
.highlight-item span[b-9yui3o3yyb] {
  color: var(--bs-body-color);
  font-size: 0.9rem;
  line-height: 1.5;
  flex: 1;
}

/* Tier labels on highlight rows */
.tier-label[b-9yui3o3yyb] {
  flex: none !important;
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.125rem 0.4rem;
  border-radius: 3px;
  white-space: nowrap;
}
.tier-label.tier-basic[b-9yui3o3yyb] {
  color: #43b581;
  background: rgba(67, 181, 129, 0.12);
}
.tier-label.tier-super[b-9yui3o3yyb] {
  color: #7289da;
  background: rgba(88, 101, 242, 0.12);
}
.tier-label.tier-ultra[b-9yui3o3yyb] {
  color: #ffd700;
  background: rgba(255, 215, 0, 0.12);
}

/* Use Cases */
.feature-use-cases[b-9yui3o3yyb] {
  background: rgba(88, 101, 242, 0.05);
  border-radius: 10px;
  padding: 1rem;
  border-left: 3px solid #5865f2;
}

.use-cases-label[b-9yui3o3yyb] {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--bs-secondary-color);
  margin-bottom: 0.75rem;
}

.use-cases-list[b-9yui3o3yyb] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.use-cases-list li[b-9yui3o3yyb] {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  color: var(--bs-body-color);
  font-size: 0.9rem;
  line-height: 1.5;
}
.use-cases-list li:last-child[b-9yui3o3yyb] {
  margin-bottom: 0;
}
.use-cases-list li[b-9yui3o3yyb]::before {
  content: "→";
  position: absolute;
  left: 0;
  color: #5865f2;
  font-weight: 700;
}

/* Stats Section */
.features-stats[b-9yui3o3yyb] {
  padding: 4rem 0;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.05), rgba(78, 205, 196, 0.05));
  border-top: 1px solid rgba(88, 101, 242, 0.1);
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
}

.stats-title[b-9yui3o3yyb] {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 1rem;
}

.stats-description[b-9yui3o3yyb] {
  font-size: 1.125rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0;
}

.stat-card[b-9yui3o3yyb] {
  background: rgba(88, 101, 242, 0.05);
  border: 1px solid rgba(88, 101, 242, 0.1);
  border-radius: 16px;
  padding: 2rem 1.5rem;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.stat-card[b-9yui3o3yyb]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #5865f2, #7289da);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.stat-card:hover[b-9yui3o3yyb] {
  background: rgba(88, 101, 242, 0.08);
  border-color: rgba(88, 101, 242, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(88, 101, 242, 0.15);
}
.stat-card:hover[b-9yui3o3yyb]::before {
  transform: scaleX(1);
}

.stat-icon[b-9yui3o3yyb] {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #5865f2, #7289da);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.stat-icon i[b-9yui3o3yyb] {
  font-size: 1.5rem;
  color: white;
}

.stat-number[b-9yui3o3yyb] {
  font-size: 2rem;
  font-weight: 800;
  color: var(--bs-body-color);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.stat-label[b-9yui3o3yyb] {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* CTA Section */
.features-cta[b-9yui3o3yyb] {
  padding: 4rem 0;
}

.cta-title[b-9yui3o3yyb] {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 1rem;
}

.cta-description[b-9yui3o3yyb] {
  font-size: 1.125rem;
  color: var(--bs-secondary-color);
  margin-bottom: 2rem;
}

.cta-buttons[b-9yui3o3yyb] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.btn[b-9yui3o3yyb] {
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  border: none;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
}

.btn-primary[b-9yui3o3yyb] {
  background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
  color: white;
  box-shadow: 0 4px 20px rgba(88, 101, 242, 0.3);
}
.btn-primary:hover[b-9yui3o3yyb] {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(88, 101, 242, 0.4);
  background: linear-gradient(135deg, #4752c4 0%, #5865f2 100%);
  color: white;
}
.btn-primary:active[b-9yui3o3yyb] {
  transform: translateY(0);
}

.btn-secondary[b-9yui3o3yyb] {
  background: rgba(88, 101, 242, 0.1);
  color: var(--bs-body-color);
  border: 2px solid rgba(88, 101, 242, 0.2);
}
.btn-secondary:hover[b-9yui3o3yyb] {
  background: rgba(88, 101, 242, 0.15);
  border-color: rgba(88, 101, 242, 0.3);
  transform: translateY(-2px);
  color: var(--bs-body-color);
}
.btn-secondary:active[b-9yui3o3yyb] {
  transform: translateY(0);
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
  .features-list[b-9yui3o3yyb] {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
@media (max-width: 992px) {
  .features-hero[b-9yui3o3yyb] {
    padding: 4rem 0 2rem;
  }
  .hero-title[b-9yui3o3yyb] {
    font-size: 2.5rem;
  }
  .features-list[b-9yui3o3yyb] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .category-header[b-9yui3o3yyb] {
    gap: 1rem;
  }
  .category-icon[b-9yui3o3yyb] {
    width: 64px;
    height: 64px;
    min-width: 64px;
  }
  .category-icon i[b-9yui3o3yyb] {
    font-size: 1.75rem;
  }
  .category-title[b-9yui3o3yyb] {
    font-size: 2rem;
  }
  .stats-title[b-9yui3o3yyb] {
    font-size: 2rem;
  }
  .cta-title[b-9yui3o3yyb] {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .features-hero[b-9yui3o3yyb] {
    padding: 3rem 0 2rem;
  }
  .hero-title[b-9yui3o3yyb] {
    font-size: 2rem;
  }
  .hero-description[b-9yui3o3yyb] {
    font-size: 1rem;
  }
  .category-header[b-9yui3o3yyb] {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .category-icon[b-9yui3o3yyb] {
    width: 56px;
    height: 56px;
    min-width: 56px;
  }
  .category-icon i[b-9yui3o3yyb] {
    font-size: 1.5rem;
  }
  .category-title[b-9yui3o3yyb] {
    font-size: 1.75rem;
  }
  .feature-item[b-9yui3o3yyb] {
    padding: 1.5rem;
  }
  .feature-item-header[b-9yui3o3yyb] {
    flex-direction: column;
    align-items: flex-start;
  }
  .feature-name[b-9yui3o3yyb] {
    font-size: 1.25rem;
  }
  .stats-title[b-9yui3o3yyb] {
    font-size: 1.75rem;
  }
  .stats-description[b-9yui3o3yyb] {
    font-size: 1rem;
  }
  .cta-title[b-9yui3o3yyb] {
    font-size: 1.75rem;
  }
  .cta-description[b-9yui3o3yyb] {
    font-size: 1rem;
  }
  .cta-buttons[b-9yui3o3yyb] {
    flex-direction: column;
    align-items: center;
  }
  .cta-buttons .btn[b-9yui3o3yyb] {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .features-hero[b-9yui3o3yyb] {
    padding: 2rem 0 1.5rem;
  }
  .hero-badge[b-9yui3o3yyb] {
    font-size: 0.8rem;
    padding: 0.4rem 0.85rem;
  }
  .hero-title[b-9yui3o3yyb] {
    font-size: 1.75rem;
  }
  .hero-description[b-9yui3o3yyb] {
    font-size: 0.95rem;
  }
  .feature-category[b-9yui3o3yyb] {
    margin-bottom: 3rem;
  }
  .category-header[b-9yui3o3yyb] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }
  .category-icon[b-9yui3o3yyb] {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }
  .category-icon i[b-9yui3o3yyb] {
    font-size: 1.25rem;
  }
  .category-title[b-9yui3o3yyb] {
    font-size: 1.5rem;
  }
  .category-description[b-9yui3o3yyb] {
    font-size: 0.9rem;
  }
  .feature-item[b-9yui3o3yyb] {
    padding: 1.25rem;
  }
  .feature-icon-small[b-9yui3o3yyb] {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .feature-icon-small i[b-9yui3o3yyb] {
    font-size: 1rem;
  }
  .feature-name[b-9yui3o3yyb] {
    font-size: 1.125rem;
  }
  .feature-description[b-9yui3o3yyb] {
    font-size: 0.9rem;
  }
  .highlight-item[b-9yui3o3yyb] {
    font-size: 0.85rem;
  }
  .highlight-item i[b-9yui3o3yyb] {
    font-size: 0.9rem;
  }
  .use-cases-list li[b-9yui3o3yyb] {
    font-size: 0.85rem;
  }
  .stat-card[b-9yui3o3yyb] {
    padding: 1.5rem 1rem;
  }
  .stat-icon[b-9yui3o3yyb] {
    width: 48px;
    height: 48px;
  }
  .stat-icon i[b-9yui3o3yyb] {
    font-size: 1.25rem;
  }
  .stat-number[b-9yui3o3yyb] {
    font-size: 1.75rem;
  }
  .stat-label[b-9yui3o3yyb] {
    font-size: 0.8rem;
  }
  .features-stats[b-9yui3o3yyb] {
    padding: 3rem 0;
  }
  .features-cta[b-9yui3o3yyb] {
    padding: 3rem 0;
  }
  .cta-title[b-9yui3o3yyb] {
    font-size: 1.5rem;
  }
  .cta-description[b-9yui3o3yyb] {
    font-size: 0.95rem;
  }
}
/* Smooth scrolling */
html[b-9yui3o3yyb] {
  scroll-behavior: smooth;
}

/* Focus states for accessibility */
.btn:focus[b-9yui3o3yyb] {
  outline: 2px solid #5865f2;
  outline-offset: 2px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ===== HERO SECTION ===== */
.hero-section[b-34o63cul01] {
  position: relative;
  padding: 6rem 0 4rem;
  background: var(--bs-body-bg);
}

.hero-background[b-34o63cul01] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at top, rgba(88, 101, 242, 0.08) 0%, transparent 50%), radial-gradient(ellipse at bottom, rgba(88, 101, 242, 0.05) 0%, transparent 50%);
  z-index: 0;
}

.hero-content[b-34o63cul01] {
  position: relative;
  z-index: 1;
  padding: 2rem 0;
}

/* Hero Badge */
.hero-badge[b-34o63cul01] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(88, 101, 242, 0.1);
  border: 1px solid rgba(88, 101, 242, 0.2);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-bottom: 2rem;
}

.badge-dot[b-34o63cul01] {
  width: 8px;
  height: 8px;
  background: #5865f2;
  border-radius: 50%;
  animation: pulse-b-34o63cul01 2s ease-in-out infinite;
}

@keyframes pulse-b-34o63cul01 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
}
/* Hero Title */
.hero-title[b-34o63cul01] {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: var(--bs-body-color);
}

.brand-highlight[b-34o63cul01] {
  background: linear-gradient(135deg, #5865f2 0%, #7289da 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

/* Hero Description */
.hero-description[b-34o63cul01] {
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--bs-secondary-color);
  margin-bottom: 2.5rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* Hero CTA */
.hero-cta[b-34o63cul01] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.hero-cta-secondary[b-34o63cul01] {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

.btn-outline[b-34o63cul01] {
  background: transparent;
  color: var(--bs-body-color);
  border: 2px solid rgba(88, 101, 242, 0.3);
}
.btn-outline:hover[b-34o63cul01] {
  background: rgba(88, 101, 242, 0.1);
  border-color: rgba(88, 101, 242, 0.5);
  transform: translateY(-2px);
  color: var(--bs-body-color);
}
.btn-outline:active[b-34o63cul01] {
  transform: translateY(0);
}

.btn[b-34o63cul01] {
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  border: none;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  white-space: nowrap;
}

.btn-primary[b-34o63cul01] {
  background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
  color: white;
  box-shadow: 0 4px 20px rgba(88, 101, 242, 0.3);
}
.btn-primary:hover[b-34o63cul01] {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(88, 101, 242, 0.4);
  background: linear-gradient(135deg, #4752c4 0%, #5865f2 100%);
  color: white;
}
.btn-primary:active[b-34o63cul01] {
  transform: translateY(0);
}

.btn-secondary[b-34o63cul01] {
  background: rgba(88, 101, 242, 0.1);
  color: var(--bs-body-color);
  border: 2px solid rgba(88, 101, 242, 0.2);
}
.btn-secondary:hover[b-34o63cul01] {
  background: rgba(88, 101, 242, 0.15);
  border-color: rgba(88, 101, 242, 0.3);
  transform: translateY(-2px);
  color: var(--bs-body-color);
}
.btn-secondary:active[b-34o63cul01] {
  transform: translateY(0);
}

/* Hero Trust Indicators */
.hero-trust[b-34o63cul01] {
  display: flex;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.trust-item[b-34o63cul01] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--bs-secondary-color);
  font-size: 0.9rem;
  font-weight: 500;
}
.trust-item i[b-34o63cul01] {
  color: #4ecdc4;
  font-size: 1rem;
}

/* Stats Grid */
.stats-grid[b-34o63cul01] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.stat-card[b-34o63cul01] {
  background: rgba(88, 101, 242, 0.05);
  border: 1px solid rgba(88, 101, 242, 0.1);
  border-radius: 16px;
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.stat-card[b-34o63cul01]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #5865f2, #7289da);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.stat-card:hover[b-34o63cul01] {
  background: rgba(88, 101, 242, 0.08);
  border-color: rgba(88, 101, 242, 0.2);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(88, 101, 242, 0.15);
}
.stat-card:hover[b-34o63cul01]::before {
  transform: scaleX(1);
}

.stat-icon[b-34o63cul01] {
  width: 56px;
  height: 56px;
  background: var(--accent, #5865f2);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent, #5865f2) 30%, transparent);
}
.stat-icon i[b-34o63cul01] {
  font-size: 1.5rem;
  color: var(--icon-color, white);
}

.stat-content[b-34o63cul01] {
  width: 100%;
}

.stat-number[b-34o63cul01] {
  font-size: 2rem;
  font-weight: 800;
  color: var(--bs-body-color);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.stat-label[b-34o63cul01] {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ===== FEATURES SECTION ===== */
.features-section[b-34o63cul01] {
  padding: 6rem 0;
  background: linear-gradient(180deg, var(--bs-body-bg) 0%, rgba(88, 101, 242, 0.02) 50%, var(--bs-body-bg) 100%);
}

/* Commands Overview Section */
.commands-section[b-34o63cul01] {
  padding: 6rem 0;
  background: linear-gradient(180deg, var(--bs-body-bg) 0%, rgba(78, 205, 196, 0.02) 50%, var(--bs-body-bg) 100%);
}

.command-category-card[b-34o63cul01] {
  background: var(--glass-bg);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  padding: 0;
  height: 100%;
  transition: all 0.4s ease;
  overflow: hidden;
}
.command-category-card:hover[b-34o63cul01] {
  transform: translateY(-5px);
  box-shadow: var(--hover-shadow);
  border-color: rgba(88, 101, 242, 0.4);
}

.category-header[b-34o63cul01] {
  display: flex;
  align-items: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent, #5865f2) 10%, transparent), color-mix(in srgb, var(--accent, #5865f2) 5%, transparent));
  border-bottom: 1px solid var(--glass-border);
}

.category-icon[b-34o63cul01] {
  width: 60px;
  height: 60px;
  background: var(--accent, #5865f2);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--accent, #5865f2) 30%, transparent);
}
.category-icon i[b-34o63cul01] {
  font-size: 1.5rem;
  color: var(--icon-color, white);
}

.category-info[b-34o63cul01] {
  flex: 1;
}

.category-title[b-34o63cul01] {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin: 0;
}

.command-count[b-34o63cul01] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  font-weight: 600;
}

.category-body[b-34o63cul01] {
  padding: 1.5rem;
}

.category-description[b-34o63cul01] {
  color: var(--bs-secondary-color);
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

.command-list[b-34o63cul01] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.command-item[b-34o63cul01] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: rgba(88, 101, 242, 0.05);
  border-radius: 10px;
  transition: all 0.3s ease;
}
.command-item:hover[b-34o63cul01] {
  background: rgba(88, 101, 242, 0.1);
  transform: translateX(5px);
}
.command-item code[b-34o63cul01] {
  background: rgba(88, 101, 242, 0.2);
  color: #a8b1ff;
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9rem;
  font-family: "Courier New", monospace;
}
.command-item span[b-34o63cul01] {
  color: var(--bs-secondary-color);
  font-size: 0.9rem;
  text-align: right;
}

.commands-note[b-34o63cul01] {
  color: var(--bs-secondary-color);
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}
.commands-note i[b-34o63cul01] {
  color: #5865f2;
}

.section-header[b-34o63cul01] {
  margin-bottom: 3rem;
}

.section-title[b-34o63cul01] {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--bs-body-color);
  text-shadow: var(--text-shadow);
  margin-bottom: 1rem;
}

.section-subtitle[b-34o63cul01] {
  font-size: 1.2rem;
  color: var(--bs-secondary-color);
  max-width: 600px;
  margin: 0 auto;
}

/* Feature Cards */
.feature-card[b-34o63cul01] {
  background: var(--glass-bg);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  padding: 2rem;
  height: 100%;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}
.feature-card[b-34o63cul01]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--accent, #5865f2);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}
.feature-card:hover[b-34o63cul01] {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--accent, #5865f2) 15%, transparent);
  border-color: rgba(88, 101, 242, 0.4);
}
.feature-card:hover[b-34o63cul01]::before {
  transform: scaleX(1);
}

.feature-icon[b-34o63cul01] {
  width: 80px;
  height: 80px;
  background: var(--accent, #5865f2);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  box-shadow: 0 10px 25px color-mix(in srgb, var(--accent, #5865f2) 30%, transparent);
}
.feature-icon i[b-34o63cul01] {
  font-size: 2rem;
  color: var(--icon-color, white);
}

.feature-title[b-34o63cul01] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 1rem;
}

.feature-description[b-34o63cul01] {
  color: var(--bs-secondary-color);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.feature-highlights[b-34o63cul01] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.highlight-tag[b-34o63cul01] {
  background: color-mix(in srgb, var(--accent, #5865f2) 10%, transparent);
  color: var(--accent, #5865f2);
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid color-mix(in srgb, var(--accent, #5865f2) 20%, transparent);
}

/* CTA Section */
.cta-section[b-34o63cul01] {
  padding: 6rem 0;
  background: var(--dark-gradient);
  position: relative;
}
.cta-section[b-34o63cul01]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 30% 50%, rgba(88, 101, 242, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 50%, rgba(78, 205, 196, 0.1) 0%, transparent 50%);
}

.cta-content[b-34o63cul01] {
  position: relative;
  z-index: 2;
}

.cta-title[b-34o63cul01] {
  font-size: 2.5rem;
  font-weight: 700;
  color: white;
  margin-bottom: 1.5rem;
  text-shadow: var(--text-shadow);
}

.cta-description[b-34o63cul01] {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 2.5rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.cta-features[b-34o63cul01] {
  margin-bottom: 2rem;
}

.cta-feature-item[b-34o63cul01] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  font-size: 1rem;
}
.cta-feature-item i[b-34o63cul01] {
  color: #4ecdc4;
  font-size: 1.2rem;
}

.cta-actions[b-34o63cul01] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.cta-actions .cta-note[b-34o63cul01] {
  width: 100%;
  justify-content: center;
}

.cta-note[b-34o63cul01] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
}

/* Footer */
.footer-section[b-34o63cul01] {
  background: #1e2124;
  color: #b9bbbe;
  padding: 3rem 0 1rem;
}

.footer-brand[b-34o63cul01] {
  margin-bottom: 2rem;
}

.brand-logo[b-34o63cul01] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.brand-name[b-34o63cul01] {
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
}

.brand-description[b-34o63cul01] {
  color: #b9bbbe;
  line-height: 1.6;
}

.footer-links[b-34o63cul01] {
  margin-bottom: 2rem;
}

.footer-title[b-34o63cul01] {
  color: white;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.link-list[b-34o63cul01] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.link-list li[b-34o63cul01] {
  margin-bottom: 0.5rem;
}
.link-list a[b-34o63cul01] {
  color: #b9bbbe;
  text-decoration: none;
  transition: color 0.3s ease;
}
.link-list a:hover[b-34o63cul01] {
  color: #5865f2;
}

.social-links[b-34o63cul01] {
  display: flex;
  gap: 1rem;
}

.social-link[b-34o63cul01] {
  width: 40px;
  height: 40px;
  background: rgba(88, 101, 242, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b9bbbe;
  text-decoration: none;
  transition: all 0.3s ease;
}
.social-link:hover[b-34o63cul01] {
  background: #5865f2;
  color: white;
  transform: translateY(-2px);
}

.footer-bottom[b-34o63cul01] {
  border-top: 1px solid #36393f;
  padding-top: 2rem;
  margin-top: 2rem;
}

.copyright[b-34o63cul01],
.powered-by[b-34o63cul01] {
  margin: 0;
  color: #72767d;
  font-size: 0.9rem;
}

/* Animations */
@keyframes fadeInUp-b-34o63cul01 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1200px) {
  .stats-grid[b-34o63cul01] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .hero-section[b-34o63cul01] {
    padding: 4rem 0 3rem;
  }
  .hero-title[b-34o63cul01] {
    font-size: 2.75rem;
  }
  .hero-description[b-34o63cul01] {
    font-size: 1.125rem;
  }
  .section-title[b-34o63cul01] {
    font-size: 2rem;
  }
  .cta-title[b-34o63cul01] {
    font-size: 2rem;
  }
  .command-item[b-34o63cul01] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .command-item span[b-34o63cul01] {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .hero-section[b-34o63cul01] {
    padding: 3rem 0 2rem;
  }
  .hero-title[b-34o63cul01] {
    font-size: 2.25rem;
  }
  .hero-description[b-34o63cul01] {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
  .hero-cta[b-34o63cul01] {
    flex-direction: column;
  }
  .btn[b-34o63cul01] {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
  .hero-trust[b-34o63cul01] {
    gap: 1rem;
  }
  .trust-item[b-34o63cul01] {
    font-size: 0.85rem;
  }
  .stats-grid[b-34o63cul01] {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .stat-card[b-34o63cul01] {
    padding: 1.5rem 1rem;
  }
  .stat-icon[b-34o63cul01] {
    width: 48px;
    height: 48px;
  }
  .stat-icon i[b-34o63cul01] {
    font-size: 1.25rem;
  }
  .stat-number[b-34o63cul01] {
    font-size: 1.75rem;
  }
  .stat-label[b-34o63cul01] {
    font-size: 0.8rem;
  }
  .cta-actions[b-34o63cul01] {
    flex-direction: column;
    align-items: stretch;
  }
  .cta-actions .btn[b-34o63cul01] {
    width: 100%;
  }
  .commands-section[b-34o63cul01],
  .features-section[b-34o63cul01] {
    padding: 4rem 0;
  }
  .cta-feature-item[b-34o63cul01] {
    font-size: 0.9rem;
  }
}
@media (max-width: 576px) {
  .hero-section[b-34o63cul01] {
    padding: 2rem 0 1.5rem;
  }
  .hero-badge[b-34o63cul01] {
    font-size: 0.8rem;
    padding: 0.4rem 0.85rem;
    margin-bottom: 1.5rem;
  }
  .hero-title[b-34o63cul01] {
    font-size: 1.875rem;
    margin-bottom: 1rem;
  }
  .hero-description[b-34o63cul01] {
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
  }
  .btn[b-34o63cul01] {
    padding: 0.875rem 1.5rem;
    font-size: 0.95rem;
  }
  .hero-trust[b-34o63cul01] {
    flex-direction: column;
    gap: 0.75rem;
  }
  .stats-grid[b-34o63cul01] {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .features-section[b-34o63cul01],
  .cta-section[b-34o63cul01] {
    padding: 3rem 0;
  }
  .feature-card[b-34o63cul01] {
    padding: 1.5rem;
  }
  .command-category-card[b-34o63cul01] {
    margin-bottom: 1rem;
  }
  .category-header[b-34o63cul01] {
    flex-direction: column;
    text-align: center;
  }
  .category-icon[b-34o63cul01] {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
/* Smooth scrolling */
html[b-34o63cul01] {
  scroll-behavior: smooth;
}

/* Focus states for accessibility */
.btn:focus[b-34o63cul01],
.social-link:focus[b-34o63cul01],
.link-list a:focus[b-34o63cul01] {
  outline: 2px solid #5865f2;
  outline-offset: 2px;
}

/* Dark mode enhancements */
@media (prefers-color-scheme: dark) {
  .command-category-card[b-34o63cul01] {
    background: rgba(88, 101, 242, 0.15);
    border-color: rgba(88, 101, 242, 0.3);
  }
  .feature-card[b-34o63cul01] {
    background: rgba(88, 101, 242, 0.12);
    border-color: rgba(88, 101, 242, 0.25);
  }
}
/* /Components/Pages/Leaderboard/Index.razor.rz.scp.css */
.error-card[b-a22nvpxeh0] {
  background: linear-gradient(135deg, #1A1A2E 0%, rgba(42, 42, 62, 0.95) 100%);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 3rem 2rem;
  text-align: center;
  border: 2px solid rgba(220, 53, 69, 0.3);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  animation: fadeInUp-b-a22nvpxeh0 0.6s ease-out;
}
.error-card .error-icon[b-a22nvpxeh0] {
  font-size: 4rem;
  color: #dc3545;
  margin-bottom: 1.5rem;
  animation: pulse-b-a22nvpxeh0 2s ease-in-out infinite;
}
.error-card .error-icon i[b-a22nvpxeh0] {
  filter: drop-shadow(0 0 20px rgba(220, 53, 69, 0.5));
}
.error-card .error-title[b-a22nvpxeh0] {
  font-size: 2rem;
  font-weight: 700;
  color: #E8E8F0;
  margin-bottom: 1rem;
}
.error-card .error-message[b-a22nvpxeh0] {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.2);
  border-radius: 12px;
  padding: 1.25rem;
  margin-bottom: 2rem;
}
.error-card .error-message p[b-a22nvpxeh0] {
  color: #A0A0B8;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.6;
}
.error-card .btn-primary[b-a22nvpxeh0] {
  background: linear-gradient(135deg, #5865F2, #4752C4);
  border: none;
  padding: 0.875rem 2rem;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.error-card .btn-primary:hover[b-a22nvpxeh0] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.5);
}
.error-card .btn-primary:active[b-a22nvpxeh0] {
  transform: translateY(0);
}

@keyframes pulse-b-a22nvpxeh0 {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.back-navigation[b-a22nvpxeh0] {
  margin-bottom: 1rem;
}
.back-navigation .btn-outline-secondary[b-a22nvpxeh0] {
  background: rgba(88, 101, 242, 0.08);
  border: 2px solid rgba(88, 101, 242, 0.2);
  color: var(--discord-blurple);
  border-radius: 12px;
  padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.back-navigation .btn-outline-secondary[b-a22nvpxeh0]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(88, 101, 242, 0.1), transparent);
  transition: left 0.6s ease;
}
.back-navigation .btn-outline-secondary:hover[b-a22nvpxeh0] {
  background: rgba(88, 101, 242, 0.15);
  border-color: rgba(88, 101, 242, 0.4);
  color: var(--discord-blurple);
  transform: translateX(-3px) translateY(-2px);
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.2);
}
.back-navigation .btn-outline-secondary:hover[b-a22nvpxeh0]::before {
  left: 100%;
}
.back-navigation .btn-outline-secondary:hover i[b-a22nvpxeh0] {
  transform: translateX(-3px);
}
.back-navigation .btn-outline-secondary:active[b-a22nvpxeh0] {
  transform: translateX(-1px) translateY(-1px);
}
.back-navigation .btn-outline-secondary i[b-a22nvpxeh0] {
  transition: transform 0.3s ease;
  margin-right: 0.5rem;
}

@media (max-width: 768px) {
  .back-navigation .btn-outline-secondary[b-a22nvpxeh0] {
    padding: 0.625rem 1rem;
    font-size: 0.9rem;
  }
}
.leaderboard-bg[b-a22nvpxeh0] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  background: linear-gradient(135deg, #0F0F1A 0%, #1a1a3e 50%, #181825 100%);
}
.leaderboard-bg .floating-particles[b-a22nvpxeh0] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, rgba(88, 101, 242, 0.15) 2px, transparent 2px);
  background-size: 60px 60px;
  animation: float-particles-b-a22nvpxeh0 25s linear infinite;
  opacity: 0.4;
}
.leaderboard-bg .gradient-overlay[b-a22nvpxeh0] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at top, rgba(88, 101, 242, 0.1) 0%, transparent 50%);
}

@keyframes float-particles-b-a22nvpxeh0 {
  0% {
    transform: translateY(0) translateX(0);
  }
  100% {
    transform: translateY(-60px) translateX(30px);
  }
}
.hero-section[b-a22nvpxeh0] {
  padding: 2.5rem 0 2rem;
  position: relative;
}
.hero-section .hero-content[b-a22nvpxeh0] {
  position: relative;
  z-index: 1;
}
.hero-section .guild-avatar-wrapper[b-a22nvpxeh0] {
  display: inline-block;
  position: relative;
}
.hero-section .guild-avatar-wrapper .guild-avatar[b-a22nvpxeh0] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #5865F2;
  box-shadow: 0 6px 24px rgba(88, 101, 242, 0.3);
  background: #1A1A2E;
  transition: all 0.3s ease;
}
.hero-section .guild-avatar-wrapper .guild-avatar:hover[b-a22nvpxeh0] {
  transform: scale(1.05);
  box-shadow: 0 8px 32px rgba(88, 101, 242, 0.4);
}
.hero-section .guild-avatar-wrapper .guild-avatar-placeholder[b-a22nvpxeh0] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #5865F2;
  background: linear-gradient(135deg, #1A1A2E, #181825);
}
.hero-section .hero-title[b-a22nvpxeh0] {
  font-size: 2rem;
  font-weight: 800;
  animation: fadeInUp-b-a22nvpxeh0 0.6s ease-out 0.1s both;
  line-height: 1.2;
}
.hero-section .hero-title .guild-name[b-a22nvpxeh0] {
  display: block;
  background: linear-gradient(135deg, #E8E8F0 0%, #5865F2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-section .hero-title .leaderboard-text[b-a22nvpxeh0] {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  color: #A0A0B8;
  margin-top: 0.25rem;
}
.hero-section .hero-description[b-a22nvpxeh0] {
  font-size: 0.95rem;
  color: #A0A0B8;
  max-width: 500px;
  margin: 0 auto 1.5rem;
}
.hero-section .auth-notice[b-a22nvpxeh0] {
  animation: fadeInUp-b-a22nvpxeh0 0.6s ease-out 0.3s both;
}
.hero-section .auth-notice .notice-content[b-a22nvpxeh0] {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  background: rgba(88, 101, 242, 0.1);
  backdrop-filter: blur(20px);
  padding: 1rem 2rem;
  border-radius: 50px;
  border: 1px solid rgba(88, 101, 242, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  color: #E8E8F0;
  font-weight: 500;
}
.hero-section .auth-notice .notice-content i[b-a22nvpxeh0] {
  color: #FFC107;
  font-size: 1.2rem;
  filter: drop-shadow(0 0 8px rgba(255, 193, 7, 0.5));
}
.hero-section .auth-notice .notice-content .auth-link[b-a22nvpxeh0] {
  color: white;
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  background: #5865F2;
  border-radius: 25px;
  transition: all 0.3s ease;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.hero-section .auth-notice .notice-content .auth-link:hover[b-a22nvpxeh0] {
  background: #6b75ff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.5);
}

.tabs-section[b-a22nvpxeh0] {
  padding: 1rem 0 0.75rem;
  position: relative;
  z-index: 1;
}
.tabs-section .leaderboard-tabs[b-a22nvpxeh0] {
  display: flex;
  gap: 0.5rem;
  background: rgba(26, 26, 46, 0.6);
  backdrop-filter: blur(20px);
  padding: 0.4rem;
  border-radius: 10px;
  border: 1.5px solid rgba(88, 101, 242, 0.12);
}
.tabs-section .leaderboard-tabs .tab-btn[b-a22nvpxeh0] {
  flex: 1;
  background: transparent;
  border: none;
  color: #A0A0B8;
  padding: 0.6rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs-section .leaderboard-tabs .tab-btn .fa-trophy[b-a22nvpxeh0] {
  color: #f59e0b;
}
.tabs-section .leaderboard-tabs .tab-btn .fa-star[b-a22nvpxeh0] {
  color: #8b5cf6;
}
.tabs-section .leaderboard-tabs .tab-btn .fa-fire[b-a22nvpxeh0] {
  color: #ef4444;
}
.tabs-section .leaderboard-tabs .tab-btn:hover:not(:disabled)[b-a22nvpxeh0] {
  color: #E8E8F0;
  background: rgba(88, 101, 242, 0.08);
}
.tabs-section .leaderboard-tabs .tab-btn.active[b-a22nvpxeh0] {
  background: linear-gradient(135deg, #5865F2, #4752C4);
  color: white;
  box-shadow: 0 2px 8px rgba(88, 101, 242, 0.3);
}
.tabs-section .leaderboard-tabs .tab-btn.active .fa-trophy[b-a22nvpxeh0], .tabs-section .leaderboard-tabs .tab-btn.active .fa-star[b-a22nvpxeh0], .tabs-section .leaderboard-tabs .tab-btn.active .fa-fire[b-a22nvpxeh0] {
  color: white;
}
.tabs-section .leaderboard-tabs .tab-btn:disabled[b-a22nvpxeh0] {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .tabs-section .leaderboard-tabs[b-a22nvpxeh0] {
    flex-direction: row;
    gap: 0.35rem;
  }
  .tabs-section .leaderboard-tabs .tab-btn[b-a22nvpxeh0] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
}
@media (max-width: 576px) {
  .tabs-section[b-a22nvpxeh0] {
    padding: 0.75rem 0 0.5rem;
  }
  .tabs-section .leaderboard-tabs[b-a22nvpxeh0] {
    padding: 0.3rem;
  }
  .tabs-section .leaderboard-tabs .tab-btn[b-a22nvpxeh0] {
    padding: 0.45rem 0.5rem;
    font-size: 0.75rem;
  }
  .tabs-section .leaderboard-tabs .tab-btn i[b-a22nvpxeh0] {
    margin-right: 0.25rem !important;
  }
}
.podium-section[b-a22nvpxeh0] {
  animation: fadeInUp-b-a22nvpxeh0 0.8s ease-out 0.4s both;
}
.podium-section .podium-card[b-a22nvpxeh0] {
  --entry-accent: #5865F2;
  --entry-ring: #5865F2;
  --entry-progress: linear-gradient(90deg, #5865F2, #7289DA);
  --entry-glow: rgba(88, 101, 242, 0.45);
  background: linear-gradient(135deg, #1A1A2E 0%, rgba(42, 42, 62, 0.95) 100%);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 2rem 1.5rem;
  text-align: center;
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(88, 101, 242, 0.2);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
.podium-section .podium-card:hover[b-a22nvpxeh0] {
  transform: translateY(-12px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
  border-color: rgba(88, 101, 242, 0.4);
}
.podium-section .podium-card .podium-rank[b-a22nvpxeh0] {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 800;
  color: white;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
  border: 3px solid #1A1A2E;
}
.podium-section .podium-card .podium-avatar-wrapper[b-a22nvpxeh0] {
  position: relative;
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.podium-section .podium-card .podium-avatar-wrapper .podium-avatar[b-a22nvpxeh0] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 4px solid var(--entry-ring);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 18px var(--entry-glow);
  position: relative;
  z-index: 2;
  background: #181825;
}
.podium-section .podium-card .podium-avatar-wrapper .podium-glow[b-a22nvpxeh0] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  border-radius: 50%;
  z-index: 1;
  filter: blur(12px);
  opacity: 0.28;
  background: var(--entry-accent);
}
.podium-section .podium-card .podium-name[b-a22nvpxeh0] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #E8E8F0;
  margin-bottom: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.podium-section .podium-card .podium-stats[b-a22nvpxeh0] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0.75rem;
}
.podium-section .podium-card .podium-stats .podium-level[b-a22nvpxeh0] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--entry-accent);
  text-shadow: 0 0 10px var(--entry-glow);
}
.podium-section .podium-card .podium-stats .podium-exp[b-a22nvpxeh0] {
  font-size: 0.95rem;
  color: #A0A0B8;
  font-weight: 600;
}
.podium-section .podium-card .podium-progress .podium-progress-bar[b-a22nvpxeh0] {
  height: 10px;
  background: color-mix(in srgb, var(--entry-accent) 15%, transparent);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--entry-accent) 25%, transparent);
}
.podium-section .podium-card .podium-progress .podium-progress-bar .podium-progress-fill[b-a22nvpxeh0] {
  height: 100%;
  border-radius: 10px;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  background: var(--entry-progress);
  box-shadow: 0 0 15px var(--entry-glow);
}
.podium-section .podium-card .podium-progress .podium-progress-bar .podium-progress-fill[b-a22nvpxeh0]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: shimmer-b-a22nvpxeh0 2.5s infinite;
}
.podium-section .podium-card .podium-progress .podium-progress-text[b-a22nvpxeh0] {
  font-size: 0.75rem;
  color: #6B6B80;
  margin-top: 0.5rem;
}
.podium-section .podium-card.gold-podium[b-a22nvpxeh0] {
  border-color: rgba(255, 193, 7, 0.4);
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.08) 0%, #1A1A2E 100%);
  padding-top: 2.5rem;
}
.podium-section .podium-card.gold-podium .podium-rank[b-a22nvpxeh0] {
  background: linear-gradient(135deg, #FFC107, #FFA000);
  box-shadow: 0 6px 20px rgba(255, 193, 7, 0.5);
}
.podium-section .podium-card.gold-podium .podium-avatar[b-a22nvpxeh0] {
  border-color: rgba(255, 193, 7, 0.5) !important;
}
.podium-section .podium-card.gold-podium .gold-glow[b-a22nvpxeh0] {
  background: #FFC107;
}
.podium-section .podium-card.gold-podium .gold-progress[b-a22nvpxeh0] {
  background: linear-gradient(90deg, #FFA000, #FFC107, #FFD54F);
}
.podium-section .podium-card.gold-podium.champion[b-a22nvpxeh0] {
  transform: scale(1.05);
  z-index: 10;
  box-shadow: 0 10px 30px rgba(255, 193, 7, 0.2);
}
.podium-section .podium-card.gold-podium.champion:hover[b-a22nvpxeh0] {
  transform: scale(1.05) translateY(-12px);
}
.podium-section .podium-card.silver-podium[b-a22nvpxeh0] {
  border-color: rgba(176, 190, 197, 0.3);
  background: linear-gradient(135deg, rgba(176, 190, 197, 0.06) 0%, #1A1A2E 100%);
  margin-top: 1.5rem;
}
.podium-section .podium-card.silver-podium .podium-rank[b-a22nvpxeh0] {
  background: linear-gradient(135deg, #B0BEC5, #90A4AE);
  box-shadow: 0 6px 20px rgba(176, 190, 197, 0.4);
}
.podium-section .podium-card.silver-podium .podium-avatar[b-a22nvpxeh0] {
  border-color: rgba(176, 190, 197, 0.4) !important;
}
.podium-section .podium-card.silver-podium .silver-glow[b-a22nvpxeh0] {
  background: #B0BEC5;
}
.podium-section .podium-card.silver-podium .silver-progress[b-a22nvpxeh0] {
  background: linear-gradient(90deg, #90A4AE, #B0BEC5, #CFD8DC);
}
.podium-section .podium-card.bronze-podium[b-a22nvpxeh0] {
  border-color: rgba(255, 138, 101, 0.3);
  background: linear-gradient(135deg, rgba(255, 138, 101, 0.06) 0%, #1A1A2E 100%);
  margin-top: 2.5rem;
}
.podium-section .podium-card.bronze-podium .podium-rank[b-a22nvpxeh0] {
  background: linear-gradient(135deg, #FF8A65, #E64A19);
  box-shadow: 0 6px 20px rgba(255, 138, 101, 0.4);
}
.podium-section .podium-card.bronze-podium .podium-avatar[b-a22nvpxeh0] {
  border-color: rgba(255, 138, 101, 0.4) !important;
}
.podium-section .podium-card.bronze-podium .bronze-glow[b-a22nvpxeh0] {
  background: #FF8A65;
}
.podium-section .podium-card.bronze-podium .bronze-progress[b-a22nvpxeh0] {
  background: linear-gradient(90deg, #E64A19, #FF8A65, #FFAB91);
}
.podium-section .podium-card.style-neon .podium-avatar[b-a22nvpxeh0] {
  border-color: rgba(0, 255, 204, 0.55) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 18px rgba(0, 255, 136, 0.35);
}
.podium-section .podium-card.style-neon .podium-glow[b-a22nvpxeh0] {
  background: #00ff88 !important;
  opacity: 0.28;
}
.podium-section .podium-card.style-neon .podium-stats .podium-level[b-a22nvpxeh0] {
  color: #00ff88;
  text-shadow: 0 0 12px rgba(0, 255, 204, 0.55);
}
.podium-section .podium-card.style-neon .podium-progress-bar[b-a22nvpxeh0] {
  background: rgba(0, 255, 136, 0.12);
  border-color: rgba(0, 255, 204, 0.28);
}
.podium-section .podium-card.style-neon .podium-progress-fill[b-a22nvpxeh0] {
  background: linear-gradient(90deg, #00cc6a, #00ff88, #00ffcc) !important;
  box-shadow: 0 0 15px rgba(0, 255, 136, 0.55);
}
.podium-section .podium-card.style-cosmic .podium-avatar[b-a22nvpxeh0] {
  border-color: rgba(155, 89, 182, 0.55) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 20px rgba(99, 203, 255, 0.25);
}
.podium-section .podium-card.style-cosmic .podium-glow[b-a22nvpxeh0] {
  background: #9b59b6 !important;
  opacity: 0.3;
}
.podium-section .podium-card.style-cosmic .podium-stats .podium-level[b-a22nvpxeh0] {
  color: #c9d7ff;
  text-shadow: 0 0 12px rgba(155, 89, 182, 0.55);
}
.podium-section .podium-card.style-cosmic .podium-progress-bar[b-a22nvpxeh0] {
  background: rgba(155, 89, 182, 0.14);
  border-color: rgba(99, 203, 255, 0.22);
}
.podium-section .podium-card.style-cosmic .podium-progress-fill[b-a22nvpxeh0] {
  background: linear-gradient(90deg, #6c3483, #9b59b6, #63cbff) !important;
  box-shadow: 0 0 15px rgba(155, 89, 182, 0.5);
}
.podium-section .podium-card.style-regal .podium-avatar[b-a22nvpxeh0] {
  border-color: rgba(240, 216, 155, 0.65) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 16px rgba(214, 182, 109, 0.4);
}
.podium-section .podium-card.style-regal .podium-glow[b-a22nvpxeh0] {
  background: #d4ac0d !important;
  opacity: 0.28;
}
.podium-section .podium-card.style-regal .podium-stats .podium-level[b-a22nvpxeh0] {
  color: #e6dbc0;
  text-shadow: 0 0 10px rgba(212, 172, 13, 0.45);
}
.podium-section .podium-card.style-regal .podium-progress-bar[b-a22nvpxeh0] {
  background: rgba(212, 172, 13, 0.12);
  border-color: rgba(240, 216, 155, 0.28);
}
.podium-section .podium-card.style-regal .podium-progress-fill[b-a22nvpxeh0] {
  background: linear-gradient(90deg, #8f692e, #d4ac0d, #f0d89b) !important;
  box-shadow: 0 0 15px rgba(212, 172, 13, 0.45);
}

.leaderboard-section[b-a22nvpxeh0] {
  padding: 3rem 0 5rem;
  position: relative;
}
.leaderboard-section .section-header[b-a22nvpxeh0] {
  animation: fadeInUp-b-a22nvpxeh0 0.6s ease-out;
}
.leaderboard-section .section-header .section-title[b-a22nvpxeh0] {
  font-size: 2rem;
  font-weight: 700;
  color: #E8E8F0;
  text-align: center;
  text-shadow: 0 2px 20px rgba(88, 101, 242, 0.4);
}
.leaderboard-section .section-header .section-title i[b-a22nvpxeh0] {
  color: #FFC107;
  filter: drop-shadow(0 0 10px rgba(255, 193, 7, 0.6));
}
.leaderboard-section .leaderboard-list[b-a22nvpxeh0] {
  background: rgba(26, 26, 46, 0.6);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 2rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(88, 101, 242, 0.15);
  animation: fadeInUp-b-a22nvpxeh0 0.8s ease-out;
}
.leaderboard-section .leaderboard-entry[b-a22nvpxeh0] {
  --entry-accent: #5865F2;
  --entry-ring: #5865F2;
  --entry-progress: linear-gradient(90deg, #5865F2, #7289DA);
  --entry-glow: rgba(88, 101, 242, 0.45);
  --entry-track: rgba(88, 101, 242, 0.15);
  --entry-track-border: rgba(88, 101, 242, 0.2);
  --entry-badge-bg: linear-gradient(135deg, #5865F2, #4752C4);
  --entry-badge-text: #ffffff;
  background: #1A1A2E;
  border-radius: 10px;
  padding: 1rem 1.25rem;
  margin-bottom: 0.5rem;
  border: 1.5px solid color-mix(in srgb, var(--entry-accent) 18%, transparent);
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.leaderboard-section .leaderboard-entry[b-a22nvpxeh0]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--entry-progress);
  opacity: 0.55;
  pointer-events: none;
}
.leaderboard-section .leaderboard-entry:hover[b-a22nvpxeh0] {
  border-color: color-mix(in srgb, var(--entry-accent) 45%, transparent);
  background: #252540;
  box-shadow: 0 0 24px color-mix(in srgb, var(--entry-glow) 55%, transparent);
}
.leaderboard-section .leaderboard-entry .entry-header[b-a22nvpxeh0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left[b-a22nvpxeh0] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  flex: 1;
  min-width: 0;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left .rank-badge[b-a22nvpxeh0] {
  flex-shrink: 0;
  min-width: 40px;
  height: 40px;
  padding: 0 0.5rem;
  background: var(--entry-badge-bg);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--entry-accent);
  box-shadow: 0 0 12px var(--entry-glow);
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left .rank-badge .rank-number[b-a22nvpxeh0] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--entry-badge-text);
  white-space: nowrap;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left .avatar-wrapper[b-a22nvpxeh0] {
  position: relative;
  flex-shrink: 0;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left .avatar-wrapper .user-avatar[b-a22nvpxeh0] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: #181825;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left .avatar-wrapper .avatar-ring[b-a22nvpxeh0] {
  display: block;
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 2px solid var(--entry-ring);
  box-shadow: 0 0 10px var(--entry-glow);
  pointer-events: none;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info[b-a22nvpxeh0] {
  flex: 1;
  min-width: 0;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-name[b-a22nvpxeh0] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #E8E8F0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-level[b-a22nvpxeh0] {
  font-size: 0.9rem;
  color: var(--entry-accent);
  font-weight: 600;
  text-shadow: 0 0 8px var(--entry-glow);
}
.leaderboard-section .leaderboard-entry .entry-header .entry-right[b-a22nvpxeh0] {
  text-align: right;
  flex-shrink: 0;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers[b-a22nvpxeh0] {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.25rem;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers .current-exp[b-a22nvpxeh0] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #E8E8F0;
  text-shadow: 0 2px 8px var(--entry-glow);
}
.leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers .exp-label[b-a22nvpxeh0] {
  font-size: 0.85rem;
  color: #6B6B80;
  font-weight: 600;
}
.leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .next-level-info .remaining-exp[b-a22nvpxeh0] {
  font-size: 0.75rem;
  color: #A0A0B8;
}
.leaderboard-section .leaderboard-entry .entry-progress .progress-bar-wrapper[b-a22nvpxeh0] {
  position: relative;
  margin-top: 0.5rem;
}
.leaderboard-section .leaderboard-entry .entry-progress .progress-bar-wrapper .progress-bar-bg[b-a22nvpxeh0] {
  height: 10px;
  background: var(--entry-track);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--entry-track-border);
}
.leaderboard-section .leaderboard-entry .entry-progress .progress-bar-wrapper .progress-bar-bg .progress-bar-fill[b-a22nvpxeh0] {
  height: 100%;
  background: var(--entry-progress);
  border-radius: 10px;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  box-shadow: 0 0 15px var(--entry-glow);
}
.leaderboard-section .leaderboard-entry .entry-progress .progress-bar-wrapper .progress-bar-bg .progress-bar-fill[b-a22nvpxeh0]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer-b-a22nvpxeh0 2.5s infinite;
}
.leaderboard-section .leaderboard-entry .entry-progress .progress-bar-wrapper .progress-percentage[b-a22nvpxeh0] {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--entry-accent);
  background: color-mix(in srgb, var(--entry-accent) 20%, transparent);
  backdrop-filter: blur(10px);
  padding: 0.3rem 0.6rem;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  border: 1px solid color-mix(in srgb, var(--entry-accent) 35%, transparent);
  opacity: 0;
  transform: translateY(5px) translateX(50%);
  transition: opacity 0.3s ease, transform 0.3s ease, left 0.1s ease;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
}
.leaderboard-section .leaderboard-entry .entry-progress:hover .progress-percentage[b-a22nvpxeh0] {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}
.leaderboard-section .leaderboard-entry:hover .avatar-ring[b-a22nvpxeh0] {
  opacity: 1;
}
.leaderboard-section .leaderboard-entry.style-neon[b-a22nvpxeh0] {
  --entry-accent: #00ff88;
  --entry-ring: #00ffcc;
  --entry-progress: linear-gradient(90deg, #00cc6a, #00ff88, #00ffcc);
  --entry-glow: rgba(0, 255, 136, 0.5);
  --entry-track: rgba(0, 255, 136, 0.12);
  --entry-track-border: rgba(0, 255, 204, 0.28);
  --entry-badge-bg: linear-gradient(135deg, #0a1f18, #102820);
  --entry-badge-text: #00ffcc;
  background: linear-gradient(135deg, #12181f 0%, #0a0e14 100%);
  border-color: rgba(0, 255, 136, 0.22);
}
.leaderboard-section .leaderboard-entry.style-neon[b-a22nvpxeh0]::before {
  height: 3px;
  opacity: 0.9;
  box-shadow: 0 0 12px rgba(0, 255, 136, 0.55);
}
.leaderboard-section .leaderboard-entry.style-neon .rank-badge[b-a22nvpxeh0] {
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(0, 255, 136, 0.35), inset 0 0 8px rgba(0, 255, 204, 0.12);
}
.leaderboard-section .leaderboard-entry.style-neon .avatar-ring[b-a22nvpxeh0] {
  border-width: 2.5px;
  box-shadow: 0 0 14px rgba(0, 255, 204, 0.55);
}
.leaderboard-section .leaderboard-entry.style-cosmic[b-a22nvpxeh0] {
  --entry-accent: #9b59b6;
  --entry-ring: #c39bd3;
  --entry-progress: linear-gradient(90deg, #6c3483, #9b59b6, #63cbff);
  --entry-glow: rgba(155, 89, 182, 0.5);
  --entry-track: rgba(155, 89, 182, 0.14);
  --entry-track-border: rgba(99, 203, 255, 0.22);
  --entry-badge-bg: linear-gradient(135deg, #2f365f, #171d38);
  --entry-badge-text: #c9d7ff;
  background: linear-gradient(135deg, rgba(47, 54, 95, 0.55) 0%, #0c1125 55%, #171a3b 100%);
  border-color: rgba(155, 89, 182, 0.28);
  border-radius: 14px;
}
.leaderboard-section .leaderboard-entry.style-cosmic[b-a22nvpxeh0]::before {
  background: linear-gradient(90deg, #63cbff, #9b59b6, #c9d7ff);
  opacity: 0.75;
}
.leaderboard-section .leaderboard-entry.style-cosmic .rank-badge[b-a22nvpxeh0] {
  border-radius: 12px;
  box-shadow: 0 0 16px rgba(99, 203, 255, 0.25);
}
.leaderboard-section .leaderboard-entry.style-cosmic .avatar-ring[b-a22nvpxeh0] {
  border-width: 2.5px;
  box-shadow: 0 0 16px rgba(155, 89, 182, 0.55), 0 0 28px rgba(99, 203, 255, 0.2);
}
.leaderboard-section .leaderboard-entry.style-cosmic .progress-bar-bg[b-a22nvpxeh0] {
  border-radius: 12px;
}
.leaderboard-section .leaderboard-entry.style-cosmic .progress-bar-bg .progress-bar-fill[b-a22nvpxeh0] {
  border-radius: 12px;
}
.leaderboard-section .leaderboard-entry.style-regal[b-a22nvpxeh0] {
  --entry-accent: #d4ac0d;
  --entry-ring: #f0d89b;
  --entry-progress: linear-gradient(90deg, #8f692e, #d4ac0d, #f0d89b);
  --entry-glow: rgba(212, 172, 13, 0.45);
  --entry-track: rgba(212, 172, 13, 0.12);
  --entry-track-border: rgba(240, 216, 155, 0.28);
  --entry-badge-bg: linear-gradient(135deg, #141b2b, #0b1120);
  --entry-badge-text: #e7dbc0;
  background: linear-gradient(135deg, rgba(20, 27, 43, 0.95) 0%, #0b1120 100%);
  border-color: rgba(212, 172, 13, 0.32);
}
.leaderboard-section .leaderboard-entry.style-regal[b-a22nvpxeh0]::before {
  height: 2px;
  background: linear-gradient(90deg, #8f692e, #f0d89b, #8f692e);
  opacity: 0.85;
}
.leaderboard-section .leaderboard-entry.style-regal .rank-badge[b-a22nvpxeh0] {
  border-radius: 8px;
  border-width: 1.5px;
  box-shadow: 0 0 12px rgba(214, 182, 109, 0.35);
}
.leaderboard-section .leaderboard-entry.style-regal .avatar-ring[b-a22nvpxeh0] {
  border-width: 2.5px;
  box-shadow: 0 0 12px rgba(214, 182, 109, 0.5);
}
.leaderboard-section .leaderboard-entry.style-regal .user-level[b-a22nvpxeh0] {
  color: #e6dbc0;
  text-shadow: 0 0 8px rgba(212, 172, 13, 0.4);
}

.pagination-section[b-a22nvpxeh0] {
  margin-top: 2rem;
}
.pagination-section .custom-pagination[b-a22nvpxeh0] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.pagination-section .custom-pagination .page-btn[b-a22nvpxeh0], .pagination-section .custom-pagination .page-number[b-a22nvpxeh0] {
  width: 36px;
  height: 36px;
  border: 1.5px solid rgba(88, 101, 242, 0.15);
  background: #1A1A2E;
  color: #E8E8F0;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-section .custom-pagination .page-btn:hover:not(.disabled)[b-a22nvpxeh0], .pagination-section .custom-pagination .page-number:hover:not(.disabled)[b-a22nvpxeh0] {
  background: #5865F2;
  color: white;
  border-color: #5865F2;
}
.pagination-section .custom-pagination .page-btn.disabled[b-a22nvpxeh0], .pagination-section .custom-pagination .page-number.disabled[b-a22nvpxeh0] {
  opacity: 0.3;
  cursor: not-allowed;
}
.pagination-section .custom-pagination .page-btn.active[b-a22nvpxeh0], .pagination-section .custom-pagination .page-number.active[b-a22nvpxeh0] {
  background: #5865F2;
  color: white;
  border-color: #5865F2;
}
.pagination-section .custom-pagination .page-numbers[b-a22nvpxeh0] {
  display: flex;
  gap: 0.35rem;
}
.pagination-section .pagination-info[b-a22nvpxeh0] {
  text-align: center;
  color: #A0A0B8;
  font-weight: 500;
  font-size: 0.85rem;
}
.pagination-section .pagination-info .page-info[b-a22nvpxeh0] {
  margin-right: 1rem;
  color: #E8E8F0;
}
.pagination-section .pagination-info .loading-indicator[b-a22nvpxeh0] {
  color: #A0A0B8;
}
.pagination-section .pagination-info .loading-indicator i[b-a22nvpxeh0] {
  color: #FFC107;
  filter: drop-shadow(0 0 8px rgba(255, 193, 7, 0.5));
}

@keyframes fadeInDown-b-a22nvpxeh0 {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp-b-a22nvpxeh0 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInLeft-b-a22nvpxeh0 {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pulse-glow-b-a22nvpxeh0 {
  0%, 100% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(1.1);
  }
}
@keyframes shimmer-b-a22nvpxeh0 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 768px) {
  .error-card[b-a22nvpxeh0] {
    padding: 2rem 1.5rem;
  }
  .error-card .error-icon[b-a22nvpxeh0] {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  .error-card .error-title[b-a22nvpxeh0] {
    font-size: 1.5rem;
  }
  .error-card .error-message[b-a22nvpxeh0] {
    padding: 1rem;
  }
  .error-card .error-message p[b-a22nvpxeh0] {
    font-size: 1rem;
  }
  .error-card .btn-primary[b-a22nvpxeh0] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
  }
  .hero-section[b-a22nvpxeh0] {
    padding: 3rem 0 2rem;
  }
  .hero-section .hero-title[b-a22nvpxeh0] {
    font-size: 2rem;
  }
  .hero-section .hero-title .leaderboard-text[b-a22nvpxeh0] {
    font-size: 1.2rem;
  }
  .hero-section .guild-avatar-wrapper .guild-avatar[b-a22nvpxeh0] {
    width: 90px;
    height: 90px;
  }
  .hero-section .auth-notice .notice-content[b-a22nvpxeh0] {
    flex-direction: column;
    padding: 1rem;
    gap: 0.5rem;
  }
  .podium-section .podium-card[b-a22nvpxeh0] {
    margin-bottom: 1rem;
  }
  .podium-section .podium-card .podium-avatar-wrapper .podium-avatar[b-a22nvpxeh0] {
    width: 80px;
    height: 80px;
  }
  .podium-section .podium-card .podium-name[b-a22nvpxeh0] {
    font-size: 1rem;
  }
  .leaderboard-section .leaderboard-entry[b-a22nvpxeh0] {
    padding: 1rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header[b-a22nvpxeh0] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right[b-a22nvpxeh0] {
    width: 100%;
    text-align: left;
  }
  .pagination-section .custom-pagination .page-btn[b-a22nvpxeh0], .pagination-section .custom-pagination .page-number[b-a22nvpxeh0] {
    width: 40px;
    height: 40px;
  }
}
.leaderboard[b-a22nvpxeh0] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.leaderboard .loading-state[b-a22nvpxeh0] {
  animation: fadeInUp-b-a22nvpxeh0 0.6s ease-out;
}
.leaderboard .loading-state .loading-spinner-wrapper[b-a22nvpxeh0] {
  display: inline-block;
  padding: 2rem;
  background: rgba(88, 101, 242, 0.1);
  border-radius: 50%;
  border: 2px solid rgba(88, 101, 242, 0.3);
  box-shadow: 0 8px 32px rgba(88, 101, 242, 0.3);
}
.leaderboard .loading-state .loading-spinner-wrapper .spinner-border[b-a22nvpxeh0] {
  width: 3rem;
  height: 3rem;
  border-color: #5865F2;
  border-right-color: transparent;
}
.leaderboard .loading-state .loading-title[b-a22nvpxeh0] {
  color: #E8E8F0;
  font-weight: 700;
  font-size: 1.75rem;
  margin-top: 1.5rem;
  text-shadow: 0 2px 20px rgba(88, 101, 242, 0.4);
}
.leaderboard .loading-state .loading-text[b-a22nvpxeh0] {
  color: #A0A0B8;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.leaderboard .spinner-border[b-a22nvpxeh0] {
  width: 3rem;
  height: 3rem;
  border-color: #5865F2;
  border-right-color: transparent;
}
.leaderboard h1[b-a22nvpxeh0] {
  color: #E8E8F0;
  text-shadow: 0 2px 20px rgba(88, 101, 242, 0.4);
}
.leaderboard .alert[b-a22nvpxeh0] {
  background: rgba(26, 26, 46, 0.8);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(88, 101, 242, 0.3);
  color: #E8E8F0;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
.leaderboard .alert.alert-danger[b-a22nvpxeh0] {
  border-color: rgba(220, 53, 69, 0.4);
  background: rgba(220, 53, 69, 0.1);
}
.leaderboard .alert.alert-info[b-a22nvpxeh0] {
  border-color: rgba(13, 202, 240, 0.4);
  background: rgba(13, 202, 240, 0.1);
}
.leaderboard .alert.alert-warning[b-a22nvpxeh0] {
  border-color: rgba(255, 193, 7, 0.4);
  background: rgba(255, 193, 7, 0.1);
}
.leaderboard .btn-primary[b-a22nvpxeh0] {
  background: #5865F2;
  border: none;
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.4);
}
.leaderboard .btn-primary:hover[b-a22nvpxeh0] {
  background: #6b75ff;
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.6);
}
.leaderboard .text-muted[b-a22nvpxeh0] {
  color: #A0A0B8 !important;
}
.leaderboard a[b-a22nvpxeh0] {
  color: #5865F2;
  transition: color 0.3s ease;
}
.leaderboard a:hover[b-a22nvpxeh0] {
  color: #6b75ff;
}

.leaderboard-container[b-a22nvpxeh0] {
  position: relative;
}
.leaderboard-container .loading-overlay[b-a22nvpxeh0] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 15, 26, 0.85);
  backdrop-filter: blur(8px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn-b-a22nvpxeh0 0.3s ease-out;
}
.leaderboard-container .loading-overlay .loading-overlay-content[b-a22nvpxeh0] {
  text-align: center;
  animation: scaleIn-b-a22nvpxeh0 0.4s ease-out;
}
.leaderboard-container .loading-overlay .loading-overlay-content .spinner-border[b-a22nvpxeh0] {
  width: 3.5rem;
  height: 3.5rem;
  border-width: 4px;
  border-color: #5865F2;
  border-right-color: transparent;
  box-shadow: 0 0 30px rgba(88, 101, 242, 0.5);
}
.leaderboard-container .loading-overlay .loading-overlay-content .loading-overlay-text[b-a22nvpxeh0] {
  color: #E8E8F0;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
  text-shadow: 0 2px 10px rgba(88, 101, 242, 0.4);
}

@keyframes fadeIn-b-a22nvpxeh0 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scaleIn-b-a22nvpxeh0 {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInDown-b-a22nvpxeh0 {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp-b-a22nvpxeh0 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInLeft-b-a22nvpxeh0 {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pulse-glow-b-a22nvpxeh0 {
  0%, 100% {
    opacity: 0.2;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.35;
    transform: translate(-50%, -50%) scale(1.15);
  }
}
@keyframes shimmer-b-a22nvpxeh0 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 992px) and (min-width: 769px) {
  .hero-section[b-a22nvpxeh0] {
    padding: 3rem 0 2.5rem;
  }
  .hero-section .hero-title[b-a22nvpxeh0] {
    font-size: 2.25rem;
  }
  .hero-section .hero-title .leaderboard-text[b-a22nvpxeh0] {
    font-size: 1.35rem;
  }
  .hero-section .guild-avatar-wrapper .guild-avatar[b-a22nvpxeh0] {
    width: 100px;
    height: 100px;
  }
  .podium-section .podium-card[b-a22nvpxeh0] {
    padding: 1.75rem 1.25rem;
  }
  .podium-section .podium-card .podium-rank[b-a22nvpxeh0] {
    width: 38px;
    height: 38px;
    font-size: 1.15rem;
  }
  .podium-section .podium-card .podium-avatar-wrapper .podium-avatar[b-a22nvpxeh0] {
    width: 85px;
    height: 85px;
  }
  .podium-section .podium-card .podium-name[b-a22nvpxeh0] {
    font-size: 1.1rem;
  }
  .podium-section .podium-card .podium-stats .podium-level[b-a22nvpxeh0] {
    font-size: 1rem;
  }
  .podium-section .podium-card .podium-stats .podium-exp[b-a22nvpxeh0] {
    font-size: 0.9rem;
  }
  .podium-section .podium-card .podium-progress-text[b-a22nvpxeh0] {
    font-size: 0.7rem;
  }
  .leaderboard-section .section-title[b-a22nvpxeh0] {
    font-size: 1.75rem;
  }
  .leaderboard-section .leaderboard-list[b-a22nvpxeh0] {
    padding: 1.5rem;
  }
  .leaderboard-section .leaderboard-entry[b-a22nvpxeh0] {
    padding: 1.25rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .rank-badge[b-a22nvpxeh0] {
    min-width: 45px;
    height: 45px;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .rank-badge .rank-number[b-a22nvpxeh0] {
    font-size: 1.15rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .avatar-wrapper .user-avatar[b-a22nvpxeh0] {
    width: 65px;
    height: 65px;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-name[b-a22nvpxeh0] {
    font-size: 1rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-level[b-a22nvpxeh0] {
    font-size: 0.85rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers .current-exp[b-a22nvpxeh0] {
    font-size: 1.35rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers .exp-label[b-a22nvpxeh0] {
    font-size: 0.8rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .next-level-info .remaining-exp[b-a22nvpxeh0] {
    font-size: 0.7rem;
  }
  .pagination-section .custom-pagination .page-btn[b-a22nvpxeh0], .pagination-section .custom-pagination .page-number[b-a22nvpxeh0] {
    width: 42px;
    height: 42px;
    font-size: 0.95rem;
  }
}
@media (max-width: 768px) {
  .hero-section[b-a22nvpxeh0] {
    padding: 2rem 0 1.5rem;
  }
  .hero-section .hero-title[b-a22nvpxeh0] {
    font-size: 1.75rem;
  }
  .hero-section .hero-title .leaderboard-text[b-a22nvpxeh0] {
    font-size: 1rem;
  }
  .hero-section .guild-avatar-wrapper .guild-avatar[b-a22nvpxeh0] {
    width: 70px;
    height: 70px;
  }
  .hero-section .hero-description[b-a22nvpxeh0] {
    font-size: 0.95rem;
  }
  .hero-section .auth-notice .notice-content[b-a22nvpxeh0] {
    flex-direction: column;
    padding: 0.75rem;
    gap: 0.4rem;
    font-size: 0.8rem;
  }
  .podium-section[b-a22nvpxeh0] {
    margin-bottom: 2rem !important;
  }
  .podium-section .row[b-a22nvpxeh0] {
    flex-direction: column;
    align-items: stretch !important;
  }
  .podium-section .col-4[b-a22nvpxeh0] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 0.75rem;
  }
  .podium-section .col-4:nth-child(1)[b-a22nvpxeh0] {
    order: 2;
  }
  .podium-section .col-4:nth-child(2)[b-a22nvpxeh0] {
    order: 1;
  }
  .podium-section .col-4:nth-child(3)[b-a22nvpxeh0] {
    order: 3;
  }
  .podium-section .podium-card[b-a22nvpxeh0] {
    padding: 1rem 0.75rem;
  }
  .podium-section .podium-card .podium-rank[b-a22nvpxeh0] {
    width: 32px;
    height: 32px;
    font-size: 0.8125rem;
    top: -12px;
  }
  .podium-section .podium-card .podium-avatar-wrapper[b-a22nvpxeh0] {
    margin-top: 0.75rem;
    margin-bottom: 0.6rem;
  }
  .podium-section .podium-card .podium-avatar-wrapper .podium-avatar[b-a22nvpxeh0] {
    width: 64px;
    height: 64px;
  }
  .podium-section .podium-card .podium-glow[b-a22nvpxeh0] {
    width: 40px;
    height: 40px;
    filter: blur(6px);
    opacity: 0.15;
  }
  .podium-section .podium-card .podium-name[b-a22nvpxeh0] {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }
  .podium-section .podium-card .podium-stats[b-a22nvpxeh0] {
    margin-bottom: 0.5rem;
  }
  .podium-section .podium-card .podium-stats .podium-level[b-a22nvpxeh0] {
    font-size: 0.85rem;
  }
  .podium-section .podium-card .podium-stats .podium-exp[b-a22nvpxeh0] {
    font-size: 0.75rem;
  }
  .podium-section .podium-card .podium-progress[b-a22nvpxeh0] {
    margin-top: 0.5rem;
  }
  .podium-section .podium-card .podium-progress .podium-progress-bar[b-a22nvpxeh0] {
    height: 6px;
  }
  .podium-section .podium-card .podium-progress .podium-progress-text[b-a22nvpxeh0] {
    font-size: 0.65rem;
    margin-top: 0.35rem;
  }
  .podium-section .podium-card.gold-podium.champion[b-a22nvpxeh0] {
    transform: scale(1);
  }
  .leaderboard-section[b-a22nvpxeh0] {
    padding: 1.5rem 0 2rem;
  }
  .leaderboard-section .section-title[b-a22nvpxeh0] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
  .leaderboard-section .leaderboard-list[b-a22nvpxeh0] {
    padding: 0.75rem;
  }
  .leaderboard-section .leaderboard-entry[b-a22nvpxeh0] {
    padding: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header[b-a22nvpxeh0] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left[b-a22nvpxeh0] {
    width: 100%;
    gap: 0.65rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .rank-badge[b-a22nvpxeh0] {
    min-width: 38px;
    height: 38px;
    padding: 0 0.5rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .rank-badge .rank-number[b-a22nvpxeh0] {
    font-size: 0.95rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .avatar-wrapper .user-avatar[b-a22nvpxeh0] {
    width: 50px;
    height: 50px;
    border-width: 2px;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-name[b-a22nvpxeh0] {
    font-size: 0.9rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-level[b-a22nvpxeh0] {
    font-size: 0.75rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right[b-a22nvpxeh0] {
    width: 100%;
    text-align: left;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display[b-a22nvpxeh0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers[b-a22nvpxeh0] {
    justify-content: flex-start;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers .current-exp[b-a22nvpxeh0] {
    font-size: 1.25rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers .exp-label[b-a22nvpxeh0] {
    font-size: 0.8rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .next-level-info .remaining-exp[b-a22nvpxeh0] {
    font-size: 0.7rem;
    white-space: nowrap;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-level[b-a22nvpxeh0] {
    font-size: 0.9rem;
  }
  .leaderboard-section .leaderboard-entry .entry-progress .progress-bar-wrapper[b-a22nvpxeh0] {
    margin-top: 0.35rem;
  }
  .leaderboard-section .leaderboard-entry .entry-progress .progress-bar-wrapper .progress-bar-bg[b-a22nvpxeh0] {
    height: 8px;
  }
  .leaderboard-section .leaderboard-entry:hover[b-a22nvpxeh0] {
    transform: translateX(4px);
  }
  .pagination-section[b-a22nvpxeh0] {
    margin-top: 2rem;
  }
  .pagination-section .custom-pagination[b-a22nvpxeh0] {
    gap: 0.35rem;
  }
  .pagination-section .custom-pagination .page-btn[b-a22nvpxeh0], .pagination-section .custom-pagination .page-number[b-a22nvpxeh0] {
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
  }
  .pagination-section .pagination-info[b-a22nvpxeh0] {
    font-size: 0.8rem;
  }
  .pagination-section .pagination-info .page-info[b-a22nvpxeh0] {
    display: block;
    margin-bottom: 0.35rem;
  }
}
@media (max-width: 576px) {
  .hero-section[b-a22nvpxeh0] {
    padding: 1.5rem 0 1rem;
  }
  .hero-section .hero-title[b-a22nvpxeh0] {
    font-size: 1.5rem;
  }
  .hero-section .hero-title .leaderboard-text[b-a22nvpxeh0] {
    font-size: 0.9rem;
  }
  .hero-section .guild-avatar-wrapper .guild-avatar[b-a22nvpxeh0] {
    width: 60px;
    height: 60px;
  }
  .hero-section .hero-description[b-a22nvpxeh0] {
    font-size: 0.85rem;
  }
  .podium-section .col-4[b-a22nvpxeh0] {
    margin-bottom: 0.6rem;
  }
  .podium-section .podium-card[b-a22nvpxeh0] {
    padding: 0.85rem 0.6rem;
  }
  .podium-section .podium-card .podium-rank[b-a22nvpxeh0] {
    width: 28px;
    height: 28px;
    font-size: 0.8125rem;
  }
  .podium-section .podium-card .podium-avatar-wrapper[b-a22nvpxeh0] {
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
  }
  .podium-section .podium-card .podium-avatar-wrapper .podium-avatar[b-a22nvpxeh0] {
    width: 56px;
    height: 56px;
  }
  .podium-section .podium-card .podium-name[b-a22nvpxeh0] {
    font-size: 0.85rem;
    margin-bottom: 0.4rem;
  }
  .podium-section .podium-card .podium-stats[b-a22nvpxeh0] {
    margin-bottom: 0.4rem;
  }
  .podium-section .podium-card .podium-stats .podium-level[b-a22nvpxeh0] {
    font-size: 0.8rem;
  }
  .podium-section .podium-card .podium-stats .podium-exp[b-a22nvpxeh0] {
    font-size: 0.7rem;
  }
  .podium-section .podium-card .podium-progress[b-a22nvpxeh0] {
    margin-top: 0.4rem;
  }
  .podium-section .podium-card .podium-progress .podium-progress-text[b-a22nvpxeh0] {
    font-size: 0.6rem;
  }
  .leaderboard-section .section-title[b-a22nvpxeh0] {
    font-size: 1.1rem;
  }
  .leaderboard-section .leaderboard-list[b-a22nvpxeh0] {
    padding: 0.6rem;
  }
  .leaderboard-section .leaderboard-entry[b-a22nvpxeh0] {
    padding: 0.6rem;
    margin-bottom: 0.6rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header[b-a22nvpxeh0] {
    gap: 0.6rem;
    margin-bottom: 0.6rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left[b-a22nvpxeh0] {
    gap: 0.5rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .rank-badge[b-a22nvpxeh0] {
    min-width: 34px;
    height: 34px;
    padding: 0 0.4rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .rank-badge .rank-number[b-a22nvpxeh0] {
    font-size: 0.85rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .avatar-wrapper .user-avatar[b-a22nvpxeh0] {
    width: 44px;
    height: 44px;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-name[b-a22nvpxeh0] {
    font-size: 0.85rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-level[b-a22nvpxeh0] {
    font-size: 0.7rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display[b-a22nvpxeh0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers .current-exp[b-a22nvpxeh0] {
    font-size: 1.15rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .exp-numbers .exp-label[b-a22nvpxeh0] {
    font-size: 0.75rem;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-right .exp-display .next-level-info .remaining-exp[b-a22nvpxeh0] {
    font-size: 0.65rem;
    white-space: nowrap;
  }
  .leaderboard-section .leaderboard-entry .entry-header .entry-left .user-info .user-level[b-a22nvpxeh0] {
    font-size: 0.85rem;
  }
  .leaderboard-section .leaderboard-entry .entry-progress .progress-bar-wrapper .progress-bar-bg[b-a22nvpxeh0] {
    height: 6px;
  }
  .pagination-section[b-a22nvpxeh0] {
    margin-top: 1.5rem;
  }
  .pagination-section .custom-pagination[b-a22nvpxeh0] {
    gap: 0.25rem;
  }
  .pagination-section .custom-pagination .page-btn[b-a22nvpxeh0], .pagination-section .custom-pagination .page-number[b-a22nvpxeh0] {
    width: 32px;
    height: 32px;
    font-size: 0.8rem;
  }
  .pagination-section .pagination-info[b-a22nvpxeh0] {
    font-size: 0.75rem;
  }
}
.section-header[b-a22nvpxeh0] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.level-roles-toggle-btn[b-a22nvpxeh0] {
  position: absolute;
  right: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: rgba(88, 101, 242, 0.1);
  border: 1.5px solid rgba(88, 101, 242, 0.25);
  color: #5865F2;
  padding: 0.4rem 0.85rem;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.level-roles-toggle-btn:hover[b-a22nvpxeh0] {
  background: rgba(88, 101, 242, 0.2);
  border-color: rgba(88, 101, 242, 0.4);
  transform: translateY(-1px);
}
.level-roles-toggle-btn:active[b-a22nvpxeh0] {
  transform: translateY(0);
}

.level-roles-panel[b-a22nvpxeh0] {
  background: rgba(15, 15, 26, 0.6);
  border: 1.5px solid rgba(88, 101, 242, 0.15);
  border-radius: 12px;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  animation: fadeInDown-b-a22nvpxeh0 0.25s ease-out;
}
.level-roles-panel .level-roles-header[b-a22nvpxeh0] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #A0A0B8;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
}
.level-roles-panel .level-roles-header i[b-a22nvpxeh0] {
  color: #FFC107;
}
.level-roles-panel .level-roles-loading[b-a22nvpxeh0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
  color: #A0A0B8;
  font-size: 0.85rem;
}
.level-roles-panel .level-roles-empty[b-a22nvpxeh0] {
  padding: 0.75rem 0;
  color: #6B6B80;
  font-size: 0.85rem;
}
.level-roles-panel .level-roles-list[b-a22nvpxeh0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.level-roles-panel .level-role-item[b-a22nvpxeh0] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.5rem 0.75rem;
  background: rgba(26, 26, 46, 0.5);
  border-radius: 8px;
  border: 1px solid rgba(88, 101, 242, 0.08);
  transition: all 0.15s ease;
}
.level-roles-panel .level-role-item:hover[b-a22nvpxeh0] {
  background: rgba(26, 26, 46, 0.8);
  border-color: rgba(88, 101, 242, 0.2);
}
.level-roles-panel .level-role-level[b-a22nvpxeh0] {
  flex-shrink: 0;
}
.level-roles-panel .level-role-level .level-badge[b-a22nvpxeh0] {
  display: inline-block;
  background: linear-gradient(135deg, #5865F2, #4752C4);
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.6rem;
  border-radius: 6px;
  min-width: 48px;
  text-align: center;
}
.level-roles-panel .level-role-info[b-a22nvpxeh0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}
.level-roles-panel .level-role-info .level-role-icon[b-a22nvpxeh0] {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  flex-shrink: 0;
}
.level-roles-panel .level-role-info .level-role-emoji[b-a22nvpxeh0] {
  font-size: 1.1rem;
  line-height: 1;
  flex-shrink: 0;
}
.level-roles-panel .level-role-info .level-role-name[b-a22nvpxeh0] {
  font-size: 0.875rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.level-roles-panel .level-role-xp[b-a22nvpxeh0] {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6B6B80;
}

@media (max-width: 576px) {
  .level-roles-toggle-btn[b-a22nvpxeh0] {
    font-size: 0.75rem;
    padding: 0.35rem 0.7rem;
  }
  .level-roles-panel[b-a22nvpxeh0] {
    padding: 1rem;
  }
  .level-roles-panel .level-role-item[b-a22nvpxeh0] {
    padding: 0.4rem 0.6rem;
  }
}
.user-role-info[b-a22nvpxeh0] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.15rem;
  font-size: 0.7rem;
  flex-wrap: wrap;
}
.user-role-info .user-current-role[b-a22nvpxeh0] {
  font-weight: 600;
}
.user-role-info .user-next-role[b-a22nvpxeh0] {
  color: #6B6B80;
  font-weight: 500;
}
.user-role-info .user-next-role span[b-a22nvpxeh0] {
  font-weight: 600;
}

.podium-role-info[b-a22nvpxeh0] {
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
}
.podium-role-info .podium-current-role[b-a22nvpxeh0] {
  font-weight: 600;
}
/* /Components/Pages/Leaderboard/ServerSelection.razor.rz.scp.css */
:root[b-g9y7qh8x9a] {
  --discord-primary: #5865f2;
  --discord-primary-dark: #4752c4;
  --discord-secondary: #7289da;
  --gold-accent: #ffd700;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.25);
  --transition-fast: 0.2s ease-out;
  --transition-normal: 0.3s ease-out;
  --transition-slow: 0.5s ease-out;
}

.server-selection-page[b-g9y7qh8x9a] {
  min-height: calc(100vh - 70px);
  position: relative;
  background: transparent;
}
.server-selection-page .container-fluid[b-g9y7qh8x9a] {
  background: transparent;
}
.server-selection-page .row[b-g9y7qh8x9a] {
  background: transparent;
}
.server-selection-page[b-g9y7qh8x9a]::before {
  content: "";
  position: fixed;
  top: 70px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 70px);
  background: var(--bs-body-bg);
  z-index: -2;
}
.server-selection-page .hero-background[b-g9y7qh8x9a] {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 70px);
  z-index: -1;
  overflow: hidden;
  background: linear-gradient(135deg, var(--bs-body-bg) 0%, rgba(88, 101, 242, 0.08) 20%, rgba(88, 101, 242, 0.12) 40%, rgba(88, 101, 242, 0.15) 50%, rgba(88, 101, 242, 0.12) 60%, rgba(88, 101, 242, 0.08) 80%, var(--bs-body-bg) 100%), radial-gradient(ellipse at 30% 30%, rgba(88, 101, 242, 0.1) 0%, transparent 50%), radial-gradient(ellipse at 70% 70%, rgba(88, 101, 242, 0.08) 0%, transparent 50%);
}
.server-selection-page .hero-background .floating-particles[b-g9y7qh8x9a] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 15% 15%, rgba(88, 101, 242, 0.15) 2px, transparent 2px), radial-gradient(circle at 85% 85%, rgba(88, 101, 242, 0.12) 1.5px, transparent 1.5px), radial-gradient(circle at 35% 65%, rgba(88, 101, 242, 0.08) 1px, transparent 1px), radial-gradient(circle at 65% 35%, rgba(88, 101, 242, 0.1) 1.2px, transparent 1.2px), radial-gradient(circle at 50% 20%, rgba(88, 101, 242, 0.06) 0.8px, transparent 0.8px), radial-gradient(circle at 20% 80%, rgba(88, 101, 242, 0.09) 1.3px, transparent 1.3px);
  background-size: 120px 120px, 80px 80px, 60px 60px, 100px 100px, 40px 40px, 90px 90px;
  animation: float-particles-b-g9y7qh8x9a 30s linear infinite;
  opacity: 0.8;
}
.server-selection-page .hero-background .gradient-overlay[b-g9y7qh8x9a] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 800px 600px at 25% 25%, rgba(88, 101, 242, 0.12) 0%, transparent 40%), radial-gradient(ellipse 600px 800px at 75% 75%, rgba(88, 101, 242, 0.1) 0%, transparent 40%), radial-gradient(ellipse 1000px 400px at 50% 50%, rgba(88, 101, 242, 0.08) 0%, transparent 60%);
  animation: gradient-pulse-b-g9y7qh8x9a 15s ease-in-out infinite alternate;
}
.server-selection-page .hero-background[b-g9y7qh8x9a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent 40%, rgba(88, 101, 242, 0.05) 50%, transparent 60%), linear-gradient(-45deg, transparent 40%, rgba(88, 101, 242, 0.04) 50%, transparent 60%);
  animation: subtle-shift-b-g9y7qh8x9a 20s ease-in-out infinite alternate;
}
.server-selection-page .auth-card[b-g9y7qh8x9a] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 24px;
  box-shadow: var(--shadow-xl);
  overflow: hidden;
  backdrop-filter: blur(10px);
  position: relative;
}
.server-selection-page .auth-card[b-g9y7qh8x9a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--discord-primary), var(--discord-secondary));
}
.server-selection-page .auth-card .auth-card-header[b-g9y7qh8x9a] {
  padding: 3rem 2rem 2rem;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.05) 0%, rgba(88, 101, 242, 0.02) 100%);
}
.server-selection-page .auth-card .auth-card-header .auth-icon-wrapper[b-g9y7qh8x9a] {
  position: relative;
  display: inline-block;
}
.server-selection-page .auth-card .auth-card-header .auth-icon-wrapper .auth-icon-bg[b-g9y7qh8x9a] {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, var(--discord-primary), var(--discord-secondary));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.server-selection-page .auth-card .auth-card-header .auth-icon-wrapper .auth-icon[b-g9y7qh8x9a] {
  font-size: 2.5rem;
  color: white;
}
.server-selection-page .auth-card .auth-card-header .auth-icon-wrapper .auth-icon-glow[b-g9y7qh8x9a] {
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: linear-gradient(135deg, var(--discord-primary), var(--discord-secondary));
  border-radius: 50%;
  opacity: 0.3;
  filter: blur(20px);
  z-index: 1;
  animation: pulse-glow-b-g9y7qh8x9a 2s ease-in-out infinite alternate;
}
.server-selection-page .auth-card .auth-card-header .auth-title[b-g9y7qh8x9a] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin: 0;
}
.server-selection-page .auth-card .auth-card-header .auth-subtitle[b-g9y7qh8x9a] {
  font-size: 1.1rem;
  color: var(--bs-secondary-color);
  font-weight: 400;
}
.server-selection-page .auth-card .auth-card-body[b-g9y7qh8x9a] {
  padding: 2rem;
}
.server-selection-page .auth-card .auth-card-body .features-grid .feature-item[b-g9y7qh8x9a] {
  display: flex;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
  background: rgba(88, 101, 242, 0.03);
  border: 1px solid rgba(88, 101, 242, 0.08);
  border-radius: 16px;
  transition: var(--transition-normal);
}
.server-selection-page .auth-card .auth-card-body .features-grid .feature-item:hover[b-g9y7qh8x9a] {
  background: rgba(88, 101, 242, 0.06);
  border-color: rgba(88, 101, 242, 0.15);
  transform: translateY(-2px);
}
.server-selection-page .auth-card .auth-card-body .features-grid .feature-item .feature-icon[b-g9y7qh8x9a] {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, var(--discord-primary), var(--discord-secondary));
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  flex-shrink: 0;
}
.server-selection-page .auth-card .auth-card-body .features-grid .feature-item .feature-icon i[b-g9y7qh8x9a] {
  color: white;
  font-size: 1.2rem;
}
.server-selection-page .auth-card .auth-card-body .features-grid .feature-item .feature-content .feature-title[b-g9y7qh8x9a] {
  font-weight: 600;
  color: var(--bs-body-color);
  margin-bottom: 0.25rem;
  font-size: 0.95rem;
}
.server-selection-page .auth-card .auth-card-body .features-grid .feature-item .feature-content .feature-desc[b-g9y7qh8x9a] {
  color: var(--bs-secondary-color);
  margin: 0;
  font-size: 0.85rem;
}
.server-selection-page .auth-card .auth-card-body .btn-discord[b-g9y7qh8x9a] {
  background: linear-gradient(135deg, var(--discord-primary), var(--discord-primary-dark));
  border: none;
  color: white;
  padding: 1rem 2rem;
  border-radius: 16px;
  font-weight: 600;
  font-size: 1.1rem;
  transition: var(--transition-normal);
  position: relative;
  overflow: hidden;
  width: 100%;
}
.server-selection-page .auth-card .auth-card-body .btn-discord[b-g9y7qh8x9a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}
.server-selection-page .auth-card .auth-card-body .btn-discord:hover[b-g9y7qh8x9a] {
  transform: translateY(-3px);
  box-shadow: 0 8px 32px rgba(88, 101, 242, 0.4);
  color: white;
}
.server-selection-page .auth-card .auth-card-body .btn-discord:hover[b-g9y7qh8x9a]::before {
  left: 100%;
}
.server-selection-page .auth-card .auth-card-body .btn-discord:active[b-g9y7qh8x9a] {
  transform: translateY(-1px);
}
.server-selection-page .auth-card .auth-card-body .btn-discord:focus[b-g9y7qh8x9a] {
  box-shadow: 0 0 0 0.2rem rgba(88, 101, 242, 0.25);
  color: white;
}
.server-selection-page .auth-card .auth-card-body .auth-footer .text-muted[b-g9y7qh8x9a] {
  font-size: 0.85rem;
  opacity: 0.8;
}
.server-selection-page .loading-state .loading-spinner-container[b-g9y7qh8x9a] {
  position: relative;
  display: inline-block;
}
.server-selection-page .loading-state .loading-spinner-container .loading-spinner[b-g9y7qh8x9a] {
  position: relative;
  width: 80px;
  height: 80px;
}
.server-selection-page .loading-state .loading-spinner-container .loading-spinner .spinner-ring[b-g9y7qh8x9a] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-radius: 50%;
  animation: spin-b-g9y7qh8x9a 2s linear infinite;
}
.server-selection-page .loading-state .loading-spinner-container .loading-spinner .spinner-ring:nth-child(1)[b-g9y7qh8x9a] {
  border-top-color: var(--discord-primary);
  animation-delay: 0s;
}
.server-selection-page .loading-state .loading-spinner-container .loading-spinner .spinner-ring:nth-child(2)[b-g9y7qh8x9a] {
  border-right-color: var(--discord-secondary);
  animation-delay: 0.3s;
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
}
.server-selection-page .loading-state .loading-spinner-container .loading-spinner .spinner-ring:nth-child(3)[b-g9y7qh8x9a] {
  border-bottom-color: var(--gold-accent);
  animation-delay: 0.6s;
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
}
.server-selection-page .loading-state .loading-title[b-g9y7qh8x9a] {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin: 0;
}
.server-selection-page .loading-state .loading-subtitle[b-g9y7qh8x9a] {
  color: var(--bs-secondary-color);
  font-size: 1.1rem;
  margin: 0;
}
.server-selection-page .loading-state .loading-dots[b-g9y7qh8x9a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.server-selection-page .loading-state .loading-dots span[b-g9y7qh8x9a] {
  width: 8px;
  height: 8px;
  background: var(--discord-primary);
  border-radius: 50%;
  animation: loading-bounce-b-g9y7qh8x9a 1.4s ease-in-out infinite both;
}
.server-selection-page .loading-state .loading-dots span:nth-child(1)[b-g9y7qh8x9a] {
  animation-delay: -0.32s;
}
.server-selection-page .loading-state .loading-dots span:nth-child(2)[b-g9y7qh8x9a] {
  animation-delay: -0.16s;
}
.server-selection-page .loading-state .loading-dots span:nth-child(3)[b-g9y7qh8x9a] {
  animation-delay: 0s;
}
.server-selection-page .error-card[b-g9y7qh8x9a] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(220, 53, 69, 0.2);
  border-radius: 20px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
.server-selection-page .error-card .error-header[b-g9y7qh8x9a] {
  padding: 2rem;
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.05) 0%, rgba(220, 53, 69, 0.02) 100%);
}
.server-selection-page .error-card .error-header .error-icon-wrapper .error-icon[b-g9y7qh8x9a] {
  font-size: 3rem;
  color: var(--danger-color);
  animation: shake-b-g9y7qh8x9a 0.5s ease-in-out;
}
.server-selection-page .error-card .error-header .error-title[b-g9y7qh8x9a] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin: 0;
}
.server-selection-page .error-card .error-header .error-message[b-g9y7qh8x9a] {
  color: var(--bs-secondary-color);
  font-size: 1rem;
  margin: 0;
}
.server-selection-page .error-card .error-body[b-g9y7qh8x9a] {
  padding: 2rem;
}
.server-selection-page .error-card .error-body .btn[b-g9y7qh8x9a] {
  border-radius: 12px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  transition: var(--transition-normal);
}
.server-selection-page .error-card .error-body .btn:hover[b-g9y7qh8x9a] {
  transform: translateY(-2px);
}
.server-selection-page .no-servers-card[b-g9y7qh8x9a] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 20px;
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
.server-selection-page .no-servers-card .no-servers-header[b-g9y7qh8x9a] {
  padding: 2rem;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.05) 0%, rgba(88, 101, 242, 0.02) 100%);
}
.server-selection-page .no-servers-card .no-servers-header .no-servers-icon-wrapper .no-servers-icon[b-g9y7qh8x9a] {
  font-size: 3rem;
  color: var(--discord-primary);
  opacity: 0.8;
}
.server-selection-page .no-servers-card .no-servers-header .no-servers-title[b-g9y7qh8x9a] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin: 0;
}
.server-selection-page .no-servers-card .no-servers-header .no-servers-subtitle[b-g9y7qh8x9a] {
  color: var(--bs-secondary-color);
  font-size: 1rem;
  margin: 0;
}
.server-selection-page .no-servers-card .no-servers-body[b-g9y7qh8x9a] {
  padding: 2rem;
}
.server-selection-page .no-servers-card .no-servers-body .requirements-card[b-g9y7qh8x9a] {
  background: rgba(88, 101, 242, 0.03);
  border: 1px solid rgba(88, 101, 242, 0.1);
  border-radius: 16px;
  padding: 1.5rem;
}
.server-selection-page .no-servers-card .no-servers-body .requirements-card .requirements-title[b-g9y7qh8x9a] {
  color: var(--bs-body-color);
  font-weight: 600;
  margin: 0;
}
.server-selection-page .no-servers-card .no-servers-body .requirements-card .requirements-title i[b-g9y7qh8x9a] {
  color: var(--discord-primary);
}
.server-selection-page .no-servers-card .no-servers-body .requirements-card .requirements-list[b-g9y7qh8x9a] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.server-selection-page .no-servers-card .no-servers-body .requirements-card .requirements-list li[b-g9y7qh8x9a] {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  color: var(--bs-secondary-color);
}
.server-selection-page .no-servers-card .no-servers-body .requirements-card .requirements-list li i[b-g9y7qh8x9a] {
  color: var(--success-color);
  margin-right: 0.75rem;
}
.server-selection-page .hero-section[b-g9y7qh8x9a] {
  padding: 4rem 0 2rem;
}
.server-selection-page .hero-section .hero-content .hero-icon-wrapper .hero-icon[b-g9y7qh8x9a] {
  font-size: 4rem;
  background: linear-gradient(135deg, var(--discord-primary), var(--gold-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: pulse-scale-b-g9y7qh8x9a 2s ease-in-out infinite alternate;
}
.server-selection-page .hero-section .hero-content .hero-title[b-g9y7qh8x9a] {
  font-size: 3rem;
  font-weight: 800;
  background: linear-gradient(135deg, var(--bs-body-color), var(--discord-primary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}
.server-selection-page .hero-section .hero-content .hero-subtitle[b-g9y7qh8x9a] {
  font-size: 1.2rem;
  color: var(--bs-secondary-color);
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto;
}
.server-selection-page .hero-section .hero-content .hero-stats[b-g9y7qh8x9a] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
.server-selection-page .hero-section .hero-content .hero-stats .stat-item[b-g9y7qh8x9a] {
  text-align: center;
}
.server-selection-page .hero-section .hero-content .hero-stats .stat-item .stat-number[b-g9y7qh8x9a] {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  color: var(--discord-primary);
}
.server-selection-page .hero-section .hero-content .hero-stats .stat-item .stat-label[b-g9y7qh8x9a] {
  display: block;
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.server-selection-page .servers-section .sort-controls-wrapper .sort-controls[b-g9y7qh8x9a] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.12);
  border-radius: 16px;
  padding: 0.5rem 0.75rem;
  box-shadow: var(--shadow-sm);
}
.server-selection-page .servers-section .sort-controls-wrapper .sort-controls .sort-label[b-g9y7qh8x9a] {
  color: var(--bs-secondary-color);
  font-size: 0.85rem;
  font-weight: 500;
  padding: 0 0.5rem;
  white-space: nowrap;
}
.server-selection-page .servers-section .sort-controls-wrapper .sort-controls .sort-label i[b-g9y7qh8x9a] {
  color: var(--discord-primary);
  opacity: 0.7;
}
.server-selection-page .servers-section .sort-controls-wrapper .sort-controls .sort-btn[b-g9y7qh8x9a] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1.5px solid rgba(88, 101, 242, 0.1);
  border-radius: 10px;
  background: transparent;
  color: var(--bs-secondary-color);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: var(--transition-fast);
  white-space: nowrap;
}
.server-selection-page .servers-section .sort-controls-wrapper .sort-controls .sort-btn:hover[b-g9y7qh8x9a] {
  background: rgba(88, 101, 242, 0.06);
  border-color: rgba(88, 101, 242, 0.2);
  color: var(--bs-body-color);
}
.server-selection-page .servers-section .sort-controls-wrapper .sort-controls .sort-btn.active[b-g9y7qh8x9a] {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.12), rgba(88, 101, 242, 0.06));
  border-color: rgba(88, 101, 242, 0.35);
  color: var(--discord-primary);
  font-weight: 600;
}
.server-selection-page .servers-section .sort-controls-wrapper .sort-controls .sort-btn.active .sort-indicator[b-g9y7qh8x9a] {
  color: var(--discord-primary);
  font-size: 0.7rem;
  animation: sort-bounce-b-g9y7qh8x9a 0.3s ease-out;
}
@keyframes sort-bounce-b-g9y7qh8x9a {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.server-selection-page .servers-section .server-card[b-g9y7qh8x9a] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 20px;
  box-shadow: var(--shadow-md);
  transition: var(--transition-normal);
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.server-selection-page .servers-section .server-card[b-g9y7qh8x9a]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--discord-primary), var(--discord-secondary));
  transform: scaleX(0);
  transition: transform var(--transition-normal);
}
.server-selection-page .servers-section .server-card:hover[b-g9y7qh8x9a] {
  transform: translateY(-8px);
  border-color: rgba(88, 101, 242, 0.3);
  box-shadow: var(--shadow-xl);
}
.server-selection-page .servers-section .server-card:hover[b-g9y7qh8x9a]::before {
  transform: scaleX(1);
}
.server-selection-page .servers-section .server-card:hover .server-avatar-glow[b-g9y7qh8x9a] {
  opacity: 1;
  transform: scale(1.1);
}
.server-selection-page .servers-section .server-card:hover .server-card-overlay[b-g9y7qh8x9a] {
  opacity: 1;
}
.server-selection-page .servers-section .server-card:hover .view-leaderboard-btn[b-g9y7qh8x9a] {
  background: linear-gradient(135deg, var(--discord-primary), var(--discord-primary-dark));
  color: white;
}
.server-selection-page .servers-section .server-card:hover .view-leaderboard-btn i:last-child[b-g9y7qh8x9a] {
  transform: translateX(4px);
}
.server-selection-page .servers-section .server-card .server-card-header[b-g9y7qh8x9a] {
  padding: 2rem 1.5rem 1rem;
  text-align: center;
}
.server-selection-page .servers-section .server-card .server-card-header .server-avatar-container[b-g9y7qh8x9a] {
  position: relative;
  display: inline-block;
}
.server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .server-avatar[b-g9y7qh8x9a] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 3px solid rgba(88, 101, 242, 0.2);
  transition: var(--transition-normal);
  position: relative;
  z-index: 2;
}
.server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .server-avatar-placeholder[b-g9y7qh8x9a] {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.2), rgba(88, 101, 242, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--discord-primary);
  border: 3px solid rgba(88, 101, 242, 0.2);
}
.server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .bot-status-indicator[b-g9y7qh8x9a] {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 24px;
  height: 24px;
  background: var(--success-color);
  border: 3px solid var(--bs-body-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: white;
  z-index: 3;
}
.server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .server-avatar-glow[b-g9y7qh8x9a] {
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
  background: linear-gradient(135deg, var(--discord-primary), var(--discord-secondary));
  border-radius: 50%;
  opacity: 0;
  filter: blur(20px);
  z-index: 1;
  transition: var(--transition-normal);
}
.server-selection-page .servers-section .server-card .server-card-body[b-g9y7qh8x9a] {
  padding: 0 1.5rem 1rem;
  flex-grow: 1;
  text-align: center;
}
.server-selection-page .servers-section .server-card .server-card-body .server-name[b-g9y7qh8x9a] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}
.server-selection-page .servers-section .server-card .server-card-body .server-description[b-g9y7qh8x9a] {
  color: var(--bs-secondary-color);
  font-size: 0.9rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}
.server-selection-page .servers-section .server-card .server-card-body .server-badges[b-g9y7qh8x9a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.server-selection-page .servers-section .server-card .server-card-body .server-badges .badge[b-g9y7qh8x9a] {
  font-size: 0.75rem;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  font-weight: 500;
  border: 1px solid transparent;
}
.server-selection-page .servers-section .server-card .server-card-body .server-badges .badge.badge-owner[b-g9y7qh8x9a] {
  background: linear-gradient(135deg, var(--gold-accent), #ffed4e);
  color: #8b6914;
  border-color: rgba(255, 215, 0, 0.3);
}
.server-selection-page .servers-section .server-card .server-card-body .server-badges .badge.badge-admin[b-g9y7qh8x9a] {
  background: linear-gradient(135deg, var(--discord-primary), var(--discord-secondary));
  color: white;
}
.server-selection-page .servers-section .server-card .server-card-body .server-badges .badge.badge-active[b-g9y7qh8x9a] {
  background: rgba(40, 167, 69, 0.1);
  color: var(--success-color);
  border-color: rgba(40, 167, 69, 0.25);
  position: relative;
  padding-left: 1.4rem;
}
.server-selection-page .servers-section .server-card .server-card-body .server-badges .badge.badge-active[b-g9y7qh8x9a]::before {
  content: "";
  position: absolute;
  left: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  background: var(--success-color);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(40, 167, 69, 0.6);
  animation: pulse-dot-b-g9y7qh8x9a 2s ease-in-out infinite;
}
@keyframes pulse-dot-b-g9y7qh8x9a {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 6px rgba(40, 167, 69, 0.6);
  }
  50% {
    opacity: 0.7;
    box-shadow: 0 0 12px rgba(40, 167, 69, 0.9);
  }
}
.server-selection-page .servers-section .server-card .server-card-footer[b-g9y7qh8x9a] {
  padding: 1rem 1.5rem 1.5rem;
}
.server-selection-page .servers-section .server-card .server-card-footer .view-leaderboard-btn[b-g9y7qh8x9a] {
  background: rgba(88, 101, 242, 0.1);
  color: var(--discord-primary);
  padding: 1rem;
  border-radius: 12px;
  text-align: center;
  font-weight: 600;
  transition: var(--transition-normal);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.server-selection-page .servers-section .server-card .server-card-footer .view-leaderboard-btn i:last-child[b-g9y7qh8x9a] {
  transition: transform var(--transition-normal);
}
.server-selection-page .servers-section .server-card .server-card-overlay[b-g9y7qh8x9a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.05) 0%, rgba(88, 101, 242, 0.02) 100%);
  opacity: 0;
  transition: var(--transition-normal);
  pointer-events: none;
}

@keyframes float-particles-b-g9y7qh8x9a {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  33% {
    transform: translateY(-20px) rotate(120deg);
  }
  66% {
    transform: translateY(10px) rotate(240deg);
  }
  100% {
    transform: translateY(0px) rotate(360deg);
  }
}
@keyframes pulse-glow-b-g9y7qh8x9a {
  0% {
    opacity: 0.3;
    transform: scale(1);
  }
  100% {
    opacity: 0.6;
    transform: scale(1.05);
  }
}
@keyframes spin-b-g9y7qh8x9a {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-bounce-b-g9y7qh8x9a {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes shake-b-g9y7qh8x9a {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-5px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(5px);
  }
}
@keyframes pulse-scale-b-g9y7qh8x9a {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes animate-slide-up-b-g9y7qh8x9a {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes animate-fade-in-b-g9y7qh8x9a {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes animate-shake-b-g9y7qh8x9a {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}
@keyframes subtle-shift-b-g9y7qh8x9a {
  0% {
    opacity: 0.3;
    transform: translateX(0) translateY(0);
  }
  100% {
    opacity: 0.6;
    transform: translateX(10px) translateY(-10px);
  }
}
@keyframes gradient-pulse-b-g9y7qh8x9a {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  100% {
    opacity: 0.9;
    transform: scale(1.05);
  }
}
.animate-slide-up[b-g9y7qh8x9a] {
  animation: animate-slide-up-b-g9y7qh8x9a 0.6s ease-out forwards;
}

.animate-fade-in[b-g9y7qh8x9a] {
  animation: animate-fade-in-b-g9y7qh8x9a 0.5s ease-out forwards;
}

.animate-shake[b-g9y7qh8x9a] {
  animation: animate-shake-b-g9y7qh8x9a 0.5s ease-out;
}

@media (min-width: 1200px) {
  .server-selection-page .hero-section .hero-content .hero-title[b-g9y7qh8x9a] {
    font-size: 3.5rem;
  }
  .server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .server-avatar[b-g9y7qh8x9a],
  .server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .server-avatar-placeholder[b-g9y7qh8x9a] {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 991.98px) {
  .server-selection-page .hero-section[b-g9y7qh8x9a] {
    padding: 3rem 0 1.5rem;
  }
  .server-selection-page .hero-section .hero-content .hero-icon-wrapper .hero-icon[b-g9y7qh8x9a] {
    font-size: 3rem;
  }
  .server-selection-page .hero-section .hero-content .hero-title[b-g9y7qh8x9a] {
    font-size: 2.5rem;
  }
  .server-selection-page .hero-section .hero-content .hero-subtitle[b-g9y7qh8x9a] {
    font-size: 1.1rem;
  }
  .server-selection-page .auth-card .auth-card-header[b-g9y7qh8x9a] {
    padding: 2rem 1.5rem 1.5rem;
  }
  .server-selection-page .auth-card .auth-card-header .auth-title[b-g9y7qh8x9a] {
    font-size: 1.75rem;
  }
}
@media (max-width: 767.98px) {
  .server-selection-page .hero-section[b-g9y7qh8x9a] {
    padding: 2rem 0 1rem;
  }
  .server-selection-page .hero-section .hero-content .hero-icon-wrapper .hero-icon[b-g9y7qh8x9a] {
    font-size: 2.5rem;
  }
  .server-selection-page .hero-section .hero-content .hero-title[b-g9y7qh8x9a] {
    font-size: 2rem;
    line-height: 1.2;
  }
  .server-selection-page .hero-section .hero-content .hero-subtitle[b-g9y7qh8x9a] {
    font-size: 1rem;
  }
  .server-selection-page .hero-section .hero-content .hero-stats[b-g9y7qh8x9a] {
    gap: 1rem;
  }
  .server-selection-page .hero-section .hero-content .hero-stats .stat-item .stat-number[b-g9y7qh8x9a] {
    font-size: 1.5rem;
  }
  .server-selection-page .servers-section .server-card .server-card-header[b-g9y7qh8x9a] {
    padding: 1.5rem 1rem 0.75rem;
  }
  .server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .server-avatar[b-g9y7qh8x9a],
  .server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .server-avatar-placeholder[b-g9y7qh8x9a] {
    width: 70px;
    height: 70px;
  }
  .server-selection-page .servers-section .server-card .server-card-header .server-avatar-container .bot-status-indicator[b-g9y7qh8x9a] {
    width: 20px;
    height: 20px;
    font-size: 0.6rem;
  }
  .server-selection-page .servers-section .server-card .server-card-body[b-g9y7qh8x9a] {
    padding: 0 1rem 0.75rem;
  }
  .server-selection-page .servers-section .server-card .server-card-body .server-name[b-g9y7qh8x9a] {
    font-size: 1.1rem;
  }
  .server-selection-page .servers-section .server-card .server-card-body .server-description[b-g9y7qh8x9a] {
    font-size: 0.85rem;
  }
  .server-selection-page .servers-section .server-card .server-card-footer[b-g9y7qh8x9a] {
    padding: 0.75rem 1rem 1rem;
  }
  .server-selection-page .servers-section .server-card .server-card-footer .view-leaderboard-btn[b-g9y7qh8x9a] {
    padding: 0.875rem;
    font-size: 0.9rem;
  }
  .server-selection-page .auth-card[b-g9y7qh8x9a] {
    margin: 1rem;
    border-radius: 20px;
  }
  .server-selection-page .auth-card .auth-card-header[b-g9y7qh8x9a] {
    padding: 1.5rem 1rem 1rem;
  }
  .server-selection-page .auth-card .auth-card-header .auth-icon-wrapper .auth-icon-bg[b-g9y7qh8x9a] {
    width: 70px;
    height: 70px;
  }
  .server-selection-page .auth-card .auth-card-header .auth-icon[b-g9y7qh8x9a] {
    font-size: 2rem;
  }
  .server-selection-page .auth-card .auth-card-header .auth-title[b-g9y7qh8x9a] {
    font-size: 1.5rem;
  }
  .server-selection-page .auth-card .auth-card-header .auth-subtitle[b-g9y7qh8x9a] {
    font-size: 1rem;
  }
  .server-selection-page .auth-card .auth-card-body[b-g9y7qh8x9a] {
    padding: 1.5rem 1rem;
  }
  .server-selection-page .auth-card .auth-card-body .features-grid .feature-item[b-g9y7qh8x9a] {
    padding: 0.875rem;
  }
  .server-selection-page .auth-card .auth-card-body .features-grid .feature-item .feature-icon[b-g9y7qh8x9a] {
    width: 40px;
    height: 40px;
  }
  .server-selection-page .auth-card .auth-card-body .features-grid .feature-item .feature-icon i[b-g9y7qh8x9a] {
    font-size: 1rem;
  }
  .server-selection-page .auth-card .auth-card-body .btn-discord[b-g9y7qh8x9a] {
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
  }
  .server-selection-page .loading-state .loading-spinner-container .loading-spinner[b-g9y7qh8x9a] {
    width: 60px;
    height: 60px;
  }
  .server-selection-page .loading-state .loading-title[b-g9y7qh8x9a] {
    font-size: 1.5rem;
  }
  .server-selection-page .loading-state .loading-subtitle[b-g9y7qh8x9a] {
    font-size: 1rem;
  }
  .server-selection-page .error-card[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card[b-g9y7qh8x9a] {
    margin: 1rem;
  }
  .server-selection-page .error-card .error-header[b-g9y7qh8x9a],
  .server-selection-page .error-card .no-servers-header[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .error-header[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .no-servers-header[b-g9y7qh8x9a] {
    padding: 1.5rem 1rem;
  }
  .server-selection-page .error-card .error-header .error-icon[b-g9y7qh8x9a],
  .server-selection-page .error-card .error-header .no-servers-icon[b-g9y7qh8x9a],
  .server-selection-page .error-card .no-servers-header .error-icon[b-g9y7qh8x9a],
  .server-selection-page .error-card .no-servers-header .no-servers-icon[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .error-header .error-icon[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .error-header .no-servers-icon[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .no-servers-header .error-icon[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .no-servers-header .no-servers-icon[b-g9y7qh8x9a] {
    font-size: 2.5rem;
  }
  .server-selection-page .error-card .error-header .error-title[b-g9y7qh8x9a],
  .server-selection-page .error-card .error-header .no-servers-title[b-g9y7qh8x9a],
  .server-selection-page .error-card .no-servers-header .error-title[b-g9y7qh8x9a],
  .server-selection-page .error-card .no-servers-header .no-servers-title[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .error-header .error-title[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .error-header .no-servers-title[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .no-servers-header .error-title[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .no-servers-header .no-servers-title[b-g9y7qh8x9a] {
    font-size: 1.25rem;
  }
  .server-selection-page .error-card .error-body[b-g9y7qh8x9a],
  .server-selection-page .error-card .no-servers-body[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .error-body[b-g9y7qh8x9a],
  .server-selection-page .no-servers-card .no-servers-body[b-g9y7qh8x9a] {
    padding: 1.5rem 1rem;
  }
}
@media (max-width: 575.98px) {
  .server-selection-page .hero-section .hero-content .hero-title[b-g9y7qh8x9a] {
    font-size: 1.75rem;
  }
  .server-selection-page .hero-section .hero-content .hero-subtitle[b-g9y7qh8x9a] {
    font-size: 0.95rem;
  }
  .server-selection-page .auth-card .auth-card-body .features-grid .feature-item[b-g9y7qh8x9a] {
    flex-direction: column;
    text-align: center;
  }
  .server-selection-page .auth-card .auth-card-body .features-grid .feature-item .feature-icon[b-g9y7qh8x9a] {
    margin-right: 0;
    margin-bottom: 0.75rem;
  }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
/* ===== LEGAL PAGE STYLES (shared by Privacy & Terms) ===== */
.legal-page[b-v06vper2eu] {
  min-height: calc(100vh - 70px);
}

/* Hero */
.legal-hero[b-v06vper2eu] {
  padding: 5rem 0 3rem;
  background: radial-gradient(ellipse at top, rgba(88, 101, 242, 0.08) 0%, transparent 50%);
}

.legal-page .hero-badge[b-v06vper2eu] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(88, 101, 242, 0.1);
  border: 1px solid rgba(88, 101, 242, 0.2);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-bottom: 1.5rem;
}
.legal-page .hero-badge i[b-v06vper2eu] {
  color: #5865f2;
}

.legal-page .hero-title[b-v06vper2eu] {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: var(--bs-body-color);
}

.legal-page .hero-description[b-v06vper2eu] {
  font-size: 1.125rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0;
}

/* Content */
.legal-content[b-v06vper2eu] {
  padding: 3rem 0 5rem;
}

.legal-card[b-v06vper2eu] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  margin-bottom: 2rem;
  transition: border-color 0.3s ease;
}
.legal-card:hover[b-v06vper2eu] {
  border-color: rgba(88, 101, 242, 0.25);
}

.legal-card-header[b-v06vper2eu] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 14px 14px 0 0;
}
.legal-card-header i[b-v06vper2eu] {
  color: #5865f2;
  font-size: 1.25rem;
}
.legal-card-header h2[b-v06vper2eu] {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  color: var(--bs-body-color);
}

.legal-card-body[b-v06vper2eu] {
  padding: 1.5rem;
}
.legal-card-body h3[b-v06vper2eu] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.legal-card-body h3:first-child[b-v06vper2eu] {
  margin-top: 0;
}
.legal-card-body p[b-v06vper2eu] {
  color: var(--bs-secondary-color);
  line-height: 1.7;
  margin-bottom: 1rem;
}
.legal-card-body p:last-child[b-v06vper2eu] {
  margin-bottom: 0;
}
.legal-card-body ul[b-v06vper2eu] {
  color: var(--bs-secondary-color);
  padding-left: 1.25rem;
  margin-bottom: 1rem;
}
.legal-card-body ul li[b-v06vper2eu] {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
.legal-card-body ul:last-child[b-v06vper2eu] {
  margin-bottom: 0;
}
.legal-card-body a[b-v06vper2eu] {
  color: #5865f2;
  text-decoration: none;
}
.legal-card-body a:hover[b-v06vper2eu] {
  text-decoration: underline;
}
.legal-card-body strong[b-v06vper2eu] {
  color: var(--bs-body-color);
}

/* Responsive */
@media (max-width: 768px) {
  .legal-hero[b-v06vper2eu] {
    padding: 3rem 0 2rem;
  }
  .legal-page .hero-title[b-v06vper2eu] {
    font-size: 2rem;
  }
  .legal-card-header[b-v06vper2eu] {
    padding: 1rem 1.25rem;
  }
  .legal-card-body[b-v06vper2eu] {
    padding: 1.25rem;
  }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
/* Terms page uses the same legal-page styles as Privacy */
/* Styles are defined in Privacy.razor.scss and shared via .legal-page class */
.legal-page[b-3ai4zaa183] {
  min-height: calc(100vh - 70px);
}

.legal-hero[b-3ai4zaa183] {
  padding: 5rem 0 3rem;
  background: radial-gradient(ellipse at top, rgba(88, 101, 242, 0.08) 0%, transparent 50%);
}

.legal-page .hero-badge[b-3ai4zaa183] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(88, 101, 242, 0.1);
  border: 1px solid rgba(88, 101, 242, 0.2);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-bottom: 1.5rem;
}
.legal-page .hero-badge i[b-3ai4zaa183] {
  color: #5865f2;
}

.legal-page .hero-title[b-3ai4zaa183] {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: var(--bs-body-color);
}

.legal-page .hero-description[b-3ai4zaa183] {
  font-size: 1.125rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0;
}

.legal-content[b-3ai4zaa183] {
  padding: 3rem 0 5rem;
}

.legal-card[b-3ai4zaa183] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  margin-bottom: 2rem;
  transition: border-color 0.3s ease;
}
.legal-card:hover[b-3ai4zaa183] {
  border-color: rgba(88, 101, 242, 0.25);
}

.legal-card-header[b-3ai4zaa183] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(88, 101, 242, 0.05));
  border-bottom: 2px solid rgba(88, 101, 242, 0.1);
  border-radius: 14px 14px 0 0;
}
.legal-card-header i[b-3ai4zaa183] {
  color: #5865f2;
  font-size: 1.25rem;
}
.legal-card-header h2[b-3ai4zaa183] {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  color: var(--bs-body-color);
}

.legal-card-body[b-3ai4zaa183] {
  padding: 1.5rem;
}
.legal-card-body h3[b-3ai4zaa183] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.legal-card-body h3:first-child[b-3ai4zaa183] {
  margin-top: 0;
}
.legal-card-body p[b-3ai4zaa183] {
  color: var(--bs-secondary-color);
  line-height: 1.7;
  margin-bottom: 1rem;
}
.legal-card-body p:last-child[b-3ai4zaa183] {
  margin-bottom: 0;
}
.legal-card-body ul[b-3ai4zaa183] {
  color: var(--bs-secondary-color);
  padding-left: 1.25rem;
  margin-bottom: 1rem;
}
.legal-card-body ul li[b-3ai4zaa183] {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
.legal-card-body ul:last-child[b-3ai4zaa183] {
  margin-bottom: 0;
}
.legal-card-body a[b-3ai4zaa183] {
  color: #5865f2;
  text-decoration: none;
}
.legal-card-body a:hover[b-3ai4zaa183] {
  text-decoration: underline;
}
.legal-card-body strong[b-3ai4zaa183] {
  color: var(--bs-body-color);
}

@media (max-width: 768px) {
  .legal-hero[b-3ai4zaa183] {
    padding: 3rem 0 2rem;
  }
  .legal-page .hero-title[b-3ai4zaa183] {
    font-size: 2rem;
  }
  .legal-card-header[b-3ai4zaa183] {
    padding: 1rem 1.25rem;
  }
  .legal-card-body[b-3ai4zaa183] {
    padding: 1.25rem;
  }
}
/* /Components/Pages/Tools/WebhookTool.razor.rz.scp.css */
.wh-hero[b-oxgpnrjgqt] {
  padding: 6rem 0 4rem;
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at top center, rgba(88, 101, 242, 0.12) 0%, transparent 60%);
}
@media (max-width: 767px) {
  .wh-hero[b-oxgpnrjgqt] {
    padding: 4rem 0 3rem;
  }
}

.wh-hero-glow[b-oxgpnrjgqt] {
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(88, 101, 242, 0.15) 0%, transparent 70%);
  pointer-events: none;
}

.wh-hero-badge[b-oxgpnrjgqt] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  background: rgba(88, 101, 242, 0.1);
  border: 1px solid rgba(88, 101, 242, 0.25);
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #5865F2;
  margin-bottom: 1.5rem;
}

.wh-hero-title[b-oxgpnrjgqt] {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 1.25rem;
  color: var(--bs-body-color);
  letter-spacing: -0.02em;
}
@media (max-width: 991px) {
  .wh-hero-title[b-oxgpnrjgqt] {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .wh-hero-title[b-oxgpnrjgqt] {
    font-size: 2rem;
  }
}

.wh-hero-description[b-oxgpnrjgqt] {
  font-size: 1.15rem;
  line-height: 1.7;
  color: var(--bs-secondary-color);
  margin-bottom: 2rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .wh-hero-description[b-oxgpnrjgqt] {
    font-size: 1rem;
  }
}

.wh-hero-actions[b-oxgpnrjgqt] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.wh-hero-actions .btn-lg[b-oxgpnrjgqt] {
  padding: 0.75rem 1.75rem;
  font-weight: 600;
  border-radius: 10px;
}
.wh-hero-actions .btn-primary[b-oxgpnrjgqt] {
  background: #5865F2;
  border-color: #5865F2;
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.wh-hero-actions .btn-primary:hover[b-oxgpnrjgqt] {
  background: rgb(50.1466666667, 66.0933333333, 239.0533333333);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4);
  transform: translateY(-1px);
}
.wh-hero-actions .btn-outline-light[b-oxgpnrjgqt] {
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--bs-body-color);
}
.wh-hero-actions .btn-outline-light:hover[b-oxgpnrjgqt] {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.4);
}

.wh-section-title[b-oxgpnrjgqt] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .wh-section-title[b-oxgpnrjgqt] {
    font-size: 1.5rem;
  }
}

.wh-section-subtitle[b-oxgpnrjgqt] {
  font-size: 1.05rem;
  color: var(--bs-secondary-color);
  line-height: 1.6;
}

.wh-features[b-oxgpnrjgqt] {
  padding: 5rem 0;
  background: rgba(88, 101, 242, 0.02);
  border-top: 1px solid rgba(88, 101, 242, 0.15);
  border-bottom: 1px solid rgba(88, 101, 242, 0.15);
}
@media (max-width: 767px) {
  .wh-features[b-oxgpnrjgqt] {
    padding: 3rem 0;
  }
}

.wh-feature-card[b-oxgpnrjgqt] {
  background: var(--bs-body-bg);
  border: 1px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 2rem;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.wh-feature-card[b-oxgpnrjgqt]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--accent, #5865F2);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.wh-feature-card:hover[b-oxgpnrjgqt] {
  border-color: rgba(88, 101, 242, 0.35);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(88, 101, 242, 0.12);
}
.wh-feature-card:hover[b-oxgpnrjgqt]::before {
  opacity: 1;
}
@media (max-width: 767px) {
  .wh-feature-card[b-oxgpnrjgqt] {
    padding: 1.5rem;
  }
}

.wh-feature-icon[b-oxgpnrjgqt] {
  width: 52px;
  height: 52px;
  background: var(--accent, #5865F2);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  box-shadow: 0 4px 15px color-mix(in srgb, var(--accent, #5865F2) 25%, transparent);
}
.wh-feature-icon i[b-oxgpnrjgqt] {
  font-size: 1.3rem;
  color: white;
}

.wh-feature-title[b-oxgpnrjgqt] {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.5rem;
}

.wh-feature-desc[b-oxgpnrjgqt] {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
  line-height: 1.6;
  margin: 0;
}

.wh-howto[b-oxgpnrjgqt] {
  padding: 5rem 0;
}
@media (max-width: 767px) {
  .wh-howto[b-oxgpnrjgqt] {
    padding: 3rem 0;
  }
}

.wh-steps[b-oxgpnrjgqt] {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}
.wh-steps[b-oxgpnrjgqt]::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 40px;
  bottom: 40px;
  width: 2px;
  background: linear-gradient(to bottom, #5865F2, rgba(88, 101, 242, 0.2));
}
@media (max-width: 767px) {
  .wh-steps[b-oxgpnrjgqt]::before {
    left: 20px;
  }
}

.wh-step[b-oxgpnrjgqt] {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .wh-step[b-oxgpnrjgqt] {
    gap: 1rem;
    padding: 1rem 0;
  }
}

.wh-step-number[b-oxgpnrjgqt] {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: linear-gradient(135deg, #5865F2, rgb(40.6833333333, 57.3666666667, 238.3166666667));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 800;
  color: white;
  position: relative;
  z-index: 1;
  box-shadow: 0 4px 12px rgba(88, 101, 242, 0.3);
}
@media (max-width: 767px) {
  .wh-step-number[b-oxgpnrjgqt] {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 1.1rem;
  }
}

.wh-step-content[b-oxgpnrjgqt] {
  flex: 1;
}
.wh-step-content h4[b-oxgpnrjgqt] {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--bs-body-color);
  margin-bottom: 0.35rem;
}
.wh-step-content p[b-oxgpnrjgqt] {
  font-size: 0.95rem;
  color: var(--bs-secondary-color);
  margin: 0;
  line-height: 1.5;
}

.wh-tool-section[b-oxgpnrjgqt] {
  padding: 5rem 0;
  background: rgba(88, 101, 242, 0.02);
  border-top: 1px solid rgba(88, 101, 242, 0.15);
}
@media (max-width: 767px) {
  .wh-tool-section[b-oxgpnrjgqt] {
    padding: 3rem 0;
  }
}

.wh-url-card[b-oxgpnrjgqt] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 16px;
  padding: 2rem;
  margin-bottom: 1.5rem;
  transition: border-color 0.3s ease;
}
.wh-url-card:focus-within[b-oxgpnrjgqt] {
  border-color: rgba(88, 101, 242, 0.35);
}
@media (max-width: 767px) {
  .wh-url-card[b-oxgpnrjgqt] {
    padding: 1.25rem;
  }
}

.wh-url-header[b-oxgpnrjgqt] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.wh-url-header h3[b-oxgpnrjgqt] {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--bs-body-color);
}

.wh-url-icon[b-oxgpnrjgqt] {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.15), rgba(88, 101, 242, 0.05));
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5865F2;
  font-size: 1.1rem;
}

.wh-url-input-wrapper .input-group-text[b-oxgpnrjgqt] {
  background: rgba(88, 101, 242, 0.08);
  border-color: rgba(88, 101, 242, 0.2);
  color: #5865F2;
}
.wh-url-input-wrapper .form-control[b-oxgpnrjgqt] {
  border-color: rgba(88, 101, 242, 0.2);
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-size: 0.95rem;
}
.wh-url-input-wrapper .form-control:focus[b-oxgpnrjgqt] {
  border-color: #5865F2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.1);
}
.wh-url-input-wrapper .form-control[b-oxgpnrjgqt]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.6;
}

.wh-builder-card[b-oxgpnrjgqt] {
  background: var(--bs-body-bg);
  border: 2px solid rgba(88, 101, 242, 0.15);
  border-radius: 14px;
  margin-bottom: 1.5rem;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.wh-builder-card:focus-within[b-oxgpnrjgqt] {
  border-color: rgba(88, 101, 242, 0.25);
}

.wh-builder-header[b-oxgpnrjgqt] {
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.08), rgba(88, 101, 242, 0.03));
  border-bottom: 1px solid rgba(88, 101, 242, 0.15);
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--bs-body-color);
}
.wh-builder-header i[b-oxgpnrjgqt] {
  color: #5865F2;
}
@media (max-width: 767px) {
  .wh-builder-header[b-oxgpnrjgqt] {
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
  }
}

.wh-builder-body[b-oxgpnrjgqt] {
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .wh-builder-body[b-oxgpnrjgqt] {
    padding: 1rem;
  }
}
.wh-builder-body .form-label[b-oxgpnrjgqt] {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--bs-body-color);
  margin-bottom: 0.4rem;
}
.wh-builder-body .form-control[b-oxgpnrjgqt],
.wh-builder-body .form-select[b-oxgpnrjgqt] {
  background: var(--bs-body-bg);
  border-color: rgba(88, 101, 242, 0.15);
  color: var(--bs-body-color);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wh-builder-body .form-control:focus[b-oxgpnrjgqt],
.wh-builder-body .form-select:focus[b-oxgpnrjgqt] {
  border-color: #5865F2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.1);
}
.wh-builder-body .form-control[b-oxgpnrjgqt]::placeholder,
.wh-builder-body .form-select[b-oxgpnrjgqt]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.5;
}

.wh-embed-card[b-oxgpnrjgqt] {
  background: rgba(88, 101, 242, 0.03);
  border: 1px solid rgba(88, 101, 242, 0.15);
  border-left: 4px solid #5865F2;
  border-radius: 10px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.wh-embed-card:last-child[b-oxgpnrjgqt] {
  margin-bottom: 0;
}

.wh-embed-header[b-oxgpnrjgqt] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.25rem;
  background: rgba(88, 101, 242, 0.05);
  border-bottom: 1px solid rgba(88, 101, 242, 0.08);
}

.wh-embed-body[b-oxgpnrjgqt] {
  padding: 1.25rem;
}
.wh-embed-body .form-label[b-oxgpnrjgqt] {
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--bs-secondary-color);
  margin-bottom: 0.35rem;
}
.wh-embed-body .form-control[b-oxgpnrjgqt] {
  background: var(--bs-body-bg);
  border-color: rgba(88, 101, 242, 0.12);
  color: var(--bs-body-color);
}
.wh-embed-body .form-control:focus[b-oxgpnrjgqt] {
  border-color: #5865F2;
  box-shadow: 0 0 0 2px rgba(88, 101, 242, 0.08);
}

.wh-details[b-oxgpnrjgqt] {
  border: 1px solid rgba(88, 101, 242, 0.1);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  transition: border-color 0.2s ease;
}
.wh-details[open][b-oxgpnrjgqt] {
  border-color: rgba(88, 101, 242, 0.2);
}
.wh-details summary[b-oxgpnrjgqt] {
  cursor: pointer;
  user-select: none;
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--bs-secondary-color);
  transition: color 0.2s ease;
}
.wh-details summary:hover[b-oxgpnrjgqt] {
  color: #5865F2;
}
.wh-details summary i[b-oxgpnrjgqt] {
  width: 1.2em;
  text-align: center;
}
.wh-details[open] summary[b-oxgpnrjgqt] {
  color: #5865F2;
  margin-bottom: 0.5rem;
}

.wh-fields-section[b-oxgpnrjgqt] {
  border-top: 1px solid rgba(88, 101, 242, 0.08);
  padding-top: 1rem;
  margin-top: 0.5rem;
}

.wh-action-bar[b-oxgpnrjgqt] {
  display: flex;
  gap: 1rem;
  padding: 2rem 0;
  position: sticky;
  bottom: 0;
  background: linear-gradient(to top, var(--bs-body-bg) 60%, transparent);
  z-index: 10;
}
.wh-action-bar .btn-lg[b-oxgpnrjgqt] {
  padding: 0.8rem 2rem;
  font-weight: 700;
  border-radius: 10px;
  font-size: 1rem;
}
.wh-action-bar .btn-primary[b-oxgpnrjgqt] {
  background: #5865F2;
  border-color: #5865F2;
  box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);
}
.wh-action-bar .btn-primary:hover:not(:disabled)[b-oxgpnrjgqt] {
  background: rgb(50.1466666667, 66.0933333333, 239.0533333333);
  box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4);
  transform: translateY(-1px);
}
.wh-action-bar .btn-primary:disabled[b-oxgpnrjgqt] {
  opacity: 0.5;
}
@media (max-width: 767px) {
  .wh-action-bar[b-oxgpnrjgqt] {
    flex-direction: column;
  }
  .wh-action-bar .btn-lg[b-oxgpnrjgqt] {
    width: 100%;
  }
}

.wh-faq[b-oxgpnrjgqt] {
  padding: 5rem 0;
  border-top: 1px solid rgba(88, 101, 242, 0.15);
}
@media (max-width: 767px) {
  .wh-faq[b-oxgpnrjgqt] {
    padding: 3rem 0;
  }
}

.wh-faq-list[b-oxgpnrjgqt] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.wh-faq-item[b-oxgpnrjgqt] {
  background: var(--bs-body-bg);
  border: 1px solid rgba(88, 101, 242, 0.15);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.wh-faq-item[open][b-oxgpnrjgqt] {
  border-color: rgba(88, 101, 242, 0.3);
}
.wh-faq-item summary[b-oxgpnrjgqt] {
  padding: 1.25rem 1.5rem;
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
  color: var(--bs-body-color);
  display: flex;
  align-items: center;
  list-style: none;
  transition: color 0.2s ease;
}
.wh-faq-item summary[b-oxgpnrjgqt]::-webkit-details-marker {
  display: none;
}
.wh-faq-item summary[b-oxgpnrjgqt]::before {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.75rem;
  margin-right: 1rem;
  color: #5865F2;
  transition: transform 0.3s ease;
}
.wh-faq-item summary:hover[b-oxgpnrjgqt] {
  color: #5865F2;
}
.wh-faq-item[open] summary[b-oxgpnrjgqt]::before {
  transform: rotate(180deg);
}
.wh-faq-item p[b-oxgpnrjgqt] {
  padding: 0 1.5rem 1.25rem 2.75rem;
  margin: 0;
  font-size: 0.95rem;
  color: var(--bs-secondary-color);
  line-height: 1.6;
}

.alert[b-oxgpnrjgqt] {
  border-radius: 10px;
  border: 1px solid;
  font-size: 0.95rem;
}
.alert.alert-success[b-oxgpnrjgqt] {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.2);
  color: #10b981;
}
.alert.alert-danger[b-oxgpnrjgqt] {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

.form-check-input:checked[b-oxgpnrjgqt] {
  background-color: #5865F2;
  border-color: #5865F2;
}

.badge.bg-warning[b-oxgpnrjgqt] {
  font-weight: 600;
}

.btn-outline-primary[b-oxgpnrjgqt] {
  border-color: #5865F2;
  color: #5865F2;
}
.btn-outline-primary:hover[b-oxgpnrjgqt] {
  background: #5865F2;
  border-color: #5865F2;
  color: white;
}
/* /Components/Shared/AdminListControls.razor.rz.scp.css */
.admin-list-controls[b-qtf0wqbi9g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0.85rem 1.25rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
  background: rgba(88, 101, 242, 0.03);
}

.admin-list-search[b-qtf0wqbi9g] {
  position: relative;
  flex: 1 1 220px;
  min-width: 180px;
  max-width: 420px;
}
.admin-list-search > i[b-qtf0wqbi9g] {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
  pointer-events: none;
}

.admin-list-search-input[b-qtf0wqbi9g] {
  width: 100%;
  padding: 0.45rem 2rem 0.45rem 2rem;
  border: 1px solid rgba(88, 101, 242, 0.2);
  border-radius: 8px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-size: 0.85rem;
}
.admin-list-search-input:focus[b-qtf0wqbi9g] {
  outline: none;
  border-color: rgba(88, 101, 242, 0.5);
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.12);
}
.admin-list-search-input[b-qtf0wqbi9g]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.8;
}

.admin-list-clear[b-qtf0wqbi9g] {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--bs-secondary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.admin-list-clear:hover[b-qtf0wqbi9g] {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}

.admin-list-pager[b-qtf0wqbi9g] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-list-range[b-qtf0wqbi9g] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--bs-secondary-color);
}

.admin-list-pager-buttons[b-qtf0wqbi9g] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.admin-list-page-btn[b-qtf0wqbi9g] {
  width: 1.85rem;
  height: 1.85rem;
  border: 1px solid rgba(88, 101, 242, 0.2);
  border-radius: 6px;
  background: var(--bs-body-bg);
  color: #5865f2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0.7rem;
}
.admin-list-page-btn:hover:not(:disabled)[b-qtf0wqbi9g] {
  background: rgba(88, 101, 242, 0.1);
}
.admin-list-page-btn:disabled[b-qtf0wqbi9g] {
  opacity: 0.4;
  cursor: not-allowed;
}

.admin-list-page-label[b-qtf0wqbi9g] {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--bs-body-color);
  min-width: 3.25rem;
  text-align: center;
}
/* /Components/Shared/AdminSidebar.razor.rz.scp.css */
.admin-sidebar[b-708j8m1ges] {
  width: 240px;
  min-width: 240px;
  flex-direction: column;
  background: var(--bs-body-bg);
  border-right: 1px solid rgba(88, 101, 242, 0.1);
  height: calc(100vh - 70px);
  position: sticky;
  overflow-y: auto;
}
.admin-sidebar.compact[b-708j8m1ges] {
  display: flex;
  width: 100%;
  min-width: 100%;
  height: auto;
  position: static;
  border-right: none;
}

.sidebar-brand[b-708j8m1ges] {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
}

.brand-title[b-708j8m1ges] {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--bs-body-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.sidebar-body[b-708j8m1ges] {
  flex: 1;
  padding: 0.375rem 0;
}

.sidebar-accordion + .sidebar-accordion[b-708j8m1ges] {
  border-top: 1px solid rgba(88, 101, 242, 0.06);
}

.accordion-trigger[b-708j8m1ges] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.625rem 1rem;
  background: none;
  border: none;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: color 0.15s ease;
}
.accordion-trigger:hover[b-708j8m1ges] {
  color: var(--bs-body-color);
}

.trigger-left[b-708j8m1ges] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.trigger-left i[b-708j8m1ges] {
  font-size: 0.7rem;
  width: 14px;
  text-align: center;
  color: #5865f2;
}

.accordion-arrow[b-708j8m1ges] {
  font-size: 0.5rem;
  transition: transform 0.2s ease;
  opacity: 0.4;
}
.accordion-arrow.open[b-708j8m1ges] {
  transform: rotate(180deg);
}

.accordion-links[b-708j8m1ges] {
  display: flex;
  flex-direction: column;
  padding: 0 0.625rem 0.5rem;
  gap: 1px;
}

.sidebar-link[b-708j8m1ges] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  color: var(--bs-secondary-color);
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 450;
  transition: all 0.12s ease;
}
.sidebar-link .link-dot[b-708j8m1ges] {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(88, 101, 242, 0.2);
  flex-shrink: 0;
  transition: all 0.12s ease;
}
.sidebar-link:hover[b-708j8m1ges] {
  background: rgba(88, 101, 242, 0.06);
  color: var(--bs-body-color);
}
.sidebar-link:hover .link-dot[b-708j8m1ges] {
  background: rgba(88, 101, 242, 0.4);
}
.sidebar-link.active[b-708j8m1ges] {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
  font-weight: 600;
}
.sidebar-link.active .link-dot[b-708j8m1ges] {
  background: #5865f2;
  box-shadow: 0 0 6px rgba(88, 101, 242, 0.4);
}

.sidebar-footer[b-708j8m1ges] {
  padding: 0.5rem 0.625rem;
  border-top: 1px solid rgba(88, 101, 242, 0.1);
}

.footer-link[b-708j8m1ges] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border-radius: 6px;
  color: var(--bs-secondary-color);
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 500;
  transition: all 0.12s ease;
}
.footer-link i[b-708j8m1ges] {
  font-size: 0.7rem;
  width: 14px;
  text-align: center;
}
.footer-link:hover[b-708j8m1ges] {
  background: rgba(88, 101, 242, 0.06);
  color: var(--bs-body-color);
}
/* /Components/Shared/DashboardSidebar.razor.rz.scp.css */
.dash-sidebar[b-k09sw21jk1] {
  width: 240px;
  min-width: 240px;
  flex-direction: column;
  background: var(--bs-body-bg);
  border-right: 1px solid rgba(88, 101, 242, 0.1);
  height: calc(100vh - 70px);
  position: sticky;
  top: 70px;
  overflow-y: auto;
  scrollbar-width: none;
}
.dash-sidebar[b-k09sw21jk1]::-webkit-scrollbar {
  display: none;
}
.dash-sidebar.compact[b-k09sw21jk1] {
  display: flex;
  width: 100%;
  min-width: 100%;
  height: auto;
  position: static;
  border-right: none;
  overflow-y: visible;
}

.sidebar-brand[b-k09sw21jk1] {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(88, 101, 242, 0.1);
}

.brand-title[b-k09sw21jk1] {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--bs-body-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.sidebar-body[b-k09sw21jk1] {
  flex: 1;
  padding: 0.375rem 0;
}

.sidebar-accordion + .sidebar-accordion[b-k09sw21jk1] {
  border-top: 1px solid rgba(88, 101, 242, 0.06);
}

.accordion-trigger[b-k09sw21jk1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.625rem 1rem;
  background: none;
  border: none;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: color 0.15s ease;
}
.accordion-trigger:hover[b-k09sw21jk1] {
  color: var(--bs-body-color);
}

.trigger-left[b-k09sw21jk1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.trigger-left i[b-k09sw21jk1] {
  font-size: 0.7rem;
  width: 14px;
  text-align: center;
  color: #5865f2;
}

.accordion-arrow[b-k09sw21jk1] {
  font-size: 0.5rem;
  transition: transform 0.2s ease;
  opacity: 0.4;
}
.accordion-arrow.open[b-k09sw21jk1] {
  transform: rotate(180deg);
}

.accordion-links[b-k09sw21jk1] {
  display: flex;
  flex-direction: column;
  padding: 0 0.625rem 0.5rem;
  gap: 1px;
}

.sidebar-link[b-k09sw21jk1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  color: var(--bs-secondary-color);
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 450;
  transition: all 0.12s ease;
}
.sidebar-link .link-dot[b-k09sw21jk1] {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(88, 101, 242, 0.2);
  flex-shrink: 0;
  transition: all 0.12s ease;
}
.sidebar-link:hover[b-k09sw21jk1] {
  background: rgba(88, 101, 242, 0.06);
  color: var(--bs-body-color);
}
.sidebar-link:hover .link-dot[b-k09sw21jk1] {
  background: rgba(88, 101, 242, 0.4);
}
.sidebar-link.active[b-k09sw21jk1] {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
  font-weight: 600;
}
.sidebar-link.active .link-dot[b-k09sw21jk1] {
  background: #5865f2;
  box-shadow: 0 0 6px rgba(88, 101, 242, 0.4);
}

.sidebar-footer[b-k09sw21jk1] {
  padding: 0.5rem 0.625rem;
  border-top: 1px solid rgba(88, 101, 242, 0.1);
}

.footer-link[b-k09sw21jk1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border-radius: 6px;
  color: var(--bs-secondary-color);
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 500;
  transition: all 0.12s ease;
}
.footer-link i[b-k09sw21jk1] {
  font-size: 0.7rem;
  width: 14px;
  text-align: center;
}
.footer-link:hover[b-k09sw21jk1] {
  background: rgba(88, 101, 242, 0.06);
  color: var(--bs-body-color);
}
/* /Components/Shared/DiscordEntityImage.razor.rz.scp.css */
.server-item .avatar[b-gt4wr33jcb] {
  width: 40px;
  height: 40px;
}
@media (min-width: 992px) {
  .server-item .avatar[b-gt4wr33jcb] {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1200px) {
  .server-item .avatar[b-gt4wr33jcb] {
    width: 56px;
    height: 56px;
  }
}
@media (min-width: 1400px) {
  .server-item .avatar[b-gt4wr33jcb] {
    width: 64px;
    height: 64px;
  }
}
/* /Components/Shared/LoadingShapes.razor.rz.scp.css */
.load-container .load-v[b-4m3r3b4mzz] {
  animation-iteration-count: infinite;
  animation-duration: 3s;
}