/* ========================================================
   STAFFACTORY EMPLOYEE PORTAL - CSS MODULES
   Modern Dashboard Components & Layouts
======================================================== */

/* ========== DASHBOARD LAYOUT ========== */
.dashboard_dashboard-container__cetj7 {
  display: flex;
  min-height: 100vh;
  background: var(--gray-50);
  font-family: var(--font-family);
  font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dashboard_main-content__yxeeb {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 240px;
  transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 100vh;
}

/* Adjust main content margin when sidebar is collapsed */
.dashboard_dashboard-container__cetj7:has(.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy) .dashboard_main-content__yxeeb {
  margin-left: 70px;
}

.dashboard_content-area__5gBuB {
  flex: 1;
  padding: 2rem 2rem;
  background: var(--gray-50);
  min-height: calc(100vh - 88px);
  overflow-x: hidden;
  max-width: 100%;
}

/* ========== SIDEBAR STYLES ========== */
.dashboard_sidebar__EGhX4 {
  position: fixed;
  top: 0;
  left: 0;
  width: 240px;
  height: 100vh;
  background: linear-gradient(180deg, var(--gray-900) 0%, var(--gray-800) 100%);
  color: white;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--gray-200);
  box-shadow: var(--shadow-lg);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy {
  width: 70px;
}

.dashboard_collapse-btn__XlAz3 {
  position: fixed;
  top: 50%;
  left: 240px;
  transform: translate(-50%, -50%);
  background: linear-gradient(135deg,
    rgba(31, 41, 55, 0.95) 0%,
    rgba(17, 24, 39, 0.98) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-left: none;
  border-radius: 0 12px 12px 0;
  color: white;
  width: 32px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1001;
  font-size: 0.95rem;
  box-shadow:
    2px 0 12px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

/* Collapsed state positioning */
.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy ~ * .dashboard_collapse-btn__XlAz3,
.dashboard_dashboard-container__cetj7:has(.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy) .dashboard_collapse-btn__XlAz3 {
  left: 70px;
}

/* Glassmorphism shine effect */
.dashboard_collapse-btn__XlAz3::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s;
}

.dashboard_collapse-btn__XlAz3:hover::before {
  left: 100%;
}

.dashboard_collapse-btn__XlAz3:hover {
  background: linear-gradient(135deg,
    rgba(55, 65, 81, 0.95) 0%,
    rgba(31, 41, 55, 0.98) 100%);
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow:
    3px 0 16px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%) translateX(3px) scale(1.02);
}

.dashboard_collapse-btn__XlAz3:active {
  transform: translate(-50%, -50%) scale(0.97);
  box-shadow:
    1px 0 6px rgba(0, 0, 0, 0.2),
    inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Icon rotation animation */
.dashboard_collapse-btn__XlAz3 i {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 600;
}

.dashboard_collapse-btn__XlAz3:hover i {
  transform: scale(1.1);
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-header__dqt0U {
  min-height: 120px;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
  padding-bottom: var(--space-4);
  gap: 0;
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_logo-container__LrUqN {
  width: 100%;
  justify-content: center;
  margin-top: var(--space-2);
  min-height: 40px;
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-logo__XQcUQ {
  display: none;
}

/* Collapsed logo image */
.dashboard_sidebar-logo-collapsed__GTVYl {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all var(--transition-normal);
  display: block;
  margin: 0 auto;
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-logo-collapsed__GTVYl {
  animation: dashboard_fade-in-scale__DLECC 0.3s ease-out;
}

.dashboard_sidebar-logo-collapsed__GTVYl:hover {
  transform: scale(1.05);
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-menu__ZS3HH a {
  justify-content: center;
  padding: var(--space-3);
  text-align: center;
  min-height: 42px;
  width: 100%;
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-menu__ZS3HH a i {
  margin-right: 0;
  font-size: 1.25rem;
  width: auto;
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-menu__ZS3HH a span {
  display: none;
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-menu__ZS3HH a:hover {
  transform: translateX(0);
}

.dashboard_sidebar-header__dqt0U {
  padding: var(--space-4) var(--space-4) var(--space-5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  min-height: 160px;
}

.dashboard_sidebar-logo__XQcUQ {
  max-width: 160px;
  max-height: 50px;
  width: auto;
  height: auto;
  transition: all var(--transition-normal);
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.dashboard_logo-container__LrUqN {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--transition-normal);
  min-height: 50px;
}

.dashboard_role-badge-container__WAAmv {
  width: 100%;
  display: flex;
  justify-content: center;
  transition: all var(--transition-normal);
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_role-badge-container__WAAmv {
  display: none;
}

.dashboard_sidebar-logo-icon__Adm2D {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  box-shadow: var(--shadow-lg);
}

.dashboard_sidebar-menu__ZS3HH {
  flex: 1;
  padding: var(--space-4) 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

.dashboard_sidebar-menu__ZS3HH::-webkit-scrollbar {
  width: 4px;
}

.dashboard_sidebar-menu__ZS3HH::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px 0;
}

.dashboard_sidebar-menu__ZS3HH::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.dashboard_sidebar-menu__ZS3HH::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-menu__ZS3HH::-webkit-scrollbar {
  width: 3px;
}

.dashboard_sidebar-menu__ZS3HH ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.dashboard_sidebar-menu__ZS3HH li {
  position: relative;
  margin: 0 var(--space-3);
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_sidebar-menu__ZS3HH li {
  margin: 0 var(--space-2);
}

.dashboard_sidebar-menu__ZS3HH a {
  display: flex;
  align-items: center;
  padding: var(--space-3) var(--space-4);
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-weight: var(--font-weight-medium);
  font-size: 0.875rem;
  transition: all var(--transition-normal);
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  min-height: 44px;
}

.dashboard_sidebar-menu__ZS3HH a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  transition: width var(--transition-normal);
}

.dashboard_sidebar-menu__ZS3HH a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  transform: translateX(4px);
  box-shadow: var(--shadow-md);
}

.dashboard_sidebar-menu__ZS3HH a:hover::before {
  width: 100%;
}

/* Cleaned up - duplicates removed to prevent conflicts */

.dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(29, 78, 216, 0.15) 100%);
  color: white;
  font-weight: var(--font-weight-semibold);
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.dashboard_sidebar-menu__ZS3HH a i {
  margin-right: var(--space-3);
  font-size: 1.1rem;
  width: 20px;
  text-align: center;
  transition: transform var(--transition-fast);
}

.dashboard_sidebar-menu__ZS3HH a:hover i {
  transform: scale(1.1);
}

/* Role-based menu styling */
.dashboard_sidebar__EGhX4.dashboard_admin__jdUMp .dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a {
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.2) 0%, rgba(153, 27, 27, 0.15) 100%);
  border-color: rgba(220, 38, 38, 0.3);
}

.dashboard_sidebar__EGhX4.dashboard_manager__9N_UG .dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.2) 0%, rgba(29, 78, 216, 0.15) 100%);
  border-color: rgba(37, 99, 235, 0.3);
}

.dashboard_sidebar__EGhX4.dashboard_recruiter__5bgOu .dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a {
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.2) 0%, rgba(4, 120, 87, 0.15) 100%);
  border-color: rgba(5, 150, 105, 0.3);
}

.dashboard_sidebar__EGhX4.dashboard_contractor__xLN_8 .dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(37, 99, 235, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.3);
}

.dashboard_sidebar__EGhX4.dashboard_sidebar-supplier-admin__MZ2s0 .dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a,
.dashboard_sidebar__EGhX4.dashboard_supplier-admin__V5gW_ .dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a {
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.2) 0%, rgba(126, 34, 206, 0.15) 100%);
  border-color: rgba(147, 51, 234, 0.3);
}

.dashboard_sidebar__EGhX4.dashboard_sidebar-supplier-recruiter__pY1D7 .dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a,
.dashboard_sidebar__EGhX4.dashboard_supplier-recruiter__61Z5s .dashboard_sidebar-menu__ZS3HH li.dashboard_active__gDdBE a {
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.2) 0%, rgba(126, 34, 206, 0.15) 100%);
  border-color: rgba(147, 51, 234, 0.3);
}

/* ========== HEADER STYLES ========== */
.dashboard_top-header__wWv6X {
  background: white;
  padding: var(--space-6) var(--space-8);
  border-bottom: 1px solid var(--gray-200);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  min-height: 88px;
  backdrop-filter: blur(8px);
  position: sticky;
  top: 0;
  z-index: 100;
  position: relative;
}

/* Mobile Menu Button */
.dashboard_mobile-menu-btn__lSbuZ {
  display: none;
  position: absolute;
  left: var(--space-4);
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%);
  border: 1px solid var(--gray-300);
  color: white;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-lg);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-normal);
  box-shadow: var(--shadow-sm);
  z-index: 101;
}

.dashboard_mobile-menu-btn__lSbuZ:hover {
  background: linear-gradient(135deg, var(--gray-800) 0%, var(--gray-700) 100%);
  box-shadow: var(--shadow-md);
  transform: translateY(-50%) scale(1.05);
}

.dashboard_mobile-menu-btn__lSbuZ:active {
  transform: translateY(-50%) scale(0.98);
}

.dashboard_mobile-menu-btn__lSbuZ i {
  font-size: 1.5rem;
  line-height: 1;
}

.dashboard_page-title__qdmet {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.dashboard_page-title__qdmet h1 {
  margin: 0;
  color: var(--gray-900);
  font-size: 2rem;
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.dashboard_page-title__qdmet small {
  color: var(--gray-600);
  font-size: 0.938rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

.dashboard_user-actions__hOw6e {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.dashboard_header-actions__0h7bR {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.dashboard_header-right-content__i_trN {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

/* Professional Logout Button */
.dashboard_logout-btn__e4y9x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  background: var(--error);
  color: white;
  border: none;
  border-radius: var(--radius-lg);
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-normal);
  min-height: 44px;
  box-shadow: var(--shadow-sm);
}

.dashboard_logout-btn__e4y9x:hover:not(:disabled) {
  background: var(--error-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
  color: white;
}

.dashboard_logout-btn__e4y9x:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

.dashboard_logout-btn__e4y9x:focus {
  outline: 2px solid var(--error);
  outline-offset: 2px;
}

/* Role-specific logout button variants */
.dashboard_btn-admin__EoKFp.dashboard_logout-btn__e4y9x {
  background: var(--admin-primary);
}

.dashboard_btn-admin__EoKFp.dashboard_logout-btn__e4y9x:hover:not(:disabled) {
  background: var(--admin-primary-hover);
}

.dashboard_btn-manager__gHnRs.dashboard_logout-btn__e4y9x {
  background: var(--manager-primary);
}

.dashboard_btn-manager__gHnRs.dashboard_logout-btn__e4y9x:hover:not(:disabled) {
  background: var(--manager-primary-hover);
}

.dashboard_btn-recruiter__QcRwm.dashboard_logout-btn__e4y9x {
  background: var(--recruiter-primary);
}

.dashboard_btn-recruiter__QcRwm.dashboard_logout-btn__e4y9x:hover:not(:disabled) {
  background: var(--recruiter-primary-hover);
}

.dashboard_btn-contractor__ksxAG.dashboard_logout-btn__e4y9x {
  background: #3b82f6;
}

.dashboard_btn-contractor__ksxAG.dashboard_logout-btn__e4y9x:hover:not(:disabled) {
  background: #2563eb;
}

.dashboard_btn-supplier-admin__DKkLC.dashboard_logout-btn__e4y9x {
  background: var(--error);
}

.dashboard_btn-supplier-admin__DKkLC.dashboard_logout-btn__e4y9x:hover:not(:disabled) {
  background: var(--error-hover);
}

.dashboard_btn-supplier-recruiter__pWk9I.dashboard_logout-btn__e4y9x {
  background: var(--error);
}

.dashboard_btn-supplier-recruiter__pWk9I.dashboard_logout-btn__e4y9x:hover:not(:disabled) {
  background: var(--error-hover);
}

/* Role Badge */
.dashboard_role-badge__93IgH {
  display: inline-flex;
  align-items: center;
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-full);
  font-weight: var(--font-weight-semibold);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-fast);
}

.dashboard_role-badge__93IgH.dashboard_admin__jdUMp {
  background: var(--admin-gradient);
  color: white;
}

.dashboard_role-badge__93IgH.dashboard_manager__9N_UG {
  background: var(--manager-gradient);
  color: white;
}

.dashboard_role-badge__93IgH.dashboard_recruiter__5bgOu {
  background: var(--recruiter-gradient);
  color: white;
}

.dashboard_role-badge__93IgH.dashboard_contractor__xLN_8 {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
}

.dashboard_role-badge__93IgH.dashboard_supplier-admin__V5gW_ {
  background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
  color: white;
}

.dashboard_role-badge__93IgH.dashboard_supplier-recruiter__61Z5s {
  background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
  color: white;
}

.dashboard_role-badge__93IgH:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

/* Action Buttons */
.dashboard_btn-modern__zYjBT {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  border: none;
  border-radius: var(--radius-lg);
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-normal);
  position: relative;
  overflow: hidden;
  min-height: 44px; /* Touch-friendly */
}

.dashboard_btn-modern__zYjBT:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

.dashboard_btn-danger__Ogd3Y {
  background: var(--error);
  color: white;
  box-shadow: var(--shadow-sm);
}

.dashboard_btn-danger__Ogd3Y:hover:not(:disabled) {
  background: #dc2626;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

/* ========== CLEAN STATS CARDS ========== */
.dashboard_stats-grid__XzQKC {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.dashboard_stat-card__aDXKS {
  background: white;
  border-radius: var(--radius-xl);
  padding: 1.75rem;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--gray-200);
  transition: all var(--transition-normal);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Team Stats Grid */
.dashboard_team-stats-grid__IFdyy {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

/* Team Stat Cards */
.dashboard_team-stat-card__dvmRq {
  background: var(--gray-50);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  text-align: center;
  border: 2px solid var(--gray-200);
  transition: all var(--transition-normal);
}

.dashboard_team-stat-card__dvmRq:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  background: white;
}

.dashboard_team-admin__mtu_U.dashboard_team-stat-card__dvmRq {
  border-color: var(--admin-primary);
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.05) 0%, rgba(153, 27, 27, 0.02) 100%);
}

.dashboard_team-manager__4k9Dz.dashboard_team-stat-card__dvmRq {
  border-color: var(--manager-primary);
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.05) 0%, rgba(29, 78, 216, 0.02) 100%);
}

.dashboard_team-recruiter__n6vMI.dashboard_team-stat-card__dvmRq {
  border-color: var(--recruiter-primary);
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.05) 0%, rgba(4, 120, 87, 0.02) 100%);
}

.dashboard_team-stat-number__SVR8T {
  font-size: 3rem;
  font-weight: var(--font-weight-bold);
  color: var(--gray-900);
  margin-bottom: var(--space-2);
  line-height: 1;
}

.dashboard_team-stat-label__LJyJW {
  font-size: 1rem;
  color: var(--gray-600);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dashboard_stat-card__aDXKS::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gray-200);
  transition: all var(--transition-normal);
}

.dashboard_stat-card__aDXKS.dashboard_admin__jdUMp::before {
  background: var(--admin-gradient);
}

.dashboard_stat-card__aDXKS.dashboard_manager__9N_UG::before {
  background: var(--manager-gradient);
}

.dashboard_stat-card__aDXKS.dashboard_recruiter__5bgOu::before {
  background: var(--recruiter-gradient);
}

.dashboard_stat-card__aDXKS:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-xl);
  border-color: var(--gray-300);
}

.dashboard_stat-header__xZNow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.dashboard_stat-icon__lVi3Q {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: white;
  box-shadow: var(--shadow-lg);
  flex-shrink: 0;
}

.dashboard_stat-icon__lVi3Q.dashboard_primary__nyJXS {
  background: var(--info);
}

.dashboard_stat-icon__lVi3Q.dashboard_success__UqbY_ {
  background: var(--success);
}

.dashboard_stat-icon__lVi3Q.dashboard_warning__pK_Rr {
  background: var(--warning);
}

.dashboard_stat-icon__lVi3Q.dashboard_danger__bOiry {
  background: var(--error);
}

.dashboard_stat-content__VGxw3 {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1;
}

.dashboard_stat-number__aEcZs {
  font-size: 2.5rem;
  font-weight: var(--font-weight-bold);
  color: var(--gray-900);
  line-height: 1;
  letter-spacing: -0.02em;
}

.dashboard_stat-label__npX0o {
  font-size: 0.938rem;
  color: var(--gray-600);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
}

.dashboard_stat-change__UyJfU {
  font-size: 0.75rem;
  font-weight: var(--font-weight-semibold);
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-top: var(--space-2);
}

.dashboard_stat-change__UyJfU.dashboard_positive___W8K7 {
  color: var(--success);
}

.dashboard_stat-change__UyJfU.dashboard_negative__91B5W {
  color: var(--error);
}

/* ========== MODERN CARDS ========== */
.dashboard_modern-card__B1Wr1 {
  background: white;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--gray-200);
  overflow: hidden;
  transition: all var(--transition-normal);
  max-width: 100%;
}

.dashboard_modern-card__B1Wr1:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--gray-300);
}

.dashboard_card-header__CRAhO {
  padding: 1.75rem 2rem 1.5rem;
  border-bottom: 1px solid var(--gray-100);
  background: linear-gradient(135deg, var(--gray-50) 0%, white 100%);
}

.dashboard_card-title__mb4gD {
  margin: 0;
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
  color: var(--gray-900);
  line-height: 1.3;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
}

.dashboard_card-subtitle__TPGvX {
  margin: 0.5rem 0 0;
  font-size: 0.938rem;
  color: var(--gray-600);
  line-height: 1.5;
}

.dashboard_card-body__rapT8 {
  padding: 2rem;
}

.dashboard_card-actions__pAGC1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-6);
  background: var(--gray-50);
  border-top: 1px solid var(--gray-100);
}

/* ========== MODERN TABLES ========== */
.dashboard_modern-table__sKiGX {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  table-layout: fixed;
}

.dashboard_modern-table__sKiGX th {
  background: var(--gray-50);
  color: var(--gray-700);
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 1.25rem 1.5rem;
  border-bottom: 2px solid var(--gray-200);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.dashboard_modern-table__sKiGX td {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--gray-100);
  color: var(--gray-900);
  font-size: 0.875rem;
  line-height: 1.6;
  vertical-align: middle;
}

.dashboard_modern-table__sKiGX tbody tr {
  transition: background-color var(--transition-fast);
}

.dashboard_modern-table__sKiGX tbody tr:hover {
  background: var(--gray-50);
}

.dashboard_modern-table__sKiGX tbody tr:last-child td {
  border-bottom: none;
}

/* ========== STATUS BADGES ========== */
.dashboard_status-badge__Af9gi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: var(--font-weight-semibold);
  text-transform: capitalize;
  letter-spacing: 0.025em;
  line-height: 1;
  white-space: nowrap;
  min-width: 80px;
  text-align: center;
}

.dashboard_status-badge__Af9gi.dashboard_pending__zax0R {
  background: rgba(251, 191, 36, 0.15);
  color: #d97706;
  border: 1px solid rgba(251, 191, 36, 0.3);
}

.dashboard_status-badge__Af9gi.dashboard_approved__cuUEK {
  background: rgba(16, 185, 129, 0.15);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.dashboard_status-badge__Af9gi.dashboard_rejected__5pkCr {
  background: rgba(239, 68, 68, 0.15);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.dashboard_status-badge__Af9gi.dashboard_draft__qQkMf {
  background: var(--gray-100);
  color: var(--gray-700);
  border: 1px solid var(--gray-300);
}

/* ========== LOADING STATES ========== */
.dashboard_loading-skeleton__W_jxC {
  background: linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);
  background-size: 200% 100%;
  animation: dashboard_shimmer__6ZXu5 1.5s infinite;
  border-radius: var(--radius-md);
}

@keyframes dashboard_shimmer__6ZXu5 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.dashboard_loading-spinner__QoOCU {
  width: 24px;
  height: 24px;
  border: 3px solid transparent;
  border-top: 3px solid var(--info);
  border-right: 3px solid var(--info);
  border-radius: var(--radius-full);
  animation: dashboard_modern-spin__aO60q 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
  position: relative;
}

.dashboard_loading-spinner__QoOCU::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid rgba(59, 130, 246, 0.1);
  border-radius: var(--radius-full);
  animation: dashboard_pulse__hinxo 2s ease-in-out infinite;
}

@keyframes dashboard_modern-spin__aO60q {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes dashboard_pulse__hinxo {
  0%, 100% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.1); opacity: 0.2; }
}

/* ========== ENHANCED LOADING STATES ========== */
.dashboard_loading-center__WHBiS {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-8);
  flex-direction: column;
  gap: var(--space-4);
}

.dashboard_loading-center__WHBiS .dashboard_spinner-border__M5ndq {
  width: 2rem;
  height: 2rem;
  border-width: 0.2em;
}

/* Professional Loading Card */
.dashboard_loading-card__R8TEz {
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  border: 1px solid var(--gray-200);
  box-shadow: var(--shadow-sm);
  position: relative;
  overflow: hidden;
}

.dashboard_loading-card__R8TEz::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  animation: dashboard_loading-shimmer__3u_NY 1.5s infinite ease-in-out;
}

@keyframes dashboard_loading-shimmer__3u_NY {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* Skeleton Loaders */
.dashboard_skeleton__KHdeL {
  background: linear-gradient(
    90deg,
    var(--gray-200) 25%,
    var(--gray-100) 50%,
    var(--gray-200) 75%
  );
  background-size: 200% 100%;
  animation: dashboard_skeleton-shimmer__r_vYR 1.8s infinite ease-in-out;
  border-radius: var(--radius-md);
}

.dashboard_skeleton-text__U53Wf {
  height: 1rem;
  margin-bottom: var(--space-2);
}

.dashboard_skeleton-text__U53Wf.dashboard_large__27Tn_ {
  height: 1.5rem;
}

.dashboard_skeleton-text__U53Wf.dashboard_small__IkyT_ {
  height: 0.75rem;
  width: 60%;
}

.dashboard_skeleton-circle__yfPey {
  width: 3rem;
  height: 3rem;
  border-radius: var(--radius-full);
}

.dashboard_skeleton-card__939zv {
  height: 8rem;
  margin-bottom: var(--space-4);
}

@keyframes dashboard_skeleton-shimmer__r_vYR {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Dot Loading Animation */
.dashboard_loading-dots__mRBm9 {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.dashboard_loading-dots__mRBm9 span {
  width: 8px;
  height: 8px;
  background: var(--info);
  border-radius: var(--radius-full);
  animation: dashboard_dot-bounce__u14UW 1.4s infinite ease-in-out both;
}

.dashboard_loading-dots__mRBm9 span:nth-child(1) { animation-delay: -0.32s; }
.dashboard_loading-dots__mRBm9 span:nth-child(2) { animation-delay: -0.16s; }
.dashboard_loading-dots__mRBm9 span:nth-child(3) { animation-delay: 0s; }

@keyframes dashboard_dot-bounce__u14UW {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Progressive Loading Bar */
.dashboard_loading-bar__5S5X8 {
  width: 100%;
  height: 4px;
  background: var(--gray-200);
  border-radius: var(--radius-full);
  overflow: hidden;
  position: relative;
}

.dashboard_loading-bar__5S5X8::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  background: linear-gradient(90deg, var(--info), var(--info-light));
  border-radius: var(--radius-full);
  animation: dashboard_loading-bar-progress__sXgV6 2s infinite ease-in-out;
}

@keyframes dashboard_loading-bar-progress__sXgV6 {
  0% { left: -30%; }
  100% { left: 100%; }
}

.dashboard_empty-state__1lNcr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-12);
  text-align: center;
  color: var(--gray-500);
  min-height: 300px;
}

.dashboard_empty-state__1lNcr i {
  font-size: 4rem;
  margin-bottom: var(--space-6);
  opacity: 0.3;
  color: var(--gray-400);
}

.dashboard_empty-state__1lNcr p {
  margin: 0;
  font-weight: var(--font-weight-medium);
  font-size: 1.125rem;
  color: var(--gray-600);
}

.dashboard_empty-state-subtitle__CRRdJ {
  margin-top: var(--space-2);
  font-size: 0.875rem;
  color: var(--gray-500);
}

/* Enhanced error states */
.dashboard_error-state__h3UoH {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-8);
  text-align: center;
  color: var(--error);
  background: var(--error-light);
  border-radius: var(--radius-lg);
  border: 1px solid var(--error);
}

.dashboard_error-state__h3UoH i {
  font-size: 2.5rem;
  margin-bottom: var(--space-3);
}

.dashboard_retry-btn__Stttg {
  margin-top: var(--space-4);
  padding: var(--space-2) var(--space-4);
  background: var(--error);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  transition: all var(--transition-normal);
}

.dashboard_retry-btn__Stttg:hover {
  background: var(--error);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

/* ========== RESPONSIVE DESIGN ========== */
/* Large Desktop (>1200px) - 4 cards per row */
@media (min-width: 1201px) {
  .dashboard_stats-grid__XzQKC {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-5);
  }
}

/* Desktop/Laptop (768px-1200px) - 2 cards per row */
@media (max-width: 1200px) and (min-width: 768px) {
  .dashboard_stats-grid__XzQKC {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }

  .dashboard_team-stats-grid__IFdyy {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
  }
}

/* Tablet and Mobile */
@media (max-width: 1024px) {
  .dashboard_main-content__yxeeb {
    margin-left: 0;
  }

  .dashboard_sidebar__EGhX4 {
    transform: translateX(-100%);
    transition: transform var(--transition-normal);
    z-index: 9999;
  }

  .dashboard_sidebar__EGhX4.dashboard_open__SQwzS {
    transform: translateX(0);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.3);
  }

  /* Hide collapse button on mobile */
  .dashboard_collapse-btn__XlAz3 {
    display: none;
  }

  /* Show mobile menu button */
  .dashboard_mobile-menu-btn__lSbuZ {
    display: flex;
  }

  .dashboard_content-area__5gBuB {
    padding: var(--space-4);
  }

  .dashboard_top-header__wWv6X {
    padding: var(--space-4) var(--space-6);
    padding-left: calc(var(--space-4) + 44px + var(--space-4));
  }

  .dashboard_page-title__qdmet {
    margin-right: auto;
  }

  .dashboard_header-actions__0h7bR {
    gap: var(--space-2);
    margin-left: var(--space-3);
  }

  .dashboard_logout-btn__e4y9x {
    padding: var(--space-2) var(--space-3);
    font-size: 0.75rem;
    min-height: 36px;
    gap: var(--space-1);
  }

  .dashboard_logout-btn__e4y9x i {
    display: none;
  }

  /* Mobile overlay for sidebar */
  .dashboard_sidebar-overlay__9Rfds {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(4px);
  }

  .dashboard_sidebar-overlay__9Rfds.dashboard_active__gDdBE {
    opacity: 1;
    visibility: visible;
  }
}

/* Mobile (<=767px) - 1 card per row */
@media (max-width: 767px) {
  .dashboard_stats-grid__XzQKC {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .dashboard_team-stats-grid__IFdyy {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .dashboard_top-header__wWv6X {
    padding: var(--space-3) var(--space-4);
    padding-left: calc(var(--space-3) + 44px + var(--space-3));
    min-height: auto;
    flex-wrap: wrap;
  }

  .dashboard_mobile-menu-btn__lSbuZ {
    width: 40px;
    height: 40px;
    left: var(--space-3);
  }

  .dashboard_mobile-menu-btn__lSbuZ i {
    font-size: 1.25rem;
  }

  .dashboard_page-title__qdmet {
    flex: 1;
    min-width: 0;
  }

  .dashboard_page-title__qdmet h1 {
    font-size: 1.25rem;
    line-height: 1.2;
  }

  .dashboard_header-title__JJg3s {
    font-size: 1.25rem !important;
  }

  .dashboard_header-subtitle__970yk {
    font-size: 0.75rem;
    display: none;
  }

  .dashboard_header-actions__0h7bR {
    gap: var(--space-2);
    margin-left: 0;
  }

  .dashboard_logout-btn__e4y9x {
    padding: var(--space-2) var(--space-3);
    font-size: 0.75rem;
    min-height: 36px;
  }

  /* Make role switcher more compact on mobile */
  .dashboard_role-switcher__LKJUl {
    padding: var(--space-3) var(--space-2);
  }

  .dashboard_role-switch-btn__Yyv21 {
    font-size: 0.8125rem;
    padding: var(--space-2) var(--space-3);
  }

  .dashboard_role-dropdown__js_DK {
    min-width: 180px;
  }

  .dashboard_role-dropdown-item__u2gBV {
    padding: var(--space-2) var(--space-3);
    font-size: 0.8125rem;
  }

  /* Table mobile responsiveness */
  .dashboard_modern-table__sKiGX {
    font-size: 0.813rem;
  }

  .dashboard_modern-table__sKiGX th,
  .dashboard_modern-table__sKiGX td {
    padding: 0.875rem 1rem;
  }

  .dashboard_modern-table__sKiGX th {
    font-size: 0.75rem;
  }

  /* Card padding adjustments */
  .dashboard_card-header__CRAhO {
    padding: 1.25rem 1.5rem;
  }

  .dashboard_card-body__rapT8 {
    padding: 1.5rem;
  }

  /* Stat cards mobile */
  .dashboard_stat-card__aDXKS {
    padding: 1.25rem;
  }

  .dashboard_stat-icon__lVi3Q {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
  }

  .dashboard_stat-number__aEcZs {
    font-size: 2rem;
  }

  .dashboard_stat-label__npX0o {
    font-size: 0.813rem;
  }

  /* Ranking items mobile */
  .dashboard_ranking-item__DN_kU {
    padding: 0.875rem 1rem;
    gap: 0.875rem;
    min-height: 56px;
  }

  .dashboard_ranking-number__2mlCg {
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
    margin-right: 0.75rem;
  }

  .dashboard_ranking-badge__uPrja {
    padding: 0.5rem 0.875rem;
    font-size: 0.813rem;
    min-width: 48px;
  }

  /* Content area padding */
  .dashboard_content-area__5gBuB {
    padding: var(--space-3);
  }

  /* Team stats */
  .dashboard_team-stat-number__SVR8T {
    font-size: 2.5rem;
  }

  .dashboard_team-stat-label__LJyJW {
    font-size: 0.875rem;
  }
}

/* Extra Small Mobile (<=400px) - Galaxy S10, iPhone SE */
@media (max-width: 400px) {
  /* Header optimizations for very small screens */
  .dashboard_top-header__wWv6X {
    padding: var(--space-2) var(--space-3);
    padding-left: calc(var(--space-2) + 40px + var(--space-2));
    min-height: 64px;
  }

  .dashboard_mobile-menu-btn__lSbuZ {
    width: 36px;
    height: 36px;
    left: var(--space-2);
    font-size: 1.125rem;
  }

  .dashboard_mobile-menu-btn__lSbuZ i {
    font-size: 1.125rem;
  }

  .dashboard_page-title__qdmet h1,
  .dashboard_header-title__JJg3s {
    font-size: 1.125rem !important;
    line-height: 1.3;
  }

  .dashboard_header-subtitle__970yk {
    display: none;
  }

  .dashboard_header-actions__0h7bR {
    gap: var(--space-1);
  }

  .dashboard_logout-btn__e4y9x {
    padding: var(--space-2);
    font-size: 0.688rem;
    min-height: 32px;
    gap: 0;
  }

  .dashboard_logout-btn__e4y9x i {
    display: none;
  }

  /* Content area */
  .dashboard_content-area__5gBuB {
    padding: var(--space-2);
  }

  /* Stat cards - more compact */
  .dashboard_stats-grid__XzQKC {
    gap: var(--space-3);
  }

  .dashboard_stat-card__aDXKS {
    padding: 1rem;
    border-radius: var(--radius-lg);
  }

  .dashboard_stat-icon__lVi3Q {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
  }

  .dashboard_stat-number__aEcZs {
    font-size: 1.75rem;
  }

  .dashboard_stat-label__npX0o {
    font-size: 0.75rem;
  }

  /* Team stats - more compact */
  .dashboard_team-stat-card__dvmRq {
    padding: var(--space-4);
  }

  .dashboard_team-stat-number__SVR8T {
    font-size: 2rem;
    margin-bottom: var(--space-1);
  }

  .dashboard_team-stat-label__LJyJW {
    font-size: 0.813rem;
  }

  /* Card header/body */
  .dashboard_card-header__CRAhO {
    padding: 1rem 1.25rem;
  }

  .dashboard_card-title__mb4gD {
    font-size: 1.063rem;
  }

  .dashboard_card-body__rapT8 {
    padding: 1.25rem;
  }

  /* Tables - even more compact */
  .dashboard_modern-table__sKiGX {
    font-size: 0.75rem;
  }

  .dashboard_modern-table__sKiGX th {
    font-size: 0.688rem;
    padding: 0.75rem 0.875rem;
  }

  .dashboard_modern-table__sKiGX td {
    padding: 0.75rem 0.875rem;
  }

  /* Make sure table columns don't overflow */
  .dashboard_modern-table__sKiGX th,
  .dashboard_modern-table__sKiGX td {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Action buttons in tables */
  .dashboard_action-btn__8plN6 {
    padding: var(--space-1) var(--space-2);
    font-size: 0.688rem;
    min-height: 28px;
  }

  /* Ranking items */
  .dashboard_ranking-item__DN_kU {
    padding: 0.75rem 0.875rem;
    gap: 0.75rem;
    min-height: 48px;
  }

  .dashboard_ranking-number__2mlCg {
    width: 32px;
    height: 32px;
    font-size: 0.813rem;
    margin-right: 0.625rem;
  }

  .dashboard_ranking-badge__uPrja {
    padding: 0.438rem 0.75rem;
    font-size: 0.75rem;
    min-width: 40px;
  }

  /* Status badges */
  .dashboard_status-badge__Af9gi {
    padding: 0.313rem 0.625rem;
    font-size: 0.688rem;
    min-width: 70px;
  }

  /* Empty state */
  .dashboard_empty-state__1lNcr {
    padding: var(--space-6);
    min-height: 240px;
  }

  .dashboard_empty-state__1lNcr i {
    font-size: 3rem;
    margin-bottom: var(--space-4);
  }

  .dashboard_empty-state__1lNcr p {
    font-size: 1rem;
  }

  .dashboard_empty-state-subtitle__CRRdJ {
    font-size: 0.813rem;
  }

  /* Ensure Bootstrap table-responsive doesn't overflow */
  .dashboard_content-wrapper__Fxxm_ .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  /* Role switcher more compact */
  .dashboard_role-switcher__LKJUl {
    padding: var(--space-2);
  }

  .dashboard_role-switch-btn__Yyv21 {
    font-size: 0.75rem;
    padding: var(--space-2);
  }

  .dashboard_role-dropdown__js_DK {
    min-width: 180px;
  }

  .dashboard_role-dropdown-item__u2gBV {
    padding: var(--space-2);
    font-size: 0.75rem;
  }
}

/* Touch device improvements */
@media (hover: none) and (pointer: coarse) {
  .dashboard_role-switch-btn__Yyv21 {
    min-height: 44px; /* Larger touch target */
  }

  .dashboard_role-dropdown-item__u2gBV {
    min-height: 44px; /* Larger touch target */
    padding: var(--space-3) var(--space-4);
  }

  .dashboard_role-dropdown-item__u2gBV:hover:not(:disabled) {
    transform: none; /* Disable transform on touch devices */
  }
}

/* ========== ACCESSIBILITY (Moved to globals.css) ========== */

@media (prefers-contrast: high) {
  .dashboard_modern-card__B1Wr1 {
    border-width: 2px;
  }

  .dashboard_btn-modern__zYjBT {
    border: 2px solid transparent;
  }

  .dashboard_btn-danger__Ogd3Y {
    border-color: var(--error);
  }
}

/* ========== FOCUS STYLES (Global moved to globals.css) ========== */

.dashboard_btn-modern__zYjBT:focus {
  outline: 2px solid var(--info);
  outline-offset: 2px;
}

/* ========== UTILITIES ========== */
.dashboard_text-center__phmQw { text-align: center; }
.dashboard_text-left__6lfhU { text-align: left; }
.dashboard_text-right__EzW3B { text-align: right; }

.dashboard_flex__2exDx { display: flex; }
.dashboard_flex-col__xwua1 { flex-direction: column; }
.dashboard_items-center___BZu8 { align-items: center; }
.dashboard_justify-center__znyqH { justify-content: center; }
.dashboard_justify-between__dR6Rh { justify-content: space-between; }

.dashboard_mb-4__jXHUJ { margin-bottom: var(--space-4); }
.dashboard_mb-6__LYde0 { margin-bottom: var(--space-6); }
.dashboard_mb-8__ERsSg { margin-bottom: var(--space-8); }

.dashboard_p-4__n2sr_ { padding: var(--space-4); }
.dashboard_p-6__hEMpU { padding: var(--space-6); }

.dashboard_w-full__qJrws { width: 100%; }
.dashboard_h-full__tANsd { height: 100%; }

/* Prevent Bootstrap grid overflow - using content-wrapper as local class */
.dashboard_content-wrapper__Fxxm_ .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  max-width: 100%;
}

.dashboard_content-wrapper__Fxxm_ .row > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* Ensure table wrapper doesn't overflow */
.dashboard_content-wrapper__Fxxm_ .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

/* ========== ADDITIONAL DASHBOARD COMPONENTS ========== */

/* Dashboard Content */
.dashboard_dashboard-content__jJBmj {
  padding: var(--space-6);
  background: var(--gray-50);
  min-height: calc(100vh - 80px);
}

/* Stats Components with Role-Based Theming */
/* Clean Modern Stats Cards */
.dashboard_stats-card__0rSQp {
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  border: 1px solid var(--gray-200);
  transition: all var(--transition-normal);
  position: relative;
  box-shadow: var(--shadow-sm);
}

.dashboard_stats-card__0rSQp:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
  border-color: var(--gray-300);
}

/* Removed complex glassmorphic overlay for professional design */

.dashboard_stats-icon__FdkpJ {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: white;
  background: var(--info);
  margin-bottom: var(--space-4);
  transition: all var(--transition-normal);
}

/* Removed glassmorphic effects for cleaner professional look */

/* Role-specific stats icon styling - Professional solid colors */
.dashboard_stats-admin__yOHvz .dashboard_stats-icon__FdkpJ {
  background: var(--admin-primary);
}

.dashboard_stats-manager__cVLAs .dashboard_stats-icon__FdkpJ {
  background: var(--manager-primary);
}

.dashboard_stats-recruiter__7qiWU .dashboard_stats-icon__FdkpJ {
  background: var(--recruiter-primary);
}

.dashboard_stats-content__wWSta {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.dashboard_stats-number__iF_uq {
  font-size: 2rem;
  font-weight: var(--font-weight-bold);
  color: var(--gray-900);
  line-height: 1;
}

.dashboard_stats-title__tYk7k {
  font-size: 0.875rem;
  color: var(--gray-600);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Content Grid Layout */
.dashboard_content-grid__WNg_6 {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: var(--space-6);
  margin-top: var(--space-6);
}

.dashboard_main-content-area__J9z__ {
  background: white;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--gray-200);
  overflow: hidden;
}

.dashboard_sidebar-content-area__uhfSd {
  background: white;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--gray-200);
  overflow: hidden;
}

/* Role-Based Card Styling */
.dashboard_card-admin__ZGFse {
  border-left: 4px solid var(--admin-primary);
}

.dashboard_card-manager__kf0_E {
  border-left: 4px solid var(--manager-primary);
}

.dashboard_card-recruiter__ibpyq {
  border-left: 4px solid var(--recruiter-primary);
}

/* Role-Based Table Styling */
.dashboard_table-admin__yk9M5 thead th {
  background: var(--admin-primary-light);
  color: var(--admin-primary-hover);
}

.dashboard_table-manager__NsBbz thead th {
  background: var(--manager-primary-light);
  color: var(--manager-primary-hover);
}

.dashboard_table-recruiter__Z5SdQ thead th {
  background: var(--recruiter-primary-light);
  color: var(--recruiter-primary-hover);
}

/* Action Buttons */
.dashboard_action-btn__8plN6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-4);
  border: none;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-semibold);
  font-size: 0.75rem;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-normal);
  min-height: 32px;
}

.dashboard_btn-admin__EoKFp {
  background: var(--admin-primary);
  color: white;
}

.dashboard_btn-admin__EoKFp:hover {
  background: var(--admin-primary-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.dashboard_btn-manager__gHnRs {
  background: var(--manager-primary);
  color: white;
}

.dashboard_btn-manager__gHnRs:hover {
  background: var(--manager-primary-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.dashboard_btn-recruiter__QcRwm {
  background: var(--recruiter-primary);
  color: white;
}

.dashboard_btn-recruiter__QcRwm:hover {
  background: var(--recruiter-primary-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

/* Loading States */
.dashboard_loading-center__WHBiS {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-10);
}

.dashboard_empty-state__1lNcr {
  text-align: center;
  padding: var(--space-10);
  color: var(--gray-500);
}

.dashboard_empty-state__1lNcr i {
  font-size: 3rem;
  margin-bottom: var(--space-4);
  color: var(--gray-400);
}

/* Rankings and Lists */
.dashboard_ranking-list__KdGCb {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.dashboard_ranking-item__DN_kU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.125rem 1.5rem;
  background: var(--gray-50);
  border-radius: var(--radius-lg);
  border: 1px solid var(--gray-200);
  transition: all var(--transition-normal);
  gap: 1.25rem;
  min-height: 64px;
}

.dashboard_ranking-item__DN_kU:hover {
  background: white;
  border-color: var(--gray-300);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.dashboard_item-admin___vUe_ {
  border-left: 4px solid var(--admin-primary);
}

.dashboard_item-manager__Q2rKq {
  border-left: 4px solid var(--manager-primary);
}

.dashboard_item-recruiter__wkhG2 {
  border-left: 4px solid var(--recruiter-primary);
}

.dashboard_ranking-number__2mlCg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  font-weight: var(--font-weight-bold);
  font-size: 1rem;
  color: white;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
  line-height: 1;
  margin-right: 1rem;
}

.dashboard_number-admin__SuX3e {
  background: var(--admin-gradient);
}

.dashboard_number-manager__pb_YU {
  background: var(--manager-gradient);
}

.dashboard_number-recruiter__PB4Sa {
  background: var(--recruiter-gradient);
}

.dashboard_ranking-badge__uPrja {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.125rem;
  border-radius: var(--radius-full);
  font-size: 0.938rem;
  font-weight: var(--font-weight-bold);
  color: white;
  min-width: 56px;
  line-height: 1;
  flex-shrink: 0;
  box-shadow: var(--shadow-sm);
}

.dashboard_badge-admin__9RVsC {
  background: var(--admin-gradient);
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.25);
}

.dashboard_badge-manager__U78cu {
  background: var(--manager-gradient);
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}

.dashboard_badge-recruiter__gNWJH {
  background: var(--recruiter-gradient);
  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.25);
}

/* Status Badge Variations */
.dashboard_status-badge__Af9gi.dashboard_interviewed__szdbs {
  background: rgba(16, 185, 129, 0.15);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.dashboard_status-badge__Af9gi.dashboard_shortlisted__hgqFg {
  background: rgba(59, 130, 246, 0.15);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.dashboard_status-badge__Af9gi.dashboard_applied__sLnCl {
  background: var(--gray-100);
  color: var(--gray-700);
  border: 1px solid var(--gray-300);
}

.dashboard_status-badge__Af9gi.dashboard_reviewing__mKQi0 {
  background: rgba(139, 92, 246, 0.15);
  color: #7c3aed;
  border: 1px solid rgba(139, 92, 246, 0.3);
}

.dashboard_status-badge__Af9gi.dashboard_hired__A6BAn {
  background: rgba(16, 185, 129, 0.15);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* ========== MODERN ROLE SWITCHER ========== */
.dashboard_role-switcher__LKJUl {
  padding: var(--space-4) var(--space-3);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: dashboard_fade-in-up__9uRQP 0.4s ease-out 0.6s both;
}

.dashboard_sidebar__EGhX4.dashboard_collapsed__qRcxy .dashboard_role-switcher__LKJUl {
  padding: var(--space-3) var(--space-2);
}

.dashboard_role-switch-btn__Yyv21 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.25) 0%, rgba(37, 99, 235, 0.2) 100%);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: var(--radius-lg);
  color: white;
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Continuous shine effect */
.dashboard_role-switch-btn__Yyv21::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 50%;
  height: 200%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transform: rotate(25deg);
  animation: dashboard_shine__qnD9B 3s infinite;
}

@keyframes dashboard_shine__qnD9B {
  0% { left: -100%; }
  50%, 100% { left: 200%; }
}

.dashboard_role-switch-btn__Yyv21:hover::before {
  animation: dashboard_shine__qnD9B 1.5s infinite;
}

.dashboard_role-switch-btn__Yyv21.dashboard_collapsed-btn__00Iiu {
  width: 42px;
  height: 42px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  font-size: 1.125rem;
}

.dashboard_role-switch-btn__Yyv21:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.35) 0%, rgba(37, 99, 235, 0.3) 100%);
  border-color: rgba(59, 130, 246, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.dashboard_role-switch-btn__Yyv21:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.dashboard_role-switch-btn__Yyv21:focus {
  outline: 2px solid rgba(59, 130, 246, 0.6);
  outline-offset: 2px;
}

.dashboard_role-switch-btn__Yyv21:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none !important;
}

/* Switching state */
.dashboard_role-switch-btn__Yyv21.dashboard_switching__Z16Qy {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(37, 99, 235, 0.15) 100%);
  border-color: rgba(59, 130, 246, 0.4);
}

/* Loading spinner */
.dashboard_spinner__T6wzF {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: dashboard_spin__sjfor 0.6s linear infinite;
  display: inline-block;
  margin-right: var(--space-2);
}

@keyframes dashboard_spin__sjfor {
  to { transform: rotate(360deg); }
}

/* Dropdown wrapper for proper positioning */
.dashboard_dropdown-wrapper__lHYn4 {
  position: relative;
  width: 100%;
}

/* Chevron icon rotation */
.dashboard_dropdown-icon__Iljru {
  margin-left: auto;
  font-size: 0.75rem;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard_dropdown-icon__Iljru.dashboard_rotate__2vS4Z {
  transform: rotate(180deg);
}

/* Button open state */
.dashboard_role-switch-btn__Yyv21.dashboard_open__SQwzS {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.35) 0%, rgba(37, 99, 235, 0.3) 100%);
  border-color: rgba(59, 130, 246, 0.6);
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.dashboard_role-dropdown__js_DK {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, var(--gray-800) 0%, var(--gray-900) 100%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-lg);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.4), 0 -4px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  padding: var(--space-2);
  margin-bottom: var(--space-2);
  min-width: 200px;
  animation: dashboard_dropdown-slide-in__Z_WTD 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: bottom;
  z-index: 1000;
  list-style: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}

/* Shine effect for dropdown */
.dashboard_role-dropdown__js_DK::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 50%;
  height: 200%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  transform: rotate(25deg);
  animation: dashboard_dropdown-shine__nwBFc 4s infinite;
  pointer-events: none;
}

@keyframes dashboard_dropdown-shine__nwBFc {
  0% { left: -100%; }
  20%, 100% { left: 200%; }
}

@keyframes dashboard_dropdown-slide-in__Z_WTD {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.dashboard_role-dropdown-item__u2gBV {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--space-3) var(--space-4);
  background: transparent;
  border: none;
  border-radius: var(--radius-md);
  color: rgba(255, 255, 255, 0.85);
  font-weight: var(--font-weight-medium);
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

/* Subtle shine on each dropdown item */
.dashboard_role-dropdown-item__u2gBV::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
  pointer-events: none;
}

.dashboard_role-dropdown-item__u2gBV:hover::after {
  left: 100%;
}

/* Hover ripple effect */
.dashboard_role-dropdown-item__u2gBV::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.4s, height 0.4s;
}

.dashboard_role-dropdown-item__u2gBV:hover:not(:disabled)::before {
  width: 200%;
  height: 200%;
}

.dashboard_role-dropdown-item__u2gBV:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  transform: translateX(4px);
  box-shadow: inset 3px 0 0 rgba(59, 130, 246, 0.8);
}

.dashboard_role-dropdown-item__u2gBV:active:not(:disabled) {
  transform: translateX(2px) scale(0.98);
}

.dashboard_role-dropdown-item__u2gBV:focus {
  outline: 2px solid rgba(59, 130, 246, 0.6);
  outline-offset: -2px;
  background: rgba(255, 255, 255, 0.08);
  z-index: 1;
}

.dashboard_role-dropdown-item__u2gBV:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.dashboard_role-dropdown-item__u2gBV.dashboard_active__gDdBE {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3) 0%, rgba(37, 99, 235, 0.25) 100%);
  color: white;
  font-weight: var(--font-weight-semibold);
  border: 1px solid rgba(59, 130, 246, 0.5);
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.dashboard_role-dropdown-item__u2gBV.dashboard_active__gDdBE:hover {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.35) 0%, rgba(37, 99, 235, 0.3) 100%);
  transform: none;
}

.dashboard_role-dropdown-item__u2gBV i {
  font-size: 1rem;
  width: 16px;
  text-align: center;
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  flex-shrink: 0;
  z-index: 1;
}

.dashboard_role-dropdown-item__u2gBV span {
  flex: 1;
  z-index: 1;
}

.dashboard_role-dropdown-item__u2gBV .dashboard_ms-auto__kTyOz {
  margin-left: auto;
  color: #10b981;
  font-size: 0.875rem;
  animation: dashboard_check-bounce__dt7lT 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 1;
}

@keyframes dashboard_check-bounce__dt7lT {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.dashboard_role-dropdown-item__u2gBV:hover:not(:disabled) i:first-child {
  transform: scale(1.15) rotate(5deg);
}

/* ========== MICRO-ANIMATIONS & SMOOTH TRANSITIONS ========== */

/* Page entrance animations */
@keyframes dashboard_fade-in-up__9uRQP {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes dashboard_fade-in-down__xZjM6 {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes dashboard_fade-in-scale__DLECC {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes dashboard_slide-in-left__US4i6 {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Enhanced card animations */
.dashboard_stats-card__0rSQp {
  animation: dashboard_fade-in-scale__DLECC 0.4s ease-out;
}

.dashboard_stats-card__0rSQp:nth-child(1) { animation-delay: 0.1s; }
.dashboard_stats-card__0rSQp:nth-child(2) { animation-delay: 0.2s; }
.dashboard_stats-card__0rSQp:nth-child(3) { animation-delay: 0.3s; }
.dashboard_stats-card__0rSQp:nth-child(4) { animation-delay: 0.4s; }

.dashboard_modern-card__B1Wr1 {
  animation: dashboard_fade-in-up__9uRQP 0.5s ease-out;
}

/* Enhanced table animations */
.dashboard_modern-table__sKiGX tbody tr {
  animation: dashboard_fade-in-up__9uRQP 0.3s ease-out;
  animation-fill-mode: both;
}

.dashboard_modern-table__sKiGX tbody tr:nth-child(1) { animation-delay: 0.1s; }
.dashboard_modern-table__sKiGX tbody tr:nth-child(2) { animation-delay: 0.15s; }
.dashboard_modern-table__sKiGX tbody tr:nth-child(3) { animation-delay: 0.2s; }
.dashboard_modern-table__sKiGX tbody tr:nth-child(4) { animation-delay: 0.25s; }
.dashboard_modern-table__sKiGX tbody tr:nth-child(5) { animation-delay: 0.3s; }

/* Professional button styling - removed ripple effects */

/* Enhanced hover effects for interactive elements */
.dashboard_sidebar-menu__ZS3HH a,
.dashboard_action-btn__8plN6,
.dashboard_btn-modern__zYjBT {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard_sidebar-menu__ZS3HH a:hover,
.dashboard_action-btn__8plN6:hover,
.dashboard_btn-modern__zYjBT:hover {
  transform: translateY(-1px);
}

/* Ranking item stagger animation */
.dashboard_ranking-item__DN_kU {
  animation: dashboard_slide-in-left__US4i6 0.4s ease-out;
  animation-fill-mode: both;
}

.dashboard_ranking-item__DN_kU:nth-child(1) { animation-delay: 0.1s; }
.dashboard_ranking-item__DN_kU:nth-child(2) { animation-delay: 0.2s; }
.dashboard_ranking-item__DN_kU:nth-child(3) { animation-delay: 0.3s; }
.dashboard_ranking-item__DN_kU:nth-child(4) { animation-delay: 0.4s; }
.dashboard_ranking-item__DN_kU:nth-child(5) { animation-delay: 0.5s; }

/* Header animation */
.dashboard_top-header__wWv6X {
  animation: dashboard_fade-in-down__xZjM6 0.4s ease-out;
}

/* Sidebar animation */
.dashboard_sidebar__EGhX4 {
  animation: dashboard_slide-in-left__US4i6 0.4s ease-out;
}

/* Stats number counting effect */
.dashboard_stats-number__iF_uq {
  animation: dashboard_count-up__toL_q 0.8s ease-out;
  animation-fill-mode: both;
}

@keyframes dashboard_count-up__toL_q {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Smooth focus transitions - removed global selector */

/* Enhanced empty state animation */
.dashboard_empty-state__1lNcr i {
  animation: dashboard_float__fCzxr 3s ease-in-out infinite;
}

@keyframes dashboard_float__fCzxr {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

/* Role badge entrance */
.dashboard_role-badge__93IgH {
  animation: dashboard_fade-in-scale__DLECC 0.3s ease-out;
  animation-delay: 0.5s;
  animation-fill-mode: both;
}

/* Enhanced dropdown animations */
.dashboard_role-dropdown__js_DK {
  animation: dashboard_fade-in-up__9uRQP 0.2s ease-out;
  transform-origin: top;
}

.dashboard_role-dropdown-item__u2gBV {
  opacity: 0;
  animation: dashboard_fade-in-up__9uRQP 0.2s ease-out forwards;
}

.dashboard_role-dropdown-item__u2gBV:nth-child(1) { animation-delay: 0.05s; }
.dashboard_role-dropdown-item__u2gBV:nth-child(2) { animation-delay: 0.1s; }
.dashboard_role-dropdown-item__u2gBV:nth-child(3) { animation-delay: 0.15s; }

/* ========== HEADER ROLE SWITCHER ========== */
.dashboard_header-role-switcher__shDWV {
  margin-right: var(--space-3);
}

.dashboard_header-role-switch-btn__ZUyqj {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  background: linear-gradient(135deg, var(--info) 0%, #2563eb 100%);
  border: none;
  border-radius: var(--radius-lg);
  color: white;
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  cursor: pointer;
  transition: all var(--transition-normal);
  min-height: 44px;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.25);
}

.dashboard_header-role-switch-btn__ZUyqj:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.dashboard_header-role-switch-btn__ZUyqj:focus {
  outline: 2px solid var(--info);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.dashboard_header-role-switch-btn__ZUyqj i {
  font-size: 1rem;
}

/* ========== INVITATION CARDS ========== */
.dashboard_invitation-card__FmdP6 {
  border: 2px solid transparent;
  border-radius: var(--radius-lg);
  transition: all var(--transition-normal);
  cursor: pointer;
  background: white;
  box-shadow: var(--shadow-sm);
}

.dashboard_invitation-card__FmdP6:hover {
  border-color: var(--info);
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.dashboard_invitation-card__FmdP6:focus {
  outline: 2px solid var(--info);
  outline-offset: 2px;
  border-color: var(--info);
}

.dashboard_invitation-icon__FY3V5 {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: white;
  margin: 0 auto;
}

.dashboard_invitation-icon__FY3V5.dashboard_primary__nyJXS {
  background: var(--info-gradient);
}

.dashboard_invitation-icon__FY3V5.dashboard_success__UqbY_ {
  background: linear-gradient(135deg, #198754 0%, #20c997 100%);
}

.dashboard_invitation-icon__FY3V5.dashboard_warning__pK_Rr {
  background: linear-gradient(135deg, #fd7e14 0%, #ffc107 100%);
}

.dashboard_invitation-icon__FY3V5.dashboard_info__q_wHJ {
  background: linear-gradient(135deg, #0dcaf0 0%, #6f42c1 100%);
}

.dashboard_invitation-card-content__wnBnD {
  padding: 1.5rem;
  text-align: center;
}

.dashboard_invitation-card-title__vLvUV {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--gray-900);
  margin-bottom: 0.5rem;
}

.dashboard_invitation-card-description__B_xcc {
  font-size: 0.875rem;
  color: var(--gray-600);
  margin-bottom: 1rem;
  line-height: 1.5;
}

.dashboard_invitation-features__H0hk5 {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.dashboard_invitation-features__H0hk5 li {
  padding: 0.25rem 0;
  font-size: 0.813rem;
  color: var(--gray-700);
  display: flex;
  align-items: center;
}

.dashboard_invitation-features__H0hk5 li::before {
  content: "✓";
  color: var(--success);
  font-weight: bold;
  margin-right: 0.5rem;
}

.dashboard_invitation-card__FmdP6.dashboard_selected__YpOfa {
  border-color: var(--info);
  background: rgba(13, 202, 240, 0.05);
  box-shadow: 0 0 0 3px rgba(13, 202, 240, 0.1);
}

.dashboard_invitation-icon__FY3V5.dashboard_warning__pK_Rr {
  background: var(--warning-gradient);
}

.dashboard_invitation-icon__FY3V5.dashboard_info__q_wHJ {
  background: var(--manager-gradient);
}

.dashboard_feature-list__gdsCu {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.dashboard_feature-item__wm23O {
  display: flex;
  align-items: flex-start;
  font-size: 0.875rem;
  line-height: 1.4;
}

.dashboard_feature-item__wm23O i {
  margin-top: 2px;
  flex-shrink: 0;
}

/* Mobile responsiveness for invitation cards */
@media (max-width: 768px) {
  .dashboard_invitation-card__FmdP6:hover {
    transform: none;
  }
}
/* ========== JOB CARDS (For Available Jobs Section) ========== */
.dashboard_job-list__3_17p {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.dashboard_job-card__LRvU7 {
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  border: 1px solid var(--gray-200);
  transition: all var(--transition-normal);
  cursor: pointer;
}

.dashboard_job-card__LRvU7:hover {
  background: var(--gray-50);
  border-color: var(--gray-300);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.dashboard_job-header__ueNKX {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: var(--space-3);
  gap: var(--space-2);
}

.dashboard_job-title__8okyu {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  color: var(--gray-900);
  margin: 0;
  line-height: 1.4;
  flex: 1;
}

.dashboard_job-meta__phMwa {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}

.dashboard_job-meta__phMwa span {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 0.875rem;
  color: var(--gray-600);
}

.dashboard_job-meta__phMwa i {
  color: var(--gray-500);
  font-size: 0.875rem;
}

.dashboard_job-footer__jf3hS {
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--gray-200);
}

.dashboard_job-footer__jf3hS small {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 0.813rem;
  color: var(--gray-600);
}

.dashboard_job-footer__jf3hS i {
  color: var(--gray-500);
}

.Input_formGroup__1n4lA{margin-bottom:0}.Input_formGroup__1n4lA:last-child{margin-bottom:0}.Input_formLabel__2CU9l{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#111827;font-weight:500;font-size:.875rem}.Input_formLabel__2CU9l i{color:#2563eb;font-size:.875rem}.Input_inputWrapper__PBw4R{position:relative}.Input_formControl__C53sn{width:100%;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1rem;color:#111827;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);height:2.75rem;padding:0 1rem}.Input_formControl__C53sn:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.Input_formControl__C53sn::-moz-placeholder{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.Input_formControl__C53sn::placeholder{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.Input_formControl__C53sn.Input_isInvalid__M1TT7{border-color:#ef4444;background:rgba(254,242,242,.5)}.Input_formControl__C53sn.Input_isInvalid__M1TT7:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.Input_passwordControl__zb8xc{padding-right:48px}.Input_inputIcon__m4_Zc{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;font-size:1rem}.Input_errorMessage__5K1L6{margin-top:.5rem;color:#dc2626;font-size:.875rem;display:flex;align-items:center;gap:.5rem;font-weight:400}.Input_errorMessage__5K1L6 i{font-size:.875rem}.Input_helperText__kn7_n{margin-top:.5rem;color:#4b5563;font-size:.75rem}.Input_passwordToggle__psJxP{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all all 200ms cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.Input_passwordToggle__psJxP:hover{color:#2563eb;background:rgba(59,130,246,.1)}.Input_passwordToggle__psJxP:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
/* ========================================================
   STAFFACTORY CONTRACTOR PORTAL - CSS MODULES
   Modern Dashboard Components & Layouts

   NOTE: This file is IDENTICAL to employees/dashboard.module.css
   except for contractor-specific color variables.
======================================================== */

/* ========== DASHBOARD LAYOUT ========== */
.dashboard_dashboard-container__gyfo9 {
  display: flex;
  min-height: 100vh;
  background: var(--gray-50);
  font-family: var(--font-family);
  font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dashboard_main-content__R5Khg {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 240px;
  transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 100vh;
}

/* Adjust main content margin when sidebar is collapsed */
.dashboard_dashboard-container__gyfo9:has(.dashboard_sidebar__r7i3T.dashboard_collapsed__VWnD1) .dashboard_main-content__R5Khg {
  margin-left: 70px;
}

.dashboard_content-area__XwHWj {
  flex: 1;
  padding: 2rem 2rem;
  background: var(--gray-50);
  min-height: calc(100vh - 88px);
  overflow-x: hidden;
  max-width: 100%;
}

/* ========== CLEAN STATS CARDS ========== */
.dashboard_stats-grid__NS_uW {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.dashboard_stat-card___xMK9 {
  background: white;
  border-radius: var(--radius-xl);
  padding: 1.75rem;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--gray-200);
  transition: all var(--transition-normal);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.dashboard_stat-card___xMK9::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gray-200);
  transition: all var(--transition-normal);
}

/* Contractor-specific color */
.dashboard_stat-card___xMK9.dashboard_stat-contractor__gs_Me::before {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.dashboard_stat-card___xMK9:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-xl);
  border-color: var(--gray-300);
}

.dashboard_stat-header__FGN0l {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.dashboard_stat-icon__Ex5Iw {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: white;
  box-shadow: var(--shadow-lg);
  flex-shrink: 0;
}

.dashboard_stat-icon__Ex5Iw.dashboard_primary__bli7F {
  background: var(--info);
}

.dashboard_stat-icon__Ex5Iw.dashboard_success__N8897 {
  background: var(--success);
}

.dashboard_stat-icon__Ex5Iw.dashboard_warning__Ae4Tp {
  background: var(--warning);
}

.dashboard_stat-icon__Ex5Iw.dashboard_danger__PR7FA {
  background: var(--error);
}

.dashboard_stat-content__EfQqu {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1;
}

.dashboard_stat-number__D_t4Q {
  font-size: 2.5rem;
  font-weight: var(--font-weight-bold);
  color: var(--gray-900);
  line-height: 1;
  letter-spacing: -0.02em;
}

.dashboard_stat-label__MXjYy {
  font-size: 0.938rem;
  color: var(--gray-600);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
}

/* ========== MODERN CARDS ========== */
.dashboard_modern-card__BdX_q {
  background: white;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--gray-200);
  overflow: hidden;
  transition: all var(--transition-normal);
  max-width: 100%;
}

.dashboard_modern-card__BdX_q:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--gray-300);
}

.dashboard_card-header__NItMl {
  padding: 1.75rem 2rem 1.5rem;
  border-bottom: 1px solid var(--gray-100);
  background: linear-gradient(135deg, var(--gray-50) 0%, white 100%);
}

.dashboard_card-title__sYD4c {
  margin: 0;
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
  color: var(--gray-900);
  line-height: 1.3;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
}

.dashboard_card-body__pm1NI {
  padding: 2rem;
}

/* ========== MODERN TABLES ========== */
.dashboard_modern-table__DG__5 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  table-layout: fixed;
}

.dashboard_modern-table__DG__5 th {
  background: var(--gray-50);
  color: var(--gray-700);
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 1.25rem 1.5rem;
  border-bottom: 2px solid var(--gray-200);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.dashboard_modern-table__DG__5 td {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--gray-100);
  color: var(--gray-900);
  font-size: 0.875rem;
  line-height: 1.6;
  vertical-align: middle;
}

.dashboard_modern-table__DG__5 tbody tr {
  transition: background-color var(--transition-fast);
}

.dashboard_modern-table__DG__5 tbody tr:hover {
  background: var(--gray-50);
}

.dashboard_modern-table__DG__5 tbody tr:last-child td {
  border-bottom: none;
}

/* ========== EMPTY STATE ========== */
.dashboard_empty-state__O_dDu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-12);
  text-align: center;
  color: var(--gray-500);
  min-height: 300px;
}

.dashboard_empty-state__O_dDu i {
  font-size: 4rem;
  margin-bottom: var(--space-6);
  opacity: 0.3;
  color: var(--gray-400);
}

.dashboard_empty-state__O_dDu p {
  margin: 0;
  font-weight: var(--font-weight-medium);
  font-size: 1.125rem;
  color: var(--gray-600);
}

.dashboard_empty-state-subtitle__rtT6W {
  margin-top: var(--space-2);
  font-size: 0.875rem;
  color: var(--gray-500);
}

/* ========== ACTION BUTTONS ========== */
.dashboard_action-btn__re_qb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-4);
  border: none;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-semibold);
  font-size: 0.75rem;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-normal);
  min-height: 32px;
}

/* Contractor-specific button color */
.dashboard_btn-contractor__eo7_v {
  background: #3b82f6;
  color: white;
}

.dashboard_btn-contractor__eo7_v:hover {
  background: #2563eb;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
  color: white;
}

/* ========== RANKING LISTS ========== */
.dashboard_ranking-list__agwe8 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.dashboard_ranking-item__jP5cW {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.125rem 1.5rem;
  background: var(--gray-50);
  border-radius: var(--radius-lg);
  border: 1px solid var(--gray-200);
  transition: all var(--transition-normal);
  gap: 1.25rem;
  min-height: 64px;
}

.dashboard_ranking-item__jP5cW:hover {
  background: white;
  border-color: var(--gray-300);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

/* Contractor-specific ranking item color */
.dashboard_item-contractor__f_0wm {
  border-left: 4px solid #3b82f6;
}

.dashboard_ranking-number__69KyH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  font-weight: var(--font-weight-bold);
  font-size: 1rem;
  color: white;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
  line-height: 1;
  margin-right: 1rem;
}

/* Contractor-specific ranking number color */
.dashboard_number-contractor__6v2HJ {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.dashboard_ranking-badge__SoaNx {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.125rem;
  border-radius: var(--radius-full);
  font-size: 0.938rem;
  font-weight: var(--font-weight-bold);
  color: white;
  min-width: 56px;
  line-height: 1;
  flex-shrink: 0;
  box-shadow: var(--shadow-sm);
}

/* Contractor-specific ranking badge color */
.dashboard_badge-contractor__aMvn8 {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.25);
}

/* ========== RESPONSIVE DESIGN ========== */
/* Large Desktop (>1200px) - 4 cards per row */
@media (min-width: 1201px) {
  .dashboard_stats-grid__NS_uW {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-5);
  }
}

/* Desktop/Laptop (768px-1200px) - 2 cards per row */
@media (max-width: 1200px) and (min-width: 768px) {
  .dashboard_stats-grid__NS_uW {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }
}

/* Tablet and Mobile */
@media (max-width: 1024px) {
  .dashboard_main-content__R5Khg {
    margin-left: 0;
  }

  .dashboard_content-area__XwHWj {
    padding: var(--space-4);
  }
}

/* Mobile (<=767px) - 1 card per row */
@media (max-width: 767px) {
  .dashboard_stats-grid__NS_uW {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  /* Card padding adjustments */
  .dashboard_card-header__NItMl {
    padding: 1.25rem 1.5rem;
  }

  .dashboard_card-body__pm1NI {
    padding: 1.5rem;
  }

  /* Stat cards mobile */
  .dashboard_stat-card___xMK9 {
    padding: 1.25rem;
  }

  .dashboard_stat-icon__Ex5Iw {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
  }

  .dashboard_stat-number__D_t4Q {
    font-size: 2rem;
  }

  .dashboard_stat-label__MXjYy {
    font-size: 0.813rem;
  }

  /* Ranking items mobile */
  .dashboard_ranking-item__jP5cW {
    padding: 0.875rem 1rem;
    gap: 0.875rem;
    min-height: 56px;
  }

  .dashboard_ranking-number__69KyH {
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
    margin-right: 0.75rem;
  }

  .dashboard_ranking-badge__SoaNx {
    padding: 0.5rem 0.875rem;
    font-size: 0.813rem;
    min-width: 48px;
  }

  /* Content area padding */
  .dashboard_content-area__XwHWj {
    padding: var(--space-3);
  }
}

/* Extra Small Mobile (<=400px) - Galaxy S10, iPhone SE */
@media (max-width: 400px) {
  /* Content area */
  .dashboard_content-area__XwHWj {
    padding: var(--space-2);
  }

  /* Stat cards - more compact */
  .dashboard_stats-grid__NS_uW {
    gap: var(--space-3);
  }

  .dashboard_stat-card___xMK9 {
    padding: 1rem;
    border-radius: var(--radius-lg);
  }

  .dashboard_stat-icon__Ex5Iw {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
  }

  .dashboard_stat-number__D_t4Q {
    font-size: 1.75rem;
  }

  .dashboard_stat-label__MXjYy {
    font-size: 0.75rem;
  }

  /* Card header/body */
  .dashboard_card-header__NItMl {
    padding: 1rem 1.25rem;
  }

  .dashboard_card-title__sYD4c {
    font-size: 1.063rem;
  }

  .dashboard_card-body__pm1NI {
    padding: 1.25rem;
  }

  /* Tables - even more compact */
  .dashboard_modern-table__DG__5 {
    font-size: 0.75rem;
  }

  .dashboard_modern-table__DG__5 th {
    font-size: 0.688rem;
    padding: 0.75rem 0.875rem;
  }

  .dashboard_modern-table__DG__5 td {
    padding: 0.75rem 0.875rem;
  }

  /* Make sure table columns don't overflow */
  .dashboard_modern-table__DG__5 th,
  .dashboard_modern-table__DG__5 td {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Action buttons in tables */
  .dashboard_action-btn__re_qb {
    padding: var(--space-1) var(--space-2);
    font-size: 0.688rem;
    min-height: 28px;
  }

  /* Ranking items */
  .dashboard_ranking-item__jP5cW {
    padding: 0.75rem 0.875rem;
    gap: 0.75rem;
    min-height: 48px;
  }

  .dashboard_ranking-number__69KyH {
    width: 32px;
    height: 32px;
    font-size: 0.813rem;
    margin-right: 0.625rem;
  }

  .dashboard_ranking-badge__SoaNx {
    padding: 0.438rem 0.75rem;
    font-size: 0.75rem;
    min-width: 40px;
  }

  /* Empty state */
  .dashboard_empty-state__O_dDu {
    padding: var(--space-6);
    min-height: 240px;
  }

  .dashboard_empty-state__O_dDu i {
    font-size: 3rem;
    margin-bottom: var(--space-4);
  }

  .dashboard_empty-state__O_dDu p {
    font-size: 1rem;
  }

  .dashboard_empty-state-subtitle__rtT6W {
    font-size: 0.813rem;
  }
}

/* ========== UTILITIES ========== */
.dashboard_text-center__nXBOZ { text-align: center; }
.dashboard_text-left__d99PX { text-align: left; }
.dashboard_text-right__PGzze { text-align: right; }

.dashboard_flex__7CVHW { display: flex; }
.dashboard_flex-col__hQ5WO { flex-direction: column; }
.dashboard_items-center__E4r5c { align-items: center; }
.dashboard_justify-center__A0Jrv { justify-content: center; }
.dashboard_justify-between__OJQG_ { justify-content: space-between; }

.dashboard_mb-4__0pYa_ { margin-bottom: var(--space-4); }
.dashboard_mb-6__8SoQ4 { margin-bottom: var(--space-6); }
.dashboard_mb-8__cwrAc { margin-bottom: var(--space-8); }

.dashboard_p-4__PHqCy { padding: var(--space-4); }
.dashboard_p-6__KgeZV { padding: var(--space-6); }

.dashboard_w-full__3_oVf { width: 100%; }
.dashboard_h-full__Q2UFD { height: 100%; }

/* Prevent Bootstrap grid overflow */
.dashboard_content-wrapper__8HSfJ .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  max-width: 100%;
}

.dashboard_content-wrapper__8HSfJ .row > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* Ensure table wrapper doesn't overflow */
.dashboard_content-wrapper__8HSfJ .table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

.JobApplicationsPage_pageContainer__0OWzM{display:flex;flex-direction:column;gap:1.5rem}.JobApplicationsPage_searchSection__4ubFi{background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb}.JobApplicationsPage_searchHeader__A2jgA{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}.JobApplicationsPage_searchInputGroup__8yhOk{display:flex;align-items:center;flex:1;min-width:280px;max-width:500px;background:#f9fafb;border-radius:.75rem;border:2px solid #e5e7eb;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_searchInputGroup__8yhOk:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.JobApplicationsPage_searchIcon__gElXS{padding:0 1rem;color:#9ca3af}.JobApplicationsPage_searchInput__wGI7J{flex:1;border:none;background:rgba(0,0,0,0);padding:.75rem 1rem .75rem 0;font-size:1rem;color:#111827;outline:none}.JobApplicationsPage_searchInput__wGI7J::-moz-placeholder{color:#6b7280}.JobApplicationsPage_searchInput__wGI7J::placeholder{color:#6b7280}.JobApplicationsPage_filterToggleBtn__ROYbL{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_filterToggleBtn__ROYbL:hover{border-color:#3b82f6;color:#2563eb;background:#eff6ff}.JobApplicationsPage_filterToggleBtn__ROYbL.JobApplicationsPage_active__33hRc{border-color:#3b82f6;color:#2563eb;background:#eff6ff}.JobApplicationsPage_filterPanel__5fg0C{padding:0 1.5rem 1.5rem;border-top:1px solid #e5e7eb;animation:JobApplicationsPage_slideDown__VgFD5 .2s ease-out}@keyframes JobApplicationsPage_slideDown__VgFD5{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.JobApplicationsPage_filterGrid__NZevq{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;padding-top:1rem}.JobApplicationsPage_filterGroup__ELQzV{display:flex;flex-direction:column;gap:.5rem}.JobApplicationsPage_filterLabel__z3EpN{font-size:.875rem;font-weight:500;color:#4b5563}.JobApplicationsPage_filterSelect__tY6ni{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.875rem;color:#111827;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_filterSelect__tY6ni:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.JobApplicationsPage_filterActions__x8CCJ{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #f3f4f6;margin-top:1rem}.JobApplicationsPage_btnReset__7jo_W{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_btnReset__7jo_W:hover{border-color:#d1d5db;background:#f9fafb}.JobApplicationsPage_btnApply___L24C{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border:none;border-radius:.5rem;background:#2563eb;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_btnApply___L24C:hover{background:#1d4ed8}.JobApplicationsPage_btnApply___L24C:disabled{background:#d1d5db;cursor:not-allowed}.JobApplicationsPage_jobsGrid__9PbeC{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:1.25rem}.JobApplicationsPage_jobCard__I0s9E{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.JobApplicationsPage_jobCard__I0s9E:hover{border-color:#93c5fd;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transform:translateY(-2px)}.JobApplicationsPage_jobCardHeader__uszBW{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem;gap:.75rem}.JobApplicationsPage_jobInfo__fhkDN{flex:1;min-width:0}.JobApplicationsPage_jobTitle__Wk_aI{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.25}.JobApplicationsPage_jobMeta__7R7lI{display:flex;flex-direction:column;gap:.25rem}.JobApplicationsPage_jobMetaItem__eQYei{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.JobApplicationsPage_jobMetaItem__eQYei i{width:16px;color:#9ca3af}.JobApplicationsPage_statusBadge__sVueC{flex-shrink:0;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.JobApplicationsPage_statusBadge__sVueC.JobApplicationsPage_active__33hRc{background:#dcfce7;color:#15803d}.JobApplicationsPage_statusBadge__sVueC.JobApplicationsPage_closed__bx_ae{background:#f3f4f6;color:#4b5563}.JobApplicationsPage_jobCardFooter__YRu_9{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f9fafb;border-top:1px solid #f3f4f6}.JobApplicationsPage_applicationCount__mHw4L{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.JobApplicationsPage_countBadge__X9Y5b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;background:#3b82f6;color:#fff;border-radius:9999px;font-size:.875rem;font-weight:600}.JobApplicationsPage_viewBtn__fluiR{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #3b82f6;border-radius:.5rem;background:rgba(0,0,0,0);color:#2563eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_viewBtn__fluiR:hover{background:#3b82f6;color:#fff}.JobApplicationsPage_backBtn__o8xYA{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:1rem}.JobApplicationsPage_backBtn__o8xYA:hover{border-color:#d1d5db;background:#f9fafb}.JobApplicationsPage_applicationsCard__W199X{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);overflow:hidden}.JobApplicationsPage_cardHeader__nr_Fh{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.JobApplicationsPage_cardTitle__h46HG{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.JobApplicationsPage_filteredCount__7RMor{font-size:.875rem;font-weight:400;color:#6b7280;margin-left:.5rem}.JobApplicationsPage_tableContainer__0t00w{overflow-x:auto}.JobApplicationsPage_applicationsTable__eMIJP{width:100%;border-collapse:collapse}.JobApplicationsPage_applicationsTable__eMIJP th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;background:#f9fafb;border-bottom:2px solid #e5e7eb;white-space:nowrap}.JobApplicationsPage_applicationsTable__eMIJP td{padding:1rem;font-size:.875rem;color:#111827;border-bottom:1px solid #f3f4f6;vertical-align:middle}.JobApplicationsPage_applicationsTable__eMIJP tbody tr{transition:background 150ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_applicationsTable__eMIJP tbody tr:hover{background:#f9fafb}.JobApplicationsPage_applicantName__icztg{font-weight:500;color:#111827}.JobApplicationsPage_applicantEmail__IgGb1{font-size:.75rem;color:#6b7280;margin-top:.25rem}.JobApplicationsPage_experienceBadge__IUWmn{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#f3f4f6;border-radius:9999px;font-size:.75rem;font-weight:500;color:#4b5563}.JobApplicationsPage_statusBadgeSmall__cMTrY{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.JobApplicationsPage_statusBadgeSmall__cMTrY.JobApplicationsPage_pending__6yaZ_{background:#fef3c7;color:#b45309}.JobApplicationsPage_statusBadgeSmall__cMTrY.JobApplicationsPage_reviewing__p8kfl{background:#f3f4f6;color:#374151}.JobApplicationsPage_statusBadgeSmall__cMTrY.JobApplicationsPage_shortlisted__tSvun{background:#dbeafe;color:#1d4ed8}.JobApplicationsPage_statusBadgeSmall__cMTrY.JobApplicationsPage_interviewed__OdL8M{background:#dbeafe;color:#1d4ed8}.JobApplicationsPage_statusBadgeSmall__cMTrY.JobApplicationsPage_hired__oZCZt{background:#dcfce7;color:#15803d}.JobApplicationsPage_statusBadgeSmall__cMTrY.JobApplicationsPage_rejected__P13Mk{background:#fee2e2;color:#b91c1c}.JobApplicationsPage_actionBtns__vnQiO{display:flex;gap:.5rem}.JobApplicationsPage_actionBtn__izub2{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#4b5563;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_actionBtn__izub2:hover{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.JobApplicationsPage_actionBtn__izub2.JobApplicationsPage_secondary__ef41T:hover{border-color:#d1d5db;color:#4b5563;background:#f3f4f6}.JobApplicationsPage_emptyState__idvhF{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center}.JobApplicationsPage_emptyIcon__AKUzS{font-size:4rem;color:#d1d5db;margin-bottom:1.5rem}.JobApplicationsPage_emptyTitle__uDMyR{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.JobApplicationsPage_emptyDescription__DS75k{font-size:1rem;color:#6b7280;margin:0 0 1.5rem;max-width:400px}.JobApplicationsPage_emptyBtn__P9E5I{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid #3b82f6;border-radius:.5rem;background:rgba(0,0,0,0);color:#2563eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_emptyBtn__P9E5I:hover{background:#3b82f6;color:#fff}.JobApplicationsPage_loadingContainer__Qb3iE{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.JobApplicationsPage_spinner__Kv79m{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:JobApplicationsPage_spin__rkWds .8s linear infinite}@keyframes JobApplicationsPage_spin__rkWds{to{transform:rotate(360deg)}}.JobApplicationsPage_loadingText__GqS4U{margin-top:1rem;font-size:.875rem;color:#6b7280}.JobApplicationsPage_pagination__nUiI_{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem}.JobApplicationsPage_pageBtn__Voxqn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)}.JobApplicationsPage_pageBtn__Voxqn:hover:not(:disabled){border-color:#93c5fd;color:#2563eb;background:#eff6ff}.JobApplicationsPage_pageBtn__Voxqn:disabled{opacity:.5;cursor:not-allowed}.JobApplicationsPage_pageBtn__Voxqn.JobApplicationsPage_active__33hRc{background:#3b82f6;border-color:#3b82f6;color:#fff}.JobApplicationsPage_pageEllipsis__yvyYL{padding:0 .5rem;color:#6b7280}@media(max-width: 768px){.JobApplicationsPage_searchHeader__A2jgA{flex-direction:column}.JobApplicationsPage_searchInputGroup__8yhOk{max-width:100%;width:100%}.JobApplicationsPage_jobsGrid__9PbeC{grid-template-columns:1fr}.JobApplicationsPage_applicationsTable__eMIJP th,.JobApplicationsPage_applicationsTable__eMIJP td{padding:.5rem .75rem}}
.team_modal-backdrop__p5C6n{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1050;backdrop-filter:blur(4px)}.team_modal-content__58qZM{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:540px;width:90%;max-height:90vh;overflow-y:auto;animation:team_modalSlideIn__nSOXB .3s ease-out}@keyframes team_modalSlideIn__nSOXB{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.team_modal-header__gzb8D{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;align-items:flex-start;justify-content:space-between}.team_modal-title__K13yv{font-size:1.25rem;font-weight:600;color:#212529;margin:0}.team_modal-close__vCQOw{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.team_modal-close__vCQOw:hover{background-color:#f8f9fa;color:#212529}.team_modal-close__vCQOw:focus{outline:none;box-shadow:0 0 0 3px rgba(13,110,253,.25)}.team_modal-body__7ucSS{padding:1.5rem}.team_modal-footer__3LFL_{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.team_btn-primary__7aIDd{background-color:#0d6efd;border-color:#0d6efd;color:#fff;padding:.5rem 1.25rem;border-radius:6px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.team_btn-primary__7aIDd:hover:not(:disabled){background-color:#0b5ed7;border-color:#0a58ca;transform:translateY(-1px);box-shadow:0 4px 8px rgba(13,110,253,.3)}.team_btn-primary__7aIDd:disabled{opacity:.6;cursor:not-allowed}.team_btn-primary__7aIDd:focus{outline:none;box-shadow:0 0 0 3px rgba(13,110,253,.25)}