.staff-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.staff-header{justify-content:space-between;align-items:center;display:flex}.staff-header-content h1{color:var(--color-black);font-size:1.5rem;font-weight:700}.staff-header-content p{color:var(--color-gray-600)}.staff-stats-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:640px){.staff-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.staff-stats-grid{grid-template-columns:repeat(4,1fr)}}.staff-stat-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.staff-stat-content{justify-content:space-between;align-items:center;display:flex}.staff-stat-label{color:var(--color-gray-600);font-size:.875rem;font-weight:500}.staff-stat-value{color:var(--color-black);font-size:1.5rem;font-weight:700}.staff-stat-value.active{color:var(--color-green-600)}.staff-stat-icon{width:2rem;height:2rem;color:var(--color-gray-500)}.staff-stat-icon.active{color:var(--color-green-500)}.staff-stat-icon.admin{color:var(--color-gray-600)}.staff-search-filters{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-gray-200)}.staff-filters-container{gap:var(--spacing-lg);flex-direction:column;display:flex}@media (min-width:640px){.staff-filters-container{flex-direction:row}}.staff-search-wrapper{flex:1}.staff-search-input-container{position:relative}.staff-search-icon{left:var(--spacing-md);width:1rem;height:1rem;color:var(--color-gray-400);position:absolute;top:50%;transform:translateY(-50%)}.staff-search-input{width:100%;padding-left:2.25rem;padding-right:var(--spacing-md);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm)}.staff-search-input:focus{box-shadow:0 0 0 2px var(--color-black);outline:none}.staff-filter-select{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm)}@media (min-width:640px){.staff-filter-select{width:10rem}}.staff-filter-select:focus{box-shadow:0 0 0 2px var(--color-black);outline:none}.staff-member-info{align-items:center;display:flex}.staff-member-avatar{background-color:var(--color-gray-200);border-radius:var(--radius-full);justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.staff-member-initial{color:var(--color-gray-600);font-size:.875rem;font-weight:500}.staff-member-details{margin-left:var(--spacing-md)}.staff-member-name{color:var(--color-black);font-size:.875rem;font-weight:500}.staff-member-username{color:var(--color-gray-500);font-size:.875rem}