@charset "utf-8";
/* CSS Document */
/* Pagination */
		.pagination {
			margin-top: 30px;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 15px;
			font-size:0.8rem;
		}

		.pagination-controls {
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.page-prev, .page-next {
			padding: 8px 15px;
			background: #f8f8f8;
			border: 1px solid #ddd;
			border-radius: 4px;
			color: #555;
			cursor: pointer;
			transition: all 0.3s ease;
			text-decoration: none;
		}

		.page-prev:hover:not(:disabled), 
		.page-next:hover:not(:disabled) {
			background: #0066cc;
			color: white;
			border-color: #0066cc;
		}

		.page-prev:disabled, 
		.page-next:disabled {
			opacity: 0.5;
			cursor: not-allowed;
		}

		.page-numbers {
			display: flex;
			gap: 5px;
		}

		.page-number {
			padding: 8px 12px;
			border: 1px solid #ddd;
			border-radius: 4px;
			color: #555;
			cursor: pointer;
		}

		.page-number.active {
			background: #0066cc;
			color: white;
			border-color: #0066cc;
		}

		.page-info {
			color: #666;
			font-size: 0.9rem;
		}